*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eee5d4}body{color:#423d34}#warmer-wall-study{width:100%;position:relative} [hidden]{display:none!important}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/newsreader.ttf) format('truetype');
}
#warmer-wall-study .lw-wall{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;container-type:inline-size;background-color:#eee5d4;background-size:100% 170%;background-position:center bottom;--lw-shadow:.27}
#warmer-wall-study .lw-header{mix-blend-mode:multiply;z-index:2;position:absolute;inset:0 0 auto;height:29%;display:flex;align-items:center;gap:3%;padding:1% 6%;box-sizing:border-box;color:#423d34;font-family:Newsreader,Georgia,serif}
#warmer-wall-study .lw-portrait{width:18%;max-width:180px;height:auto;mix-blend-mode:multiply;display:block;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 79%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 79%,transparent);mask-composite:intersect}
#warmer-wall-study .lw-words{min-width:0;mix-blend-mode:multiply;filter:url(#lw-painted-ink)}
#warmer-wall-study .lw-words h1{font-family:Newsreader,Georgia,serif;font-size:clamp(29px,4.7cqw,55px);font-weight:400;line-height:1;letter-spacing:normal;margin:0}
#warmer-wall-study .lw-location{font-family:Newsreader,Georgia,serif;font-size:clamp(14px,2cqw,22px);font-weight:400;line-height:1.2;letter-spacing:normal;margin:4px 0 0}
#warmer-wall-study .lw-contact{display:inline-block;margin-top:4px;padding:4px 0;min-height:24px;color:inherit;font:400 clamp(14px,1.5cqw,17px)/1.2 Newsreader,Georgia,serif;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#warmer-wall-study .lw-contact:focus-visible{outline:2px solid #514638;outline-offset:4px;border-radius:2px}
#warmer-wall-study .lw-canvas{z-index:2;margin:0;position:absolute;box-sizing:border-box;border-radius:4px;background:#655b4c;box-shadow:0 0 2px #3b302b30,1px 1px 2px #3b302b50,3px 4px 4px #3b302b35,9px 14px 18px rgba(55,43,31,var(--lw-shadow));opacity:1;transition:opacity 1800ms ease-in-out;overflow:hidden;transform:translateZ(0)}
#warmer-wall-study .lw-canvas img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
#warmer-wall-study .lw-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:4px;box-shadow:inset 0 0 2px #473e3310,inset -2px -2px 3px #2b241c26}
#warmer-wall-study .lw-canvas span{display:none}
#warmer-wall-study .lw-canvas.is-absent{opacity:0}
#warmer-wall-study.phone .lw-wall{max-width:390px;margin:0 auto;aspect-ratio:auto;height:620px;background-size:auto 175%;background-position:70% bottom}
#warmer-wall-study.phone .lw-header{height:170px;padding:24px 22px 0;gap:16px;align-items:center}
#warmer-wall-study.phone .lw-portrait{width:110px;height:110px;flex:0 0 110px;margin-left:-6px}
#warmer-wall-study.phone .lw-words h1{font-size:31px;line-height:1.05;margin:0}
#warmer-wall-study.phone .lw-location{font-size:14px;line-height:1.2;margin:3px 0 0}
#warmer-wall-study.phone .lw-canvas{box-shadow:0 0 2px #3b302b30,1px 2px 2px #3b302b40,5px 8px 12px rgba(55,43,31,var(--lw-shadow))}
#warmer-wall-study .lw-window-light{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;transition:opacity 1.5s}
#warmer-wall-study .lw-warm-wash{position:absolute;inset:-25%;will-change:transform,opacity;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse closest-side,#000 75%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 75%,transparent 100%)}
#warmer-wall-study .lw-warm-wash-a{background:linear-gradient(118deg,transparent 0%,rgba(105,79,44,.08) 12%,transparent 24%,rgba(255,235,185,.40) 31%,rgba(255,254,243,.98) 43%,rgba(255,247,221,.62) 54%,transparent 68%,rgba(105,79,44,.08) 82%,transparent 100%);animation:lw-warm-drift-a 32s ease-in-out infinite alternate}
#warmer-wall-study .lw-warm-wash-b{background:radial-gradient(ellipse 46% 40% at 54% 48%,rgba(247,212,151,.40),rgba(255,242,205,.36) 42%,transparent 78%);animation:lw-warm-drift-b 41s ease-in-out infinite alternate}
#warmer-wall-study .lw-no-light .lw-window-light{opacity:0}
#warmer-wall-study .lw-light-paused .lw-warm-wash{animation-play-state:paused}
@keyframes lw-warm-drift-a{0%{transform:translate(-27%,-10%) rotate(-12deg) scale(.96);opacity:.80}50%{opacity:1}100%{transform:translate(25%,12%) rotate(12deg) scale(1.06);opacity:1}}
@keyframes lw-warm-drift-b{0%{transform:translate(24%,14%) scale(.90);opacity:1}55%{opacity:.8}100%{transform:translate(-24%,-13%) scale(1.1);opacity:.92}}
@media(prefers-reduced-motion:reduce){#warmer-wall-study .lw-canvas{transition:none}#warmer-wall-study .lw-warm-wash{animation:none}#warmer-wall-study .lw-window-light{transition:none}}

#warmer-wall-study .lw-wall{aspect-ratio:auto;height:100svh;min-height:650px;background-image:linear-gradient(120deg,rgba(255,253,247,.09),rgba(255,253,247,.04)),url('./assets/wall.jpg')}
#warmer-wall-study.phone .lw-wall{width:100%;max-width:none;height:100svh;min-height:620px;margin:0}
@media(max-width:350px){#warmer-wall-study.phone .lw-header{padding-left:16px;padding-right:16px;gap:10px}#warmer-wall-study.phone .lw-portrait{width:96px;height:96px;flex-basis:96px}#warmer-wall-study.phone .lw-words h1{font-size:29px}}

#warmer-wall-study .lw-credit{position:absolute;right:24px;bottom:10px;z-index:2;font:13px/1.3 Newsreader,Georgia,serif;color:#423d34;mix-blend-mode:multiply}
#warmer-wall-study .lw-credit{display:flex;align-items:center;gap:16px}
#warmer-wall-study .lw-motion-toggle{border:0;background:none;color:inherit;font:inherit;padding:4px 0;min-height:24px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#warmer-wall-study .lw-motion-toggle:focus-visible{outline:2px solid #514638;outline-offset:4px;border-radius:2px}
#warmer-wall-study .lw-light-paused .lw-canvas{transition:none}

#warmer-wall-study .lw-canvas{visibility:hidden}
#warmer-wall-study.is-ready .lw-canvas{visibility:visible}
#warmer-wall-study.is-ready .lw-canvas.is-rehanging{visibility:hidden}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(forced-colors:active){
  #warmer-wall-study .lw-wall{background:Canvas}
  #warmer-wall-study .lw-window-light{display:none}
  #warmer-wall-study .lw-header,#warmer-wall-study .lw-words,#warmer-wall-study .lw-credit{color:CanvasText;mix-blend-mode:normal;filter:none}
  #warmer-wall-study .lw-motion-toggle:focus-visible{outline-color:Highlight}
}
