:root{--lavender:#ba8de8;--cream:#faf5e7;--ink:#121122;font-family:Inter,Arial,sans-serif;color:var(--lavender);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}button{border-radius:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6.2%;position:relative;z-index:10;background:inherit}header img{width:100px;height:auto;display:block}nav{display:flex;gap:clamp(25px,6vw,100px);align-items:center}nav a{font-size:11px;font-weight:600;padding:10px 0}nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:var(--ink);padding:15px}.page{min-height:calc(100svh - 72px)}.home{position:relative;background:#000;min-height:calc(100svh - 72px);overflow:hidden}.home video{width:100%;height:calc(100svh - 72px);min-height:480px;display:block;object-fit:cover}.home .disciplines{position:absolute;left:10%;right:9%;top:35px;display:flex;gap:20px;justify-content:space-between;font-size:8px;color:#fff}.home .location{position:absolute;right:10%;bottom:55px;color:#fff;font-size:9px}.home .email{position:absolute;left:10%;bottom:55px;color:#fff;font-size:9px}.home .enter{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:11px;color:#fff;border-bottom:1px solid #fff7;padding:8px}.motion-button{position:absolute;bottom:18px;right:20px;background:#0008;border:1px solid #ffffff60;color:white;padding:9px 12px;font-size:10px}.work-intro{padding:55px 6.2% 70px;display:grid;grid-template-columns:1.35fr 1fr;gap:70px}.work-intro h1{font-size:clamp(45px,6.4vw,94px);font-weight:900;line-height:.92;letter-spacing:-.07em;margin:0}.work-intro .copy{align-self:end;max-width:420px;font-size:16px;line-height:1.45}.work-intro .copy p{margin:0 0 20px}.work-intro .copy p:last-child{margin-bottom:0}.work-intro .pixel{width:85px;height:80px;object-fit:contain;float:right;margin-top:20px}.ticker{overflow:hidden;white-space:nowrap;line-height:1.5;font:14px/1.8 monospace;height:30px}.ticker span{display:inline-block;animation:ticker 38s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.gallery-wrap{position:relative}.gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px 0;scrollbar-width:thin;scrollbar-color:var(--lavender) transparent}.project{padding:0;flex:0 0 30%;height:min(73vw,560px);min-height:400px;scroll-snap-align:start;border:0;background:none;position:relative}.project img{width:100%;height:100%;object-fit:cover;display:block}.project .project-label{position:absolute;bottom:0;left:0;right:0;text-align:left;background:#121122df;color:var(--cream);padding:13px;font-size:11px;opacity:0;transition:opacity .15s}.project:hover .project-label,.project:focus-visible .project-label{opacity:1}.gallery-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 45px;font-size:11px}.gallery-controls button{border:1px solid #ba8de877;background:none;min-width:44px;min-height:40px}.work-links{padding:40px 6.2% 60px;display:flex;justify-content:space-between;border-top:1px solid #ba8de833;font-size:clamp(24px,4vw,50px);font-weight:700;letter-spacing:-2px}.light{background:#fff;color:var(--lavender)}.cream{background:var(--cream);color:var(--lavender)}.lavender{background:var(--lavender);color:var(--cream)}.page-heading{font-weight:900;line-height:.86;letter-spacing:-.075em;margin:0}.services{padding:45px 6.2% 80px}.services h1{text-align:center;font-size:clamp(60px,9vw,130px);margin:0 0 90px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 13%;max-width:1100px;margin:auto}.service-grid h2{font-size:27px;letter-spacing:-1.4px;line-height:1;margin:0 0 17px}.service-grid p{font-size:17px;line-height:1.45;margin:0}.service-art{display:flex;justify-content:space-between;padding:65px 0 0}.service-art img{width:120px;height:120px;object-fit:contain}.about{padding:35px 6.2% 80px;position:relative;min-height:640px}.about .year{position:absolute;right:7%;top:0;font-size:clamp(28px,4.5vw,62px);font-weight:900;letter-spacing:-4px}.about h1{font-size:clamp(65px,9vw,130px);padding-top:35px;margin-bottom:20px}.about-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:35px;align-items:start}.about-copy{font-size:18px;line-height:1.12;font-weight:600}.about-copy p{margin:0 0 22px}.about-art{width:100%;max-width:340px}.we-do h2{font-size:clamp(40px,6.5vw,87px);line-height:.9;letter-spacing:-5px;margin:25px 0 8px;font-weight:900}.we-do p{font-size:16px;line-height:1.3;font-weight:600;margin:0}.clients{padding:40px 6.2% 80px}.clients h1{font-size:clamp(65px,10vw,140px);max-width:920px}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center;margin-top:70px}.client-logos img{width:100%;height:70px;object-fit:contain}.contact{padding:40px 6.2% 0;min-height:650px;position:relative;overflow:hidden}.contact h1{font-size:clamp(65px,7.8vw,113px);max-width:720px;position:relative;z-index:2}.contact .nerd{position:absolute;width:31%;max-width:410px;bottom:0;left:45%;z-index:1}.contact .contact-mail{display:inline-block;position:relative;z-index:3;font-size:18px;margin:40px 0 180px;border-bottom:1px solid}.contact .worldwide{position:absolute;right:6.2%;bottom:50px;font-size:11px;line-height:1.6}.footer{border-top:1px solid currentColor;margin:0 3.2%;padding:12px 0 25px;display:grid;grid-template-columns:.5fr 2fr 1.5fr 1.5fr 1.4fr;gap:20px;font-size:10px;line-height:1.3;position:relative;z-index:2}.footer p{margin:0}.footer .footer-label{display:block;margin-bottom:20px}.footer a{display:block}.footer a:hover{text-decoration:underline}.footer .slogan{max-width:75px}.home-mode header{background:#000}.home-mode header nav{visibility:hidden}dialog{width:min(1000px,94vw);max-height:94svh;border:0;background:var(--ink);color:var(--lavender);padding:20px;overflow:auto}dialog::backdrop{background:#000d}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.dialog-top h2{font-size:23px;letter-spacing:-1px;margin:0}.dialog-top button{border:1px solid;background:none;padding:12px}dialog>img{display:block;max-width:100%;max-height:70svh;margin:auto;object-fit:contain}dialog>p{font-size:12px;line-height:1.6;margin:18px 0 0}.local-review{position:fixed;bottom:8px;left:8px;z-index:15;font:9px monospace;background:#121122dd;color:#ba8de8;padding:6px;pointer-events:none}@media(max-width:700px){header{height:90px;padding:14px 6%;align-items:start;gap:20px}header img{width:85px}nav{gap:18px;flex-wrap:wrap;justify-content:end}nav a{font-size:10px;padding:5px 0}.home video{height:calc(100svh - 90px);min-height:420px;object-fit:contain}.home .disciplines{top:20px;left:6%;right:6%;flex-wrap:wrap;justify-content:start;gap:15px;font-size:8px}.home .email,.home .location{bottom:85px}.work-intro{padding:30px 6% 40px;grid-template-columns:1fr;gap:30px}.work-intro h1{font-size:12vw}.work-intro .copy{font-size:15px;max-width:100%}.work-intro .pixel{display:none}.project{flex-basis:76%;height:490px;min-height:0}.project .project-label{opacity:1;font-size:10px}.gallery{padding:0 16px;gap:10px}.gallery-controls{padding:12px 16px 35px}.work-links{padding:25px 6%;font-size:28px;letter-spacing:-1px}.services{padding:35px 6% 50px}.services h1{font-size:14vw;margin-bottom:50px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h2{font-size:26px}.service-grid p{font-size:16px}.service-art img{width:80px;height:80px}.about{padding:45px 6% 35px}.about .year{font-size:28px;letter-spacing:-2px;top:0}.about h1{font-size:17vw;padding-top:15px}.about-grid{grid-template-columns:1fr 1fr;gap:20px}.about-copy{grid-column:1/-1;font-size:17px;line-height:1.3}.about-art{max-width:200px}.we-do h2{font-size:42px;letter-spacing:-3px;margin:10px 0}.we-do p{font-size:12px}.clients h1{font-size:15vw}.client-logos{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:45px}.client-logos img{height:55px}.contact{min-height:690px;padding-top:35px}.contact h1{font-size:15vw}.contact .nerd{width:65%;left:24%;max-width:none}.contact .contact-mail{font-size:16px;margin-top:25px}.contact .worldwide{right:6%;bottom:15px;z-index:3;background:#ffffffaa;padding:5px;font-size:9px}.footer{grid-template-columns:1fr 1fr;gap:25px;margin:0 6%;padding:20px 0 35px;font-size:11px}.footer .footer-year{grid-column:1/-1}.footer .footer-label{margin-bottom:10px}.footer .slogan{max-width:90px}.home-mode header nav{display:none}.home-mode header{height:60px}.home-mode .home video{height:calc(100svh - 60px)}}@media(prefers-reduced-motion:reduce){.ticker span{animation:none}.project .project-label{transition:none}}
/* Continuous landing: original Readymag order, local scroll choreography. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-padding-top:72px}body.continuous{background:var(--ink)}body.continuous header{position:fixed;top:0;left:0;right:0;background:#121122;transition:background-color .35s,color .35s;color:var(--lavender)}body.continuous header[data-theme="home-mode"]{background:#000}body.continuous header[data-theme="light"]{background:#fff}body.continuous header[data-theme="cream"]{background:#faf5e7}body.continuous header[data-theme="lavender"]{background:#ba8de8;color:var(--cream)}body.continuous.on-cover header nav{visibility:hidden}body.continuous #home{padding-top:72px;min-height:100svh}body.continuous .home .disciplines{top:107px}body.continuous #work{background:var(--ink);color:var(--lavender)}body.continuous #services,body.continuous #contact{background:#fff;color:var(--lavender)}body.continuous #about{background:var(--cream);color:var(--lavender)}body.continuous #clients{background:var(--lavender);color:var(--cream)}body.continuous [data-section]{scroll-margin-top:0}body.continuous #work .work-intro{padding-top:100px;padding-bottom:100px}body.continuous #work .work-intro h2{font-size:clamp(45px,6.4vw,94px);font-weight:900;line-height:.92;letter-spacing:-.07em;margin:0}body.continuous #services{padding-top:110px;padding-bottom:110px}body.continuous #services>.page-heading{text-align:center;font-size:clamp(60px,9vw,130px);margin:0 0 90px}body.continuous #about{padding-top:100px;padding-bottom:100px;min-height:100svh;overflow:hidden}body.continuous #about .year{top:85px}body.continuous #about>.page-heading{font-size:clamp(65px,9vw,130px);padding-top:35px;margin-bottom:20px}body.continuous #clients{padding-top:100px;padding-bottom:110px;min-height:100svh}body.continuous #clients>.page-heading{font-size:clamp(65px,10vw,140px);max-width:920px}body.continuous #contact{padding-top:100px;min-height:100svh}body.continuous #contact>.page-heading{font-size:clamp(65px,7.8vw,113px);max-width:720px;position:relative;z-index:2}.final-footer{padding-top:1px}.gallery-scene{position:relative}.gallery-stage{position:sticky;top:72px;height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;background:var(--ink);overflow:hidden}.gallery-stage .gallery-wrap{min-height:0}.gallery-stage .gallery{scroll-snap-type:none;overflow-x:hidden;scrollbar-width:none}.gallery-stage .project{height:calc(100svh - 190px);max-height:650px;min-height:300px;flex-basis:30%}.gallery-stage .gallery-controls{padding-bottom:12px}.gallery-stage .ticker{flex-shrink:0}.scroll-meter{height:2px;margin:0 24px;background:#ba8de82b}.scroll-meter i{display:block;height:100%;background:var(--lavender);transform-origin:left;transform:scaleX(0)}.parallax-layer{transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}.scroll-reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.client-logos img:nth-child(3n+2){transition-delay:.08s}.client-logos img:nth-child(3n){transition-delay:.16s}.continuous .contact .nerd{will-change:transform}.continuous .work-links{margin:0}.continuous .services .service-art{overflow:hidden}@media(max-width:700px){html{scroll-padding-top:90px}body.continuous #home{padding-top:60px}body.continuous #home video{height:calc(100svh - 60px)}body.continuous .home .disciplines{top:80px}body.continuous #work .work-intro{padding-top:60px;padding-bottom:50px}body.continuous #work .work-intro h2{font-size:12vw}body.continuous #services,body.continuous #about,body.continuous #clients,body.continuous #contact{padding-top:65px;padding-bottom:55px}body.continuous #services>.page-heading{font-size:14vw;margin-bottom:50px}body.continuous #about>.page-heading{font-size:17vw;padding-top:25px}body.continuous #about .year{top:30px}body.continuous #clients>.page-heading,body.continuous #contact>.page-heading{font-size:15vw}body.continuous #contact{min-height:740px;padding-bottom:0}.gallery-stage{position:relative;top:0;height:auto;overflow:visible}.gallery-stage .gallery{overflow-x:auto;scroll-snap-type:x mandatory}.gallery-stage .project{height:490px;min-height:0;flex-basis:76%;scroll-snap-align:start}.scroll-meter{display:none}.parallax-layer{transform:none!important}.gallery-stage .gallery-controls{padding-bottom:30px}.scroll-reveal{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.gallery-stage{position:relative;top:0;height:auto}.gallery-stage .gallery{overflow-x:auto;scroll-snap-type:x mandatory}.scroll-reveal{opacity:1;transform:none;transition:none}.parallax-layer{transform:none!important}.scroll-meter{display:none}body.continuous header{transition:none}}
/* Portfolio overlay: client and scope on hover, focus, and touch layouts. */
.project{overflow:hidden;isolation:isolate}.project img{transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:center}.project .project-label{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;inset:0;padding:28px 24px;text-align:left;background:linear-gradient(180deg,transparent 25%,#08081355 50%,#080813ed 100%);color:#faf5e7;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.project-meta{font:10px/1.5 monospace;letter-spacing:1px;color:#ba8de8}.project-client{font:700 clamp(24px,2.7vw,40px)/1.02 Inter,Arial,sans-serif;letter-spacing:-1.6px;max-width:100%;overflow-wrap:break-word}.project-scope{font:500 14px/1.5 Inter,Arial,sans-serif}.project-pending{font:10px/1.5 monospace;color:#d9d1e3}.project-open{font:11px/1.5 monospace;letter-spacing:.3px;margin-top:18px;color:#ba8de8}.project:hover img,.project:focus-visible img{transform:scale(1.025)}.project:hover .project-label,.project:focus-visible .project-label{opacity:1;transform:translateY(0)}.project:focus-visible{outline:2px solid var(--lavender);outline-offset:-3px}.gallery-stage .gallery{overscroll-behavior-x:contain}.gallery-stage .project{flex-basis:29%;height:calc(100svh - 200px);max-height:650px}.gallery-stage .gallery-controls{padding-bottom:12px}@media(max-width:700px),(hover:none){.project .project-label{opacity:1;transform:none;padding:22px 20px;background:linear-gradient(180deg,transparent 40%,#08081333 60%,#080813e8 100%)}.project-client{font-size:28px;letter-spacing:-1px}.project-scope{font-size:13px}.project-open{margin-top:8px}.gallery-stage .project{flex-basis:76%;height:490px;max-height:none}.project:hover img{transform:none}}@media(prefers-reduced-motion:reduce){.project img,.project .project-label{transition:none}.project:hover img,.project:focus-visible img{transform:none}}
/* Client marks: one horizontal rail instead of the previous logo grid. */
body.continuous #clients{overflow:hidden;min-height:auto;padding-bottom:60px}.client-logos{display:flex;gap:clamp(55px,7vw,110px);align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#faf5e7aa transparent;padding:45px 0 35px;margin-top:35px;scroll-snap-type:x proximity}.client-logos img{flex:0 0 clamp(160px,18vw,245px);width:clamp(160px,18vw,245px);height:110px;object-fit:contain;scroll-snap-align:start;opacity:1;transform:none;transition:none}.client-logos:focus-visible{outline:2px solid var(--cream);outline-offset:8px}.client-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;font:10px/1.5 monospace;letter-spacing:.5px}.client-controls div{display:flex;gap:8px}.client-controls button{background:transparent;color:var(--cream);border:1px solid #faf5e780;width:44px;height:40px;font-size:18px}.client-controls button:hover{background:#faf5e720}@media(max-width:700px){body.continuous #clients{padding-bottom:45px}.client-logos{gap:50px;margin-top:25px;padding:30px 0}.client-logos img{flex-basis:165px;width:165px;height:85px}.client-controls{font-size:9px}}
/* Accordion ending: retain earlier projects as slices, final artwork + editorial panel. */
.gallery.accordion-gallery{display:block;position:relative;height:calc(100svh - 180px);max-height:850px;min-height:360px;padding:0;overflow:hidden}.accordion-gallery .project{position:absolute;left:0;top:0;height:100%;max-height:none;min-height:0;margin:0;will-change:transform}.accordion-gallery .project img{height:100%;width:100%;object-fit:cover}.portfolio-summary{flex:0 0 25%;min-width:0;color:var(--lavender);background:var(--ink);padding:20px 0;display:flex;flex-direction:column;justify-content:space-between}.accordion-gallery .portfolio-summary{position:absolute;top:0;left:0;height:100%;z-index:20;will-change:transform}.summary-logo{height:32%;width:100%;object-fit:contain;mix-blend-mode:screen}.summary-copy .work-intro{display:contents}.summary-copy h2{font-size:clamp(20px,2.1vw,42px)!important;line-height:.94!important;letter-spacing:-.055em!important;margin:15px 0 25px!important;font-weight:800!important}.summary-copy .copy{font-size:clamp(12px,1.3vw,25px);line-height:1.04;font-weight:600;max-width:none}.summary-copy .copy p{margin:0 0 10px}.accordion-gallery+.gallery-controls{padding:8px 24px}.continuous #work .work-links{display:none}.gallery-stage .gallery-controls{display:none}.gallery-stage .scroll-meter{display:none}.gallery-stage{justify-content:center}.gallery-stage .ticker{height:30px;line-height:30px}.gallery-stage .gallery-wrap{flex:none}.gallery-scene{scroll-margin-top:72px}.portfolio-summary .scroll-reveal{opacity:1;transform:none}@media(max-width:700px),(prefers-reduced-motion:reduce){.gallery-stage .gallery{display:flex;gap:10px;padding:0 16px}.portfolio-summary{flex:0 0 76%;height:490px;min-width:0;padding:20px 18px;justify-content:space-between}.summary-logo{height:150px}.summary-copy h2{font-size:27px!important;margin:10px 0 20px!important}.summary-copy .copy{font-size:14px;line-height:1.15}.summary-copy .copy p{margin-bottom:12px}.gallery-stage .gallery-controls{display:flex}.continuous #work{padding-top:30px}.gallery-stage .project{height:490px}.portfolio-summary{scroll-snap-align:start}}
.summary-logo{mix-blend-mode:normal;filter:url(#summary-logo-key)}
/* Sections below the portfolio: one coherent screen per chapter on desktop. */
@media(min-width:901px){
 body.continuous #services,body.continuous #about,body.continuous #clients,body.continuous #contact{height:calc(100svh - 72px);min-height:0;padding:36px 6.2%;position:relative;overflow:hidden;scroll-margin-top:0}
 body.continuous #services{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
 body.continuous #services>.page-heading{font-size:clamp(54px,8vw,110px);margin:0;line-height:.9}
 .continuous .service-grid{width:100%;max-width:none;gap:24px 9%;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 .continuous .service-grid h2{font-size:clamp(18px,1.85vw,27px);margin-bottom:12px;letter-spacing:-.8px}
 .continuous .service-grid p{font-size:clamp(12px,1.12vw,16px);line-height:1.35}
 .continuous .service-art{padding:0;height:65px;justify-content:center;gap:50px;flex-shrink:0}
 .continuous .service-art img{height:65px;width:65px}
 body.continuous #about{display:flex;flex-direction:column;justify-content:center;gap:20px}
 body.continuous #about>.page-heading{font-size:clamp(60px,8.4vw,120px);padding:0;margin:0;line-height:.9}
 body.continuous #about .year{top:32px;right:6.2%;font-size:clamp(30px,3.6vw,52px);letter-spacing:-3px}
 .continuous .about-grid{grid-template-columns:1.2fr 1fr .85fr;gap:35px;align-items:center}
 .continuous .about-copy{font-size:clamp(13px,1.25vw,18px);line-height:1.18}
 .continuous .about-copy p{margin-bottom:16px}
 .continuous .about-copy p:last-child{margin-bottom:0}
 .continuous .about-art{width:100%;max-height:38svh;object-fit:contain}
 .continuous .we-do h2{font-size:clamp(42px,5.5vw,76px);margin:0 0 12px;letter-spacing:-3px}
 .continuous .we-do p{font-size:clamp(12px,1.2vw,16px);line-height:1.3}
 body.continuous #clients{display:flex;flex-direction:column;justify-content:space-between;gap:25px}
 body.continuous #clients>.page-heading{font-size:clamp(64px,8.5vw,120px);line-height:.86;max-width:1000px}
 .continuous .client-logos{padding:20px 0;margin:0;flex-shrink:0;min-height:125px}
 .continuous .client-logos img{height:90px}
 .continuous .client-controls{margin:0;flex-shrink:0}
 body.continuous #contact{display:flex;flex-direction:column;justify-content:center;padding-top:35px;padding-bottom:35px}
 body.continuous #contact>.page-heading{font-size:clamp(64px,7vw,105px);max-width:650px;line-height:.86}
 .continuous .contact .contact-mail{align-self:start;margin:28px 0 0;font-size:18px}
 .continuous .contact .nerd{height:80%;width:33%;object-fit:contain;object-position:bottom;left:47%;bottom:0}
 .continuous .contact .worldwide{bottom:35px;font-size:10px}
 .continuous .final-footer{padding-top:0}
 .continuous .footer{padding:14px 0 18px;font-size:10px}
}
@media(min-width:901px) and (max-height:700px){
 body.continuous #services,body.continuous #about,body.continuous #clients,body.continuous #contact{padding-top:25px;padding-bottom:25px}
 body.continuous #services>.page-heading{font-size:64px}
 .continuous .service-grid{gap:18px 7%}.continuous .service-grid p{font-size:12px}.continuous .service-grid h2{font-size:19px;margin-bottom:8px}
 .continuous .service-art,.continuous .service-art img{height:42px}
 body.continuous #about>.page-heading{font-size:70px}.continuous .about-copy{font-size:13px}.continuous .about-copy p{margin-bottom:12px}.continuous .we-do p{font-size:12px}
 body.continuous #clients>.page-heading{font-size:75px}.continuous .client-logos img{height:65px}.continuous .client-logos{min-height:85px;padding:10px 0}
 body.continuous #contact>.page-heading{font-size:70px}.continuous .contact .contact-mail{margin-top:20px}
}
.continuous .contact .final-footer{background:transparent;color:inherit;margin-top:50px;width:100%;position:relative;z-index:3}.continuous .contact .footer{margin:0}.continuous .contact .nerd{z-index:1}@media(min-width:901px){body.continuous #contact{padding-bottom:135px}.continuous .contact .final-footer{position:absolute;bottom:0;left:6.2%;right:6.2%;width:auto;margin-top:0}.continuous .contact .nerd{bottom:85px;height:75%}.continuous .contact .worldwide{bottom:115px}.continuous .contact .footer{gap:18px}.continuous .contact .footer .footer-label{margin-bottom:12px}}@media(max-width:900px){.continuous .contact .final-footer{margin-top:340px}.continuous .contact .nerd{bottom:210px}.continuous .contact .worldwide{bottom:240px}}
/* Clients: fixed editorial headline, vertical marks travelling with page scroll. */
.clients-scene{background:var(--lavender);position:relative}.clients-viewport{height:100%;min-height:0;overflow:hidden}.continuous #clients .client-logos{display:flex;flex-direction:column;align-items:center;gap:48px;overflow:visible;scroll-snap-type:none;margin:0;padding:25px 20px;min-height:0;will-change:transform}.continuous #clients .client-logos img{flex:0 0 100px;width:min(100%,260px);height:100px;object-fit:contain}.continuous #clients .page-heading{margin:0;text-align:center}.clients-scene .client-controls{display:none}
@media(min-width:901px){
 body.continuous #clients{position:sticky;top:72px;height:calc(100svh - 72px);min-height:0;padding:0 6.2%;display:grid;grid-template-columns:1.45fr 1fr;gap:6%;align-items:center;overflow:hidden}
 body.continuous #clients>.page-heading{font-size:clamp(56px,7.8vw,140px);line-height:.86;letter-spacing:-.075em;width:100%;max-width:none;align-self:center;text-align:center}
 .clients-scene .clients-viewport{align-self:stretch;height:calc(100svh - 72px)}
 .continuous #clients .client-logos{gap:48px;padding:20px 10px 40px}
 .continuous #clients .client-logos img{flex-basis:95px;height:95px;width:min(100%,270px)}
}
@media(max-width:900px){body.continuous #clients{display:grid;grid-template-columns:1fr;gap:30px;height:auto;padding:55px 6% 40px;overflow:visible}.clients-viewport{height:400px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#faf5e780 transparent}.continuous #clients .page-heading{font-size:clamp(48px,12vw,85px);line-height:.87}.continuous #clients .client-logos{gap:25px;padding:15px}.continuous #clients .client-logos img{flex-basis:85px;height:85px;width:210px}}
@media(prefers-reduced-motion:reduce){.clients-scene{height:auto!important}body.continuous #clients{position:relative;top:0}.clients-viewport{overflow-y:auto}.continuous #clients .client-logos{transform:none!important;will-change:auto}}
/* About: enlarge the editorial composition to match the supplied reference. */
@media(min-width:901px){
 body.continuous #about{display:block;padding:65px 5.7% 35px;height:calc(100svh - 72px);overflow:hidden}
 body.continuous #about>.page-heading{font-size:clamp(85px,9.25vw,170px);line-height:.86;letter-spacing:-.075em;margin:0 0 25px;padding:0;position:relative;z-index:2}
 body.continuous #about .year{top:24px;right:6%;font-size:clamp(42px,4.7vw,85px);line-height:1;letter-spacing:-.07em}
 .continuous #about .about-grid{display:grid;grid-template-columns:1.15fr 1fr .86fr;gap:3%;align-items:center;height:calc(100% - 140px)}
 .continuous #about .about-copy{font-size:clamp(15px,1.47vw,27px);font-weight:600;line-height:1.12;align-self:start;position:relative;z-index:2}
 .continuous #about .about-copy p{margin:0 0 20px}.continuous #about .about-copy p:last-child{margin-bottom:0}
 .continuous #about .about-art{width:125%;max-width:none;max-height:60svh;height:100%;object-fit:contain;margin-left:-14%;align-self:center}
 .continuous #about .we-do{align-self:center;position:relative;z-index:2}
 .continuous #about .we-do h2{font-size:clamp(58px,7.4vw,135px);line-height:.85;letter-spacing:-.075em;margin:0 0 17px;white-space:nowrap}
 .continuous #about .we-do p{font-size:clamp(14px,1.27vw,23px);line-height:1.3;font-weight:600}
}
@media(min-width:901px) and (max-height:700px){
 body.continuous #about{padding-top:45px;padding-bottom:22px}
 body.continuous #about>.page-heading{font-size:clamp(75px,8.4vw,130px);margin-bottom:20px}
 body.continuous #about .year{font-size:45px;top:20px}
 .continuous #about .about-grid{height:calc(100% - 110px)}
 .continuous #about .about-copy{font-size:clamp(13px,1.3vw,18px);line-height:1.1}
 .continuous #about .about-copy p{margin-bottom:15px}
 .continuous #about .we-do p{font-size:13px}.continuous #about .we-do h2{font-size:clamp(50px,6.7vw,95px)}
}
@media(max-width:900px){body.continuous #about>.page-heading{font-size:18vw}.continuous #about .about-art{width:120%;max-width:none;margin-left:-10%;max-height:330px;object-fit:contain}.continuous #about .we-do h2{font-size:clamp(42px,10vw,70px)}}
/* Services exploration: large discipline names and a shared visual preview. */
body.continuous #services.services-explorer{display:flex;flex-direction:column;justify-content:flex-start;gap:26px;padding:38px 6.2%;background:#fff;color:var(--lavender)}body.continuous #services.services-explorer>.page-heading{text-align:left;font-size:clamp(58px,7.5vw,110px);line-height:.87;margin:0;flex-shrink:0}.services-explorer .explorer-meta{display:flex;justify-content:space-between;font:10px/1.5 monospace;color:#ba8de8;letter-spacing:.5px}.services-explorer .explorer-layout{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:35px;flex:1;min-height:0;align-items:center}.services-explorer .discipline-column{display:flex;flex-direction:column;gap:25px}.services-explorer .discipline{padding:18px 0;text-align:left;display:flex;gap:13px;align-items:start;background:none;border:0;border-top:1px solid #ba8de855;color:#ba8de8;min-height:80px;transition:color .2s}.services-explorer .discipline .index{font:11px/1.5 monospace;padding-top:4px;min-width:20px}.services-explorer .discipline strong{font-size:clamp(24px,2.45vw,39px);font-weight:800;letter-spacing:-1.7px;line-height:.94}.services-explorer .discipline[aria-pressed="true"],.services-explorer .discipline:hover{color:#ba8de8}.services-explorer .discipline[aria-pressed="true"]{border-top-color:#ba8de8}.services-explorer .service-preview{margin:0;min-height:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.services-explorer .service-preview img{width:100%;height:min(40svh,390px);min-height:150px;object-fit:cover;display:block;background:var(--cream)}.services-explorer figcaption{padding-top:16px;color:#ba8de8;font-size:14px;line-height:1.4;min-height:78px}.services-explorer .preview-type{font:10px monospace;letter-spacing:.6px;color:#ba8de8;display:block;margin-bottom:8px}.services-explorer .explorer-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ba8de855;padding-top:13px;color:#ba8de8;font:10px/1.5 monospace;gap:20px}.services-explorer .explorer-footer a{text-decoration:underline;text-underline-offset:4px}.services-explorer .discipline .touch-copy{display:none}.services-explorer .discipline:focus-visible{outline:2px solid #ba8de8;outline-offset:5px}@media(min-width:901px) and (max-height:700px){body.continuous #services.services-explorer{padding-top:25px;padding-bottom:25px;gap:18px}.services-explorer .discipline-column{gap:14px}.services-explorer .discipline{padding:12px 0;min-height:65px}.services-explorer .discipline strong{font-size:28px}.services-explorer .service-preview img{height:32svh}.services-explorer figcaption{font-size:12px;min-height:66px}}@media(max-width:900px){body.continuous #services.services-explorer{height:auto;min-height:0;padding:55px 6% 40px;gap:25px}.services-explorer .explorer-layout{grid-template-columns:1fr 1fr;gap:25px}.services-explorer .discipline-column{gap:15px}.services-explorer .discipline{padding:15px 0;min-height:70px;gap:8px}.services-explorer .discipline strong{font-size:clamp(23px,4vw,32px)}.services-explorer .service-preview{grid-column:1/-1;grid-row:2}.services-explorer .service-preview img{height:340px}.services-explorer .explorer-meta span:last-child{display:none}}@media(max-width:550px){body.continuous #services.services-explorer>.page-heading{font-size:14vw}.services-explorer .explorer-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.services-explorer .discipline-column{gap:0}.services-explorer .discipline{flex-wrap:wrap;align-items:center;min-height:75px}.services-explorer .discipline strong{font-size:29px;letter-spacing:-1.3px}.services-explorer .discipline .touch-copy{flex-basis:100%;margin-left:28px;font-size:14px;line-height:1.45;font-weight:400;letter-spacing:0;color:#ba8de8}.services-explorer .discipline[aria-pressed="true"] .touch-copy{display:block}.services-explorer .service-preview{margin-top:20px}.services-explorer .service-preview img{height:310px}.services-explorer .explorer-footer{align-items:start;flex-direction:column;gap:10px}}
/* Header navigation: larger labels, compact block aligned to the right. */
body.continuous header{padding-left:6.2%;padding-right:4%}
body.continuous header nav{margin-left:auto;justify-content:flex-end;gap:clamp(26px,3.4vw,58px)}
body.continuous header nav a{font-size:clamp(14px,1.15vw,18px);font-weight:600;padding:12px 0;white-space:nowrap}
body.continuous header nav a[aria-current="page"]{text-underline-offset:7px;text-decoration-thickness:1px}
@media(max-width:700px){body.continuous header{padding-left:6%;padding-right:5%;gap:15px}body.continuous header nav{gap:clamp(12px,3vw,20px);flex-wrap:wrap;justify-content:flex-end;max-width:75%}body.continuous header nav a{font-size:12px;padding:6px 0}body.continuous header img{width:75px}}
/* Contact: a typographic invitation, no character illustration. */
body.continuous #contact.contact-typographic{display:flex;flex-direction:column;justify-content:center;gap:35px;padding:45px 6.2% 145px;background:var(--cream);color:#ba8de8}
body.continuous #contact.contact-typographic>.page-heading{font-size:clamp(64px,9.1vw,160px);max-width:none;width:100%;line-height:.86;letter-spacing:-.075em;margin:0;font-weight:900}
.contact-typographic .page-heading>span{font-style:italic}
body.continuous #contact.contact-typographic .contact-mail{margin:0;padding:0;display:flex;flex-direction:column;gap:15px;border:0;align-self:flex-start}
.contact-typographic .email-label{font:11px/1.5 monospace;letter-spacing:.7px;color:#ba8de8}
.contact-typographic .email-address{font-size:clamp(25px,3.2vw,56px);line-height:1.2;letter-spacing:-1.5px;border-bottom:1px solid #ba8de880;padding-bottom:8px}
.contact-typographic .email-address>span{display:inline-block;margin-left:10px;transition:transform .2s}
.contact-typographic .contact-mail:hover .email-address>span{transform:translate(5px,-5px)}
body.continuous #contact.contact-typographic .worldwide{bottom:145px;right:6.2%;font-size:11px;line-height:1.6;color:#ba8de8}
.contact-typographic .final-footer{color:#ba8de8}
body.continuous header[data-theme="cream"]{background:#faf5e7}
@media(min-width:901px) and (max-height:700px){body.continuous #contact.contact-typographic{gap:25px;padding-top:30px;padding-bottom:125px}body.continuous #contact.contact-typographic>.page-heading{font-size:clamp(64px,8.2vw,118px)}body.continuous #contact.contact-typographic .worldwide{bottom:125px}.contact-typographic .email-address{font-size:32px}}
@media(max-width:900px){body.continuous #contact.contact-typographic{min-height:calc(100svh - 90px);height:auto;padding:65px 6% 0;gap:35px}body.continuous #contact.contact-typographic>.page-heading{font-size:clamp(48px,10.2vw,90px)}body.continuous #contact.contact-typographic .contact-mail{gap:12px}.contact-typographic .email-address{font-size:clamp(24px,5.6vw,42px);letter-spacing:-1px}body.continuous #contact.contact-typographic .worldwide{position:static;margin:0;font-size:10px;padding:0;background:none}body.continuous #contact.contact-typographic .final-footer{position:relative;margin-top:10px;left:auto;right:auto;width:100%}.contact-typographic .footer{padding-top:20px}.contact-typographic .email-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.contact-typographic .email-address>span{transition:none}}

/* Reference header: independent navigation wings around the studio mark. */
body.continuous header{display:grid;grid-template-columns:1fr auto 1fr;padding:0 2.5%;gap:24px;background:#000;color:var(--lavender)}
body.continuous header .logo-link{grid-column:2;grid-row:1;justify-self:center}
body.continuous header .logo-link img{width:clamp(125px,11.2vw,210px);height:auto}
body.continuous header nav.header-primary{grid-column:1;grid-row:1;margin:0;justify-content:flex-start;gap:clamp(18px,2.4vw,45px);max-width:none;flex-wrap:nowrap}
body.continuous header nav.header-primary a{font-family:monospace;font-size:clamp(13px,1.05vw,19px);font-weight:400}
.ai-dumb{font:700 clamp(15px,1.25vw,23px)/1 Inter,Arial,sans-serif;color:var(--cream);white-space:nowrap;letter-spacing:-.05em}.ai-dumb>span{font-size:8px;vertical-align:super;margin-left:2px}
.header-secondary{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:28px}.header-instagram{display:flex}.header-instagram svg{width:23px;height:23px}.header-contact{font:400 clamp(18px,1.6vw,28px)/1 monospace}
body.continuous header[data-theme="light"],body.continuous header[data-theme="cream"]{color:#ba8de8}header[data-theme="light"] .ai-dumb,header[data-theme="cream"] .ai-dumb{color:#30233e}
body.continuous.on-cover header nav,body.continuous.on-cover header .header-secondary{visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:900px){body.continuous header{gap:12px;padding:0 4%;grid-template-columns:1fr auto}body.continuous header .logo-link{grid-column:1;justify-self:start}body.continuous header .logo-link img{width:100px}body.continuous header nav.header-primary{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px}body.continuous header .header-secondary{grid-column:2;gap:18px}body.continuous header{height:100px;padding-top:10px;padding-bottom:8px}body.continuous header nav.header-primary a{font-size:12px;padding:3px 0}.ai-dumb{font-size:15px}.header-contact{font-size:18px}.header-instagram svg{width:20px;height:20px}}

body.continuous header nav.header-primary a.ai-dumb{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:clamp(15px,1.25vw,23px)}

/* Original marks, normalized transparent bounds. */
.continuous #clients .client-logos{gap:60px;padding:40px 8px 70px;width:100%}
.logo-group{width:100%;flex-shrink:0}.logo-group h3{font:12px/1.4 monospace;letter-spacing:.08em;text-align:center;font-weight:400;margin:0 0 34px;color:var(--cream)}
.logo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px 30px}
.continuous #clients .logo-grid img{width:100%;max-width:195px;height:95px;object-fit:contain;justify-self:center;filter:brightness(0) saturate(100%) invert(96%) sepia(12%) saturate(374%) hue-rotate(338deg) brightness(104%);opacity:1;transform:none;transition:none}
.continuous #clients .logo-grid img[alt="WWE"]{max-width:85px}.continuous #clients .logo-grid img[alt="Marvel Strike Force"]{max-width:200px}.partners-group{border-top:1px solid #faf5e750;padding-top:38px}
@media(max-width:900px){.continuous #clients .client-logos{padding:20px 12px 40px;gap:38px}.logo-grid{gap:28px 24px}.continuous #clients .logo-grid img{height:75px;max-width:170px}.logo-group h3{margin-bottom:25px}.continuous #clients .logo-grid img[alt="WWE"]{max-width:65px}}

/* Reviews: real client voices, local preview form until reception is connected. */
.reviews-section{background:var(--ink);color:var(--lavender);padding:65px 6.2%;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;min-height:calc(100svh - 72px);align-items:center}
.reviews-eyebrow{font:11px monospace;letter-spacing:.1em;margin:0 0 28px}.reviews-intro h2{font-size:clamp(62px,7.2vw,120px);letter-spacing:-.075em;line-height:.88;margin:0;font-weight:900}.reviews-intro h2 em{color:var(--cream)}.reviews-lead{font-size:17px;line-height:1.4;max-width:330px;margin:30px 0}.review-invite{font:11px/1.6 monospace;border-bottom:1px solid;padding-bottom:7px}.reviews-content{min-width:0}.review-placeholder{border-bottom:1px solid #ba8de850;padding-bottom:25px;margin-bottom:25px}.review-quote{font-size:80px;line-height:.7;font-family:Georgia,serif;display:block;color:var(--cream)}.review-placeholder p{font-size:clamp(22px,2.2vw,34px);line-height:1.12;letter-spacing:-.03em;margin:12px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.review-placeholder small{display:block;font:11px/1.5 monospace;max-width:330px}.reviews-section h3{font-size:13px;margin:0 0 10px}.review-demo{font:10px/1.5 monospace;color:#ba8de8;margin:8px 0 18px}.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reviews-section label{display:block;font-size:12px;line-height:1.4;margin-bottom:17px}.reviews-section input,.reviews-section textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #ba8de870;padding:9px 0;color:var(--cream);font:14px/1.4 Inter,Arial,sans-serif;border-radius:0}.reviews-section textarea{resize:vertical}.reviews-section textarea::placeholder{color:#ba8de8}.reviews-section input:focus-visible,.reviews-section textarea:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}.reviews-section button{border:1px solid var(--lavender);background:var(--lavender);color:var(--ink);padding:13px 20px;font:12px monospace}.reviews-section #review-status{font:11px/1.5 monospace;min-height:17px;margin:12px 0 0}
@media(max-width:900px){.reviews-section{grid-template-columns:1fr;padding:55px 6%;gap:45px;min-height:0}.reviews-intro h2{font-size:clamp(60px,14vw,100px)}.reviews-lead{font-size:16px}.reviews-content{max-width:600px;width:100%}.review-placeholder p{font-size:26px}.review-fields{gap:16px}}

/* Approved client copy: three editorial testimonial slots. */
.reviews-section.testimonials-editorial{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:35px;padding:45px 6.2%;min-height:calc(100svh - 72px)}
.testimonials-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.testimonials-heading h2{font-size:clamp(46px,5.5vw,90px);font-weight:900;line-height:.88;letter-spacing:-.07em;margin:0}.testimonials-heading h2 em{color:var(--cream)}.testimonials-heading .reviews-eyebrow{margin-bottom:18px}.testimonials-heading>p{font:12px/1.5 monospace;margin:0 0 4px}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:38px}.testimonial{margin:0;display:flex;flex-direction:column;border-top:1px solid #ba8de870;padding-top:16px;min-width:0}.testimonial-number{font:11px monospace;color:var(--lavender);margin-bottom:22px}.testimonial blockquote{margin:0;color:var(--cream);font-size:clamp(15px,1.32vw,22px);line-height:1.38;letter-spacing:-.02em;flex:1}.testimonial blockquote p{margin:0 0 18px}.testimonial figcaption{border-top:1px solid #ba8de830;padding-top:17px;margin-top:10px;display:flex;flex-direction:column;gap:6px;font-size:13px}.testimonial figcaption strong{font-weight:600}.testimonial figcaption span{font:11px/1.4 monospace;color:#ba8de8}.pending-review{display:flex;flex:1;flex-direction:column;justify-content:center;gap:24px;padding:25px 0}.pending-review p{font-size:clamp(28px,3vw,48px);font-weight:700;letter-spacing:-.05em;line-height:1;margin:0;color:#ba8de880}.pending-review>span{font:10px/1.6 monospace;color:#ba8de8}
@media(min-width:901px) and (max-height:740px){.reviews-section.testimonials-editorial{gap:26px;padding-top:30px;padding-bottom:30px}.testimonials-heading h2{font-size:54px}.testimonial blockquote{font-size:15px;line-height:1.32}.testimonial-number{margin-bottom:16px}.testimonial blockquote p{margin-bottom:15px}}
@media(max-width:900px){.reviews-section.testimonials-editorial{padding:55px 6%;gap:35px}.testimonial-grid{grid-template-columns:1fr 1fr;gap:35px}.testimonial-pending{grid-column:1/-1}.pending-review{min-height:150px}.testimonials-heading h2{font-size:clamp(46px,7vw,70px)}.testimonial blockquote{font-size:17px}}
@media(max-width:550px){.testimonial-grid{grid-template-columns:1fr}.testimonials-heading{align-items:flex-start;flex-direction:column;gap:20px}.testimonials-heading h2{font-size:14vw}.testimonials-heading>p{font-size:11px}.testimonial-pending{grid-column:auto}.testimonial blockquote{font-size:18px}.testimonial-number{margin-bottom:20px}.testimonial figcaption{font-size:15px}}

body.continuous header nav.header-primary a.ai-dumb{position:relative;padding-right:.3em}.ai-dumb .ai-registration{position:absolute;right:0;top:.8em;font:400 .4em/1 Arial,sans-serif;margin:0;letter-spacing:0}

/* Curtain transitions: opaque outgoing screen reveals an already stationary next screen. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 body.continuous main{position:relative;isolation:isolate}
 .curtain-slot{position:relative;z-index:var(--curtain-order);overflow:visible}
 body.continuous #home,body.continuous #work{position:relative;z-index:25}
 body.continuous .curtain-slot>section.curtain-incoming{position:fixed!important;top:72px!important;left:0;right:0;width:100%;height:var(--curtain-height)!important;margin:0;pointer-events:none}
}
/* Reduce the four entertainment marks while retaining the existing grid rhythm. */
.continuous #clients .logo-grid img:is([alt="Monopoly GO!"],[alt="Marvel Strike Force"],[alt="Stumble Guys"]){max-width:135px;height:68px}
.continuous #clients .logo-grid img[alt="WWE"]{max-width:60px;height:68px}
.logo-grid{grid-auto-rows:minmax(95px,auto)}
@media(max-width:900px){.continuous #clients .logo-grid img:is([alt="Monopoly GO!"],[alt="Marvel Strike Force"],[alt="Stumble Guys"]){max-width:115px;height:58px}.continuous #clients .logo-grid img[alt="WWE"]{max-width:50px;height:58px}.logo-grid{grid-auto-rows:minmax(75px,auto)}}

/* About body copy in genuine Inter Light. */
body.continuous #about .about-copy{font-weight:300}
/* Portfolio closing description in Inter Light. */
.continuous .portfolio-summary .summary-copy .copy{font-weight:300}
/* Give the animated portfolio signature a larger, centered display area. */
.continuous .portfolio-summary{justify-content:flex-start}
.continuous .portfolio-summary .summary-logo{display:block;flex:1 1 auto;min-height:0;height:auto;width:140%;max-width:none;margin:0 -20% 18px;object-fit:contain;object-position:center;align-self:center}
.continuous .portfolio-summary .summary-copy{flex:0 0 auto}
@media(max-width:700px),(prefers-reduced-motion:reduce){.continuous .portfolio-summary .summary-logo{flex:0 0 200px;height:200px;min-height:0;margin-bottom:15px}.continuous .portfolio-summary{height:auto;min-height:490px}}
.continuous .portfolio-summary .summary-logo{transform:scale(1.5);transform-origin:center}
/* One typographic system and baseline for the header navigation. */
body.continuous header nav.header-primary a,
body.continuous header nav.header-primary a.ai-dumb,
body.continuous header .header-contact{
 font-family:Inter,Arial,sans-serif;
 font-size:clamp(14px,1.2vw,20px);
 font-weight:400;
 line-height:1.25;
 letter-spacing:0;
 padding:10px 0;
 white-space:nowrap;
}
body.continuous header nav.header-primary,
body.continuous header .header-secondary{align-items:center}
body.continuous header nav.header-primary a.ai-dumb{padding-right:.4em;color:inherit}
body.continuous header .ai-dumb .ai-registration{font-size:.45em;top:.8em;right:0}
@media(max-width:900px){body.continuous header nav.header-primary a,body.continuous header nav.header-primary a.ai-dumb,body.continuous header .header-contact{font-size:13px;line-height:1.25;padding:3px 0}body.continuous header nav.header-primary a.ai-dumb{padding-right:.4em}body.continuous header .ai-dumb .ai-registration{top:.2em}}
/* Match the contact location note to the surrounding purple text. */
body.continuous #contact.contact-typographic .worldwide{color:inherit}

/* Contact invitation and email handoff form. */
body.continuous #contact.contact-typographic{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-content:center;align-items:center;padding-top:40px;padding-bottom:145px}
body.continuous #contact.contact-typographic>.page-heading{font-size:clamp(58px,6.6vw,120px);line-height:.9;align-self:center}
.contact-form{width:100%;min-width:0}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:block;font:12px/1.4 Inter,Arial,sans-serif;margin-bottom:18px}.contact-form label>span{opacity:.75;font-size:10px}.contact-form input,.contact-form textarea{display:block;width:100%;color:inherit;font:300 15px/1.4 Inter,Arial,sans-serif;background:none;border:0;border-bottom:1px solid #ba8de880;border-radius:0;padding:10px 0}.contact-form textarea{resize:vertical;min-height:78px}.contact-form textarea::placeholder{color:#ba8de8b0}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid currentColor;outline-offset:4px}.contact-form button{background:#ba8de8;color:var(--cream);border:0;padding:15px 20px;font:500 12px/1.3 Inter,Arial,sans-serif}.contact-form-note{font:10px/1.5 Inter,Arial,sans-serif;margin:10px 0 0}
body.continuous #contact.contact-typographic .worldwide{bottom:120px;font-size:10px}
@media(max-width:900px){body.continuous #contact.contact-typographic{display:flex;align-items:stretch;gap:35px;padding-top:55px;padding-bottom:0}body.continuous #contact.contact-typographic>.page-heading{align-self:stretch;font-size:clamp(50px,10vw,85px)}.contact-form{max-width:650px}.contact-form-row{gap:18px}body.continuous #contact.contact-typographic .worldwide{position:static}.contact-form label{font-size:13px}}
/* Portfolio description at 80% of its previous responsive size. */
.continuous .portfolio-summary .summary-copy .copy{font-size:clamp(9.6px,1.04vw,20px)}
@media(max-width:700px),(prefers-reduced-motion:reduce){.continuous .portfolio-summary .summary-copy .copy{font-size:11.2px}}
/* About body copy at 80% of its previous size. */
body.continuous #about .about-copy{font-size:14.4px}
@media(min-width:901px){body.continuous #about .about-copy{font-size:clamp(12px,1.176vw,21.6px)}}
@media(min-width:901px) and (max-height:700px){body.continuous #about .about-copy{font-size:clamp(10.4px,1.04vw,14.4px)}}
/* Client headline flush left within its existing column. */
body.continuous #clients>.page-heading{text-align:left}
/* Compact testimonial columns and a quieter type scale. */
.testimonials-editorial .testimonial-grid{width:90%;gap:clamp(30px,4vw,70px);grid-template-columns:1fr 1fr .85fr;align-self:center}
.testimonials-editorial .testimonial blockquote{font-size:clamp(12px,1.056vw,17.6px);line-height:1.38}
.testimonials-editorial .testimonial-number{font-size:9px;margin-bottom:16px}
.testimonials-editorial .testimonial figcaption{font-size:11px;padding-top:13px;margin-top:7px}
.testimonials-editorial .testimonial figcaption span{font-size:9px}
.testimonials-editorial .pending-review p{font-size:clamp(22px,2.4vw,38px)}
.testimonials-editorial .pending-review>span{font-size:8px}
@media(min-width:901px) and (max-height:740px){.testimonials-editorial .testimonial blockquote{font-size:12px;line-height:1.38}}
@media(max-width:900px){.testimonials-editorial .testimonial-grid{width:100%;grid-template-columns:1fr 1fr;gap:30px}.testimonials-editorial .testimonial blockquote{font-size:14px}.testimonials-editorial .testimonial figcaption{font-size:12px}.testimonials-editorial .testimonial figcaption span{font-size:10px}}
@media(max-width:550px){.testimonials-editorial .testimonial-grid{grid-template-columns:1fr}.testimonials-editorial .testimonial blockquote{font-size:15px}.testimonials-editorial .pending-review p{font-size:28px}}

/* Consistent author and role typography across testimonials. */
.testimonials-editorial .testimonial figcaption{font-family:Inter,Arial,sans-serif;line-height:1.4;gap:6px;min-height:48px}
.testimonials-editorial .testimonial figcaption strong{font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}
.testimonials-editorial .testimonial figcaption span{font-family:inherit;font-size:11px;font-weight:300;line-height:1.4;letter-spacing:0}
/* Immersive opening screen; navigation begins with the portfolio. */
body.continuous.on-cover header{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}
body.continuous.on-cover header nav,body.continuous.on-cover header .header-secondary{visibility:hidden;pointer-events:none}
body.continuous #home{padding-top:0;min-height:100svh}
body.continuous #home video{height:100svh}
/* Reduce the closing animated logo while preserving its centered position. */
.continuous .portfolio-summary .summary-logo{transform:scale(1.05)}
/* Further reduce the portfolio closing logo. */
.continuous .portfolio-summary .summary-logo{transform:scale(.735)}

/* Services redesign: a single editorial index paired with a generous visual. */
body.continuous #services.services-editorial{gap:28px;padding:35px 6.2%;justify-content:center}
body.continuous #services.services-editorial>.page-heading{font-size:clamp(60px,6.6vw,110px);margin:0;line-height:.9}
.editorial-services-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:stretch;flex:1;min-height:0;max-height:470px}
.editorial-service-list{display:flex;flex-direction:column;justify-content:center}
.services-editorial .discipline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;min-height:0;margin:0;border-top:1px solid #ba8de850;color:#ba8de880;transition:color .2s,padding .2s}
.services-editorial .discipline:last-child{border-bottom:1px solid #ba8de850}
.services-editorial .discipline strong{font-size:clamp(23px,2.65vw,44px);letter-spacing:-.055em;line-height:1;font-weight:700}
.services-editorial .discipline[aria-pressed="true"],.services-editorial .discipline:hover{color:#ba8de8;padding-left:12px;border-top-color:#ba8de8}
.service-dot{width:8px;height:8px;background:currentColor;border-radius:50%;flex-shrink:0;opacity:0}.discipline[aria-pressed="true"] .service-dot{opacity:1}
.services-editorial .service-preview{display:flex;justify-content:center;align-self:stretch;min-height:0}
.service-image-frame{flex:1;min-height:0;overflow:hidden;background:var(--cream)}
.services-editorial .service-preview img{height:100%;width:100%;min-height:0;object-fit:cover;max-height:none}
.services-editorial figcaption{flex:0 0 auto;min-height:0;padding-top:17px;font-size:14px;font-weight:300;line-height:1.4;color:#ba8de8;max-width:420px}
@media(min-width:901px) and (max-height:740px){body.continuous #services.services-editorial{padding-top:28px;padding-bottom:28px;gap:25px}body.continuous #services.services-editorial>.page-heading{font-size:64px}.editorial-services-layout{max-height:440px}.services-editorial .discipline{padding:16px 0}.services-editorial .discipline strong{font-size:29px}}
@media(max-width:900px){body.continuous #services.services-editorial{padding:50px 6%;gap:30px}.editorial-services-layout{grid-template-columns:1fr 1fr;gap:6%;max-height:none}.services-editorial .discipline strong{font-size:clamp(20px,3.4vw,30px)}.services-editorial .discipline{padding:18px 0}.services-editorial .service-preview{margin:0}.service-image-frame{height:330px;flex:none}.services-editorial figcaption{font-size:13px}}
@media(max-width:550px){.editorial-services-layout{grid-template-columns:1fr;gap:28px}.services-editorial .discipline strong{font-size:27px}.services-editorial .discipline{padding:17px 0}.service-image-frame{height:360px}.services-editorial .service-preview img{height:100%}body.continuous #services.services-editorial>.page-heading{font-size:14vw}}

/* Each service description reads on one line. */
.services-editorial figcaption{max-width:none;white-space:nowrap;font-size:clamp(10px,.95vw,14px)}
@media(max-width:900px){.services-editorial figcaption{font-size:clamp(8px,1.3vw,11px)}}
@media(max-width:550px){.services-editorial figcaption{font-size:clamp(9px,2.35vw,12px)}}
/* Bold treatment for the closing studio statement. */
body.continuous #about .about-copy p:last-child{font-weight:700}

/* High-resolution supplied logos, with a contrasting mark on lavender. */
body.continuous header .logo-link img{image-rendering:auto;filter:none;mix-blend-mode:normal}
body.continuous header .logo-link .header-logo-grey{display:none}
body.continuous header[data-theme="lavender"] .logo-link .header-logo-purple{display:none}
body.continuous header[data-theme="lavender"] .logo-link .header-logo-grey{display:block}

/* Supplied 4:3 service artwork, shown uncropped; Film keeps its animation without a background. */
.services-editorial .service-image-frame{background:transparent}
.services-editorial .service-preview img{object-fit:contain}
.services-editorial.film-selected .service-preview img{filter:url(#summary-logo-key);object-fit:contain}
/* No colored letterboxing around the supplied service artwork. */
body.continuous #services.services-editorial .service-preview img{background:transparent}

/* Brand purple sampled from the supplied logo: RGB 186, 141, 232. */
:root{--lavender:#ba8de8;--brand-purple:#ba8de8}
.services-editorial .discipline{color:var(--brand-purple)}

/* Technical scope is consistently uppercase across the portfolio. */
.project-label .project-pending{text-transform:uppercase}
/* Dark header uses the site's dark purple rather than pure black. */
body.continuous header,
body.continuous header[data-theme="dark"],
body.continuous header[data-theme="home-mode"]{background:var(--ink)}
body.continuous header[data-theme="light"]{background:#fff}
body.continuous header[data-theme="cream"]{background:var(--cream)}
body.continuous header[data-theme="lavender"]{background:var(--brand-purple)}
/* Testimonials share the heading's left and right margins. */
.testimonials-editorial .testimonial-grid{width:100%;align-self:stretch;align-items:stretch}
.testimonials-editorial .testimonial{height:100%}
.testimonials-editorial .testimonial figcaption{margin-top:auto}

/* Main wordmark follows the supplied AI.dumb reference. */
body.continuous header .ai-main-logo{position:relative;font:500 clamp(28px,2.6vw,44px)/1 Inter,Arial,sans-serif;letter-spacing:-.035em;color:var(--brand-purple);text-decoration:none;white-space:nowrap;padding-right:.32em}
body.continuous header .ai-main-logo sup{position:absolute;right:0;top:-.12em;font:500 .32em/1 Inter,Arial,sans-serif;letter-spacing:0}
body.continuous header[data-theme="lavender"] .ai-main-logo{color:#252525}
@media(max-width:900px){body.continuous header .ai-main-logo{font-size:28px}}

/* Revised lowercase wordmark: white lettering and purple dot. */
body.continuous header .ai-main-logo{font-weight:500;letter-spacing:-.065em;color:#f1f0ec}
body.continuous header .ai-main-logo .wordmark-dot{color:var(--brand-purple)}
body.continuous header[data-theme="light"] .ai-main-logo,body.continuous header[data-theme="cream"] .ai-main-logo,body.continuous header[data-theme="lavender"] .ai-main-logo{color:#252525}
body.continuous header[data-theme="lavender"] .ai-main-logo .wordmark-dot{color:#f1f0ec}

/* ai.dumb belongs to the left navigation; DUMB remains the main logo. */
body.continuous header nav.header-primary a.ai-dumb{font-weight:500;letter-spacing:-.065em;color:#f1f0ec}
body.continuous header nav.header-primary a.ai-dumb .wordmark-dot{font-size:inherit;vertical-align:baseline;margin:0;color:var(--brand-purple)}
body.continuous header[data-theme="light"] nav.header-primary a.ai-dumb,body.continuous header[data-theme="cream"] nav.header-primary a.ai-dumb,body.continuous header[data-theme="lavender"] nav.header-primary a.ai-dumb{color:#252525}
body.continuous header[data-theme="lavender"] nav.header-primary a.ai-dumb .wordmark-dot{color:#f1f0ec}