/* SETTERS-inspired editorial composition; original content and CSS. Native static stack.
   DESIGN_VARIANCE 8 / MOTION_INTENSITY 6 / VISUAL_DENSITY 3 */
@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--paper:#e9ecef;--ink:#222a34;--muted:#555e66;--line:#b9bfc4;--dark:#212a32;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-family:Manrope,Arial,sans-serif;font-weight:400;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}img{display:block;width:100%;height:auto}::selection{background:#4d5c6c;color:#fff}:focus-visible{outline:2px solid #526a83;outline-offset:6px}.skip-link{position:fixed;left:20px;top:-70px;z-index:110;background:white;padding:16px}.skip-link:focus{top:20px}.section-pad{padding:112px max(6vw,24px)}.section-label{font-size:13px;line-height:1.4}.dock{position:fixed;z-index:50;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.dock>*{pointer-events:auto}.dock-label{font-size:12px;line-height:1.3;letter-spacing:-.3px;background:rgba(233,235,237,.88);padding:10px 13px;border-radius:7px;backdrop-filter:blur(12px)}.dock-actions{display:flex;gap:8px}.menu-button{background:#5b656ed9;width:56px;height:56px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(12px)}.menu-button span{width:18px;height:1px;background:white;transition:width .2s}.menu-button:hover span:first-child{width:25px}.contact-button{display:flex;align-items:center;gap:28px;background:#fff;height:56px;padding:0 23px;border-radius:7px;text-transform:uppercase;font-size:11px;transition:background .2s}.contact-button:hover{background:#d7e2eb}.contact-button span{font-size:21px}.hero{position:relative;min-height:100dvh;min-height:max(720px,100dvh);overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#e9ecef}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-sculpture{position:absolute;inset:0;z-index:-2;perspective:1100px;overflow:hidden}.lens{position:absolute;left:50%;top:47%;width:55vw;height:90vh;min-width:500px;min-height:650px;border-radius:50%;border:2px solid #ffffff36;transform:translate(-50%,-50%) rotate(-28deg);box-shadow:inset 22px 12px 46px #ffffff87,inset -28px -10px 38px #7b8c9d25,20px 20px 70px #8b99a425,-8px -15px 35px #fff8;background:linear-gradient(120deg,#fff0 25%,#b7c3ce14 55%,#ffffff35);filter:blur(2px)}.lens-two{width:42vw;height:72vh;min-width:390px;min-height:510px;transform:translate(-50%,-50%) rotate(-28deg);opacity:.7}.lens-three{width:29vw;height:52vh;min-width:265px;min-height:365px;transform:translate(-50%,-50%) rotate(-28deg);opacity:.5}.hero-center{text-align:center;padding:100px 24px 150px;max-width:1100px}.hero-intro{font-size:13px;margin-bottom:29px}.hero h1{font-size:clamp(34px,4.1vw,65px);line-height:1.16;letter-spacing:-.055em}.hero h1 span{color:#48545f}.hero-bottom{position:absolute;bottom:30px;left:16%;right:27%;display:flex;align-items:end;justify-content:space-between;gap:35px;font-size:12px;line-height:1.65}.hero-bottom ul{padding:0;margin:0;list-style:none;font-size:10px;line-height:1.8}.manifesto{background:#f5f5f2}.statement{font-size:clamp(48px,7.7vw,118px);line-height:1.03;letter-spacing:-.065em;margin-top:76px}.statement em,.contact em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;margin-top:75px;gap:30px;align-items:start}.section-side{font-size:12px}.manifesto-bottom p{font-size:clamp(19px,2vw,28px);line-height:1.45;max-width:620px;letter-spacing:-.035em}.visual-story{min-height:800px;height:100dvh;position:relative;overflow:hidden;background:#788793}.visual-story img{height:100%;object-fit:cover;filter:saturate(.62) brightness(.73);transition:transform 1.2s}.visual-story:hover img{transform:scale(1.025)}.visual-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#152333a6,transparent 65%)}.visual-copy{position:absolute;bottom:10%;left:6%;right:6%;color:#fff;z-index:1}.visual-copy p{font-size:13px;margin-bottom:25px}.visual-copy h2{font-size:clamp(48px,6.5vw,100px);line-height:1.04;letter-spacing:-.06em}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:90px}.section-heading h2,.faq h2{font-size:clamp(40px,5vw,76px);line-height:1.08;letter-spacing:-.055em}.work-list details{border-top:1px solid var(--line)}.work-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.work-list summary{display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:20px;padding:30px 0}.work-number{font-size:12px;align-self:start;padding-top:10px}.work-list h3{font-size:clamp(26px,3.6vw,52px);letter-spacing:-.05em;line-height:1.2}.toggle{font-size:32px;line-height:1;text-align:center;font-weight:400;transition:transform .25s}details[open] .toggle{transform:rotate(45deg)}.work-body{padding:0 58px 42px 90px;display:grid;grid-template-columns:1.25fr 1fr;gap:12%;font-size:17px;line-height:1.55;color:var(--muted)}.detail-label{display:block;font-size:11px;text-transform:uppercase;color:var(--ink);margin-bottom:12px}.work-body>p{max-width:510px}.partnership{background:var(--dark);color:#ecedef;padding-top:90px;padding-bottom:100px}.partnership h2{font-size:clamp(44px,7.1vw,110px);line-height:1.1;letter-spacing:-.06em;margin-top:90px}.partnership h2 span{color:#a1acb6}.partnership-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:820px;margin:70px 0 0 auto;font-size:17px;line-height:1.55;color:#cbd2d7}.team{background:#f5f5f2}.people{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-left:33.33%}.person{border-top:1px solid #aeb5ba;padding-top:22px}.person-role{font-size:11px}.person h3{font-size:55px;letter-spacing:-.055em;margin:40px 0 22px}.person>p:last-child{font-size:16px;line-height:1.6;color:var(--muted)}.team-context{margin:60px 0 0 33.33%;font-size:13px;line-height:1.6;max-width:570px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:95px;padding-bottom:100px}.faq h2{font-size:clamp(34px,3.5vw,52px)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}.faq .toggle{font-size:23px}.faq details p{font-size:15px;line-height:1.6;color:var(--muted);padding:0 35px 25px 0}.contact{background:#cbd4dc;padding-top:90px;padding-bottom:90px}.contact h2{font-size:clamp(70px,11.8vw,180px);line-height:.98;letter-spacing:-.07em;margin:80px 0}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.contact-bottom p{font-size:16px;line-height:1.6}.telegram-link{font-size:clamp(26px,4vw,60px);letter-spacing:-.055em;display:flex;align-items:center;gap:35px;border-bottom:1px solid;padding-bottom:8px}.telegram-link span{transition:transform .2s}.telegram-link:hover span{transform:translate(4px,-4px)}footer{padding:35px 6vw 130px;display:flex;justify-content:space-between;gap:25px;background:#cbd4dc;font-size:11px;border-top:1px solid #b1bcc5}.menu-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:36px 6vw 90px;background:#d6dde3;color:var(--ink);z-index:100}.menu-dialog::backdrop{background:#222a3480}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.menu-close{display:flex;align-items:center;gap:20px;background:transparent;font-size:12px;padding:10px 0 10px 15px}.menu-close span{font-size:32px}.menu-dialog nav{display:flex;flex-direction:column;margin:65px auto 45px;max-width:1100px}.menu-dialog nav a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(36px,7vw,96px);line-height:1.3;letter-spacing:-.055em;border-bottom:1px solid #aab5be;padding:10px 0;transition:color .2s}.menu-dialog nav a:hover{color:#657788}.menu-dialog nav span{font-size:12px;letter-spacing:0}.menu-caption{font-size:12px}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-pending{opacity:0;transform:translateY(28px)}
@media(prefers-reduced-motion:no-preference){.hero-center{animation:intro-in 1s both}.hero-sculpture{animation:sculpture-in 1.8s both}@keyframes intro-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes sculpture-in{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}}
@media(min-width:1700px){.section-pad{padding-inline:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.section-pad{padding:80px 32px}.hero h1{font-size:5.3vw}.hero-bottom{left:32px;bottom:115px;right:32px}.section-heading{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.people{padding-left:0}.team-context{margin-left:0}.faq{grid-template-columns:1fr;gap:45px}.work-body{gap:40px}.visual-story{min-height:650px}.partnership-bottom{gap:35px}.hero-center{padding-bottom:180px}}
@media(max-width:600px){.section-pad{padding:72px 22px}.dock{left:14px;right:14px;bottom:14px}.dock-label{font-size:10px;padding:9px 10px}.menu-button{width:48px;height:48px}.contact-button{height:48px;font-size:10px;padding:0 14px;gap:14px}.hero{min-height:max(640px,100dvh)}.hero-center{padding:70px 18px 170px;width:100%}.hero-intro{font-size:10px;margin-bottom:26px}.hero h1{font-size:clamp(25px,6.25vw,38px);line-height:1.27;letter-spacing:-.05em}.hero-bottom{left:24px;right:24px;bottom:108px;font-size:11px}.hero-bottom ul{font-size:9px}.lens{min-width:370px;min-height:560px;top:41%}.lens-two{min-width:285px;min-height:435px}.lens-three{min-width:190px;min-height:295px}.section-label{font-size:11px}.statement{font-size:clamp(40px,9.7vw,60px);margin-top:50px}.manifesto-bottom{grid-template-columns:1fr;margin-top:45px;gap:20px}.manifesto-bottom p{font-size:19px}.visual-story{height:78dvh;min-height:540px}.visual-story img{object-position:52% center}.visual-copy{left:22px;bottom:10%}.visual-copy h2{font-size:clamp(37px,9vw,54px)}.visual-copy p{font-size:11px}.section-heading h2{font-size:clamp(34px,8.3vw,49px)}.work-list summary{grid-template-columns:25px 1fr 22px;gap:10px;padding:24px 0}.work-list h3{font-size:clamp(22px,5.8vw,34px)}.work-number{font-size:10px;padding-top:6px}.toggle{font-size:25px}.work-body{grid-template-columns:1fr;gap:22px;padding:0 14px 30px 35px;font-size:15px}.detail-label{font-size:10px;margin-bottom:7px}.partnership h2{font-size:clamp(34px,8.25vw,50px);margin-top:55px}.partnership-bottom{grid-template-columns:1fr;font-size:15px;gap:23px;margin-top:40px}.people{gap:35px;grid-template-columns:1fr}.person h3{margin:22px 0 16px;font-size:46px}.person>p:last-child{max-width:380px;font-size:15px}.person-role{font-size:11px}.team-context{margin-top:35px;font-size:12px}.faq summary{font-size:15px}.contact h2{font-size:clamp(58px,15vw,90px);margin:60px 0}.contact-bottom{align-items:start;flex-direction:column;gap:38px}.contact-bottom p{font-size:15px}.telegram-link{font-size:34px;gap:28px}footer{padding:28px 22px 110px;flex-wrap:wrap;font-size:10px}footer span:nth-child(2){order:3;width:100%}.menu-dialog{padding:24px 22px 70px}.menu-top>span{font-size:10px;max-width:160px}.menu-dialog nav{margin-top:55px}.menu-dialog nav a{font-size:clamp(29px,8.4vw,48px);padding:17px 0}.menu-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}}

/* Motion direction: one stage, changing content. Pinned scenes use native scrolling. */
.film{background:#e9ecef}.film-stage{position:relative;isolation:isolate;overflow:hidden;min-height:100svh}.film .hero-center{margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.film h1{font-size:clamp(34px,4.1vw,65px);line-height:1.16;letter-spacing:-.055em}.film h1 span{color:#48545f}.film .hero-sculpture{z-index:-1}.film-thought{text-align:center;position:relative;padding:130px 20px}.film-thought>p{font-size:14px;line-height:1.55}.film-thought h2{font-size:clamp(55px,8.5vw,130px);line-height:1.05;letter-spacing:-.065em;margin:30px 0}.focus-brackets{display:none}.floating-frame{display:none}.film-cover{position:relative;height:90svh;overflow:hidden}.film-cover>img{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#14202caa,#18232d15)}.cover-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:25px}.cover-copy p{font-size:13px;margin-bottom:28px}.cover-copy h2{font-size:clamp(54px,7.5vw,115px);line-height:1.05;letter-spacing:-.055em}.film .hero-bottom{top:calc(100svh - 125px);bottom:auto}.skip-film{position:absolute;right:30px;top:30px;font-size:12px;padding:12px;border-bottom:1px solid #aab2ba;z-index:12}.credits{background:#e9ecef}.credits-stage{padding:100px 24px;text-align:center}.credits-label,.credits-end{font-size:13px;line-height:1.6}.credits-roll{margin:70px auto}.credits-roll>*{font-size:clamp(37px,6vw,92px);line-height:1.2;letter-spacing:-.055em;margin:20px 0}.credits-roll em,.step-scene em{font-family:Georgia,serif;font-weight:400}.work-stage{padding:60px 6vw 110px;background:#e9ecef}.work-top{display:flex;justify-content:space-between;align-items:start;gap:25px}.work-top h2{font-size:22px;letter-spacing:-.03em;line-height:1.25}.work-count{font-size:12px;padding:6px}.step-scene{position:relative;padding:80px 0;isolation:isolate;border-bottom:1px solid #c4cbd0;overflow:hidden}.step-ghost{position:absolute;right:0;top:0;font-size:clamp(170px,30vw,420px);line-height:1;letter-spacing:-.1em;color:#d1d8de;z-index:-1}.step-label{font-size:13px;margin-bottom:26px}.step-content h3{font-size:clamp(48px,7vw,110px);line-height:1.03;letter-spacing:-.06em}.step-description{max-width:600px;margin:35px 0 0 auto;display:grid;grid-template-columns:1.25fr 1fr;gap:38px;font-size:16px;line-height:1.55}.step-output{font-size:13px;color:#596570}.step-navigation{display:flex;justify-content:space-between;border-top:1px solid #b7c1c9;margin-top:35px;gap:12px}.step-navigation a{padding:18px 0;font-size:12px;color:#596570;position:relative}.step-navigation a[aria-current="step"]{color:#1e2933}.step-navigation a:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.step-navigation a[aria-current="step"]:before{transform:scaleX(1)}.role-line{display:block}.partnership h2 .role-line{color:inherit}.partnership h2 .muted-role{color:#a1acb6}.motion-toggle{align-self:center;border:1px solid #b1bcc4;background:#e9ecefe6;color:#45515c;border-radius:7px;padding:10px 13px;font-size:11px;min-height:44px;backdrop-filter:blur(12px)}.motion-toggle[aria-pressed="true"]{background:#202b34;color:#fff;border-color:#202b34}
/* Enhancement class only enabled after GSAP is loaded. Static document stays complete. */
.motion-ready .film-stage{height:100svh;min-height:580px}.motion-ready .film .hero-center{position:absolute;inset:0;min-height:0}.motion-ready .film-thought{z-index:3;position:absolute;inset:0;padding:0 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden}.motion-ready .focus-brackets{z-index:2;position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 16%;font-size:clamp(130px,19vw,285px);font-weight:400;line-height:1;color:#5d6b77;pointer-events:none;visibility:hidden}.motion-ready .floating-frame{display:block;position:absolute;margin:0;width:25vw;max-width:360px;aspect-ratio:1.4;overflow:hidden;box-shadow:0 20px 60px #26374428;border-radius:4px;visibility:hidden}.floating-frame img{height:100%;object-fit:cover}.frame-one{left:7%;top:9%;transform:rotate(-9deg)}.frame-two{right:6%;bottom:15%;transform:rotate(8deg)}.motion-ready .film-cover{position:absolute;inset:0;height:100%;visibility:hidden;clip-path:inset(25% 29% round 10px);z-index:5}.motion-ready .film .hero-bottom{top:auto;bottom:30px}.motion-ready .credits-stage{height:100svh;min-height:580px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:80px 24px 120px;overflow:hidden}.motion-ready .credits-label{position:absolute;top:8%;left:20px;right:20px}.motion-ready .credits-window{height:250px;overflow:hidden;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.motion-ready .credits-roll{margin:0;will-change:transform}.motion-ready .credits-roll>*{height:130px;margin:0;display:flex;align-items:center;justify-content:center;gap:.2em;white-space:nowrap;font-size:clamp(40px,6.4vw,98px)}.motion-ready .credits-end{position:absolute;bottom:19%;left:20px;right:20px}.motion-ready .work-stage{height:100svh;min-height:650px;display:flex;flex-direction:column;overflow:hidden;padding-top:38px;padding-bottom:110px}.motion-ready .steps-film{position:relative;flex:1;min-height:0}.motion-ready .step-scene{position:absolute;inset:0;display:flex;align-items:center;border:0;padding:20px 0;overflow:visible}.motion-ready .step-content{width:100%}.motion-ready .step-scene:not(:first-child){visibility:hidden}.motion-ready .step-ghost{top:40%;right:2%;transform:translateY(-50%);font-size:min(42vw,60svh)}.motion-ready .step-content h3{font-size:clamp(48px,6.8vw,100px)}.motion-ready .step-description{margin:25px 0 0 auto}.motion-ready .step-navigation{margin-top:15px;flex-shrink:0}.motion-ready .reveal{transition:none}.motion-ready .hero-center,.motion-ready .hero-sculpture{animation:none}.motion-ready html{scroll-behavior:auto}
@media(max-width:900px){.motion-ready .focus-brackets{padding:0 8%}.motion-ready .step-description{max-width:520px}.motion-ready .step-content h3{font-size:7.3vw}.step-ghost{opacity:.75}.film .hero-bottom{right:32px;left:32px;bottom:120px}.motion-ready .film .hero-bottom{bottom:120px}}
@media(max-width:600px){.film h1{font-size:clamp(25px,6.25vw,38px);line-height:1.27;letter-spacing:-.05em}.film-thought h2{font-size:13vw}.film-thought>p{font-size:12px;max-width:270px}.film .hero-bottom{top:calc(100svh - 170px);left:24px;right:24px}.motion-ready .film-stage{min-height:620px}.motion-ready .film .hero-bottom{bottom:140px}.motion-ready .floating-frame{width:41vw}.frame-one{left:5%;top:15%}.frame-two{right:5%;bottom:19%}.motion-ready .film-thought{padding-bottom:65px}.motion-ready .focus-brackets{font-size:32vw;padding:0 3%;padding-bottom:65px}.film-thought h2{margin:20px 0}.skip-film{right:16px;top:18px;font-size:11px}.cover-copy{padding-bottom:90px}.cover-copy h2{font-size:14vw}.cover-copy p{font-size:11px}.credits-stage{padding:80px 20px}.credits-roll>*{font-size:8.4vw}.motion-ready .credits-stage{min-height:620px}.motion-ready .credits-window{height:210px;width:100%}.motion-ready .credits-roll>*{height:110px;font-size:8.5vw}.credits-label{font-size:11px;max-width:280px;margin:auto}.motion-ready .credits-end{bottom:22%;font-size:12px}.work-stage{padding:45px 22px 110px}.work-top h2{font-size:18px}.step-content h3{font-size:11vw}.step-description{grid-template-columns:1fr;gap:15px;margin:28px 0 0;font-size:16px}.step-output{font-size:12px}.step-label{font-size:11px;margin-bottom:22px}.step-scene{padding:60px 0}.motion-ready .work-stage{padding:32px 22px 120px;min-height:700px}.motion-ready .step-content h3{font-size:12vw}.motion-ready .step-description{margin:25px 0 0;max-width:340px}.motion-ready .step-ghost{font-size:65vw;top:33%;right:0;opacity:.65}.step-navigation{gap:6px;flex-wrap:wrap}.step-navigation a{font-size:10px;padding:15px 0;min-height:44px}.motion-ready .step-navigation{margin-top:6px}.motion-toggle{position:fixed;right:14px;bottom:74px;min-height:32px;font-size:10px;padding:7px 11px}.dock{bottom:max(14px,env(safe-area-inset-bottom))}.partnership h2{font-size:8.25vw}}
@media(max-height:650px) and (min-width:601px){.motion-ready .step-content h3{font-size:52px}.motion-ready .work-stage{min-height:550px;padding-bottom:85px}.motion-ready .step-description{font-size:14px}.motion-ready .credits-stage{min-height:500px}.motion-ready .film-stage{min-height:500px}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}

.motion-ready .floating-frame{z-index:1}.motion-ready .film-cover{z-index:5}

/* Final production polish: navigation, touch targets, contact and short screens. */
.menu-dialog{overflow-y:auto;overscroll-behavior:contain;padding-bottom:40px}
.menu-bottom{display:flex;justify-content:space-between;align-items:end;gap:28px;max-width:1100px;margin:0 auto}
.menu-contact{display:inline-block;font-size:22px;letter-spacing:-.04em;padding-top:18px}
.menu-bottom .motion-toggle{position:static;min-height:44px;align-self:end;padding:12px 18px;font-size:12px}
.menu-dialog nav a{transition:color .25s,transform .35s}
.menu-dialog nav a:hover{transform:translateX(7px);color:#526474}
.menu-dialog[open] nav{animation:menu-enter .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes menu-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.menu-close{min-height:48px;min-width:90px}
.dock-label{min-height:44px;display:flex;align-items:center}
.contact-links{max-width:100%;min-width:0}
.contact-links .telegram-link{font-size:clamp(27px,3.8vw,58px);line-height:1.3;gap:30px;min-height:56px}
.contact-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;font-size:12px}
#copy-contact{background:transparent;color:inherit;padding:10px 0;min-height:44px;border-bottom:1px solid #778c9d;font-size:12px}
#copy-contact:hover{color:#304f69}
#copy-status{font-size:12px;line-height:1.5;min-height:22px;max-width:440px;padding-top:10px}
.contact{position:relative;overflow:hidden}
.contact h2{position:relative;z-index:1}
.faq summary:hover{color:#526c81}
.faq details p{max-width:64ch}
.role-line{overflow:hidden}
.partnership .partnership-bottom{margin-top:65px}
.step-navigation a{min-height:48px;display:flex;align-items:center}
.motion-ready .work-stage{min-height:0}
.motion-ready .film-stage{min-height:0}
.motion-ready .credits-stage{min-height:0}
body:not(.motion-ready) .step-navigation{display:none}
body:not(.motion-ready) .work-count{display:none}
:where(section,main)[tabindex="-1"]:focus{outline:none}
@media(max-width:600px){
 .menu-dialog{padding:22px 22px 30px}
 .menu-dialog nav{margin:35px auto 30px}
 .menu-dialog nav a{font-size:clamp(29px,8vw,44px);padding:14px 0}
 .menu-bottom{align-items:start;gap:25px;flex-direction:column}
 .menu-bottom .motion-toggle{align-self:start}
 .menu-contact{font-size:22px;padding-top:12px}
 .contact-bottom{gap:35px}
 .contact-links{width:100%}
 .contact-links .telegram-link{font-size:clamp(27px,7.5vw,43px);gap:18px;justify-content:space-between}
 .contact-meta{font-size:11px;gap:15px;flex-wrap:wrap;margin-top:16px}
 #copy-contact{font-size:11px}
 .motion-ready .work-stage{padding-bottom:100px}
 .step-navigation a{font-size:11px}
 .menu-caption{line-height:1.8}
 .dock-label{padding:8px 10px}
 .hero-intro{font-size:12px}
 .hero-bottom ul{font-size:10px}
 .person-role,.section-label{font-size:12px}
 .work-top h2{font-size:20px}
}
@media(max-height:740px) and (max-width:600px){
 .motion-ready .step-content h3{font-size:10vw}
 .motion-ready .step-description{font-size:15px;margin-top:18px;gap:12px}
 .motion-ready .step-label{margin-bottom:14px}
 .motion-ready .work-stage{padding-top:22px;padding-bottom:90px}
 .motion-ready .step-navigation{margin-top:0}
 .motion-ready .work-top h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.menu-dialog[open] nav{animation:none}}
@media(min-width:901px) and (max-width:1100px){.motion-ready .film .hero-bottom{bottom:110px;left:32px;right:32px}}
.menu-top{position:sticky;top:0;z-index:4;background:#d6dde3;padding-block:8px}

/* Content revision: a quieter opening and a clear division of work. */
.dock{justify-content:flex-end}
.film .hero-center{padding:60px 24px;text-align:center}
.film .hero-bottom,.motion-ready .film .hero-bottom{left:24px;right:24px;justify-content:center;bottom:55px}
.film .hero-bottom ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.motion-ready .film-thought{padding:0 24px}
.motion-ready .focus-brackets{inset:50% 8% auto;height:240px;transform:translateY(-50%);padding:0;font-size:190px}
.motion-ready .floating-frame{width:22vw;max-width:340px;max-height:20svh;aspect-ratio:1.5}
.floating-frame img{width:100%;height:100%;object-fit:cover}
.frame-one{left:8%;top:8%}
.frame-two{right:7%;bottom:6%;top:auto}
.motion-ready .frame-three{width:16vw;left:22%;bottom:8%;top:auto;aspect-ratio:1.3}
.cover-shade{background:linear-gradient(0deg,#111a24aa,#111a2466)}
.cover-copy .cover-detail{font-size:clamp(13px,1.3vw,18px);line-height:1.65;margin:34px 0 0;max-width:540px}
.cover-copy h2{font-size:clamp(48px,7.5vw,110px)}
.motion-ready .credits-roll>*{font-size:clamp(35px,6.1vw,90px)}
.team-disciplines{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #52606b;margin-top:80px;padding-top:25px;font-size:12px;color:#cbd2d7;line-height:1.5}
.schedule{background:#f5f5f2}
.schedule .section-heading{grid-template-columns:1fr 2fr}
.schedule .section-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.15;letter-spacing:-.05em}
.schedule-rows{margin-left:33.33%}
.schedule-row{display:grid;grid-template-columns:28px 1fr;column-gap:20px;border-top:1px solid #b9bfc4;padding:30px 0}
.schedule-row>span{font-size:11px;padding-top:8px;color:#555e66}
.schedule-row h3{font-size:clamp(22px,2.3vw,34px);letter-spacing:-.035em;line-height:1.3}
.schedule-row p{grid-column:2;font-size:16px;line-height:1.65;color:#555e66;margin-top:17px;max-width:580px}
.contact h2{will-change:transform;backface-visibility:hidden}
footer{padding-bottom:40px}
@media(max-width:900px){
 .schedule .section-heading{grid-template-columns:1fr}
 .schedule-rows{margin-left:0}
 .motion-ready .focus-brackets{inset-inline:4%;font-size:160px}
 .motion-ready .floating-frame{width:26vw}
 .motion-ready .frame-three{width:20vw;left:13%}
}
@media(max-width:600px){
 .film .hero-center{padding:40px 18px}
 .film .hero-bottom,.motion-ready .film .hero-bottom{bottom:100px;left:22px;right:22px}
 .film .hero-bottom ul{gap:10px 16px;font-size:9px}
 .motion-ready .focus-brackets{inset-inline:2%;font-size:100px;height:200px}
 .motion-ready .floating-frame{width:36vw;max-height:17svh}
 .frame-one{left:6%;top:12%}
 .frame-two{right:6%;bottom:11%}
 .motion-ready .frame-three{width:25vw;left:auto;right:7%;top:16%;bottom:auto}
 .cover-copy{padding:25px 22px 60px}
 .cover-copy h2{font-size:12.5vw}
 .cover-copy .cover-detail{font-size:13px;max-width:300px;line-height:1.6;margin-top:28px}
 .motion-ready .credits-roll>*{font-size:8vw}
 .motion-ready .credits-end{font-size:12px;bottom:21%}
 .team-disciplines{grid-template-columns:1fr 1fr;margin-top:45px;font-size:11px;gap:22px}
 .schedule .section-heading h2{font-size:9vw}
 .schedule-row{column-gap:12px;padding:26px 0}
 .schedule-row h3{font-size:21px}
 .schedule-row p{font-size:15px;margin-top:14px}
 footer{padding-bottom:90px}
}

body:not(.motion-ready) .film .hero-bottom{bottom:auto}

/* 60 / 30 / 10: cool paper, midnight navy chapters, slate blue emphasis. */
:root{--paper:#e9ecef;--ink:#222a34;--dark:#222a34;--accent:#526a83;--accent-on-dark:#a8b9cc}
.schedule,.faq,.work-stage,.film,.credits{background:var(--paper)}
::selection{background:var(--accent);color:white}
:focus-visible{outline-color:var(--accent)}
.type-accent{font-family:inherit;font-style:normal;color:var(--accent);font-weight:500}
.step-navigation a[aria-current="step"]{color:var(--accent)}
.step-label{color:var(--accent)}
.step-ghost{color:#d6dce3}
.menu-dialog,.menu-top{background:var(--paper)}
.menu-dialog nav a:hover,.faq summary:hover{color:var(--accent)}
.motion-ready .floating-frame{max-width:none;max-height:none;aspect-ratio:auto;border-radius:3px;box-shadow:0 15px 45px #14203428}
.motion-ready .frame-one{left:7%;right:auto;top:9%;bottom:auto;width:18vw;height:25svh}
.motion-ready .frame-two{left:auto;right:7%;top:auto;bottom:9%;width:22vw;height:20svh}
.motion-ready .frame-three{left:auto;right:14%;top:9%;bottom:auto;width:19vw;height:19svh}
.motion-ready .frame-four{left:15%;right:auto;top:auto;bottom:9%;width:19vw;height:20svh}
.motion-ready .frame-five{left:38%;right:auto;top:12%;bottom:auto;width:12vw;height:14svh}
.frame-one img{object-position:59% center}
.credits{background:var(--dark);color:#f0f2f5}
.credits-label{font-size:clamp(17px,2.3vw,30px);letter-spacing:-.025em}
.eyebrow{display:block;color:#aab6c4;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.credits-roll .author-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:65px 0;white-space:normal}
.author-action .action-number{font-size:12px;letter-spacing:0;color:var(--accent-on-dark)}
.author-action h2{font-size:clamp(32px,5.8vw,88px);line-height:1.08;letter-spacing:-.055em}
.author-action p{font-size:15px;line-height:1.5;letter-spacing:0;color:#b7c1ce;max-width:600px}
.motion-ready .credits-window{height:360px;width:100%;mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.motion-ready .credits-roll .author-action{height:180px;margin:0;gap:12px;font-size:inherit;white-space:normal}
.motion-ready .credits-label{top:9%;max-width:none}
.motion-ready .credits-end{bottom:12%;color:#b7c1ce;line-height:1.7}
.partnership{background:var(--dark)}
.partnership h2{margin-top:65px}
.team-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1000px;margin:65px 0 0 auto}
.team-intro p{font-size:clamp(17px,1.7vw,23px);line-height:1.55;color:#d0d6de}
.team-intro p+p{color:#aab6c4}
.team-operating{display:grid;grid-template-columns:1fr 2fr;gap:7%;margin-top:95px;border-top:1px solid #4d5966;padding-top:25px}
.team-aside{font-size:clamp(20px,2.3vw,32px);line-height:1.3;letter-spacing:-.025em;padding-top:20px}
.team-aside span{color:#aab6c4}
.team-function{display:grid;grid-template-columns:24px 1fr;gap:24px;padding:22px 0 28px;border-bottom:1px solid #4d5966}
.team-function>span{font-size:11px;padding-top:6px;color:var(--accent-on-dark)}
.team-function h3{font-size:clamp(22px,2.3vw,32px);letter-spacing:-.03em;line-height:1.2}
.team-function p{max-width:560px;margin-top:15px;color:#aab6c4;font-size:16px;line-height:1.6}
.contact,footer{background:var(--accent);color:white}
.contact{padding-top:60px;padding-bottom:80px}
.contact-top{display:flex;justify-content:space-between;align-items:start;gap:25px}
.contact-top>span{font-size:12px}
.contact h2{font-size:clamp(75px,12vw,180px);line-height:1.03;letter-spacing:-.065em;margin:65px 0 85px}
.contact h2>span{font-weight:600}
.contact-bottom{align-items:start;gap:8%}
.contact-invitation{max-width:480px}
.contact-invitation p{font-size:clamp(18px,1.8vw,26px);line-height:1.45;letter-spacing:-.02em}
.contact-invitation p+p{margin-top:22px;color:#e0e7ef;font-size:16px}
.contact-links{min-width:360px}
.contact-links .telegram-link{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.035em;justify-content:space-between;gap:35px;background:white;color:var(--accent);padding:22px 26px;border:0;border-radius:7px;transition:background .25s,transform .25s}
.contact-links .telegram-link:hover{background:#edf1f6;transform:translateY(-3px)}
.contact-meta{color:#e0e7ef;font-size:12px;margin-top:18px;line-height:1.5}
.contact-links .contact-note{font-size:13px;line-height:1.6;margin-top:20px;color:#e0e7ef}
.contact :focus-visible,footer :focus-visible{outline-color:white}
footer{border-color:#ffffff38}
@media(max-width:900px){
 .team-intro{gap:35px}
 .team-operating{grid-template-columns:1fr 1.6fr;gap:35px}
 .contact-links{min-width:290px}
 .contact-bottom{gap:35px}
}
@media(max-width:600px){
 .motion-ready .frame-one{left:6%;right:auto;top:10%;bottom:auto;width:31vw;height:18svh}
 .motion-ready .frame-two{left:auto;right:7%;top:auto;bottom:14%;width:35vw;height:13svh}
 .motion-ready .frame-three{left:auto;right:7%;top:12%;bottom:auto;width:32vw;height:13svh}
 .motion-ready .frame-four{left:6%;right:auto;top:auto;bottom:10%;width:35vw;height:18svh}
 .motion-ready .frame-five{left:45%;right:auto;top:27%;bottom:auto;width:18vw;height:9svh}
 .motion-ready .credits-label{font-size:18px;top:10%;left:22px;right:22px;line-height:1.4}
 .eyebrow{font-size:10px;margin-bottom:14px}
 .motion-ready .credits-window{height:280px}
 .motion-ready .credits-roll .author-action{height:140px;gap:10px}
 .author-action h2{font-size:7.8vw;white-space:nowrap}
 .author-action p{font-size:12px;max-width:260px;padding:0 10px}
 .motion-ready .credits-end{bottom:13%;font-size:11px;left:22px;right:22px}
 .partnership h2{margin-top:45px;font-size:11vw}
 .team-intro{grid-template-columns:1fr;gap:25px;margin-top:40px}
 .team-intro p{font-size:17px}
 .team-operating{grid-template-columns:1fr;gap:22px;margin-top:45px;padding-top:20px}
 .team-aside{padding-top:0;font-size:24px}
 .team-function{gap:15px;padding:22px 0}
 .team-function h3{font-size:23px}
 .team-function p{font-size:14px;margin-top:12px}
 .contact{padding-top:45px;padding-bottom:55px}
 .contact-top>span{display:none}
 .contact-top .section-label{font-size:11px}
 .contact h2{font-size:15.4vw;margin:65px 0 55px;line-height:1.08}
 .contact-invitation p{font-size:20px}
 .contact-invitation p+p{font-size:15px;margin-top:16px}
 .contact-links{min-width:0;width:100%}
 .contact-links .telegram-link{font-size:21px;padding:21px 19px;gap:20px}
 .contact-meta{font-size:11px}
 .contact-links .contact-note{font-size:12px;margin-top:17px}
}

/* Reference-driven motion: editorial image rhythm, masked type, staggered navigation. */
.text-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;line-height:1.15}
.line-inner{display:block;transform-origin:0 100%;will-change:transform}
.film h1 .text-mask,.film h1 .line-inner{color:inherit}
.film h1 .line-inner.quiet{color:#48545f}
.film-thought h2{margin:16px 0;font-size:clamp(60px,9.2vw,140px)}
.motion-ready .film-thought{inset:0;height:auto;padding:0 24px}
.motion-ready .focus-brackets{inset:0;height:auto;transform:none;padding:0 12%;font-size:clamp(130px,18vw,250px);color:#7b8998}
.image-gallery{pointer-events:none}
.motion-ready .image-gallery{position:absolute;inset:0;z-index:1}
.motion-ready .floating-frame{box-shadow:0 12px 30px #26312812;border-radius:2px;pointer-events:auto;overflow:hidden}
.motion-ready .frame-one{left:7%;right:auto;top:9%;bottom:auto;width:18%;height:25svh;transform:rotate(-5deg)}
.motion-ready .frame-two{left:auto;right:7%;top:auto;bottom:9%;width:22%;height:20svh;transform:rotate(4deg)}
.motion-ready .frame-three{left:auto;right:14%;top:9%;bottom:auto;width:19%;height:19svh;transform:rotate(3deg)}
.motion-ready .frame-four{left:15%;right:auto;top:auto;bottom:9%;width:19%;height:20svh;transform:rotate(-3deg)}
.motion-ready .frame-five{left:38%;right:auto;top:12%;bottom:auto;width:12%;height:14svh;transform:rotate(-2deg)}
.floating-frame img{transition:filter .5s cubic-bezier(.2,.7,.2,1);filter:saturate(.7)}
@media(hover:hover){.image-gallery:has(.floating-frame:hover) .floating-frame:not(:hover) img{filter:saturate(.15) brightness(.8)}.floating-frame:hover img{filter:saturate(1.15)}}
.motion-ready .film-cover{clip-path:inset(28% 32% round 2px)}
.cover-copy h2 .text-mask{line-height:1.08}
.step-content h3 .text-mask{line-height:1.08}
.process-progress{position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.step-navigation{position:relative}
.step-navigation a:before{display:none}
.step-navigation a{transition:color .25s}
.menu-button{width:112px;height:50px;display:flex;flex-direction:row;gap:22px;border-radius:999px;background:#222a34;color:#fff;padding:0 20px;transition:background .3s}
.menu-button:hover{background:var(--accent)}
.menu-button>span{background:none;width:auto;height:auto}
.menu-button-label{font-size:12px;line-height:1}
.menu-symbol{display:flex;flex-direction:column;gap:5px;width:18px!important}
.menu-symbol i{display:block;width:18px;height:1px;background:currentColor;transition:transform .25s}
.menu-button:hover .menu-symbol i:first-child{transform:translateX(3px)}
.menu-button:hover .menu-symbol i:last-child{transform:translateX(-3px)}
.menu-dialog{background:var(--dark);color:#f4f5f7;padding:32px 6vw 50px}
.menu-dialog::backdrop{background:#222a3466;backdrop-filter:blur(8px)}
.menu-top{background:var(--dark)}
.menu-dialog nav{margin:55px auto 45px}
.menu-dialog nav a{overflow:hidden;padding:13px 0;border-color:#64707c;font-size:clamp(36px,7vw,100px);line-height:1.12;transition:color .3s}
.menu-dialog nav a:hover{transform:none;color:#a8b9cc}
.menu-dialog nav .menu-word{font-size:inherit;letter-spacing:-.055em;line-height:inherit}
.menu-dialog nav .menu-index{font-size:12px;color:#a8b9cc}
.menu-dialog[open] nav{animation:none}
.menu-contact{color:#c8d2df}
.menu-dialog :focus-visible{outline-color:#a8b9cc}
.button-label{position:relative;display:block;overflow:hidden;line-height:1.35;white-space:nowrap}
.button-label>span{display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)!important}
.button-label>span+span{position:absolute;top:100%;left:0}
.button-arrow{display:block;position:relative;flex:0 0 44px;width:44px;height:44px;background:#e5ebf2;border-radius:50%;overflow:hidden}
.button-arrow>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .55s cubic-bezier(.22,1,.36,1)!important}
.button-arrow>span+span{transform:translate(-100%,100%)}
.contact-links .telegram-link{padding:14px 16px 14px 26px;gap:25px;min-height:72px;border-radius:999px;font-size:clamp(20px,2vw,28px);transition:background .3s;transform:none}
.telegram-link:hover .button-label>span,.telegram-link:focus-visible .button-label>span{transform:translateY(-100%)}
.telegram-link:hover .button-arrow>span:first-child,.telegram-link:focus-visible .button-arrow>span:first-child{transform:translate(100%,-100%)}
.telegram-link:hover .button-arrow>span+span,.telegram-link:focus-visible .button-arrow>span+span{transform:translate(0,0)}
.telegram-link:hover .button-label,.telegram-link:hover .button-arrow{transform:none}
.contact-links .telegram-link:hover{transform:none;background:#fff}
.contact h2>.text-mask{font-weight:400;line-height:1.08}
.contact h2>.text-mask+span{font-weight:600}
@media(max-width:900px){
 .motion-ready .focus-brackets{inset-inline:0;padding-inline:6%}
 .contact-links{min-width:330px}
}
@media(max-width:600px){
 .motion-ready .film-thought{inset:0;height:auto;padding:0 18px}
 .film-thought h2{font-size:13vw;margin:15px 0}
 .film-thought>p{max-width:275px;font-size:11px}
 .motion-ready .focus-brackets{inset:0;height:auto;padding:0 3%;font-size:100px}
 .motion-ready .frame-one{left:6%;right:auto;top:10%;bottom:auto;width:31%;height:18svh}
 .motion-ready .frame-two{left:auto;right:7%;top:auto;bottom:14%;width:35%;height:13svh}
 .motion-ready .frame-three{left:auto;right:7%;top:12%;bottom:auto;width:32%;height:13svh}
 .motion-ready .frame-four{left:6%;right:auto;top:auto;bottom:10%;width:35%;height:18svh}
 .motion-ready .frame-five{left:45%;right:auto;top:27%;bottom:auto;width:18%;height:9svh}
 .menu-button{width:102px;height:46px;padding:0 16px;gap:19px}
 .menu-dialog{padding:22px 22px 35px}
 .menu-dialog nav{margin:45px auto 35px}
 .menu-dialog nav a{font-size:8.1vw;padding:19px 0}
 .contact-links{min-width:0}
 .contact-links .telegram-link{font-size:18px;padding:12px 12px 12px 20px;gap:12px;min-height:66px}
 .button-arrow{flex-basis:40px;width:40px;height:40px}
 .button-arrow>span{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.line-inner{will-change:auto}.floating-frame img{filter:none}.button-label>span,.button-arrow>span{transition:none!important}}
.menu-close{color:inherit}
.menu-button .menu-symbol{display:flex}

/* The author’s two tasks resolve into the team’s responsibility. */
.credits-promise{font-size:clamp(23px,3vw,40px);letter-spacing:-.04em;color:#f0f2f5;margin-bottom:12px;line-height:1.15}
.mobile-break{display:none}
@media(max-width:600px){.mobile-break{display:initial}.credits-promise{font-size:24px}.motion-ready .credits-end{bottom:10%;font-size:12px}}

/* Quiet accent follows the same palette in dark and light scenes. */
:root{--muted:#5d6875;--line:#bdc5ce;--dark:#202935}
.film .hero-sculpture{filter:saturate(.4)}
.frame-one img{object-position:center}
.menu-dialog nav a:hover,.menu-dialog nav .menu-index{color:var(--accent-on-dark)}
.menu-dialog :focus-visible{outline-color:var(--accent-on-dark)}

.frame-two img{object-position:65% center}

/* One phrase in focus; complete text moves and defocuses instead of clipping. */
.credits-pagination{display:none}
.motion-ready .credits-window{height:300px;max-width:1100px;overflow:visible;mask-image:none;margin:auto;width:100%}
.motion-ready .credits-roll{position:relative;height:100%;margin:0;transform:none}
.motion-ready .credits-roll .author-action{position:absolute;inset:0;height:100%;margin:0;gap:20px;white-space:normal;will-change:transform,opacity,filter}
.motion-ready .credits-roll .author-action:not(:first-child){visibility:hidden}
.author-action .action-number{text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.author-action h2{font-size:clamp(36px,5.5vw,84px);line-height:1.15}
.author-action.team-action h2{font-size:clamp(34px,4.6vw,72px)}
.author-action p{max-width:620px;font-size:15px;line-height:1.55}
.motion-ready .credits-label{top:12%}
.motion-ready .credits-pagination{display:flex;position:absolute;bottom:20%;left:0;right:0;justify-content:center;gap:12px}
.credits-pagination span{display:block;width:40px;height:2px;background:var(--accent-on-dark);transform-origin:center}
/* The team is one composed desktop chapter, not an oversized title followed by another page. */
.partnership{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-content:center;column-gap:7%;row-gap:28px;padding-block:64px}
.partnership>.section-label{grid-column:1/-1;color:var(--accent-on-dark);font-size:clamp(24px,2.5vw,36px);line-height:1.2;letter-spacing:-.035em}
.partnership h2{font-size:clamp(46px,5.5vw,84px);line-height:1.06;margin:0;align-self:center}
.team-intro{display:flex;flex-direction:column;gap:18px;margin:0;max-width:none;align-self:center}
.team-intro p{font-size:clamp(15px,1.25vw,18px);line-height:1.6}
.team-operating{grid-column:1/-1;display:block;margin-top:8px;padding-top:22px}
.team-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}
.team-function{border:0;padding:8px 0;grid-template-columns:20px 1fr;gap:14px}
.team-function h3{font-size:clamp(19px,1.7vw,24px);line-height:1.25}
.team-function p{font-size:14px;line-height:1.55;margin-top:12px}
/* Workload and questions share a continuous two-column rhythm. */
.schedule{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:100px;padding-bottom:60px}
.schedule .section-heading{display:block;margin:0}
.schedule .section-label{font-size:clamp(27px,3.4vw,48px);letter-spacing:-.045em;line-height:1.15;color:var(--accent);margin-bottom:38px}
.schedule .section-heading h2{font-size:clamp(28px,3vw,43px);line-height:1.18}
.schedule .section-heading h2 span{color:var(--muted)}
.rhythm-rule{height:2px;max-width:180px;margin-top:35px;background:#cad2dc;overflow:hidden}
.rhythm-rule span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left}
.schedule-rows{margin-left:0}
.schedule-row{padding:22px 0;column-gap:15px}
.schedule-row:first-child{padding-top:0;border-top:0}
.schedule-row h3{font-size:clamp(22px,2vw,29px)}
.schedule-row p{font-size:15px;line-height:1.6;margin-top:12px}
.faq{position:relative;padding-top:58px;padding-bottom:90px}
.faq:before{content:'';position:absolute;top:0;left:6vw;right:6vw;height:1px;background:var(--line)}
.faq h2{font-size:clamp(30px,3vw,43px)}
.faq details:first-child{border-top:0}
.faq summary{padding:22px 0;font-size:16px}
@media(max-width:900px){
 .partnership{column-gap:5%;padding-inline:32px}
 .team-functions{gap:24px}.team-function{display:block}.team-function>span{display:block;margin-bottom:12px}
 .schedule{gap:5%;padding-inline:32px}.schedule .section-label{font-size:31px}
 .schedule .section-heading h2{font-size:29px}
 .faq{grid-template-columns:1fr 1.2fr;gap:5%}.faq:before{left:32px;right:32px}
}
@media(max-width:600px){
 .motion-ready .credits-window{height:240px}
 .motion-ready .credits-label{top:14%;font-size:17px}
 .motion-ready .credits-stage{padding:70px 20px 100px}
 .motion-ready .credits-roll .author-action{gap:16px}
 .author-action h2{font-size:7.6vw;white-space:normal}
 .author-action.team-action h2{font-size:6.8vw}
 .author-action p{font-size:13px;max-width:290px;padding:0 10px}
 .motion-ready .credits-pagination{bottom:23%}
 .partnership{min-height:0;display:block;padding:64px 22px}
 .partnership h2{font-size:11vw;margin-top:24px}
 .team-intro{margin-top:30px;gap:16px}.team-intro p{font-size:15px}
 .team-operating{margin-top:30px;padding-top:0;border:0}
 .team-functions{display:block}
 .team-function{display:grid;grid-template-columns:20px 1fr;gap:14px;border-top:1px solid #4d5966;padding:20px 0}
 .team-function>span{margin:0}.team-function h3{font-size:21px}.team-function p{font-size:14px}
 .schedule{display:block;padding:64px 22px 35px}
 .schedule .section-label{font-size:34px;margin-bottom:26px}
 .schedule .section-heading h2{font-size:29px}.rhythm-rule{margin-top:28px}
 .schedule-rows{margin-top:38px}.schedule-row{padding:22px 0}.schedule-row h3{font-size:21px}
 .faq{display:block;padding:36px 22px 64px}.faq:before{left:22px;right:22px}
 .faq h2{font-size:29px;margin-bottom:24px}.faq summary{font-size:15px;padding:20px 0}
}
@media(prefers-reduced-motion:reduce){.author-action{will-change:auto}}

.team-action .responsibility-emphasis{font-style:italic;font-weight:inherit;white-space:nowrap}

/* A single pinned stage carries the media scene into the author's part. */
.motion-ready .opening-stage{position:relative;height:100svh;overflow:hidden;background:var(--dark);isolation:isolate}
.motion-ready .opening-stage>.film,.motion-ready .opening-stage>.credits{position:absolute;inset:0;width:100%;height:100%}
.motion-ready .opening-stage>.credits{z-index:8;visibility:hidden;background:transparent}
.motion-ready .opening-stage .credits-stage{background:transparent}
/* Negative tracking must not trim the final glyph's right descender. */
.film-thought h2.text-mask{padding-inline:.1em;padding-bottom:.14em;margin-bottom:-.02em}
.floating-frame .frame-product{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:cover;object-position:center}
.credits-stage{position:relative;isolation:isolate;overflow:hidden}
.author-orbit{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.68;overflow:visible}
.orbit-ring{position:absolute;left:50%;top:50%;width:min(65vw,820px);height:min(76vh,780px);border-radius:50%;border:1px solid #b4c8e126;transform:translate(-50%,-50%) rotate(-24deg);box-shadow:inset 14px 8px 32px #bbd1eb12,inset -17px -12px 40px #080f205e,12px 20px 50px #10172230; background:linear-gradient(125deg,#c5d8f30b,transparent 40%,#7298c313);filter:blur(1px)}
.orbit-two{width:min(51vw,650px);height:min(61vh,620px);transform:translate(-50%,-50%) rotate(24deg);opacity:.75}
.orbit-three{width:min(38vw,480px);height:min(46vh,470px);transform:translate(-50%,-50%) rotate(-24deg);opacity:.5}
@media(max-width:600px){
 .orbit-one{width:115vw;height:66vh}.orbit-two{width:93vw;height:54vh}.orbit-three{width:70vw;height:42vh}
}

/* ScrollTrigger refreshes must be synchronous; navigation animates explicitly in JS. */
html{scroll-behavior:auto}

/* Closing chapters: normal-flow team, pinned rhythm, full-viewport final reveal. */
.schedule{display:block;padding:0}
.schedule-stage{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-block:100px 60px;isolation:isolate;overflow:hidden}
.rhythm-orbit{display:none;position:absolute;pointer-events:none;z-index:-1;inset:0}
.rhythm-orbit i{position:absolute;left:66%;top:50%;width:54vw;height:70%;border:1px solid #526a8320;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg)}
.rhythm-orbit i:nth-child(2){width:44vw;height:85%;transform:translate(-50%,-50%) rotate(30deg)}
.rhythm-orbit i:nth-child(3){width:64vw;height:58%;transform:translate(-50%,-50%) rotate(-5deg)}
.motion-ready .partnership{position:relative;z-index:2;margin-top:-10svh;padding-top:max(64px,10svh);overflow:hidden}
.motion-ready .schedule-stage{height:100svh;align-items:center;padding-block:10svh;background:var(--paper)}
.motion-ready .schedule .section-label{font-size:clamp(38px,5.5vw,84px);line-height:1.06;margin-bottom:32px}
.motion-ready .schedule .section-heading h2{font-size:clamp(23px,2.6vw,38px)}
.motion-ready .schedule-rows{position:relative;height:340px;margin:0}
.motion-ready .schedule-row{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;border:0;padding:0;gap:22px}
.motion-ready .schedule-row>span{font-size:clamp(50px,7vw,100px);line-height:1;color:var(--accent);letter-spacing:-.06em}
.motion-ready .schedule-row h3{font-size:clamp(26px,3vw,44px);line-height:1.15;max-width:550px}
.motion-ready .schedule-row p{font-size:16px;max-width:460px;margin:0}
.motion-ready .rhythm-orbit{display:block}
.contact{padding:0;background:var(--paper);position:relative}
.contact-stage{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding-block:6svh 8svh;background:var(--accent);isolation:isolate;overflow:hidden}
.contact-stage h2{margin:0;font-size:clamp(64px,12vw,180px);position:relative;z-index:1}
.contact-stage .contact-top,.contact-stage .contact-bottom{position:relative;z-index:1}
.contact-bloom{position:absolute;inset:0;background:var(--accent);z-index:-2;pointer-events:none}
.contact-burst{position:absolute;left:68%;top:43%;width:min(55vw,650px);aspect-ratio:1;pointer-events:none;z-index:-1;opacity:.12}
.contact-burst i{position:absolute;left:50%;top:50%;width:1px;height:42%;background:linear-gradient(transparent 40%,#e6edf5);transform-origin:50% 0;transform:rotate(calc(var(--ray)*20deg))}
.motion-ready .contact-stage{height:100svh;background:var(--paper)}
@media(max-width:900px){
 .schedule-stage{gap:5%;padding-inline:32px}
 .contact-stage{padding-inline:32px}.contact-stage .contact-bottom{gap:24px}
}
@media(max-width:600px){
 .schedule-stage{display:block;padding:64px 22px 35px}
 .motion-ready .partnership{padding-top:72px;margin-top:-6svh}
 .motion-ready .schedule-stage{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:38px;padding:9svh 22px}
 .motion-ready .schedule .section-label{font-size:12vw;margin-bottom:20px}
 .motion-ready .schedule .section-heading h2{font-size:24px}
 .motion-ready .schedule-rows{height:290px;flex-shrink:0}
 .motion-ready .schedule-row{gap:17px}.motion-ready .schedule-row>span{font-size:58px}
 .motion-ready .schedule-row h3{font-size:28px}.motion-ready .schedule-row p{font-size:14px;line-height:1.6}
 .rhythm-orbit i{left:62%;width:125vw;height:55%}.rhythm-orbit i:nth-child(2){width:100vw;height:72%}.rhythm-orbit i:nth-child(3){width:145vw;height:42%}
 .contact-stage{padding:6svh 22px 10svh;gap:28px}
 .contact-stage h2{font-size:15.4vw;line-height:1.08}
 .contact-stage .contact-bottom{gap:26px}
 .contact-stage .contact-invitation p{font-size:18px}
 .contact-stage .contact-invitation p+p{font-size:14px;margin-top:10px}
 .contact-stage .contact-note{font-size:11px;margin-top:12px}
 .contact-stage .telegram-link{font-size:20px;padding:17px 19px}
 .contact-stage .contact-meta{margin-top:12px}
 .contact-burst{width:100vw;left:42%;top:25%}
}

/* The paper surface opens out of the team's navy chapter. */
.motion-ready .schedule{background:var(--dark)}
@media(min-width:601px) and (max-height:760px){
 .motion-ready .contact-stage h2{font-size:min(12vw,21svh)}
}

/* The editorial pause is intentionally still: no ornaments behind the words. */
.insight-pause{position:relative;background:#151c26;color:#edf0f4;text-align:center;padding:110px 24px}
.insight-beat{font-size:clamp(25px,3.5vw,54px);line-height:1.28;letter-spacing:-.045em}
.insight-beat>span,.insight-beat>strong{display:block}
.insight-beat>span{color:#a9b3c1}
.insight-beat strong{font-weight:400;font-size:clamp(38px,6.2vw,96px);line-height:1.15;letter-spacing:-.055em;margin-top:18px}
.insight-second{margin-top:80px}
.insight-second strong{font-size:clamp(32px,4.7vw,72px)}
.motion-ready .insight-pause{position:absolute;inset:0;z-index:3;padding:0;visibility:hidden;pointer-events:none}
.motion-ready .insight-beat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:70px 28px;visibility:hidden}
.motion-ready .thought-two{z-index:4;pointer-events:none}
.motion-ready .thought-two>p{font-size:clamp(14px,1.5vw,21px);color:inherit;letter-spacing:-.015em;margin-bottom:6px}
@media(max-width:600px){
 .insight-pause{padding:80px 22px}
 .insight-beat{font-size:6.3vw;line-height:1.4}
 .insight-beat strong{font-size:10.4vw;line-height:1.16;margin-top:18px}
 .insight-second strong{font-size:8.1vw}
 .motion-ready .insight-beat{padding:60px 20px}
 .motion-ready .thought-two>p{font-size:14px}
}


/* MAZA belongs to the team and the final invitation. */
.menu-brand{display:block;width:135px;padding-block:8px}
.menu-brand img{width:100%;height:auto}
.team-brandline{display:flex;align-items:center;justify-content:space-between;gap:24px}
.team-brandline img{width:clamp(120px,13vw,190px);height:auto}
.contact-brand{display:block;width:clamp(150px,15vw,220px);height:auto;flex-shrink:0;overflow:visible}
.contact-top{align-items:center}
@media(max-width:600px){
 .menu-brand{width:112px}.team-brandline img{width:120px}
 .contact-brand{width:108px}.contact-top{gap:22px}
 .contact-top .section-label{max-width:170px;line-height:1.5}
}

/* The opening wordmark belongs only to the hero, not to the pinned gallery. */
.hero-brand{position:absolute;top:40px;left:6vw;width:125px;height:auto;z-index:3}
@media(max-width:600px){.hero-brand{top:30px;left:22px;width:104px}}

/* Keep the title and brackets on one axis regardless of the number of captions. */
.motion-ready .film-thought{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:start;gap:0}
.motion-ready .film-thought h2.text-mask{grid-row:2;margin:0;padding:.14em .1em;line-height:1.05}
.motion-ready .film-thought>p:first-child{grid-row:1;align-self:end;margin-bottom:16px}
.motion-ready .film-thought>p:last-child:not(:first-child){grid-row:3;align-self:start;margin-top:16px}
.motion-ready .focus-brackets{padding-block:0;align-items:center}
.focus-brackets>span{display:block;width:clamp(39px,4.68vw,65px);height:clamp(140px,17vw,240px);flex-shrink:0}
.focus-brackets svg{display:block;width:100%;height:100%;overflow:visible}
.focus-brackets path{fill:none;stroke:currentColor;stroke-width:12}
@media(max-width:600px){
 .motion-ready .film-thought>p:first-child{margin-bottom:12px}
 .motion-ready .film-thought>p:last-child:not(:first-child){margin-top:12px}
 .focus-brackets>span{width:26px;height:100px}
}

/* Manrope's visible lowercase forms sit below its line box centre. */
.motion-ready .film-thought h2 .line-inner{position:relative;top:-.14em}