/* Project archive, richer style specimens and a concise four-step brief. */
.cinema-builder,.playground,.film-section{position:relative;isolation:isolate}.film-section{z-index:0}.cinema-builder{z-index:1}.film-pin{overflow:hidden}.real-films .film-art{display:flex;align-items:center;justify-content:center;background:#023859;padding:clamp(20px,4vw,60px);height:min(64vh,680px);text-decoration:none;border:1px solid #54acbf44}.real-films .film-art>img{position:static;object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;transform:none;filter:none;box-shadow:0 24px 60px #011c4070}.real-films .film-art:hover>img{transform:translateY(-5px);filter:none}.real-films .film-meta{color:#a7ebf2}.real-films .film{background:#011c40}.project-screen img{object-fit:contain}.project-index .work-image{background:#023859;display:flex;align-items:center;justify-content:center;padding:24px;aspect-ratio:1.5}.project-index .work-image img{position:static;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.project-index .work-overlay{display:none}.real-case{padding:0 6vw 10vw;max-width:1300px;margin:auto}.real-case img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;background:#023859;box-shadow:0 25px 80px #011c4030}.real-case p{margin:30px 0;font-size:16px}.privacy-update{margin:40px 6vw;max-width:900px;line-height:1.6}
.design-preview{height:auto;min-height:610px}.preview-body{min-height:340px}.preview-description{font-size:16px;line-height:1.5;max-width:360px;margin:22px 0}.preview-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 5% 30px}.preview-details>div{border-top:1px solid currentColor;padding:16px 0;display:flex;flex-direction:column;gap:12px;font-size:14px}.preview-details b{font-size:32px;font-weight:500}.preview-nav>span:nth-child(2){font-size:14px;letter-spacing:0;text-transform:none}.preview-body h2{font-size:clamp(30px,3.8vw,68px);line-height:1.07;max-width:580px}.preview-art:not(:has(canvas)){font-size:0!important}.preview-art:not(:has(canvas)):after{content:attr(data-style-symbol);font-size:clamp(100px,17vw,260px)}.design-preview[data-theme="brutal"] .preview-details{gap:0;border:2px solid currentColor}.design-preview[data-theme="brutal"] .preview-details>div{padding:16px;border-right:2px solid currentColor}.design-preview[data-theme="luxury"] .preview-details{text-align:center;font-family:Georgia,serif;letter-spacing:.04em}.design-preview[data-theme="editorial"] .preview-details{grid-template-columns:1.5fr 1fr 1fr}.design-preview[data-theme="playful"] .preview-details>div{border:1px solid currentColor;border-radius:40% 40% 12px 12px;padding:18px;text-align:center}.design-preview[data-theme="corporate"] .preview-details>div{border:1px solid currentColor;padding:20px}.design-preview[data-theme="futuristic"] .preview-details b{font-family:monospace}
.chaos-field{position:absolute;inset:0;pointer-events:none}.chaos-object{pointer-events:auto;font-size:clamp(14px,1.4vw,22px)!important;padding:12px 20px!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:rotate(calc((var(--tag-i) - 4)*3deg));border-radius:99px!important}.chaos-object:nth-child(1){left:8%!important;top:19%!important}.chaos-object:nth-child(2){left:69%!important;top:16%!important}.chaos-object:nth-child(3){left:66%!important;top:40%!important}.chaos-object:nth-child(4){left:9%!important;top:45%!important}.chaos-object:nth-child(5){left:4%!important;top:69%!important}.chaos-object:nth-child(6){left:76%!important;top:68%!important}.chaos-object:nth-child(7){left:25%!important;top:82%!important}.chaos-object:nth-child(8){left:55%!important;top:85%!important}.chaos-object:nth-child(9){left:45%!important;top:10%!important}.chaos-object:nth-child(3n){background:#26658c;color:#a7ebf2}.chaos-object:nth-child(3n+1){background:#a7ebf2;color:#011c40}.chaos-object:nth-child(3n+2){background:#54acbf;color:#011c40}
[hidden]{display:none!important}.brief-steps{gap:20px}.brief-steps span{font-size:14px!important}.brief-surface input,.brief-surface select,.brief-surface textarea{font-size:16px}.brief-surface label{font-size:16px;line-height:1.5}.brief-surface legend{margin-bottom:30px}.feature-options{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 30px}.feature-options>span{flex-basis:100%}.feature-options label{display:flex;gap:8px;align-items:center;border:1px solid #26658c55;padding:10px 12px;border-radius:4px;margin:0!important}.feature-options input,.consent input{width:18px!important;height:18px!important;accent-color:#26658c;margin:0!important}.consent{display:block!important;font-size:14px!important}.consent input{vertical-align:middle}.form-status{min-height:28px;font-size:16px;line-height:1.5;margin:20px 0}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.form-send:disabled{opacity:.5}.brief-layout aside small{font-size:14px!important}.brief-surface pre{font-size:14px;white-space:pre-wrap;word-break:break-word;line-height:1.7;max-height:450px;overflow:auto;padding:25px;background:#a7ebf230}
@media(max-width:700px){.real-films .film-art{height:47vh;padding:15px}.real-films .film-meta{gap:20px}.real-films .film-meta h3{font-size:24px}.real-films .film-meta span{font-size:14px}.design-preview{min-height:0}.preview-body{min-height:320px}.preview-description{font-size:14px}.preview-details{gap:8px}.preview-details>div{font-size:12px;padding:10px 0}.preview-details b{font-size:24px}.preview-nav>span:nth-child(2){display:none}.preview-body h2{font-size:32px}.preview-art:not(:has(canvas)):after{font-size:100px}.design-preview[data-theme="corporate"] .preview-details>div,.design-preview[data-theme="playful"] .preview-details>div{padding:10px}.chaos-object{font-size:12px!important;padding:9px 12px!important}.chaos-object:nth-child(2){left:64%!important}.chaos-object:nth-child(3){left:58%!important;top:38%!important}.chaos-object:nth-child(6){left:62%!important}.chaos-object:nth-child(8){left:49%!important}.brief-layout{gap:25px}.brief-layout aside{position:static}.brief-steps{display:grid;grid-template-columns:1fr 1fr}.brief-layout aside p{display:none}.feature-options label{font-size:14px}.project-index .work-image{padding:12px}}
@media(prefers-reduced-motion:reduce){.real-films .film-art:hover>img{transform:none}}

.design-preview[data-theme=luxury] h2,.design-preview[data-theme=editorial] h2{font-size:clamp(30px,3.8vw,68px);line-height:1.07}.design-preview[data-theme=brutal] h2,.design-preview[data-theme=futuristic] h2{text-transform:none}.preview-cta{font-size:14px}.preview-kicker,.preview-footer{font-size:14px}.real-films .film-pin{min-height:0}.real-films .film-viewport{min-height:0}.project-selector{max-height:560px;overflow:auto}
@media(max-width:700px){.design-preview[data-theme=luxury] h2,.design-preview[data-theme=editorial] h2{font-size:32px}.preview-art{position:absolute;right:0;bottom:5px;opacity:.2;pointer-events:none}.preview-details{position:relative;z-index:2}.preview-footer{font-size:12px}.preview-kicker{font-size:12px}.real-films .film{height:auto;min-height:520px}.real-films .film-pin{height:auto}}
/* Full-size project screens, archive navigation and a shared dark header. */
.site-header,.cinematic .site-header{position:fixed;top:12px;left:16px;right:16px;width:calc(100% - 32px);height:70px;padding:12px 24px;border:1px solid #54acbf55;border-radius:999px;background:#011c40ed;color:#a7ebf2;backdrop-filter:none;z-index:100;transition:background .2s,padding .2s}
.site-header.scrolled,.cinematic .site-header.scrolled{top:12px;left:16px;right:16px;width:calc(100% - 32px);height:70px;padding:12px 24px;border:1px solid #54acbf55;border-radius:999px;background:#011c40f5;color:#a7ebf2;box-shadow:0 8px 30px #011c4020;backdrop-filter:none}
.site-header a,.site-header button,.site-header .language-switch,.cinematic .site-header .language-switch{color:#a7ebf2}.site-header .start-link{border-color:#a7ebf270}.site-header .brand,.site-header.scrolled .brand{width:176px}.page-intro{padding-top:160px}
.real-films .film-pin{padding-top:104px;height:100svh}.real-films .film-head{margin-bottom:8px}.real-films .film-viewport{margin:12px 0 18px}.real-films .film-art{display:block;position:relative;overflow:hidden;padding:0;background:transparent;border:0;height:100%;min-height:0;flex:1;box-shadow:none}.real-films .film-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center top;box-shadow:none;transform:none;filter:none}.real-films .film-art:hover>img{transform:none}.real-films .film-meta{padding-top:14px;padding-bottom:5px}.real-films .film-meta h3{font-size:clamp(24px,2.7vw,42px)}.real-films .film-meta span{font-size:14px}.real-films .film-foot{font-size:14px}.real-case{max-width:1600px;padding:0 4vw 8vw}.real-case img{width:100%;max-width:none;height:auto;box-shadow:none;background:none}
.project-archive{padding:30px var(--pad) 100px}.archive-toolbar{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:32px}.archive-search-label{display:flex;flex-direction:column;gap:12px;font-size:14px;min-width:240px;flex:1}.archive-search-label input{border:0;border-bottom:1px solid #011c4070;background:transparent;color:#011c40;font:inherit;font-size:18px;padding:12px 0;border-radius:0;outline-offset:6px}.archive-search-label input::placeholder{color:#023859b0}.archive-filters{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:4px}.archive-filters button{font-size:14px;padding:12px 16px;border:1px solid #011c4040;border-radius:99px;color:#011c40;background:transparent}.archive-filters button[aria-pressed=true]{background:#011c40;color:#a7ebf2}.archive-filters button:hover{border-color:#011c40}.archive-toolbar>span{font-size:14px;padding-bottom:16px;min-width:70px}.archive-body{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr);gap:clamp(30px,5vw,90px);align-items:start}.archive-sidebar{position:sticky;top:110px;min-width:0}.archive-list{max-height:calc(100svh - 150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#26658c #a7ebf2;overscroll-behavior:contain}.archive-list a{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:14px;align-items:center;padding:18px 12px 18px 0;border-top:1px solid #011c4030;color:#011c40;text-decoration:none;transition:color .15s,background .15s}.archive-list a:last-child{border-bottom:1px solid #011c4030}.archive-list a[aria-current]{color:#26658c;background:#54acbf22}.archive-list a:hover{color:#26658c}.archive-number{font-size:12px;opacity:.7}.archive-list strong{display:block;font-size:clamp(18px,1.5vw,25px);font-weight:500;line-height:1.25}.archive-list small{display:block;font-size:13px;margin-top:7px;opacity:.7}.archive-image-link{display:block;overflow:hidden;aspect-ratio:1.5;background:none;padding:0;position:relative}.archive-image-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none;margin:0}.archive-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:26px}.archive-caption h2{font-size:clamp(25px,2.5vw,42px);line-height:1.12;font-weight:500;margin:8px 0 0;letter-spacing:-.03em}.archive-caption>div>span{font-size:14px;opacity:.75}.archive-controls{display:flex;gap:12px;align-items:center;flex:none}.archive-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #011c4040;background:transparent;color:#011c40;font-size:20px}.archive-controls button:disabled{opacity:.25}.archive-controls span{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.archive-display>p{font-size:16px;line-height:1.6;max-width:660px;margin:24px 0}.archive-display>.underline-link{font-size:16px}#archive-empty{font-size:16px;line-height:1.5;padding:25px 0}
.cinema-hero{background:#011c40;background-image:radial-gradient(ellipse at 55% 40%,#023859 0%,#011c40 68%)}#hero-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}.cinema-hero .hero-shade{background:linear-gradient(0deg,#011c40b0,transparent 25%,transparent 75%,#011c4020)}.cinema-hero h1{pointer-events:none}.cinema-meta,.cinema-prompt,.cinema-foot{position:relative;z-index:2}.cinema-hero .scene-switch{min-width:145px}
@media(max-width:1000px){.archive-body{grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:25px}.archive-caption{align-items:flex-start;flex-direction:column}.archive-caption h2{font-size:30px}.archive-filters button{padding:10px 12px}.archive-toolbar{gap:16px}}
@media(max-width:700px){.site-header,.site-header.scrolled,.cinematic .site-header,.cinematic .site-header.scrolled{top:8px;left:10px;right:10px;width:calc(100% - 20px);height:60px;padding:10px 15px;gap:9px}.site-header .brand,.site-header.scrolled .brand{width:128px}.site-header .start-link{display:none}.site-header .language-switch{margin-left:auto}.page-intro{padding-top:130px}.real-films .film-pin{padding-top:85px;padding-bottom:28px;height:auto;min-height:0}.real-films .film-viewport{min-height:0}.real-films .film{height:auto;min-height:0}.real-films .film-art{height:48svh;flex:none;min-height:260px}.real-films .film-art>img{object-fit:cover}.real-films .film-meta{gap:10px;align-items:start}.real-films .film-meta h3{font-size:24px}.real-films .film-meta span{font-size:13px}.real-films .film-foot{font-size:12px;gap:16px}.project-archive{padding-top:10px;padding-bottom:60px}.archive-toolbar{gap:16px;margin-bottom:24px}.archive-search-label{flex-basis:100%}.archive-filters{flex:1}.archive-filters button{font-size:13px;padding:10px}.archive-toolbar>span{padding:0}.archive-body{grid-template-columns:1fr;gap:28px}.archive-sidebar{position:static}.archive-list{max-height:300px}.archive-list a{padding:14px 10px 14px 0}.archive-list strong{font-size:20px}.archive-list small{font-size:13px}.archive-image-link{aspect-ratio:1.45}.archive-caption{flex-direction:row;align-items:start;gap:16px}.archive-caption h2{font-size:26px}.archive-controls{gap:7px}.archive-controls button{width:34px;height:34px}.archive-controls span{font-size:12px}.archive-display>p{font-size:16px}.real-case{padding-left:var(--pad);padding-right:var(--pad)}}
@media(prefers-reduced-motion:reduce){.real-films .film-pin{height:auto;min-height:0}.real-films .film-viewport{height:70vh;min-height:350px}.real-films .film-art{height:100%;min-height:0}}
@media(min-width:701px) and (max-width:1000px){.site-header>nav{display:none}.site-header .menu-toggle{display:flex;margin-left:0}.site-header .start-link{margin-left:auto}.site-header .language-switch{margin-left:0}.site-header .brand,.site-header.scrolled .brand{width:152px}}
/* Initial and scrolled header states, cursor layers, and a bounded process stage. */
.site-header:not(.scrolled),.cinematic .site-header:not(.scrolled){position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:100px;padding:24px var(--pad);border:0;border-radius:0;background:#011c40;color:#a7ebf2;box-shadow:none}
.cinematic .site-header:not(.scrolled){background:transparent}
.site-header,.cinematic .site-header{z-index:100}.fullscreen-menu{z-index:150}.cursor{z-index:200;pointer-events:none}.page-wipe{z-index:250}.brand-loader{z-index:300}.scroll-progress{z-index:180}
.machine-number,.machine-index small{color:#011c40;opacity:1}.archive-number{color:#011c40}
.design-machine{isolation:isolate;overflow:clip}.machine-sticky{background:#a7ebf2}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.design-machine{height:320svh;min-height:0}.machine-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:100px 0 28px;z-index:1;transform:none!important}.machine-sticky h2{font-size:clamp(40px,5vw,92px);line-height:1;margin:10px 0 20px}.machine-stage{min-height:200px;gap:40px}.machine-number{font-size:clamp(140px,16vw,245px)}.machine-current{font-size:clamp(26px,2.5vw,38px)}.machine-sticky>.underline-link{margin-top:14px}}
@media(min-width:701px) and (max-height:650px) and (prefers-reduced-motion:no-preference){.machine-sticky{padding-top:90px;padding-bottom:20px}.machine-sticky h2{font-size:clamp(36px,4.4vw,62px);margin-bottom:12px}.machine-stage{min-height:160px}.machine-number{font-size:clamp(120px,13vw,180px)}.machine-description p{font-size:15px}.machine-index button{padding:12px 0}}
@media(max-width:700px){.site-header:not(.scrolled),.cinematic .site-header:not(.scrolled){top:0;left:0;right:0;width:100%;height:82px;padding:18px 22px;border:0;border-radius:0}.design-machine{height:auto}.machine-sticky{position:relative;top:auto}.cursor{z-index:200}}
/* The horizontal showcase cannot paint outside its own scroll chapter. */
.film-section.real-films{isolation:isolate;overflow:clip;background:#011c40}.real-films .film-pin{background:#011c40}.cinema-builder{background:#a7ebf2;isolation:isolate}.film-prev:disabled,.film-next:disabled{opacity:.3}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.film-section.film-desktop{height:calc(100svh + var(--film-travel,0px));min-height:0}.film-desktop .film-pin{position:sticky;top:0;height:100svh;min-height:0;z-index:1;transform:none!important}.film-desktop .film-viewport{overflow:hidden;overscroll-behavior:contain}.film-desktop .film-track{will-change:transform}}
/* The speed/touch merge and quote scenes are contained, with no artificial spacers. */
.cinema-human{isolation:isolate;overflow:clip;background:#a7ebf2}.human-sticky{background:#a7ebf2}.cinema-quotes{isolation:isolate;overflow:clip;background:#011c40}.quote-scene{background:#011c40;position:relative}.quote-scene:nth-child(2){z-index:2}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.cinema-human.human-desktop{height:220svh;min-height:0}.human-desktop .human-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:110px;padding-bottom:30px;z-index:1;transform:none!important}.human-desktop .human-halves{min-height:0}.human-desktop .human-halves h2{font-size:clamp(44px,7vw,110px);margin:20px 0}.human-desktop .human-halves .human-taste h2{font-size:clamp(40px,5.6vw,88px)}.human-desktop .human-halves>div{padding-top:20px;padding-bottom:20px}.human-desktop .human-halves p{font-size:clamp(15px,1.3vw,18px)}.human-desktop .human-merge{top:52%;width:min(76vw,1100px)}}
@media(min-width:701px) and (max-height:650px){.human-desktop .human-sticky{padding-top:95px;padding-bottom:22px}.human-desktop .human-halves h2{font-size:clamp(40px,5vw,72px);margin:12px 0}.human-desktop .human-halves .human-taste h2{font-size:clamp(36px,4.4vw,62px)}.human-desktop .human-formula{font-size:15px}}

/* Quote cards occupy the same bounded stage beneath the floating header. */
.quote-stack{isolation:isolate;display:block;}
.quote-stack .quote-scene{width:100%;margin:0;transform:none!important;height:calc(100svh - 132px);min-height:440px;padding:clamp(30px,4vw,64px);gap:36px;}
.quote-stack .quote-scene blockquote{font-size:clamp(34px,5.8vw,88px);line-height:1.08;max-width:15ch;}
.quote-stack .quote-scene>span{font-size:14px;line-height:1.5;}
.quote-stack .quote-scene>img{filter:brightness(.38);opacity:.8;}
@media(min-width:701px) and (min-height:451px) and (prefers-reduced-motion:no-preference){.quote-stack .quote-scene{position:sticky;top:106px;}.quote-stack .quote-scene:first-child{z-index:1;}.quote-stack .quote-scene:last-child{z-index:2;}}
@media(max-width:700px),(max-height:450px){.quote-stack .quote-scene{position:relative;top:auto;height:auto;min-height:380px;padding:36px 24px;}.quote-stack .quote-scene+.quote-scene{margin-top:20px;}.quote-stack .quote-scene blockquote{font-size:clamp(32px,8.5vw,56px);}}
/* Twelve square typography pieces; no continuous animation is needed. */
.type-playground{min-height:820px;}
.type-playground h2{font-size:clamp(72px,8.5vw,136px);line-height:.98;max-width:52%;margin-top:70px;}
.type-playground h2 i{transform:translateX(3vw);}
.type-playground .drag-word{left:var(--tile-x)!important;top:var(--tile-y)!important;right:auto!important;bottom:auto!important;width:clamp(84px,8vw,120px);aspect-ratio:1;padding:8px;font-size:clamp(12px,1.05vw,16px);font-weight:600;display:grid;place-items:center;transform:rotate(var(--tile-angle));background:#a7ebf2;color:#011c40;border:1px solid #011c40;box-shadow:4px 4px 0 #011c4020;}
.drag-word:nth-child(3n+1){background:#26658c!important;color:#a7ebf2!important;border-color:#26658c!important;}
.drag-word:nth-child(3n+2){background:#011c40!important;color:#a7ebf2!important;border-color:#011c40!important;}
.drag-word:focus-visible{outline:3px solid #54acbf;outline-offset:5px;z-index:3;}
.drag-word:active{z-index:4;box-shadow:7px 7px 0 #011c4030;}
.drag-word:nth-child(1){--tile-x:58%;--tile-y:19%;--tile-angle:-10deg;}
.drag-word:nth-child(2){--tile-x:72%;--tile-y:22%;--tile-angle:8deg;}
.drag-word:nth-child(3){--tile-x:85%;--tile-y:17%;--tile-angle:-5deg;}
.drag-word:nth-child(4){--tile-x:60%;--tile-y:40%;--tile-angle:6deg;}
.drag-word:nth-child(5){--tile-x:74%;--tile-y:43%;--tile-angle:-8deg;}
.drag-word:nth-child(6){--tile-x:86%;--tile-y:39%;--tile-angle:10deg;}
.drag-word:nth-child(7){--tile-x:57%;--tile-y:63%;--tile-angle:-7deg;}
.drag-word:nth-child(8){--tile-x:71%;--tile-y:65%;--tile-angle:4deg;}
.drag-word:nth-child(9){--tile-x:85%;--tile-y:62%;--tile-angle:-6deg;}
.drag-word:nth-child(10){--tile-x:9%;--tile-y:76%;--tile-angle:7deg;}
.drag-word:nth-child(11){--tile-x:25%;--tile-y:73%;--tile-angle:-9deg;}
.drag-word:nth-child(12){--tile-x:41%;--tile-y:76%;--tile-angle:5deg;}
.type-playground>p{bottom:24px;font-size:14px;}
@media(max-width:700px){.type-playground{min-height:900px;padding:40px 22px;}.type-playground h2{max-width:100%;font-size:clamp(58px,15vw,100px);margin-top:45px;}.type-playground h2 i{transform:translateX(5vw);}.type-playground .drag-word{width:clamp(68px,21vw,110px);font-size:12px;left:var(--mobile-x)!important;top:var(--mobile-y)!important;}.drag-word:nth-child(3n+1){--mobile-x:8%;}.drag-word:nth-child(3n+2){--mobile-x:39%;}.drag-word:nth-child(3n){--mobile-x:70%;}.drag-word:nth-child(-n+3){--mobile-y:42%;}.drag-word:nth-child(n+4):nth-child(-n+6){--mobile-y:54%;}.drag-word:nth-child(n+7):nth-child(-n+9){--mobile-y:66%;}.drag-word:nth-child(n+10){--mobile-y:78%;}.type-playground>p{left:22px;right:22px;bottom:20px;}}

@media(min-width:701px) and (min-height:451px) and (max-height:700px){.quote-stack .quote-scene{min-height:0;padding:24px;gap:24px;}.quote-stack .quote-scene blockquote{font-size:clamp(32px,min(4.2vw,7svh),56px);line-height:1.08;}.quote-stack .quote-scene>span{font-size:14px;}}

/* Mobile portrait chapters keep the desktop scroll narrative in a compact stage. */
@media(max-width:700px) and (min-height:561px) and (prefers-reduced-motion:no-preference){
 .design-machine{height:300svh;min-height:0;}
 .machine-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:88px 0 22px;transform:none!important;z-index:1;}
 .machine-sticky .small-label{font-size:12px;}
 .machine-sticky h2{font-size:clamp(26px,8vw,38px);line-height:1.05;margin:14px 0 20px;}
 .machine-stage{grid-template-columns:.35fr 1fr;min-height:0;gap:16px;align-items:start;margin:0;}
 .machine-number{font-size:clamp(64px,20vw,100px);margin:0;line-height:1;}
 .machine-current{font-size:24px;line-height:1.1;}
 .machine-description p{font-size:14px;line-height:1.45;margin-top:12px;}
 .machine-index{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:8px;}
 .machine-index>button{font-size:13px;gap:8px;padding:10px 0;}
 .machine-sticky>.underline-link{font-size:14px;margin-top:12px;}
 .film-section.film-desktop{height:calc(100svh + var(--film-travel,0px));min-height:0;}
 .film-desktop .film-pin{position:sticky;top:0;height:100svh;min-height:0;padding:86px 22px 22px;transform:none!important;z-index:1;}
 .film-desktop .film-head{align-items:center;gap:12px;}
 .film-desktop .film-head .small-label{font-size:12px;max-width:190px;}
 .film-desktop .film-viewport{overflow:hidden;scroll-snap-type:none;overscroll-behavior:auto;touch-action:pan-y;min-height:0;flex:1;margin:18px 0;}
 .film-desktop .film-track{height:100%;gap:10px;transform:var(--film-offset,translate3d(0,0,0))!important;}
 .film-desktop .film{flex:0 0 100%;min-width:100%;height:100%;min-height:0;scroll-snap-align:none;}
 .film-desktop .film-art{flex:1;height:auto;min-height:0;}
 .film-desktop .film-meta{flex:none;padding:14px 0 0;gap:10px;}
 .film-desktop .film-meta h3{font-size:22px;}
 .film-desktop .film-meta span{font-size:12px;}
 .film-desktop .film-meta a{font-size:13px;}
 .film-desktop .film-foot{font-size:12px;}
 .cinema-human.human-desktop{height:220svh;min-height:0;}
 .human-desktop .human-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:88px 22px 24px;transform:none!important;z-index:1;}
 .human-desktop .human-halves{flex:1;min-height:0;grid-template-columns:1fr;gap:14px;padding:12px 0;margin:0;}
 .human-desktop .human-halves>div{padding:0;}
 .human-desktop .human-halves>div:last-child{padding:14px 0 0;}
 .human-desktop .human-halves h2{font-size:clamp(40px,13vw,60px);line-height:1;margin:12px 0;}
 .human-desktop .human-halves .human-taste h2{font-size:clamp(34px,10vw,48px);}
 .human-desktop .human-halves p{font-size:14px;line-height:1.45;}
 .human-desktop .human-merge{top:52%;width:88%;font-size:clamp(56px,19vw,100px);}
 .human-desktop .human-formula{font-size:14px;line-height:1.4;margin-top:14px;}
 .quote-stack .quote-scene{position:sticky;top:82px;height:calc(100svh - 106px);min-height:0;padding:32px 24px;gap:24px;}
 .quote-stack .quote-scene:first-child{z-index:1;}
 .quote-stack .quote-scene:last-child{z-index:2;margin-top:0;}
 .quote-stack .quote-scene blockquote{font-size:clamp(32px,9vw,56px);line-height:1.08;}
}
@media(max-width:700px) and (min-height:561px) and (max-height:650px) and (prefers-reduced-motion:no-preference){
 .machine-sticky h2{font-size:26px;margin:8px 0 12px;}.machine-description p{font-size:14px;margin-top:8px;}.machine-number{font-size:68px;}.machine-index>button{padding:8px 0;}
 .human-desktop .human-halves h2{font-size:40px;margin:8px 0;}.human-desktop .human-halves .human-taste h2{font-size:34px;}.human-desktop .human-halves{gap:8px;}.human-desktop .human-halves>div:last-child{padding-top:8px;}
}
/* Contact is a separate, short conversation from the project brief. */
.contact-intro{padding-bottom:50px;}.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,110px);padding:20px var(--pad) 100px;}.contact-details{align-self:start;padding-top:20px;}.contact-email{display:block;font-size:clamp(22px,2.8vw,42px);letter-spacing:-.04em;margin:24px 0 32px;overflow-wrap:anywhere;}.contact-instagram{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:16px;gap:20px;}.contact-instagram span{color:#26658c;}.contact-project{margin-top:70px;max-width:390px;}.contact-project h2{font-size:clamp(24px,2.5vw,36px);line-height:1.1;}.contact-project p{font-size:16px;line-height:1.6;margin:22px 0;}.contact-project a{font-size:16px;}.contact-surface{padding:clamp(24px,3.5vw,50px);background:#a7ebf2;color:#011c40;}.contact-surface>h2{font-size:clamp(32px,4vw,56px);line-height:1.1;margin:0 0 35px;}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.contact-surface label{display:block;font-size:14px;line-height:1.5;}.contact-surface input,.contact-surface textarea,.contact-surface select{display:block;width:100%;font:inherit;font-size:16px;color:#011c40;background:#a7ebf2;border:0;border-bottom:1px solid #26658c80;border-radius:0;padding:14px 0;outline-offset:5px;}.contact-surface input:focus-visible,.contact-surface textarea:focus-visible,.contact-surface select:focus-visible{outline:2px solid #26658c;}.contact-surface textarea{resize:vertical;min-height:150px;}.contact-surface form>label{margin-top:28px;}.contact-surface input::placeholder,.contact-surface textarea::placeholder{color:#26658c;opacity:1;}.contact-submit{display:flex;align-items:start;gap:24px;margin-top:30px;}.contact-submit button{background:#011c40;color:#a7ebf2;font:inherit;font-size:16px;padding:17px 24px;border:1px solid #011c40;white-space:nowrap;cursor:pointer;}.contact-submit button:hover{background:#023859;}.contact-submit button:disabled{opacity:.6;cursor:wait;}.contact-submit p{font-size:14px;line-height:1.6;margin:0;}.contact-submit p a{text-decoration:underline;}.contact-status{font-size:16px;line-height:1.6;margin:20px 0 0;}.contact-status:empty{display:none;}.contact-status[data-state=error]{border-left:3px solid #011c40;padding-left:14px;}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
@media(max-width:1000px){.contact-layout{gap:32px;}.contact-fields{grid-template-columns:1fr;gap:20px;}.contact-submit{flex-direction:column;gap:18px;}}
@media(max-width:700px){.contact-intro{padding-bottom:35px;}.contact-layout{grid-template-columns:1fr;padding:0 22px 60px;gap:36px;}.contact-details{padding:0;}.contact-email{font-size:clamp(22px,7vw,32px);margin-bottom:24px;}.contact-project{margin-top:32px;max-width:none;}.contact-surface{padding:26px 22px;}.contact-submit button{width:100%;}.contact-surface>h2{margin-bottom:26px;}}
/* Independent translate/rotate leave the existing drag transforms intact. */
@keyframes mobileChipFloat{0%,100%{translate:0 0;rotate:-.7deg;}35%{translate:3px -4px;rotate:.9deg;}70%{translate:-3px 3px;rotate:-1deg;}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 :is(.physics-word,.chaos-object,.drag-word){animation:mobileChipFloat var(--chip-period,8s) ease-in-out var(--chip-delay,0s) infinite var(--chip-direction,normal);animation-play-state:paused;}
 .chip-motion-visible :is(.physics-word,.chaos-object,.drag-word){animation-play-state:running;}
 .chip-motion-paused :is(.physics-word,.chaos-object,.drag-word),.chip-motion-visible :is(.physics-word,.chaos-object,.drag-word):is(.chip-touching,:focus-visible){animation-play-state:paused;}
}
.service-hover.service-active h3{color:#26658c;}.service-hover.service-active>span{transform:rotate(45deg);}
.service-preview-type span{display:inline-block;transform:none;color:inherit;animation:none;}
.service-preview-type span:nth-child(2){color:#011c40;}
@keyframes serviceLetterFloat{0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-8px) rotate(5deg);}}
@keyframes serviceLetterBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes serviceLetterSlide{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}
@keyframes serviceLetterTurn{0%,100%{transform:rotate(-5deg);}50%{transform:rotate(7deg);}}
@keyframes serviceLetterWave{0%,100%{transform:translateY(3px) rotate(-3deg);}50%{transform:translateY(-9px) rotate(3deg);}}
@keyframes serviceLetterPulse{0%,100%{transform:scale(.96);}50%{transform:scale(1.04);}}
@media(prefers-reduced-motion:no-preference){
 .service-motion-preview .service-preview-type span{animation:serviceLetterFloat 3.8s ease-in-out infinite;animation-delay:calc(var(--letter-i,0)*-.35s);animation-play-state:paused;}
 .service-motion-preview[data-service-mode="1"] .service-preview-type span{animation-name:serviceLetterBounce;}
 .service-motion-preview[data-service-mode="2"] .service-preview-type span{animation-name:serviceLetterSlide;}
 .service-motion-preview[data-service-mode="3"] .service-preview-type span{animation-name:serviceLetterTurn;}
 .service-motion-preview[data-service-mode="4"] .service-preview-type span{animation-name:serviceLetterWave;}
 .service-motion-preview[data-service-mode="5"] .service-preview-type span{animation-name:serviceLetterPulse;}
 .service-motion-preview.service-preview-visible .service-preview-type span{animation-play-state:running;}
 .service-motion-preview.service-preview-paused .service-preview-type span{animation-play-state:paused;}
}
/* Section and list numbers use the brand navy in both languages. */
.service-big-number,.process-row>span,.machine-number,.machine-index small,.services-list small,.service-hover small,.archive-number,.fullscreen-menu nav small{color:#011c40;opacity:1;}