/* Motion adds depth to existing content; every section remains usable without it. */
body{overflow-x:clip}.site-header{position:absolute;left:0;right:0;top:0}.motion-hero{padding-top:115px;padding-bottom:34px;min-height:calc(100svh - 20px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-prelude{margin-bottom:15px}.hero-stage{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;padding:22px 0}.motion-hero h1{font-size:clamp(84px,10.2vw,178px);line-height:.87;letter-spacing:-.075em;position:relative;z-index:2;width:68%;pointer-events:none}.hero-line{display:block;white-space:nowrap;padding-bottom:.12em;margin-bottom:-.12em}.hero-word{display:inline-block;white-space:nowrap}.hero-char{display:inline-block;transform-origin:50% 100%}.hero-orbit{position:absolute;width:38%;height:100%;right:0;top:0;perspective:1000px;z-index:1}.hero-emblem{position:absolute;width:64%;left:17%;top:22%;z-index:3;filter:drop-shadow(10px 17px 0 #0805231a)}.motion-hero .love-mark{position:relative;inset:auto;width:100%;animation:none;transform:rotate(-12deg);transition:none;transform-style:preserve-3d}.motion-hero .love-mark:hover{transform:rotate(-12deg)}.motion-hero .love-mark.loved{animation:heartbeat .65s var(--ease)}.orbit-card{position:absolute;width:43%;background:var(--paper);padding:6px;box-shadow:0 16px 40px #08052315;backface-visibility:hidden}.orbit-card img{width:100%;aspect-ratio:1.3;object-fit:cover}.orbit-card span{display:block;font-size:10px;padding:7px 3px 2px}.orbit-one{left:0;top:-2%;transform:rotate(-13deg);z-index:1}.orbit-two{right:-2%;top:5%;transform:rotate(11deg);z-index:2}.orbit-three{right:9%;bottom:0;transform:rotate(-8deg);z-index:4}.motion-hero .love-message{right:auto;left:10%;bottom:8%;font-size:11px}.motion-hero .hero-bottom{margin-top:24px;position:relative;z-index:3}.reel-jump{display:flex;align-items:center;gap:10px;font-size:13px}.play-dot{width:34px;height:34px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-size:10px}
.film-section{padding-top:35px;padding-bottom:45px;overflow:clip}.film-stage{height:88svh;min-height:480px;position:relative;display:grid;place-items:center}.film-frame{position:relative;width:100%;height:100%;overflow:hidden;background:var(--ink);isolation:isolate;transform-origin:50% 50%}.film-frame video{display:block;width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(#08052345,transparent 30%,transparent 65%,#08052380);pointer-events:none}.film-top,.film-bottom{position:absolute;left:3.4vw;right:3.4vw;display:flex;justify-content:space-between;align-items:center;color:white;gap:20px}.film-top{top:32px;font-size:14px}.film-bottom{bottom:32px}.film-play{font-size:clamp(20px,2.5vw,38px);letter-spacing:-.045em;display:flex;align-items:center;gap:16px}.film-play>span{display:grid;place-items:center;background:var(--green);color:var(--ink);width:60px;height:60px;border-radius:50%;font-size:28px}#film-pause{background:#080523a0;border:1px solid #ffffff66;border-radius:30px;padding:13px 17px;font-size:12px;color:white}.film-section+.work{padding-top:60px}.love-ribbon{padding:33px 0 45px;background:var(--ink);color:var(--green);overflow:hidden}.ribbon-track{display:flex;align-items:center;gap:45px;width:max-content;transform:translateX(-8%)}.ribbon-track>span{font-size:clamp(60px,8vw,140px);line-height:1.1;letter-spacing:-.065em;font-weight:800;white-space:nowrap}.ribbon-track>img{width:90px;height:auto}.studio{padding-top:55px}.studio-main h2>span{display:inline-block}.studio-heart{animation:none!important}.motion-ready .project-media .cover{transition:none}.motion-ready .project-media{will-change:transform}.motion-ready .project-media .alternate{transition:opacity .5s var(--ease),transform .9s var(--ease)}.motion-ready .case-hero img{transition:none}.project-cursor{position:fixed;top:0;left:0;width:90px;height:90px;display:grid;place-content:center;text-align:center;background:var(--green);color:var(--ink);border-radius:50%;font-size:13px;line-height:1.2;z-index:50;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:30;background:var(--paper);border:1px solid #08052324;border-radius:25px;padding:10px 13px;display:flex;align-items:center;gap:7px;box-shadow:0 3px 15px #08052308;font-size:10px}.motion-indicator{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 1px #08052330}.motion-toggle[aria-pressed=false] .motion-indicator{background:#a49ead}.page-wipe{position:fixed;inset:0;z-index:100;background:var(--ink);transform:scaleY(0);transform-origin:bottom;display:grid;place-items:center;pointer-events:none}.page-wipe img{width:100px}.roll-link{display:inline-block;overflow:hidden;vertical-align:bottom;height:1.35em;line-height:1.35}.roll-link>span{display:block;transition:transform .45s var(--ease)}a:hover .roll-link>span,a:focus-visible .roll-link>span{transform:translateY(-100%)}body[data-page=case] .case-intro{padding-top:145px}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}body:has(dialog[open]) .motion-toggle{visibility:hidden}
@media(hover:hover) and (pointer:fine){.motion-ready .project-link:hover .project-open{opacity:0}.motion-ready .project-link:focus-visible .project-open{opacity:1}}
@media(min-width:1800px){.hero-stage{min-height:520px}.motion-hero h1{font-size:178px}}
@media(max-width:1000px){.hero-stage{min-height:340px}.motion-hero h1{font-size:10.5vw}.orbit-card span{font-size:9px}.film-top{font-size:12px}.hero-emblem{top:26%}}
@media(max-width:650px){.motion-hero{padding-top:100px;min-height:0;padding-bottom:30px}.hero-prelude{margin-bottom:20px}.hero-stage{min-height:310px;align-items:flex-start;padding-top:5px;padding-bottom:95px}.motion-hero h1{font-size:16.5vw;line-height:.95;width:100%;z-index:2}.hero-orbit{width:47%;height:190px;top:105px;right:-2%;z-index:1}.hero-emblem{width:66%;top:24%;left:5%}.orbit-card{width:47%;padding:4px}.orbit-card span{font-size:7px;padding:4px 1px 1px}.orbit-one{display:none}.orbit-two{top:2%;right:0}.orbit-three{bottom:-1%;right:4%}.motion-hero .love-message{bottom:9%;left:-25%;font-size:10px}.motion-hero .hero-bottom{margin-top:15px;grid-template-columns:1fr auto;gap:22px 10px}.hero-bottom>p{font-size:12px}.reel-jump{font-size:10px;gap:7px;grid-row:2}.play-dot{width:27px;height:27px;font-size:8px}.film-section{padding-top:15px;padding-bottom:25px}.film-stage{height:65svh;min-height:360px;max-height:520px}.film-top{left:5vw;right:5vw;top:20px;font-size:10px}.film-top>span:last-child{display:none}.film-bottom{left:5vw;right:5vw;bottom:20px;gap:10px}.film-play{font-size:17px;gap:9px;max-width:180px;text-align:left}.film-play>span{width:36px;height:36px;flex-shrink:0;font-size:20px}#film-pause{font-size:10px;padding:10px 12px;white-space:nowrap}.film-section+.work{padding-top:30px}.ribbon-track{gap:25px}.ribbon-track>span{font-size:16vw}.ribbon-track>img{width:55px}.love-ribbon{padding:25px 0 30px}.motion-toggle{right:12px;bottom:12px;padding:9px 11px;font-size:9px}.project-cursor{display:none}.footer-bottom{padding-bottom:40px}body[data-page=case] .case-intro{padding-top:112px}.studio-main h2{font-size:10.1vw}}
@media(prefers-reduced-motion:reduce){.film-frame{transform:none!important}.roll-link>span{transition:none}.project-cursor{display:none}.hero-char{transform:none!important;opacity:1!important}.ribbon-track{transform:translateX(-8%)!important}}