/* AT: forest, lime, paper. Scroll is the timeline; content remains visible without JS. */
:root{--at-night:#101c17;--at-lime:#ccfa8d;--at-paper:#f2f4eb}
.site-header{position:relative;z-index:10}.motion-scene{position:relative}.motion-sticky{position:relative;overflow:clip}.motion-enabled .motion-scene>.motion-sticky{position:sticky;top:0;height:100svh;min-height:650px}.motion-enabled .motion-intro{height:175svh}.motion-enabled .motion-field{height:160svh}.motion-enabled .motion-assembly{height:175svh}.motion-enabled .motion-journey{height:250svh}.motion-enabled .motion-wheel{height:155svh}
.motion-intro{background:var(--at-night);color:var(--at-paper);padding:0;isolation:isolate}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;min-height:780px;padding-top:60px;padding-bottom:80px}.intro-copy{position:relative;z-index:3}.intro-copy h1{font-size:clamp(54px,6.5vw,93px);letter-spacing:-.065em;line-height:1.02}.intro-copy h1 em{color:var(--at-lime)}.intro-copy .eyebrow{color:#a8bfae}.intro-copy .sub{font-size:18px;color:#cbd9cf;max-width:490px}.intro-copy .micro{color:#a8bfae;margin-top:18px}.intro-outline{border:1px solid #a8bfae;color:var(--at-paper);background:transparent}.intro-theatre{position:relative;height:510px;perspective:1200px;isolation:isolate}.intro-orbit{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(var(--r,0deg)) scale(var(--s,1));z-index:-1}.intro-orbit i{position:absolute;width:440px;height:440px;border:1px solid #ccfa8d35;border-radius:50%}.intro-orbit i:nth-child(2){transform:rotateX(65deg)}.intro-orbit i:nth-child(3){transform:rotateY(65deg)}.intro-orbit:after{content:'';width:18px;height:18px;border-radius:50%;background:var(--at-lime);position:absolute;right:17px;box-shadow:0 0 70px #ccfa8d9c}.question-note,.answer-note,.hero-result{position:absolute;box-shadow:0 22px 70px #0003;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg)) scale(var(--s,1));will-change:transform}.question-note{z-index:2;left:0;top:20px;width:340px;border-radius:21px;background:var(--at-paper);color:var(--at-night);padding:27px 29px;--r:-6deg}.question-note p{font-size:42px;letter-spacing:-2px;line-height:1.05;margin-top:14px}.answer-note{z-index:4;right:-8px;top:190px;width:320px;background:var(--at-lime);color:var(--at-night);border-radius:21px;padding:24px 27px;--r:7deg}.answer-note p{font-size:34px;letter-spacing:-1.5px;margin-top:13px}.note-icon{position:absolute;width:36px;height:36px;background:var(--at-night);color:var(--at-lime);border-radius:50%;display:grid;place-items:center;bottom:-17px;right:22px;font-size:22px}.hero-result{z-index:3;top:305px;left:23px;width:350px;border:1px solid #fff2;border-radius:23px;background:#284132;color:var(--at-paper);padding:24px 28px;--r:2deg}.result-top{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center}.result-dot{width:8px;height:8px;background:var(--at-lime);border-radius:50%}.hero-result h2{font-size:27px;margin:20px 0}.hero-result p{border-top:1px solid #fff2;padding:8px 0;font-size:12px}.hero-result p span{color:var(--at-lime);margin-right:16px}.theatre-caption{position:absolute;bottom:-57px;right:0;font-size:10px;letter-spacing:1px;color:#a8bfae}.scroll-cue{position:absolute;left:40px;bottom:22px;display:flex;align-items:center;gap:17px;color:#a8bfae;font-size:9px;letter-spacing:1.5px}.scroll-cue b{font-size:22px;color:var(--at-lime);animation:cue 1.6s ease-in-out infinite}@keyframes cue{50%{transform:translateY(7px)}}
.field-stage{height:780px;position:relative;display:grid;place-items:center}.field-copy{text-align:center;transform:scale(var(--s,1));max-width:720px;position:relative;z-index:2}.field-copy h2{font-size:clamp(40px,5vw,72px);line-height:1.04}.field-copy h2 em{font-style:normal;color:#4c7445}.field-copy>p:last-child{margin-top:24px;color:var(--muted);font-size:17px}.fact-float{position:absolute;display:flex;align-items:center;gap:17px;border-radius:20px;padding:20px 23px;width:270px;box-shadow:0 15px 40px #172c2410;background:var(--at-lime);transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,-4deg)) scale(var(--s,1));will-change:transform}.fact-mark{font-size:55px;line-height:1;letter-spacing:-3px}.fact-float strong{font-size:14px;font-weight:600}.fact-float p{font-size:11px;margin-top:8px;line-height:1.4;max-width:130px}.fact-one{left:4%;top:7%}.fact-two{right:4%;top:11%;background:var(--lilac)}.fact-three{left:7%;bottom:8%;background:var(--coral)}.fact-four{right:7%;bottom:9%;background:#fff}.motion-enabled .field-stage{height:100%}
.motion-assembly{background:var(--at-night);color:var(--at-paper);border-radius:35px;margin:30px 20px}.assembly-stage{padding-top:55px;padding-bottom:55px;min-height:780px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px}.assembly-heading{text-align:center;z-index:2}.assembly-heading .eyebrow{color:#a8bfae}.assembly-heading h2{font-size:clamp(35px,4.4vw,61px)}.assembly-heading>p:last-child{color:#a8bfae;margin-top:16px;font-size:12px}.assembly-board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;width:100%;max-width:1040px}.assembly-card{position:relative;z-index:1;border-radius:23px;padding:25px;background:var(--at-paper);color:var(--at-night);min-height:310px;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg)) scale(var(--s,1));will-change:transform;box-shadow:0 18px 40px #0002}.prompt-card{background:var(--lilac)}.checked-card{background:var(--at-lime)}.assembly-symbol{font-size:40px;display:block;margin:15px 0 18px}.assembly-card h3{font-size:27px;margin-bottom:15px}.assembly-card p{font-size:13px;line-height:1.6}.paper-rule{height:1px;background:#172c2425;margin:20px 0 12px}.assembly-check{font-size:10px;display:flex;gap:9px;align-items:center}.assembly-check:before{content:'✓';background:#172c2420;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;transition:background .35s,transform .35s}.assembly-check.arrived:before{background:var(--at-night);color:var(--at-lime);transform:scale(1.1)}.assembly-line{position:absolute;top:45%;left:5%;right:5%;height:2px;background:var(--at-lime);transform-origin:left;transform:scaleX(var(--line,1))}
.motion-journey{padding-top:35px;background:#e7eddf}.journey-heading{padding-top:48px;padding-bottom:32px;position:relative}.journey-heading h2{font-size:clamp(35px,4.5vw,58px)}.journey-dots{display:flex;position:absolute;bottom:44px;right:40px;gap:9px}.journey-dot{border:1px solid #9eb18e;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;transition:background .2s}.journey-dot.current{background:var(--at-night);color:var(--at-lime)}.journey-viewport{overflow-x:auto;padding-bottom:35px;scrollbar-width:thin}.journey-track{display:flex;gap:24px;width:max-content;padding:0 max(40px,calc((100vw - 1240px)/2));transform:translateX(var(--travel,0px));will-change:transform}.motion-enabled .journey-viewport{overflow:hidden}.journey-panel{width:clamp(340px,49vw,640px);flex:0 0 auto}.journey-art{height:310px;border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--at-night);perspective:1000px;isolation:isolate}.art-try{background:var(--lilac)}.art-check{background:var(--at-lime)}.art-use{background:var(--coral)}.art-object{position:relative;width:180px;height:180px;display:grid;place-items:center;border-radius:39px;border:1px solid #fff8;background:linear-gradient(130deg,#ffffff55,#ffffff05);box-shadow:inset 0 0 35px #ffffff66,14px 24px 45px #12221725;transform:rotate(-12deg) rotateY(-18deg);animation:object-turn 8s ease-in-out infinite;color:var(--at-paper);font-size:88px}.art-try .art-object,.art-check .art-object,.art-use .art-object{color:var(--at-night)}.art-orbit{position:absolute;width:290px;height:290px;border:1px solid #ffffff65;border-radius:50%;transform:rotateX(65deg) rotate(-25deg)}.art-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #ffffff55;border-radius:50%}.art-mini{position:absolute;bottom:24px;left:25px;font-size:60px;line-height:1;color:#ffffff80;font-weight:bold;letter-spacing:-4px}.journey-text{padding:25px 14px 25px 0;max-width:460px}.journey-text h3{font-size:34px;margin-bottom:13px}.journey-text p:last-child{font-size:15px;color:var(--muted)}@keyframes object-turn{50%{transform:rotate(8deg) rotateY(18deg) translateY(-10px)}}
.motion-wheel{background:var(--at-night);color:var(--at-paper);border-radius:35px 35px 0 0;overflow:clip}.wheel-copy{position:relative;text-align:center;padding-top:65px;z-index:2}.wheel-copy h2{font-size:clamp(38px,4.5vw,62px);max-width:800px;margin:auto}.wheel-copy .eyebrow{color:#a8bfae}.wheel-copy .actions{justify-content:center}.wheel-outline{background:transparent;color:var(--at-paper);border:1px solid #a8bfae}.fan-window{position:relative;height:410px;overflow:hidden;pointer-events:none;margin-top:30px}.fan-ring{position:relative;left:50%;top:70px}.fan-card{position:absolute;left:-107px;width:214px;height:300px;top:0;border-radius:22px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--at-night);background:var(--at-paper);transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg));transform-origin:50% 145%;box-shadow:0 9px 30px #0004;will-change:transform}.fan-lime{background:var(--at-lime)}.fan-lilac{background:var(--lilac)}.fan-coral{background:var(--coral)}.fan-card .label{font-size:9px}.fan-symbol{font-size:75px;letter-spacing:-5px}.fan-card strong{font-size:20px;font-weight:500;text-align:center}.motion-enabled .motion-wheel>.motion-sticky{display:flex;flex-direction:column;justify-content:space-between}.motion-enabled .fan-window{margin-top:25px;flex:1;min-height:290px}
.motion-enabled .catalog-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-4deg) translateY(-8px);box-shadow:0 20px 35px #172c2415}.catalog-card{transition:transform .35s,border-color .25s,box-shadow .35s}.card-art .art-paper{transition:transform .4s}.catalog-card:hover .art-paper{transform:rotate(11deg) scale(1.15)}.motion-enabled .route-tile:hover{transform:perspective(900px) rotateY(-5deg) translateY(-9px)}.motion-enabled .dialog::backdrop{animation:backdrop-in .25s ease-out}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
.motion-enabled .question-note{animation:note-enter .85s cubic-bezier(.2,.8,.2,1) both}.motion-enabled .answer-note{animation:note-enter .85s .55s cubic-bezier(.2,.8,.2,1) both}.motion-enabled .hero-result{animation:note-enter .9s 1.05s cubic-bezier(.2,.8,.2,1) both}@keyframes note-enter{from{opacity:0;translate:55px 24px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
/* Paused/reduced motion is a complete layout, not frozen halfway through a scene. */
.no-motion .motion-scene,.no-motion .motion-scene>.motion-sticky{height:auto;position:relative;min-height:0}.no-motion .intro-grid{min-height:780px}.no-motion .journey-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:0 40px;transform:none}.no-motion .journey-panel{width:auto}.no-motion .journey-viewport{overflow:visible}.no-motion .field-stage{height:780px}
@media(max-height:760px) and (min-width:701px){.motion-enabled .motion-scene>.motion-sticky{min-height:570px}.intro-grid{gap:25px}.intro-copy h1{font-size:clamp(49px,5.6vw,78px)}.intro-theatre{transform:scale(.84);transform-origin:50% 42%}.intro-copy .sub{font-size:16px}.assembly-stage{gap:26px;padding:30px 40px}.assembly-heading h2{font-size:44px}.assembly-card{min-height:285px;padding:22px}.assembly-symbol{margin:10px 0}.assembly-card h3{font-size:24px}.journey-heading{padding-top:30px;padding-bottom:24px}.journey-heading h2{font-size:43px}.journey-art{height:245px}.journey-text{padding-top:18px}.journey-text h3{font-size:29px}.wheel-copy{padding-top:35px}.wheel-copy h2{font-size:48px}.fan-card{height:260px}}
@media(max-width:1050px){.intro-grid{gap:12px}.question-note{width:290px;padding:24px}.question-note p{font-size:36px}.answer-note{width:275px;right:0}.answer-note p{font-size:28px}.hero-result{width:280px;left:12px}.intro-orbit i{width:350px;height:350px}.assembly-board{gap:14px}.assembly-card{padding:20px}.assembly-card h3{font-size:23px}.fact-float{width:230px}.fact-one,.fact-three{left:3%}.fact-two,.fact-four{right:3%}}
@media(max-width:700px){.motion-enabled .motion-scene>.motion-sticky{min-height:700px}.motion-enabled .motion-intro{height:190svh}.intro-grid{grid-template-columns:1fr;gap:20px;min-height:850px;padding-top:30px;padding-bottom:65px;align-content:center}.motion-enabled .intro-grid{height:100svh;min-height:720px;padding-top:22px;padding-bottom:45px;gap:8px}.motion-enabled .intro-theatre{transform:scale(.86);transform-origin:50% 5%;height:325px}.intro-copy h1{font-size:clamp(44px,10.5vw,66px)}.intro-copy .eyebrow{margin-bottom:13px}.intro-copy .sub{font-size:14px;margin-top:16px;max-width:430px;line-height:1.6}.intro-copy .actions{margin-top:19px;gap:8px}.intro-copy .btn{padding:13px 17px;min-height:47px;font-size:12px}.intro-copy .micro{font-size:10px;margin-top:12px}.intro-theatre{height:360px;max-width:390px;width:100%;margin:auto}.question-note{width:235px;top:15px;left:13px;padding:18px 20px}.question-note p{font-size:29px;margin-top:11px}.answer-note{width:220px;top:128px;right:14px;padding:19px}.answer-note p{font-size:25px}.hero-result{top:225px;left:19px;width:230px;padding:17px 20px}.hero-result h2{font-size:21px;margin:15px 0}.hero-result p{font-size:10px;padding:6px 0}.result-top{font-size:8px}.note-icon{width:27px;height:27px;font-size:17px;bottom:-12px}.intro-orbit i{width:300px;height:300px}.theatre-caption{display:none}.scroll-cue{left:20px;bottom:16px;font-size:8px}.field-stage{height:680px}.field-copy h2{font-size:clamp(32px,7.5vw,46px)}.field-copy>p:last-child{font-size:13px;margin-top:18px}.fact-float{width:155px;gap:10px;padding:16px 13px;border-radius:16px}.fact-mark{font-size:36px;letter-spacing:-2px}.fact-float strong{font-size:11px}.fact-float p{font-size:9px;margin-top:5px}.fact-one,.fact-three{left:3%}.fact-two,.fact-four{right:3%}.fact-one,.fact-two{top:8%}.fact-three,.fact-four{bottom:9%}.motion-assembly{margin:20px 8px;border-radius:25px}.assembly-stage{gap:23px;padding:35px 20px;min-height:710px}.assembly-heading h2{font-size:32px}.assembly-heading .eyebrow{font-size:9px}.assembly-heading>p:last-child{font-size:10px}.assembly-board{grid-template-columns:1fr;gap:10px;max-width:380px}.assembly-card{min-height:0;padding:15px 18px;display:grid;grid-template-columns:1fr 2fr;column-gap:15px;align-items:center}.assembly-card>.label{grid-column:1/-1;font-size:8px;letter-spacing:.8px}.assembly-symbol{grid-row:2/4;font-size:38px;margin:6px 0;position:absolute;bottom:12px;left:20px;opacity:.15}.assembly-card h3{font-size:21px;margin:10px 0 5px;grid-column:1}.assembly-card p{font-size:10px;grid-column:2;grid-row:2/4;margin-top:5px;line-height:1.5}.paper-rule{display:none}.assembly-check{font-size:8px;grid-column:1;line-height:1.35}.assembly-check:before{width:15px;height:15px;flex-shrink:0}.assembly-stage>.btn{font-size:12px;padding:13px 18px;min-height:47px}.journey-heading{padding-top:38px;padding-bottom:25px}.journey-heading h2{font-size:35px}.journey-dots{position:static;margin-top:18px}.journey-dot{width:26px;height:26px;font-size:9px}.journey-track{gap:15px;padding:0 20px}.journey-panel{width:84vw;max-width:450px}.journey-art{height:275px}.art-object{width:155px;height:155px;font-size:70px}.journey-text{padding-top:20px}.journey-text h3{font-size:29px}.journey-text p:last-child{font-size:13px}.wheel-copy{padding-top:46px}.wheel-copy h2{font-size:38px}.wheel-copy .eyebrow{font-size:9px}.wheel-copy .btn{font-size:12px;padding:14px 18px;min-height:48px}.wheel-copy .actions{gap:9px}.fan-window{height:335px}.fan-ring{transform:scale(.72);transform-origin:0 0;top:65px}.motion-wheel{border-radius:25px 25px 0 0}.no-motion .intro-grid{min-height:850px}.no-motion .field-stage{height:680px}.no-motion .journey-track{grid-template-columns:1fr;padding:0 20px}.no-motion .journey-panel{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.motion-scene,.motion-scene>.motion-sticky{height:auto!important;position:relative!important}.journey-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;transform:none!important}.journey-panel{width:auto}.journey-viewport{overflow:visible}.motion-enabled .field-stage{height:780px}.motion-enabled .intro-grid{height:auto}.motion-enabled .fan-window{height:410px}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.journey-track{grid-template-columns:1fr}.motion-enabled .field-stage{height:680px}}