@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-4.ttf) format('truetype');
}

:root{color-scheme:dark;--cream:#eeeeda;--muted:#b8c6b7;--line:rgba(224,235,214,.2)}
*{box-sizing:border-box}body{margin:0;background:#102d2c;color:var(--cream);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f0cd87;outline-offset:7px}button{border:0;background:none}::selection{background:#edb35c;color:#12332f}
.experience{height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate;perspective:1600px}.world{position:absolute;inset:-6%;transform-origin:50% 55%;pointer-events:none;will-change:transform;background:radial-gradient(ellipse at 70% 26%,#7c9170 0%,#476d5d 18%,#284f48 43%,#153c38 68%,#102e2e 100%)}.scene-layer,.daylight,.light-beams,.motes{position:absolute;inset:0;width:100%;height:100%;will-change:transform}.far{opacity:.62}.middle{opacity:.65;filter:blur(.7px)}.perch{filter:drop-shadow(0 14px 10px #071d2366)}.subject{filter:drop-shadow(3px 13px 9px #061e2580)}.foreground{filter:blur(3px);opacity:.95}.daylight{background:radial-gradient(ellipse at 68% 25%,#c8c79c40,transparent 40%)}.light-beams{background:linear-gradient(112deg,transparent 53%,#d2e7b609 54%,#d2e7b600 58%,transparent 62%,#d2e7b60a 64%,transparent 70%);mix-blend-mode:screen}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#09282580,transparent 65%),linear-gradient(0deg,#051e23a8,transparent 27%,transparent 76%,#0a292b5c);box-shadow:inset 0 0 130px #08282766}.vignette:after{content:'';position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.masthead{position:absolute;top:0;left:0;right:0;margin:0 5%;height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:500;letter-spacing:-1.4px}.wordmark svg{height:30px;width:30px}.wordmark-dot{color:#c6b378}
.intro{position:absolute;left:9.5%;top:29%;max-width:820px}.intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(62px,6.8vw,116px);line-height:.99;letter-spacing:-3px;margin:29px 0 28px}.intro h1 em{color:#e7d6a2;font-weight:400}
.footer{position:absolute;left:5%;right:5%;bottom:37px;border-top:1px solid var(--line);padding-top:22px}.scene-caption{font-size:8px;letter-spacing:2.4px;color:#a9bcad}
.mote{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);background:#dae7ad;border-radius:50%;opacity:0;box-shadow:0 0 7px #c6df9366;animation:drift var(--duration) var(--delay) linear infinite}
.bird-breathe{transform-origin:245px 420px;animation:breathe 5s ease-in-out infinite}.bird-eye{transform-box:fill-box;transform-origin:center;animation:blink 9s infinite}.bird-head{transform-origin:232px 219px;animation:glance 13s ease-in-out infinite}.bird-tail{transform-origin:275px 350px;animation:tail-flick 11s ease-in-out infinite}.paused *{animation-play-state:paused!important}
@keyframes drift{0%{opacity:0;translate:0 18px}25%,65%{opacity:.45}100%{opacity:0;translate:23px -55px}}@keyframes breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.008)}}@keyframes blink{0%,43%,45%,100%{scale:1 1}44%{scale:1 .12}}@keyframes glance{0%,30%,46%,100%{transform:rotate(0)}35%,41%{transform:rotate(-4deg)}}@keyframes tail-flick{0%,65%,80%,100%{transform:rotate(0)}70%{transform:rotate(-1.8deg)}75%{transform:rotate(.7deg)}}
@media(min-width:1700px){.intro{left:13%;top:30%}}
@media(max-width:1000px){.intro{left:7%;max-width:480px;top:29%}.intro h1{font-size:76px}}
@media(max-width:600px){.experience{min-height:740px;touch-action:pan-y}.masthead{height:86px;margin:0 7%}.wordmark{font-size:26px}.wordmark svg{width:26px;height:26px}.intro{top:142px;left:9%;right:6%}.intro h1{font-size:62px;letter-spacing:-2px;margin:21px 0 19px;line-height:1}.world{inset:-3% -5%}.vignette{background:linear-gradient(180deg,#09282577,transparent 65%,#051e2399)}.footer{bottom:22px;left:7%;right:7%;padding-top:17px}.scene-caption{font-size:7px;letter-spacing:2px}.foreground{filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.world,.scene-layer{will-change:auto}}