html.intro-pending,html.intro-active{overflow:hidden}html.intro-pending .preview-bar,html.intro-pending .site-header,html.intro-pending main,html.intro-pending .footer,html.intro-pending .motion-dock{visibility:hidden}.intro-gateway{position:fixed;inset:0;z-index:200;background:#f5f5ef;overflow:hidden;isolation:isolate;cursor:pointer}.intro-gateway::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#e4e8db77,transparent 58%);z-index:-1}.intro-top{position:absolute;top:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#66745f;z-index:4}.intro-top>span:last-child{font-size:8px;color:#8b9583}.intro-stage{position:absolute;inset:0;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity .7s;pointer-events:none}.intro-scene{position:absolute;width:min(690px,63vw);height:min(650px,72svh);left:50%;top:44%;transform:translate(-50%,-50%);pointer-events:auto}.intro-scene #spatial-canvas{width:100%;height:100%;position:absolute;inset:0;cursor:pointer}.intro-stage h2{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);font-size:clamp(70px,8vw,128px);font-weight:700;letter-spacing:-.085em;line-height:.8;color:#29392f;z-index:3;pointer-events:none;text-shadow:0 2px 25px #f5f5ef}.intro-stage h2 span{color:#657d55}.intro-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:42px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;z-index:5;transition:opacity .35s,transform .7s}.intro-bottom p{font-size:11px;line-height:1.6;letter-spacing:-.015em;color:#7c8774}.intro-bottom-right{font-size:8px;letter-spacing:.12em;color:#899480;text-align:right;padding-bottom:9px}.intro-bottom button{justify-self:center;display:grid;grid-template-columns:10px auto;gap:6px 12px;text-align:center;padding:10px 17px 0;min-height:62px;min-width:160px;color:#344832;border-radius:0;transition:color .2s;cursor:pointer}.intro-enter-dot{width:6px;height:6px;border-radius:50%;background:#758c62;align-self:center;animation:intro-breathe 3s ease-in-out infinite}.intro-bottom button>span:nth-child(2){font-size:14px;letter-spacing:-.02em}.intro-bottom small{grid-column:1/-1;font-size:9px;color:#929c89;line-height:1.8;padding-top:4px;border-top:1px solid #cbd3bf;transition:border-color .25s}.intro-bottom button:hover small{border-color:#607b4f}.intro-static-form{position:absolute;inset:18%;perspective:800px;pointer-events:none;transition:opacity .5s}.intro-static-form i{position:absolute;inset:0;border:40px solid #dce3d1;border-radius:42%;transform:rotateY(-25deg) rotateZ(-20deg);box-shadow:9px 12px 20px #53673d20}.intro-static-form i:nth-child(2){transform:translate(25px,0) rotateY(-25deg) rotateZ(-20deg) scale(.8);border-color:#eff2e8}.intro-static-form i:nth-child(3){transform:translate(50px,0) rotateY(-25deg) rotateZ(-20deg) scale(.6);border-color:#b7c6a5}.intro-static-form b{position:absolute;width:24px;height:24px;top:50%;left:50%;border-radius:50%;background:#526d47;box-shadow:0 5px 9px #27392333}.scene-ready .intro-static-form{opacity:0}.scene-fallback .intro-static-form{opacity:1}.intro-gateway.is-entering{pointer-events:none}.intro-gateway.is-entering .intro-stage{transform:scale(1.22) translateY(-20px);opacity:0}.intro-gateway.is-entering .intro-bottom,.intro-gateway.is-entering .intro-top{opacity:0;transform:translateY(-12px)}.intro-reveal{animation:intro-reveal 1s cubic-bezier(.2,.7,.2,1) both}@keyframes intro-reveal{from{transform:translateY(32px);opacity:0}to{transform:none;opacity:1}}@keyframes intro-breathe{50%{box-shadow:0 0 0 5px #758c6212}}@media(max-width:800px){.intro-top{top:28px;font-size:8px}.intro-top>span:last-child{font-size:7px}.intro-scene{width:min(620px,86vw);height:min(590px,65svh);top:42%}.intro-stage h2{bottom:22%;font-size:90px}.intro-bottom{bottom:30px;grid-template-columns:1fr auto;gap:20px}.intro-bottom button{grid-column:1/-1;grid-row:1;justify-self:center;margin-bottom:25px}.intro-bottom p{font-size:10px}.intro-bottom-right{font-size:7px;padding-bottom:3px}.intro-static-form i{border-width:28px}}@media(max-width:480px){.intro-scene{width:104vw;height:54svh;top:39%}.intro-stage h2{bottom:24%;font-size:94px}.intro-top{left:23px;right:23px}.intro-bottom{left:23px;right:23px;bottom:max(26px,env(safe-area-inset-bottom));gap:15px}.intro-bottom button{margin-bottom:30px;min-height:70px}.intro-bottom p{font-size:9px;line-height:1.7}.intro-bottom-right{font-size:6px;letter-spacing:.06em}.intro-static-form{inset:22%}.intro-static-form i{border-width:24px}}@media(prefers-reduced-motion:reduce){.intro-stage,.intro-bottom,.intro-top{transition:none!important}.intro-reveal{animation:none!important}.intro-enter-dot{animation:none!important}}
.intro-gateway:focus{outline:none}
@media(max-width:480px){.intro-scene{width:100vw}}
.intro-scene #intro-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.intro-scene #intro-canvas:active{cursor:grabbing}.intro-static-form i{border:1px solid #a9b99b;border-radius:50%;background:none;box-shadow:none;transform:rotateY(-25deg) rotateZ(-20deg)}.intro-static-form i:nth-child(2){transform:rotateY(65deg) rotateZ(-20deg);border-color:#a9b99b}.intro-static-form i:nth-child(3){transform:rotateX(65deg) rotateZ(-20deg);border-color:#a9b99b}.intro-scene-ready .intro-static-form{opacity:0}.intro-scene-fallback .intro-static-form{opacity:1}.scene-ready:not(.intro-scene-ready) .intro-static-form{opacity:1}.intro-form-counter{font-variant-numeric:tabular-nums}#intro-form-toggle{position:absolute;bottom:3%;right:5%;display:flex;align-items:center;gap:13px;font-size:9px;color:#7f8d72;min-height:44px;padding:0 8px;z-index:5}#intro-form-toggle>span:last-child{padding-bottom:4px;border-bottom:1px solid #cad3c0}.intro-gateway.is-entering .intro-stage{transition:transform 1.1s cubic-bezier(.22,.61,.36,1),opacity .58s cubic-bezier(.22,.61,.36,1);transform:translateY(-14px) scale(1.045);opacity:0}.intro-gateway.is-entering .intro-bottom,.intro-gateway.is-entering .intro-top{transition:opacity .35s ease,transform .7s ease;transform:translateY(-6px)}@media(max-width:480px){#intro-form-toggle{bottom:-1%;right:8%;font-size:8px}.intro-stage h2{bottom:23%}}