/* Motion edition: native scroll, spatial transitions, no scroll interception. */
.edition-two{--bg:#0c0e0b;background:var(--bg)}
.edition-two .header{height:86px;background:#0c0e0bdc;backdrop-filter:blur(18px);position:sticky;top:0;border-bottom-color:#ffffff16}
.edition-two .brand-logo{width:80px}.edition-two .progress{height:3px}
.motion-home .hero-journey{height:270svh;position:relative}
.motion-home .hero{position:sticky;top:86px;height:calc(100svh - 86px);min-height:580px;max-height:none;overflow:hidden;padding:0;isolation:isolate;background:radial-gradient(ellipse at 66% 45%,#25331b88,transparent 58%),var(--bg);perspective:1200px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#c7ff4a08 1px,transparent 1px),linear-gradient(90deg,#c7ff4a08 1px,transparent 1px);background-size:110px 110px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%);transform:rotateX(65deg) scale(2) translateY(30%);opacity:.6}
.hero-watermark{position:absolute;top:17%;left:-3%;width:110%;font-size:20vw;line-height:1;font-weight:800;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #bcd99d12;white-space:nowrap;pointer-events:none}
.hero-topline{position:absolute;top:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#99a38c;font-size:9px;letter-spacing:.14em;z-index:6}.hero-topline .dot{margin-right:9px}
.hero-title{position:absolute;left:5%;top:20%;z-index:5;width:48%;will-change:transform,opacity}.hero-title>.micro{color:#8c9782;font-size:9px}
.motion-home .hero h1{font-size:clamp(82px,10.3vw,178px);max-width:none;margin:22px 0 0;letter-spacing:-.08em;line-height:.9}.hero-title p{color:#b3bba8;font-size:14px;line-height:1.8;margin:30px 0 25px}.hero-title .pill{background:var(--lime);font-size:11px;gap:30px;padding:17px 25px}.hero-title .lime{color:var(--lime)}
.hero-second{position:absolute;left:5%;top:24%;width:52%;z-index:5;opacity:0;pointer-events:none;will-change:transform,opacity}.hero-second>.micro{font-size:8px;letter-spacing:.12em;color:#a4ae96}.hero-second h2{font-size:clamp(75px,9.5vw,155px);font-weight:500;line-height:.93;letter-spacing:-.075em;margin:25px 0}.hero-second h2 span{color:var(--lime)}.hero-second p{color:#b3bba8;font-size:14px;line-height:1.8}
.motion-home .hero-scene{position:absolute;width:65%;height:100%;right:-9%;top:0;bottom:auto;z-index:3;pointer-events:auto;perspective:1100px}.motion-home .mascot-wrap{width:100%;height:100%;left:0;top:0;transform:none;will-change:transform}.motion-home .mascot{max-height:95%;animation:none;filter:drop-shadow(0 30px 50px #0009)}
.motion-home .scene-note{bottom:12%;left:31%;font-size:8px;white-space:nowrap}.depth-ring{position:absolute;left:8%;top:22%;width:80%;aspect-ratio:1;border:1px solid #c7ff4a39;border-radius:50%;pointer-events:none;will-change:transform}.ring-one{transform:rotateX(65deg) rotateY(20deg);box-shadow:0 0 50px #c7ff4a06}.ring-two{transform:rotateX(30deg) rotateY(65deg);border-color:#c7ff4a22}.ring-three{width:64%;left:16%;top:28%;border-style:dashed;border-color:#c7ff4a22;transform:rotateX(-45deg) rotateY(35deg)}
.orbit-label{position:absolute;z-index:4;pointer-events:none;border:1px solid #c7ff4a27;background:#13180f9c;backdrop-filter:blur(12px);padding:13px 17px;letter-spacing:.11em;font-size:9px;transform-style:preserve-3d;will-change:transform}.orbit-label b{color:var(--lime);font-size:18px;font-weight:400;margin-right:10px}.orbit-label small{display:block;color:#7f8d71;font-size:7px;margin-top:6px;padding-left:24px}.label-one{top:13%;right:22%}.label-two{right:4%;top:66%}.label-three{top:75%;right:42%}
.motion-home .hero-bottom{bottom:25px;left:5%;right:5%;align-items:center}.hero-bottom>.micro{color:#89967b;font-size:8px}.journey-meter{display:flex;gap:12px;align-items:center;font-family:monospace;font-size:9px;color:#859471}.journey-meter i{width:110px;height:1px;background:#46503b;display:block}.journey-meter b{display:block;height:2px;width:0;background:var(--lime)}.motion-home .scroll-cue{font-size:8px;letter-spacing:.08em}.motion-home .scroll-cue .circle{width:36px;height:36px;font-size:19px}
.motion-home .marquee{background:var(--lime);color:#10110f;transform:rotate(-2deg) scale(1.03);position:relative;z-index:7;padding:20px 0;margin:-6px 0 0;overflow:clip}.motion-home .marquee-inner,.motion-home .marquee-separator{color:#10110f;font-size:12px}.motion-home .marquee-separator{font-size:24px}.motion-home #main{overflow:clip}
.work-journey{height:340svh;position:relative;scroll-margin-top:86px}.work-sticky{position:sticky;top:86px;height:calc(100svh - 86px);min-height:580px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:30px 0;background:var(--bg);perspective:1400px}.work-heading{display:flex;align-items:end;justify-content:space-between;padding:0 5%;margin-bottom:25px;flex-shrink:0}.work-heading .section-label{font-size:9px}.work-heading h2{font-weight:500;font-size:clamp(32px,4.2vw,64px);line-height:.99;letter-spacing:-.06em;margin:16px 0 0}.work-heading h2 br{display:none}.work-heading h2 em{font-style:normal;color:#7f8974;margin-left:.15em}.work-window{overflow:visible;perspective:1200px}.work-track{display:flex;gap:5vw;padding:0 5vw;width:max-content;transform-style:preserve-3d;will-change:transform}.motion-project{display:block;width:64vw;max-width:1050px;flex:0 0 auto;transform-style:preserve-3d;will-change:transform,opacity}.motion-project-image{height:min(49svh,540px);min-height:260px;position:relative;overflow:hidden;border:1px solid #ffffff1c;background:#1c2017;border-radius:5px;box-shadow:0 30px 60px #0005}.motion-project img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}.project-tag{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:.14em;border:1px solid #ffffff38;padding:8px 12px;border-radius:20px;background:#0c0e0bc9;backdrop-filter:blur(10px)}.project-open{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;color:#10110f;background:var(--lime);font-size:28px;transition:transform .3s}.motion-project:hover .project-open{transform:rotate(90deg)}.motion-project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.motion-project-meta h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.04em}.motion-project-meta p{color:#9da88f;font-size:10px}.work-bottom{padding:25px 5% 0;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.12em;color:#89967a}.work-meter{width:30%;height:1px;background:#343c2a}.work-meter i{display:block;background:var(--lime);height:2px;width:25%}.work-count{color:var(--lime);font-family:monospace}
.manifesto{position:relative;padding:150px 7% 100px;overflow:hidden;border-bottom:1px solid var(--line);perspective:1000px;min-height:80svh}.manifesto-words{position:relative;z-index:2;font-size:clamp(52px,8.4vw,130px);font-weight:500;letter-spacing:-.065em;line-height:1.04;max-width:1180px;margin:55px 0 70px}.manifesto-words span{color:#30392a;transition:color .25s;display:inline-block;will-change:transform}.manifesto-words span.lit{color:var(--ink)}.manifesto-words span:last-child.lit{color:var(--lime)}.manifesto-bottom{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.manifesto-bottom>span{font-size:9px;letter-spacing:.12em;color:#9da88f}.manifesto-bottom p{font-size:13px;line-height:1.9;color:#9da88f;margin:0}.manifesto-orbit{position:absolute;width:50vw;height:50vw;right:-12%;top:10%;perspective:900px;color:var(--lime);opacity:.5;transform-style:preserve-3d}.manifesto-orbit i{position:absolute;inset:0;border:1px solid #a2c47955;border-radius:50%;transform:rotateY(65deg) rotateX(20deg)}.manifesto-orbit i:nth-child(2){transform:rotateY(-30deg) rotateX(65deg)}.manifesto-orbit i:nth-child(3){transform:rotateY(20deg) rotateX(-60deg)}.manifesto-orbit>span{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;font-weight:400}
.motion-home .services{padding-top:130px;padding-bottom:130px}.motion-home .service-list{perspective:1200px}.motion-home .service-list details{transition:transform .5s,background .5s;padding-left:12px;padding-right:12px}.motion-home .service-list details:hover{transform:translateX(12px);background:#c7ff4a06}.motion-home .ai-section{border-radius:30px 30px 0 0;perspective:1400px}.motion-home .ai-preview{will-change:transform;transform-style:preserve-3d}.motion-home .ai-source{transform:translateZ(65px) rotate(-12deg)}.motion-home .about-portrait{perspective:1000px;will-change:transform}.edition-two .reveal{transform:perspective(1100px) translateY(55px) rotateX(8deg);transform-origin:50% 100%;transition:opacity .8s,transform 1.2s var(--ease)}.edition-two .reveal.visible{transform:none}.motion-home .contact-section{background:radial-gradient(ellipse at 75% 90%,#24371670,transparent 60%);perspective:1000px}.motion-home .contact-section h2{will-change:transform}
.edition-two .page-intro{perspective:1000px}.edition-two .project-card{perspective:900px}.edition-two .project-image{transition:transform .5s var(--ease)}.edition-two .project-card:hover .project-image{transform:rotateY(-3deg) rotateX(2deg)}
@media(max-width:760px){.edition-two .header{height:72px}.edition-two .mobile-nav:not([hidden]){position:fixed;top:72px}.motion-home .hero-journey{height:240svh}.motion-home .hero{top:72px;height:calc(100svh - 72px);min-height:620px}.hero-topline{top:20px;left:6%;right:6%;font-size:6px;letter-spacing:.08em}.hero-title{left:6%;top:12%;width:90%}.hero-title>.micro{font-size:7px}.motion-home .hero h1{font-size:clamp(64px,17vw,112px);margin-top:14px}.hero-title p{font-size:10px;margin:18px 0 15px}.hero-title .pill{padding:12px 18px;font-size:9px;gap:22px}.hero-second{left:6%;top:12%;width:90%}.hero-second h2{font-size:16vw;margin:18px 0}.hero-second>.micro{font-size:6px}.hero-second p{font-size:10px}.motion-home .hero-scene{width:103%;height:62%;top:auto;bottom:1%;right:-12%;z-index:3}.motion-home .scene-note{bottom:12%;left:27%;font-size:6px}.depth-ring{top:6%}.orbit-label{padding:8px 10px;font-size:6px;letter-spacing:.05em}.orbit-label b{font-size:12px;margin-right:5px}.orbit-label small{font-size:5px;padding-left:15px;margin-top:3px}.label-one{top:51%;right:5%}.label-two{right:5%;top:78%}.label-three{top:66%;left:6%;right:auto}.hero-bottom>.micro{display:none}.journey-meter{font-size:7px;gap:7px}.journey-meter i{width:75px}.motion-home .hero-bottom{bottom:18px;left:6%;right:6%}.motion-home .scroll-cue{font-size:6px;gap:10px}.motion-home .scroll-cue .circle{width:27px;height:27px;font-size:15px}.hero-watermark{top:45%;font-size:25vw}.motion-home .marquee{padding:13px 0}.motion-home .marquee-inner{font-size:9px}.work-journey{height:290svh;scroll-margin-top:72px}.work-sticky{top:72px;height:calc(100svh - 72px);min-height:560px;padding:35px 0}.work-heading{padding:0 6%;align-items:end;margin-bottom:28px}.work-heading h2{font-size:38px}.work-heading h2 br{display:block}.work-heading h2 em{margin-left:0}.work-heading .section-label{font-size:7px;gap:10px}.work-heading .text-link{font-size:8px;gap:12px;white-space:nowrap}.work-heading .text-link span{font-size:18px}.motion-project{width:84vw}.motion-project-image{height:42svh;min-height:250px}.work-track{padding:0 6vw;gap:7vw}.motion-project-meta h3{font-size:18px}.motion-project-meta p{font-size:8px;max-width:110px;text-align:right}.work-bottom{font-size:6px;padding:26px 6% 0}.work-meter{width:24%}.project-tag{font-size:7px;left:12px;top:12px}.project-open{width:35px;height:35px;font-size:23px;right:12px;bottom:12px}.manifesto{padding:100px 6% 75px;min-height:0}.manifesto-words{font-size:12vw;margin:40px 0 45px}.manifesto-bottom{display:block}.manifesto-bottom>span{font-size:7px}.manifesto-bottom p{font-size:11px;margin-top:20px}.manifesto-orbit{width:85vw;height:85vw;right:-30%;top:22%}.manifesto-orbit>span{font-size:65px}.motion-home .services{padding:75px 6%}.motion-home .ai-section{border-radius:20px 20px 0 0}.motion-home .service-list details:hover{transform:none}}
/* A complete, readable layout remains available when motion is turned off. */
.reduced .hero-journey{height:auto}.reduced .hero{position:relative;top:0}.reduced .hero-second{display:none}.reduced .work-journey{height:auto}.reduced .work-sticky{position:relative;top:0;height:auto;min-height:0;padding:65px 0}.reduced .work-track{width:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px 25px;transform:none!important;padding:0 5%}.reduced .motion-project{width:100%;transform:none!important;opacity:1!important}.reduced .motion-project-image{height:34vw;min-height:220px}.reduced .work-bottom{display:none}.reduced .manifesto-words span{color:var(--ink);transform:none!important}.reduced .hero-title,.reduced .hero-scene,.reduced .orbit-label,.reduced .ai-preview,.reduced .about-portrait,.reduced .contact-section h2{transform:none!important;opacity:1!important}.reduced .journey-meter{display:none}
@media(max-width:760px){.reduced .work-track{grid-template-columns:1fr}.reduced .motion-project-image{height:65vw}.reduced .hero{min-height:720px}}
.hero-title .pill.lime{color:#10110f}
/* Anchor alignment matches the sticky navigation on every viewport. */
html{scroll-padding-top:86px}.work-journey{scroll-margin-top:0}
@media(max-width:760px){html{scroll-padding-top:72px}}