.three-demo{--ink:#101510;--chalk:#e9e9df;--acid:#c8ff3d;--fog:#a6aaa0;background:var(--ink);min-height:100vh;color:var(--chalk);font-family:Arial,Helvetica,sans-serif}.three-demo *{box-sizing:border-box}.three-demo a{color:inherit}:is(.three-demo a:focus-visible,.three-demo button:focus-visible){outline:2px solid var(--acid);outline-offset:5px;box-shadow:none}.three-demo h1,.three-demo h2{font-family:Georgia,Times New Roman,serif;font-weight:400}.three-demo em{color:var(--acid);font-weight:400}.three-skip{z-index:50;background:var(--acid);padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%);color:var(--ink)!important}.three-skip:focus{transform:translateY(0)}.three-header{z-index:20;background:linear-gradient(#090c09c2,#0000);border-bottom:1px solid #e9e9df2e;grid-template-columns:1fr auto 1fr;align-items:center;min-height:98px;padding:0 clamp(1.25rem,4vw,4.5rem);display:grid;position:fixed;inset:0 0 auto}.three-brand{align-items:center;gap:.75rem;width:max-content;display:inline-flex}.three-brand span{border:1px solid var(--chalk);letter-spacing:.08em;place-items:center;width:40px;height:40px;font:700 .72rem/1 Arial,sans-serif;display:grid}.three-brand strong{letter-spacing:.12em;text-transform:uppercase;font:700 .71rem/1.02 Arial,sans-serif}.three-header nav{color:var(--fog);letter-spacing:.14em;text-transform:uppercase;gap:clamp(1.4rem,3vw,3.5rem);font-size:.64rem;font-weight:700;display:flex}.three-header nav a:hover{color:var(--chalk)}.three-inquire{letter-spacing:.12em;text-transform:uppercase;justify-self:end;align-items:center;gap:.65rem;font-size:.67rem;font-weight:700;display:inline-flex}.three-inquire svg{width:15px;color:var(--acid)}.three-journey{background:var(--ink);height:560svh;position:relative}.three-stage{height:100svh;position:sticky;top:0;overflow:hidden}.three-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.three-shade{pointer-events:none;background:radial-gradient(circle at 65% 45%,#0000 15%,#080b0829 58%,#080b08b8 110%),linear-gradient(90deg,#080b08b3,#0000 52%);position:absolute;inset:0}.scene-fallback{color:var(--fog);background:#111711;place-items:center;margin:0;display:grid;position:absolute;inset:0}.three-chapters{z-index:4;pointer-events:none;position:absolute;inset:0}.three-chapters article{opacity:0;width:min(50vw,790px);transition:opacity .55s,transform .7s cubic-bezier(.2,.75,.25,1);position:absolute;top:50%;left:clamp(1.25rem,6.6vw,7.6rem);transform:translateY(calc(28px - 42%))}.three-chapters article.is-active{opacity:1;transform:translateY(-42%)}.three-kicker{color:var(--acid);letter-spacing:.17em;text-transform:uppercase;margin:0 0 1.6rem;font-size:.64rem;font-weight:700}.three-chapters h1,.three-chapters h2{letter-spacing:-.065em;max-width:9.5ch;margin:0;font-size:clamp(4.4rem,8.4vw,10.4rem);line-height:.82}.three-chapters article>p:last-child{color:#c6c9bf;max-width:390px;margin:2rem 0 0;font-size:.96rem;line-height:1.6}.three-progress{z-index:5;flex-direction:column;gap:.7rem;display:flex;position:absolute;top:50%;right:clamp(1.25rem,3vw,3.6rem);transform:translateY(-50%)}.three-progress button{color:#e9e9df75;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.75rem;width:48px;padding:.25rem 0;display:flex}.three-progress button span{background:currentColor;width:16px;height:1px;transition:width .3s,background .3s}.three-progress button i{letter-spacing:.08em;font:700 .55rem/1 Arial,sans-serif}.three-progress button.is-active{color:var(--acid)}.three-progress button.is-active span{width:30px}.three-scroll-cue,.three-coordinate{z-index:5;color:#e9e9df94;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.57rem;font-weight:700;position:absolute;bottom:1.7rem}.three-scroll-cue{align-items:center;gap:.75rem;display:flex;left:clamp(1.25rem,6.6vw,7.6rem)}.three-scroll-cue span{background:var(--acid);transform-origin:top;width:1px;height:28px;animation:1.8s ease-in-out infinite scroll-pulse;display:block}.three-coordinate{right:clamp(1.25rem,4vw,4.5rem)}@keyframes scroll-pulse{0%,to{opacity:.45;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.three-details{background:var(--chalk);color:var(--ink);grid-template-columns:.48fr 1.2fr .85fr;gap:clamp(2rem,7vw,8rem);padding:clamp(6rem,11vw,11rem) clamp(1.25rem,6.6vw,7.6rem);display:grid}.three-section-index{color:#5d625b;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid #10151059;flex-direction:column;justify-content:space-between;min-height:380px;padding-left:1rem;font-size:.58rem;display:flex}.three-section-index span:last-child{max-width:13rem;line-height:1.5}.three-details-copy .three-kicker{color:#52651c}.three-details-copy h2{letter-spacing:-.05em;max-width:11ch;margin:0;font-size:clamp(3rem,5.6vw,6.8rem);line-height:.93}.three-specs{border-top:1px solid var(--ink);align-self:end}.three-specs>div{border-bottom:1px solid #1015103d;grid-template-columns:95px 1fr;gap:1rem;padding:1.15rem 0;display:grid}.three-specs span{color:#6f736b;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:700}.three-specs strong{font:400 1rem/1.3 Georgia,serif}.three-contact{background:#202a21;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,6.6vw,7.6rem)}.three-contact h2{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(3.2rem,7vw,8rem);line-height:.9}.three-contact>a{border-bottom:1px solid var(--acid);align-items:center;gap:1rem;margin-top:4rem;padding-bottom:.7rem;font-size:clamp(1.05rem,2vw,1.6rem);display:inline-flex}.three-contact>a svg{width:20px;color:var(--acid)}.three-contact small{max-width:430px;color:var(--fog);margin-top:2rem;line-height:1.5;display:block}@media (max-width:900px){.three-header{grid-template-columns:1fr auto;min-height:82px}.three-header nav{display:none}.three-chapters article{width:72vw}.three-chapters h1,.three-chapters h2{font-size:clamp(4rem,12vw,7rem)}.three-details{grid-template-columns:1fr 1.4fr}.three-details-copy,.three-specs{grid-column:2}}@media (max-width:640px){.three-header{padding:0 1rem}.three-inquire{color:#0000;gap:0;width:42px;overflow:hidden}.three-inquire svg{min-width:18px;color:var(--acid)}.three-journey{height:500svh}.three-shade{background:linear-gradient(#080b0833,#080b08bf)}.three-chapters article{width:calc(100% - 4rem);top:auto;bottom:7rem;left:1.15rem}.three-chapters article,.three-chapters article.is-active{transform:none}.three-chapters h1,.three-chapters h2{font-size:clamp(3.6rem,16vw,5.2rem)}.three-chapters article>p:last-child{max-width:300px;margin-top:1.4rem}.three-progress{top:45%;right:.8rem}.three-scroll-cue{left:1.15rem}.three-coordinate{display:none}.three-details{grid-template-columns:1fr;gap:3rem;padding:6rem 1.25rem}.three-section-index{flex-direction:row;gap:1rem;min-height:auto}.three-details-copy,.three-specs{grid-column:1}.three-details-copy h2{font-size:clamp(3rem,14vw,4.8rem)}.three-contact{padding:6rem 1.25rem}}@media (prefers-reduced-motion:reduce){.three-demo{scroll-behavior:auto}.three-chapters article,.three-progress button span{transition:none}.three-scroll-cue span{animation:none;transform:scaleY(.6)}}