:root{--forest-nav-top:17px;--forest-nav-side:clamp(16px,3.2vw,52px);--forest-pill-height:46px;--forest-ink:#2c180e;--forest-paper:#fff8e9}
.forest-home,.has-world .forest-home{
  display:block;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;
  background:#a3491b url(assets/forest-poster.webp) center center/cover no-repeat;color:#fffaf0;
}
.forest-video,.forest-shade,.forest-fox{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.forest-video{object-fit:cover;z-index:0;opacity:0}
.forest-video.is-playing{opacity:1}
.forest-shade{z-index:1;background:linear-gradient(90deg,#341400ba,#421f064c 38%,transparent 61%),linear-gradient(180deg,#431a1a61,transparent 20%,transparent 65%,#31120096)}
.forest-fox{z-index:3;opacity:0}
.forest-fox.is-ready{opacity:1}
.forest-fox-still{position:absolute;left:64%;top:50%;width:min(42vw,63svh);height:auto;translate:-50% -50%;z-index:2;pointer-events:none}
.forest-fox.is-ready~.forest-copy{isolation:isolate}
.forest-fox-still.loaded-model{opacity:0}
.forest-copy{position:absolute;z-index:4;left:var(--forest-nav-side);top:45%;translate:0 -19%;max-width:min(45%,420px)}
.forest-eyebrow{font:700 .63rem/1.4 var(--mono);letter-spacing:.105em;color:#fff1ce;margin-bottom:13px}
.forest-copy h1{font-size:clamp(39px,4.1vw,70px);font-weight:500;letter-spacing:-.055em;line-height:.99;text-shadow:0 3px 20px #3114008c}
.forest-copy h1>span{display:block}
.forest-copy h1>span:nth-child(2),.forest-copy h1>span:last-child{text-decoration:underline;text-decoration-thickness:.035em;text-underline-offset:.135em}
.forest-copy h1>span:last-child{margin-left:.43em}
.forest-copy>p:not(.forest-eyebrow){font-size:.94rem;line-height:1.45;max-width:31ch;margin-top:18px;color:#fff4df;text-shadow:0 2px 12px #2e130ac7}
.forest-cta,.forest-scroll{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.79rem}
.forest-cta{margin-top:17px;padding:6px 7px 6px 15px;min-height:41px;background:var(--forest-paper);color:var(--forest-ink);border-radius:28px}
.forest-cta span,.forest-scroll span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f1a364;color:#2d180d}
.forest-scroll{position:absolute;z-index:4;bottom:4%;right:var(--forest-nav-side);color:#fff7e8;text-shadow:0 2px 14px #392006}
.forest-scroll span{border:1px solid #fff9;background:#42210c68;color:#fff}
.at-opening .screen-index{display:none}
.forest-header.site-header{
  display:flex;justify-content:space-between;align-items:center;padding:var(--forest-nav-top) var(--forest-nav-side) 15px;gap:12px;z-index:12;
}
.at-opening .forest-header{background:linear-gradient(#34170273,transparent)}
.forest-actions,.forest-pill{display:flex;align-items:center;gap:9px}
.forest-pill{height:var(--forest-pill-height);border-radius:999px;padding:0 7px 0 8px;background:var(--forest-paper);color:var(--forest-ink);box-shadow:0 7px 26px #4a220947}
.forest-pill .brand{gap:8px}
.forest-pill .brand span{font-size:.58rem;letter-spacing:.15em}
.forest-header .motion-toggle{font-size:.69rem;min-height:36px;background:#28160b66;border-color:#fff8}
.forest-header .motion-toggle:is(:hover,[aria-pressed=true]){background:var(--forest-paper);color:var(--forest-ink)}
.forest-header .forest-burger{
  position:relative;width:33px;height:33px;min-height:33px;border:0;background:transparent;color:var(--forest-ink);
  border-radius:50%;padding:0;display:block;
}
.forest-header .forest-burger:hover{background:#89512621}
.forest-burger i{display:block;position:absolute;left:8px;top:10px;width:17px;height:1.6px;background:currentColor;border-radius:2px}
.forest-burger i:nth-child(2){top:15px}
.forest-burger i:nth-child(3){top:20px}
.forest-menu-open .forest-burger i:first-child{translate:0 5px;rotate:45deg}
.forest-menu-open .forest-burger i:nth-child(2){scale:0 1;opacity:0}
.forest-menu-open .forest-burger i:nth-child(3){translate:0 -5px;rotate:-45deg}
.forest-menu-open .forest-pill{box-shadow:none}
.forest-backdrop{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;visibility:hidden;background:#33160764}
.forest-menu-open .forest-backdrop{visibility:visible;opacity:1;pointer-events:auto;backdrop-filter:blur(8px)}
.forest-menu{
  position:fixed;z-index:11;top:var(--forest-nav-top);right:var(--forest-nav-side);width:min(408px,calc(100% - var(--forest-nav-side)*2));
  max-height:calc(100svh - var(--forest-nav-top)*2);overflow:auto;padding:65px 24px 20px;background:var(--forest-paper);color:var(--forest-ink);border-radius:24px;
  clip-path:inset(0 0 calc(100% - var(--forest-pill-height)) calc(100% - var(--pill-w,190px)) round 24px);
  visibility:hidden;
}
.forest-menu-open .forest-menu{clip-path:inset(0 round 24px);visibility:visible}
.forest-menu li{border-bottom:1px solid #6e3e242b;overflow:hidden}
.forest-menu a{min-height:45px;padding:8px 0;display:flex;align-items:center;gap:11px;font-size:clamp(24px,4vw,36px);line-height:1.05;letter-spacing:-.055em}
.forest-menu a small{font:700 .64rem/1 var(--mono);color:#95501e}
.forest-menu a span{margin-left:auto;font-size:19px;opacity:.55}
.forest-menu a:hover{color:#aa4b19}
.forest-menu a:focus-visible{outline-offset:-2px;outline-color:#934915}
.forest-menu-foot{display:flex;justify-content:space-between;gap:9px;margin-top:17px;color:#7c4728;font:700 .55rem/1.4 var(--mono);letter-spacing:.09em}
.motion-enabled .forest-video,.motion-enabled .forest-fox,.motion-enabled .forest-fox-still{transition:opacity .6s ease}
.motion-enabled .forest-copy h1>span,.motion-enabled .forest-copy>p,.motion-enabled .forest-cta{animation:forest-rise .85s cubic-bezier(.2,.7,.2,1) both}
.motion-enabled .forest-copy h1>span:nth-child(2){animation-delay:.10s}
.motion-enabled .forest-copy h1>span:nth-child(3){animation-delay:.20s}
.motion-enabled .forest-copy h1>span:nth-child(4){animation-delay:.30s}
.motion-enabled .forest-copy>p:not(.forest-eyebrow),.motion-enabled .forest-cta{animation-delay:.38s}
@keyframes forest-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.motion-enabled .forest-burger i{transition:rotate .4s,translate .4s,scale .3s,opacity .3s}
.motion-enabled .forest-backdrop{transition:opacity .42s,backdrop-filter .55s,visibility 0s .55s}
.motion-enabled.forest-menu-open .forest-backdrop{transition-delay:0s}
.motion-enabled .forest-menu{transition:clip-path .64s cubic-bezier(.76,0,.24,1),visibility 0s .64s}
.motion-enabled.forest-menu-open .forest-menu{transition-delay:0s}
.motion-enabled.forest-menu-open .forest-menu li a{animation:forest-menu-line .66s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.20s + var(--row,0) * .05s)}
.forest-menu li:nth-child(2){--row:1}.forest-menu li:nth-child(3){--row:2}.forest-menu li:nth-child(4){--row:3}.forest-menu li:nth-child(5){--row:4}
@keyframes forest-menu-line{from{translate:0 100%}to{translate:none}}
.motion-enabled .forest-cta span,.motion-enabled .forest-scroll span{transition:transform .28s ease}
.motion-enabled .forest-cta:hover span{transform:rotate(-24deg)}
.motion-enabled .forest-scroll:hover span{transform:translateY(3px)}
@media(max-width:900px){
  .forest-header.site-header{justify-content:flex-end}
  .forest-header #site-nav{display:none}
  .forest-header:has(.forest-burger[hidden]){flex-wrap:wrap;justify-content:space-between}
  .forest-header:has(.forest-burger[hidden]) #site-nav{position:static;display:flex;flex-wrap:wrap;gap:10px;padding:3px 0;background:none;border:0;box-shadow:none}
}
@media(max-width:720px){
  :root{--forest-nav-top:12px;--forest-nav-side:15px;--forest-pill-height:41px}
  .forest-header .motion-toggle{min-height:34px;font-size:.63rem}
  .forest-pill .brand span{font-size:.52rem;letter-spacing:.10em}
  .forest-pill .brand img{width:33px}
  .forest-home,.has-world .forest-home{background-position:56% 50%}
  .forest-video{object-position:56% 50%}
  .forest-shade{background:linear-gradient(0deg,#321607e8,transparent 63%),linear-gradient(180deg,#32160770,transparent 21%)}
  .forest-copy{top:auto;bottom:5%;translate:none;max-width:85%}
  .forest-copy h1{font-size:clamp(32px,8vw,47px)}
  .forest-eyebrow{font-size:.55rem;margin-bottom:7px}
  .forest-copy>p:not(.forest-eyebrow){margin-top:12px;font-size:.8rem;max-width:33ch}
  .forest-cta{margin-top:11px}
  .forest-scroll{display:none}
  .forest-fox-still{left:50%;top:34%;width:min(83vw,44svh)}
}
@media(max-height:520px){.forest-copy h1{font-size:clamp(25px,6vh,37px)}.forest-copy{top:auto;bottom:5%;translate:none}.forest-copy>p:not(.forest-eyebrow){margin-top:8px}.forest-eyebrow{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.forest-home *,.forest-header *,.forest-menu *{animation:none!important;transition:none!important}}
