@font-face{font-family:MRM;src:url('mrm-rounded-pixel.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f0f4f6;--ink:#202220;--yellow:#f5ff00;--muted:#70756f;--line:#d9ddd7;--mono:'Courier New',monospace;--sans:Arial,Helvetica,sans-serif;--page-pad:36px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:var(--yellow)}.skip-link:focus{top:15px}.site-header{position:absolute;inset:0 0 auto;z-index:10;padding:32px var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:30px}.identity{display:flex;align-items:center;gap:25px}.wordmark{font-family:MRM,var(--sans);font-size:59px;line-height:1;letter-spacing:-.035em;display:block}.signature{font-family:var(--mono);font-size:12px;line-height:1.35;letter-spacing:-.045em}nav{display:flex;gap:34px;font:14px var(--mono)}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:var(--ink)}.nav-count{color:var(--muted)}.gallery-scroll{height:330svh;position:relative}.gallery-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.intro,.gallery-caption{position:absolute;top:43%;z-index:3}.intro{left:var(--page-pad);max-width:225px}.intro h1{font-size:25px;line-height:1.12;font-weight:500;letter-spacing:-1.2px;margin:0 0 22px}.intro p{font:13px/1.45 var(--mono);margin:0}.gallery-caption{right:var(--page-pad);width:210px;text-align:left}.eyeline,.section-meta{font:12px/1.5 var(--mono);letter-spacing:.03em}.gallery-caption p{font:16px/1.5 var(--mono);margin:13px 0 4px}.sample-label{font:12px/1.5 var(--mono);color:var(--muted)}.asterisk{position:absolute;width:clamp(90px,12.6vw,210px);aspect-ratio:1;top:50%;z-index:2;will-change:transform;pointer-events:none;transform:translate(-50%,-50%)}.asterisk-left{left:30%}.asterisk-right{left:70%}.asterisk svg{display:block;width:100%;height:100%;fill:var(--ink)}.film-window{position:absolute;left:50%;top:0;bottom:0;width:clamp(220px,23vw,330px);transform:translateX(-50%);z-index:1;overflow:visible}.film-strip{display:flex;flex-direction:column;align-items:center;gap:24px;will-change:transform;transform:translateY(calc(50svh - 370px))}.visual-card{position:relative;flex:none;display:block;padding:0;border:0;background:transparent;width:82%;height:clamp(260px,32svh,360px);cursor:pointer;opacity:.35;filter:grayscale(1);transform:scale(.9);transition:opacity .45s,filter .6s,transform .6s}.visual-card.is-active{opacity:1;filter:grayscale(0);transform:scale(1.08)}.visual-card img{display:block;width:100%;height:100%;object-fit:cover}.visual-card:hover{opacity:1;filter:grayscale(0)}.image-open{position:absolute;right:10px;bottom:10px;padding:8px 10px;background:var(--yellow);font:12px var(--mono);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.visual-card:hover .image-open,.visual-card:focus-visible .image-open{opacity:1;transform:none}.film-echo{width:55%;height:170px;opacity:.28;filter:grayscale(1);flex:none}.film-echo img{width:100%;height:100%;object-fit:cover}.yellow-note{position:absolute;left:var(--page-pad);bottom:73px;z-index:3;background:var(--yellow);padding:18px 20px;border-radius:15px;display:flex;gap:28px;font:13px/1.5 var(--mono);align-items:flex-start;transition:transform .25s}.yellow-note:hover{transform:translateY(-4px)}.yellow-note>span:last-child{font-size:20px;line-height:1}.gallery-pagination{position:absolute;right:var(--page-pad);bottom:92px;z-index:3;display:flex;align-items:center;gap:4px;font:12px var(--mono)}.gallery-pagination>span{color:var(--line)}.gallery-pagination button{border:0;background:none;font:14px var(--mono);padding:12px;min-width:44px;min-height:44px;cursor:pointer;color:var(--muted)}.gallery-pagination button.is-current{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.edge-label{position:absolute;bottom:25px;left:var(--page-pad);font:11px var(--mono);color:var(--muted)}.studio-section{position:relative;z-index:4;padding:90px var(--page-pad) 70px;background:var(--paper)}.section-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.studio-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:start;padding:90px 0 75px}.studio-layout h2{font-size:clamp(58px,7.8vw,120px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:0}.studio-copy{max-width:380px;padding-top:6px}.studio-copy p{font-size:20px;line-height:1.4;letter-spacing:-.04em;margin:0 0 22px}.studio-copy p+p{color:var(--muted)}.practice-list{display:flex;flex-direction:column;font:13px/1.7 var(--mono);margin-top:40px}.studio-foot{display:flex;align-items:center;gap:24px}.small-star{font-size:65px;line-height:1}.studio-foot p{font:13px/1.5 var(--mono)}.contact-section{padding:40px var(--page-pad) 22px}.contact-card{padding:34px 38px 30px;background:var(--yellow);border-radius:26px}.contact-card>.eyeline{display:block;margin-bottom:35px}.contact-card>a{font-size:clamp(60px,10vw,160px);font-weight:400;line-height:1.02;letter-spacing:-.07em;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact-card>a>span{font-size:.7em;transition:transform .3s}.contact-card>a:hover>span{transform:translate(7px,-7px)}.contact-bottom{display:flex;justify-content:space-between;gap:20px;font:13px/1.5 var(--mono);margin-top:60px}.contact-bottom>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-line{display:flex;justify-content:space-between;align-items:center;padding-top:40px;font:12px var(--mono)}.footer-line .wordmark{font-size:38px}.footer-line>a:last-child{padding:15px 0}dialog{border:0;padding:22px;background:var(--paper);color:var(--ink);width:min(1000px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:rgb(25 27 25 / .83);backdrop-filter:blur(9px)}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top{margin-bottom:20px}.dialog-top h2{font:16px var(--mono);margin:0}.dialog-close{border:0;background:transparent;cursor:pointer;font:14px var(--mono);min-height:44px;padding:8px}.dialog-close span{font-size:23px;margin-left:15px}.dialog-image{height:65svh;min-height:240px}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-bottom{font:12px/1.5 var(--mono);margin-top:20px;color:var(--muted)}.dialog-bottom a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){:root{--page-pad:52px}.intro{max-width:280px}.intro h1{font-size:30px}.gallery-caption{width:240px}}
@media(max-width:900px){:root{--page-pad:24px}.site-header{padding-top:24px}.identity{gap:15px}.wordmark{font-size:48px}.signature{font-size:11px}nav{gap:20px;font-size:12px}.nav-count{display:none}.intro{top:22%;max-width:160px}.intro h1{font-size:21px}.intro p{font-size:12px}.gallery-caption{top:24%;width:155px}.asterisk-left{left:23%}.asterisk-right{left:77%}.asterisk{width:100px}.film-window{width:250px}.studio-layout{gap:9%}.studio-copy p{font-size:18px}.studio-layout h2{font-size:72px}.contact-bottom{font-size:12px}}
@media(max-width:600px){:root{--page-pad:20px}html{scroll-padding-top:30px}.site-header{align-items:flex-start;gap:20px}.identity{align-items:flex-start;gap:12px}.wordmark{font-size:43px}.signature{font-size:10px;line-height:1.3;padding-top:2px}nav{gap:14px;font-size:12px}nav a{padding:5px 0 12px}.nav-work{display:none}nav a:last-child{font-size:0}nav a:last-child span{font-size:20px}.gallery-scroll{height:270svh}.gallery-stage{min-height:590px}.intro{top:122px;left:20px;max-width:180px}.intro h1{font-size:19px;letter-spacing:-.7px;margin-bottom:0}.intro p{display:none}.gallery-caption{top:auto;bottom:110px;right:20px;width:auto;text-align:right}.gallery-caption .eyeline{display:none}.gallery-caption p{font-size:13px;margin:0 0 4px}.sample-label{font-size:10px}.film-window{width:190px}.film-strip{gap:22px}.visual-card{height:240px;width:82%}.film-echo{height:140px;width:52%}.asterisk{width:67px}.asterisk-left{left:13%}.asterisk-right{left:87%}.yellow-note{bottom:27px;left:20px;padding:13px 14px;border-radius:12px;font-size:11px;gap:18px}.gallery-pagination{bottom:32px;right:15px;gap:0}.gallery-pagination button{font-size:12px;padding:7px;min-width:34px}.edge-label{display:none}.studio-section{padding:55px 20px 28px}.section-meta{font-size:10px;gap:15px}.studio-layout{grid-template-columns:1fr;gap:40px;padding:55px 0 35px}.studio-layout h2{font-size:clamp(58px,15vw,82px)}.studio-copy{max-width:360px}.studio-copy p{font-size:18px}.practice-list{font-size:12px;margin-top:26px}.studio-foot{gap:18px}.small-star{font-size:49px}.studio-foot p{font-size:12px}.contact-section{padding:28px 15px 20px}.contact-card{padding:25px 22px;border-radius:20px}.contact-card>.eyeline{font-size:11px;margin-bottom:30px}.contact-card>a{font-size:clamp(46px,13.5vw,77px);gap:10px}.contact-bottom{flex-direction:column;gap:15px;margin-top:40px;font-size:12px}.contact-bottom>span{font-size:10px}.footer-line{padding:28px 5px 0;font-size:10px;gap:15px}.footer-line .wordmark{font-size:33px}dialog{padding:15px}.dialog-image{height:60svh}.dialog-bottom{align-items:flex-start;font-size:11px;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.gallery-scroll{height:auto}.gallery-stage{height:auto;min-height:0;position:relative;padding:230px 20px 130px;overflow:visible}.film-window{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:min(430px,76%);margin:auto}.film-strip{transform:none!important;gap:35px}.film-echo{display:none}.visual-card{opacity:1;filter:none;transform:none!important;width:100%;height:350px}.intro{top:125px;left:var(--page-pad)}.gallery-caption{display:none}.asterisk{top:170px;width:45px;transform:translate(-50%,-50%)!important}.asterisk-left{left:70%}.asterisk-right{display:none}.yellow-note{bottom:25px}.gallery-pagination{display:none}}
.static-gallery .gallery-scroll{height:auto}.static-gallery .gallery-stage{height:auto;min-height:0;position:relative;padding:230px 20px 130px;overflow:visible}.static-gallery .film-window{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:min(430px,76%);margin:auto}.static-gallery .film-strip{transform:none!important;gap:35px}.static-gallery .film-echo{display:none}.static-gallery .visual-card{opacity:1;filter:none;transform:none!important;width:100%;height:350px}.static-gallery .intro{top:125px;left:var(--page-pad)}.static-gallery .gallery-caption{display:none}.static-gallery .asterisk{top:170px;width:45px;transform:translate(-50%,-50%)!important}.static-gallery .asterisk-left{left:70%}.static-gallery .asterisk-right{display:none}.static-gallery .yellow-note{bottom:25px}.static-gallery .gallery-pagination{display:none}
@media(max-width:380px){.identity{gap:9px}.signature{font-size:9px}.wordmark{font-size:38px}nav{gap:10px}.asterisk{width:53px}.yellow-note{font-size:10px;gap:10px}.gallery-pagination{right:8px}.contact-bottom>a{font-size:11px}}
@media(max-width:600px){.film-echo{display:none}.gallery-pagination button{min-width:36px;min-height:44px}.gallery-caption .sample-label{font-size:12px}}

/* Portfolio temporal MRM: miniaturas cuadradas, imagen completa en el visor. */
.visual-card{height:auto;aspect-ratio:1}.visual-card img{height:100%;object-fit:cover}.gallery-pagination button{padding:10px;min-width:38px}.static-gallery .visual-card{height:auto;aspect-ratio:1}
@media(max-width:600px){.gallery-scroll{height:330svh}.yellow-note{display:none}.gallery-pagination{right:auto;left:50%;transform:translateX(-50%);bottom:24px;white-space:nowrap}.gallery-caption{bottom:85px}.static-gallery .gallery-scroll{height:auto}}
@media(prefers-reduced-motion:reduce){.gallery-scroll{height:auto}.visual-card{height:auto;aspect-ratio:1}}

/* Selector de idioma */
.header-actions{display:flex;align-items:center;gap:32px}.language-switch{display:flex;align-items:center;font:12px var(--mono);gap:1px}.language-switch button{border:0;background:transparent;min-width:36px;min-height:44px;cursor:pointer;font:12px var(--mono);padding:8px 5px;color:var(--muted)}.language-switch button[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.language-switch>span{color:var(--muted)}[data-i18n="heroTitle"],[data-i18n="heroBody"],[data-i18n="note"],[data-i18n="studioTitle"],[data-i18n="intention"]{white-space:pre-line}.contact-card>a>[data-i18n="talk"]{font-size:inherit}.contact-card>a:hover>[data-i18n="talk"]{transform:none}
@media(max-width:900px){.header-actions{gap:17px}nav{gap:17px}}
@media(max-width:600px){.site-header{flex-wrap:wrap;row-gap:10px}.header-actions{width:100%;justify-content:space-between;gap:10px}nav{gap:16px}nav a:last-child{font-size:12px}nav a:last-child span{font-size:12px}.nav-work{display:block}.intro{top:155px}.language-switch button{min-width:32px}.studio-layout h2{font-size:clamp(52px,14vw,82px)}}
.dialog-close [data-i18n="close"]{font-size:14px;margin-left:0}

/* Símbolo de terminal de la referencia de Manuel. */
.terminal-mark{display:block;width:65px;height:65px;flex:none}.terminal-mark svg{display:block;width:100%;height:100%}@media(max-width:600px){.terminal-mark{width:49px;height:49px}}

.film-echo{position:relative;display:block;border:0;padding:0;background:transparent;height:auto;aspect-ratio:1;cursor:pointer}.film-echo img{display:block;object-fit:cover}.film-echo:hover,.film-echo:focus-visible{opacity:1;filter:none}.film-echo:hover .image-open,.film-echo:focus-visible .image-open{opacity:1;transform:none}

/* Titular editorial de estudio: ajuste para la frase completa. */
.studio-layout h2{min-width:0;font-size:clamp(36px,4.7vw,74px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}@media(max-width:600px){.studio-layout h2{font-size:clamp(36px,10vw,58px)}}

/* Supplied logo preserved intact: CSS frames its ink bounds (389,858)-(1611,1142). */
.wordmark{position:relative;display:block;width:220px;height:auto;aspect-ratio:1222/284;overflow:hidden;flex:none;mix-blend-mode:multiply}
.wordmark img{position:absolute;display:block;max-width:none;width:163.666121%;height:auto;left:-31.833061%;top:-302.112676%}
.footer-line .wordmark{width:140px}
@media(max-width:900px){.wordmark{width:190px}}
@media(max-width:600px){.wordmark{width:160px}.footer-line .wordmark{width:110px}}
@media(max-width:380px){.wordmark{width:145px}.footer-line .wordmark{width:95px}}
@media(min-width:601px) and (max-width:800px){.site-header{gap:18px;align-items:flex-start}.identity{flex-direction:column;align-items:flex-start;gap:8px}.wordmark{width:170px}}

/* Manuel Revuelta: biography and official collaborations. */
.studio-layout{grid-template-columns:1.15fr 1fr;gap:9%;padding-bottom:55px}
.studio-layout h2{font-size:clamp(34px,3.6vw,58px);line-height:1.08;letter-spacing:-.045em;text-wrap:pretty}
.studio-copy{max-width:510px}.studio-copy p{font-size:18px;line-height:1.55;letter-spacing:-.025em}
.collaborations-section{padding:20px var(--page-pad) 60px}
.collaborations-section h2{margin:0;border-top:1px solid var(--line);padding-top:24px;font:14px/1.5 var(--mono);font-weight:400}
.partner-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.partner-grid li{min-width:0;min-height:135px;display:flex;align-items:center;justify-content:center}
.partner-logo{display:block;position:relative;width:var(--logo-width);max-width:90%;aspect-ratio:var(--logo-ratio);overflow:hidden;filter:grayscale(1) contrast(1.4);mix-blend-mode:multiply}
.partner-logo img{display:block;position:absolute;width:var(--image-width);max-width:none;height:auto;left:var(--image-left);top:var(--image-top)}
@media(max-width:1100px){.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}}
@media(max-width:600px){.studio-layout{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.studio-layout h2{font-size:clamp(32px,8.8vw,48px)}.studio-copy p{font-size:17px}.collaborations-section{padding:20px 20px 40px}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.partner-grid li{min-height:110px}}

/* Reel: intentional playback, loaded only on request. */
.reel-link{display:inline-flex;align-items:center;gap:14px;background:var(--yellow);padding:14px 18px;border-radius:10px;margin-top:24px;font:14px/1.3 var(--mono);min-height:44px}.reel-link:hover{background:var(--ink);color:var(--yellow)}
.studio-copy .reel-link{margin-top:4px}
#reel-dialog{width:min(1280px,96vw);background:var(--ink);color:var(--paper);padding:20px}
.reel-close{border:0;background:none;color:inherit;font:14px var(--mono);min-height:44px;padding:8px;cursor:pointer}
.reel-player{width:100%;aspect-ratio:426/240;max-height:72svh;background:#000;position:relative}.reel-player iframe{width:100%;height:100%;position:absolute;inset:0;border:0}
#reel-dialog .dialog-bottom{color:var(--paper)}#reel-dialog :focus-visible{outline-color:var(--yellow)}
@media(max-width:600px){.intro .reel-link{margin-top:14px;padding:10px 13px;font-size:12px}.intro h1{max-width:185px}#reel-dialog{padding:12px}#reel-dialog .dialog-top{gap:12px;margin-bottom:10px}#reel-title{font-size:13px}#reel-dialog .dialog-bottom{flex-direction:row;flex-wrap:wrap}}

@media(max-width:600px){.intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;max-width:none;width:calc(100% - 40px)}.intro p{display:block;font-size:12px;line-height:1.4}.intro h1{max-width:170px}.intro .reel-link{margin-top:0;justify-self:start;grid-column:1}}

/* Applied VFX leads the page; original full-width breakdown remains uncropped. */
.lead-section{padding:155px var(--page-pad) 0}.lead-copy{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:end;gap:30px;padding:18px 0 35px}
.lead-copy h1{font:400 clamp(32px,4vw,64px)/1.02 var(--sans);letter-spacing:-.055em;margin:0;white-space:pre-line}.lead-copy p{font:14px/1.5 var(--mono);margin:0;white-space:pre-line}.lead-copy .reel-link{margin:0}
.lead-frame{margin:0}.lead-frame>img,.breakdown-link>img{display:block;width:100%;height:auto}.lead-frame figcaption,.project-motion figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font:12px/1.5 var(--mono)}
.oysho-project{position:relative;background:var(--paper);z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:80px var(--page-pad) 110px}
.project-copy{max-width:470px}.project-copy h2{font:400 clamp(48px,6vw,96px)/1 var(--sans);letter-spacing:-.06em;margin:32px 0}.project-copy p{max-width:350px;font-size:18px;line-height:1.5}.project-format{display:block;font:13px var(--mono);margin-top:28px}.project-motion{margin:0;max-width:520px;width:100%;justify-self:end}.project-motion video{display:block;width:100%;height:auto;aspect-ratio:640/750;background:var(--paper)}
#oysho-toggle{padding:0 0 0 16px;border:0;background:none;font:inherit;cursor:pointer;min-height:44px}.project-motion figcaption{align-items:center;padding-top:5px}
@media(max-width:800px){.lead-section{padding-top:160px}.lead-copy{grid-template-columns:1fr 1fr;gap:24px}.lead-copy .reel-link{justify-self:start}.oysho-project{gap:7%}.project-copy h2{font-size:52px}}
@media(max-width:600px){.lead-section{padding:155px 20px 0}.lead-copy{gap:18px 20px;padding-bottom:24px}.lead-copy h1{font-size:28px}.lead-copy p{font-size:12px}.lead-copy .reel-link{padding:12px 16px}.lead-frame figcaption{font-size:11px;gap:12px}.oysho-project{grid-template-columns:1fr;gap:32px;padding:45px 20px 55px}.project-copy h2{font-size:55px;margin:20px 0}.project-copy p{font-size:17px}.project-motion{max-width:430px;justify-self:center}}

.project-views{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.project-views button{font:14px var(--mono);padding:14px 0;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--muted);min-height:44px}.project-views button[aria-pressed="true"]{border-bottom-color:var(--ink);color:var(--ink)}
.project-motion[data-view="app"] video{width:auto;max-width:100%;height:min(720px,76svh);aspect-ratio:384/792;margin-inline:auto}.project-motion[data-view="app"]{align-self:center}

.portfolio-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:36px 0 0;margin-top:16px}
.portfolio-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:14px 0;font:14px/1.5 var(--mono);border-top:1px solid var(--line);border-bottom:0}.portfolio-links a:hover{border-top-color:var(--ink)}.portfolio-links a span:last-child{font-size:18px}
@media(max-width:600px){.portfolio-links{grid-template-columns:1fr;gap:0;padding:24px 5px 0}.portfolio-links a,.portfolio-links a:last-child{font-size:14px;padding:16px 0}.portfolio-links a:last-child span{font-size:14px}.portfolio-links a span:last-child,.portfolio-links a:last-child span:last-child{font-size:18px}}

/* Ten full-bleed images, stacked vertically in a compact scroll sequence. */
.gallery-scroll{height:480svh}.gallery-stage{height:100svh;min-height:0;background:var(--paper)}
.film-window{inset:0;width:100%;transform:none;overflow:hidden}.film-strip{position:absolute;inset:0;display:block;transform:none;gap:0}
.visual-card,.visual-card.is-active{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;opacity:1;filter:none;transform:none;transition:none;overflow:hidden;background:var(--paper);pointer-events:none}
.visual-card.is-active{pointer-events:auto}.visual-card img{width:100%;height:100%;object-fit:cover}.image-open{right:24px;bottom:100px}.visual-card:focus-visible{outline-offset:-6px}
.asterisk{z-index:30;color:white;filter:drop-shadow(0 1px 3px #0006)}.asterisk svg{fill:none}.asterisk-left{left:18%}.asterisk-right{left:82%}
.gallery-caption{z-index:35;top:auto;bottom:28px;left:var(--page-pad);right:auto;width:auto;max-width:42%;text-align:left;background:rgb(0 0 0 / .65);color:white;padding:12px 16px;border-radius:4px}.gallery-caption p{margin:0 0 3px;font-size:14px}.gallery-caption .sample-label{color:white;font-size:12px}
.gallery-pagination{z-index:35;bottom:28px;right:var(--page-pad);left:auto;transform:none;gap:0;padding:4px;background:rgb(0 0 0 / .65);border-radius:4px}.gallery-pagination button{color:#ddd;min-width:34px;padding:8px;font-size:12px}.gallery-pagination button.is-current{color:var(--yellow)}
.gallery-stage .yellow-note{z-index:35;top:24px;bottom:auto}.gallery-stage .edge-label{display:none}
@media(max-width:600px){.gallery-scroll{height:440svh}.gallery-caption{bottom:86px;left:15px;max-width:calc(100% - 30px);padding:9px 12px}.gallery-pagination{left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px)}.gallery-pagination button{min-width:0;width:calc((100vw - 40px)/10);max-width:36px;padding:5px 0;min-height:44px}.asterisk-left{left:15%}.asterisk-right{left:85%}.image-open{right:15px;bottom:165px}}
.static-gallery .gallery-scroll{height:auto}.static-gallery .gallery-stage{height:auto;padding:0;min-height:0}.static-gallery .film-window{position:relative;inset:auto;width:100%;margin:0;transform:none}.static-gallery .film-strip{position:relative;inset:auto;display:grid;gap:0}.static-gallery .visual-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;pointer-events:auto}.static-gallery .visual-card img{height:auto;object-fit:contain}.static-gallery .asterisk,.static-gallery .gallery-pagination,.static-gallery .gallery-caption,.static-gallery .yellow-note{display:none}
@media(prefers-reduced-motion:reduce){.gallery-scroll{height:auto}.gallery-stage{height:auto;padding:0;min-height:0}.film-window{position:relative;inset:auto;width:100%;margin:0;transform:none}.film-strip{position:relative;inset:auto;display:grid;gap:0}.visual-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;pointer-events:auto}.visual-card img{height:auto;object-fit:contain}.gallery-stage .asterisk,.gallery-pagination,.gallery-caption,.gallery-stage .yellow-note{display:none}}

.lead-copy{grid-template-columns:1.25fr 1.1fr auto;align-items:center}.lead-services{list-style:none;margin:0;padding:0;display:grid;gap:14px;font:14px/1.45 var(--mono)}.lead-services li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:baseline}.lead-services li>span{font-size:22px;line-height:1}@media(max-width:800px){.lead-copy{grid-template-columns:1fr 1fr}}@media(max-width:600px){.lead-copy{grid-template-columns:1fr;gap:22px}.lead-services{font-size:14px;gap:12px}.lead-services li{grid-template-columns:24px 1fr}.lead-copy .reel-link{justify-self:start}}

/* Supplied sketch sits behind the concept, blended into the paper. */
.concept-heading{position:relative;isolation:isolate;min-height:220px;display:flex;align-items:center}.concept-heading h1{position:relative;z-index:1}.concept-sketch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:.18;pointer-events:none;user-select:none;z-index:0}@media(max-width:600px){.concept-heading{min-height:180px}.concept-sketch{object-position:left center}}

.breakdown-link{display:block}.breakdown-link:focus-visible{outline:3px solid var(--ink);outline-offset:5px}

/* Original Mindbot artwork, cropped only by its display window. */
.mindbot-cursor{position:fixed;left:0;top:0;width:44px;height:34.5px;overflow:hidden;pointer-events:none;z-index:2147483647;display:none;filter:drop-shadow(0 0 1px white) drop-shadow(0 1px 2px #ffffffb3)}
.mindbot-cursor img{position:absolute;max-width:none;width:101.15px;height:101.15px;left:-28.57px;top:-33.33px}
@media(hover:hover) and (pointer:fine){html.mindbot-active,html.mindbot-active *{cursor:none!important}.mindbot-cursor.is-visible{display:block}}

/* Underline linked text only while its link is hovered. */
a[href],a[href] span:not([aria-hidden="true"]){text-decoration:none!important;text-underline-offset:.2em;text-decoration-skip-ink:auto}
a[href]:hover,a[href]:hover span:not([aria-hidden="true"]){text-decoration:underline!important;text-decoration-thickness:1px!important}

img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.breakdown-link,.visual-card{-webkit-touch-callout:none}

.studio-copy .portfolio-links{grid-template-columns:1fr;gap:0;padding:0;margin-top:32px}.studio-copy .portfolio-links a{min-height:48px;padding:12px 0}

/* The sketch now spans the entire opening composition. */
.lead-copy{position:relative;isolation:isolate;overflow:visible}
.lead-copy>.concept-sketch{inset:auto;left:calc(-1 * var(--page-pad));top:50%;width:100vw;height:auto;max-width:none;transform:translateY(-50%);object-fit:contain;opacity:.18;z-index:-1}
.concept-heading{isolation:auto}
.lead-copy>.lead-services,.lead-copy>.reel-link{position:relative;z-index:1}
@media(max-width:600px){.lead-copy>.concept-sketch{left:-20px;top:42%;width:100vw}}

/* Keep navigation labels on the same baseline, including the contact arrow. */
.header-actions>nav{align-items:baseline}.header-actions>nav>a{display:inline-flex;align-items:baseline;gap:.4em;font-size:inherit;line-height:1.4;white-space:nowrap}.header-actions>nav>a>span{font-size:inherit;line-height:inherit}


#studio-heading{text-decoration-line:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.12em;text-underline-offset:.09em;text-decoration-skip-ink:none}#studio-heading strong{font-weight:700}

/* Compensate the new square artwork so the dinosaurs retain their visible scale. */
.lead-copy>.concept-sketch{width:90vw;left:calc(5vw - var(--page-pad))}
@media(max-width:600px){.lead-copy>.concept-sketch{left:calc(5vw - 20px)}}

.signature{white-space:pre-line}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-brand>.signature{font-size:11px;line-height:1.4;max-width:170px}.lead-services li>span[data-i18n]{font-size:inherit;line-height:inherit}

/* Centered headline with a service row beneath. */
.lead-copy{grid-template-columns:1fr;justify-items:center;gap:30px;padding:45px 0 48px}
.concept-heading{width:100%;min-height:0;justify-content:center;text-align:center}
.lead-copy h1{font-size:clamp(56px,7.8vw,124px);line-height:1.02;letter-spacing:-.055em;max-width:14ch;text-wrap:balance}
.lead-copy>.lead-services{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;max-width:1100px;width:100%}
.lead-services li{display:flex;gap:9px;align-items:baseline}
.lead-copy>.reel-link{justify-self:center}
@media(max-width:600px){.lead-copy{padding:32px 0 36px;gap:26px}.lead-copy h1{font-size:clamp(44px,11vw,66px);max-width:14ch}.lead-copy>.lead-services{gap:14px 22px}.lead-services li{font-size:13px}.lead-copy>.concept-sketch{top:35%}.lead-copy>.reel-link{justify-self:center}}

.studio-profile{min-width:0}.studio-portrait{margin:36px 0 0;width:min(100%,360px)}.studio-portrait img{display:block;width:100%;height:auto}.studio-copy{padding-top:6px}
@media(max-width:600px){.studio-portrait{width:min(100%,320px);margin-top:28px}.studio-layout{gap:30px}}

/* Wildr dual identity: 250ms per state; hover freezes the current frame. */
.wordmark.brand-logo{aspect-ratio:1240/486}
.wordmark.brand-logo img{width:161.290323%;left:-30.645161%;top:-153.909465%;height:auto;animation:wildr-primary .5s steps(1,end) infinite}
.wordmark.brand-logo .brand-alternate{animation-name:wildr-alternate}
@keyframes wildr-primary{0%,100%{opacity:1}50%{opacity:0}}
@keyframes wildr-alternate{0%,100%{opacity:0}50%{opacity:1}}
.identity:hover .brand-logo img,.identity:focus-visible .brand-logo img,.brand-logo:hover img,.brand-logo:focus-visible img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wordmark.brand-logo img{animation:none}.wordmark.brand-logo .brand-alternate{opacity:0}}

/* Four typographic voices, 160ms each; overlapping grid reserves the tallest layout. */
.lead-copy h1.kinetic-headline{display:grid;width:min(100%,14ch);max-width:none}
.headline-face{grid-area:1/1;align-self:center;display:block;min-width:0;text-wrap:balance;animation:wildr-type .64s steps(1,end) infinite;opacity:0}
.headline-face-0{font-family:var(--sans);animation-delay:-.037s}
.headline-face-1{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.065em;animation-delay:-.517s}
.headline-face-2{font-family:'Courier New',monospace;font-weight:700;letter-spacing:-.075em;animation-delay:-.357s}
.headline-face-3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.035em;animation-delay:-.197s}
@keyframes wildr-type{0%{opacity:1}25%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.headline-face{animation:none;opacity:0}.headline-face-0{opacity:1}}

/* Transparent portrait sits beside the headline; crop only empty canvas margins. */
.studio-layout{grid-template-columns:1.2fr .75fr 1fr;gap:40px;align-items:start;padding-top:65px}
.studio-profile{display:contents}
.studio-portrait{position:relative;width:100%;max-width:280px;aspect-ratio:1015/1921;margin:0;overflow:hidden;justify-self:center}
.studio-portrait img{position:absolute;width:197.044335%;max-width:none;height:auto;left:-49.655172%;top:-4.112441%}
.studio-copy{max-width:none}
@media(min-width:601px) and (max-width:1100px){.studio-layout{grid-template-columns:1fr .65fr;gap:28px 36px}.studio-profile h2{grid-column:1;grid-row:1}.studio-portrait{grid-column:2;grid-row:1 / span 2;max-width:250px}.studio-copy{grid-column:1;grid-row:2}}
@media(max-width:600px){.studio-layout{grid-template-columns:1fr;gap:24px;padding-top:40px}.studio-portrait{width:190px;max-width:65%;margin:0;justify-self:start}.studio-copy{padding-top:0}}

[data-i18n="studioBody"]{white-space:pre-line}

.linkedin-label{display:inline-flex;align-items:center;gap:9px}.linkedin-icon{display:block;width:16px;height:16px;flex:none}

.breakdown-compare{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-touch-callout:none;cursor:ew-resize}
.breakdown-compare>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.compare-overlay{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.compare-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:1px;background:white;transform:translateX(-.5px);pointer-events:none;z-index:2}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.breakdown-compare:focus-within{outline:3px solid var(--yellow);outline-offset:4px}
.compare-hint{position:absolute;left:16px;bottom:16px;z-index:2;background:#202220b3;color:white;padding:8px 12px;font:12px/1.4 var(--mono);pointer-events:none;transition:opacity .2s}
.breakdown-compare.is-used .compare-hint{opacity:0}

.breakdown-compare>.compare-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}

.lead-copy h1#lead-title{display:block;width:auto;max-width:100%;font-family:var(--sans);font-weight:400;font-style:normal;font-size:clamp(24px,8vw,124px);line-height:1.05;letter-spacing:-.055em;white-space:nowrap;text-wrap:nowrap;animation:none}

.breakdown-compare:focus-within{outline:none}.breakdown-compare:has(.compare-range:focus-visible){outline:3px solid var(--yellow);outline-offset:4px}

/* Optical centering from the visible ink of each supplied brand mark. */
.partner-logo{transform:translate(var(--optical-x,0%),var(--optical-y,0%));flex-shrink:0}

#lead-title em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.055em}

.breakdown-scroll{position:relative;height:190svh}
.breakdown-scroll .lead-frame{position:sticky;top:16px;margin:0}
.breakdown-sequence{position:relative;aspect-ratio:3/2;max-height:calc(100svh - 90px);width:100%;overflow:hidden}
.breakdown-sequence img,.breakdown-sequence canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(prefers-reduced-motion:reduce){.breakdown-scroll{height:auto}.breakdown-scroll .lead-frame{position:relative;top:auto}}

.breakdown-scroll{height:155svh}
@media(prefers-reduced-motion:reduce){.breakdown-scroll{height:auto}}

/* Continuous right-to-left brand strip; the second group is visual-only. */
.partner-marquee{overflow:hidden;border-bottom:1px solid var(--line);margin-top:28px;padding-bottom:24px;--partner-cell:calc((100vw - 2 * var(--page-pad) - 120px)/6);--partner-gap:24px}
.partner-track{display:flex;width:max-content;animation:partner-travel 28s linear infinite}
.partner-track .partner-grid{display:flex;flex:none;width:max-content;gap:var(--partner-gap);margin:0;padding:0 var(--partner-gap) 0 0}
.partner-track .partner-grid li{flex:0 0 var(--partner-cell);width:var(--partner-cell);min-height:135px}
@keyframes partner-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1100px){.partner-marquee{--partner-cell:calc((100vw - 2 * var(--page-pad) - 48px)/3)}}
@media(max-width:600px){.partner-marquee{--partner-cell:calc((100vw - 60px)/2);--partner-gap:20px}.partner-track .partner-grid li{min-height:110px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none}.partner-marquee{overflow-x:auto}.partner-track .partner-grid[aria-hidden="true"]{display:none}}

/* Opt-in art-direction study: ?look=analog; no layout changes. */
.analog-look body{background-color:var(--paper);background-image:radial-gradient(ellipse at 6% 38%,rgba(231,112,47,.35),transparent 43%),radial-gradient(ellipse at 94% 18%,rgba(69,111,174,.35),transparent 46%),radial-gradient(ellipse at 72% 92%,rgba(231,112,47,.22),transparent 44%);background-attachment:fixed}
.analog-look .studio-section,.analog-look .oysho-project{background:transparent}
.analog-grain{position:fixed;inset:0;z-index:80;pointer-events:none;background:url('analog-grain.svg') repeat;opacity:.17;mix-blend-mode:multiply}
.analog-lens{position:fixed;left:0;top:0;width:190px;height:190px;border-radius:50%;z-index:85;pointer-events:none;opacity:0;border:1px solid rgb(255 255 255 / .46);background:linear-gradient(135deg,rgb(255 255 255 / .16),rgb(255 255 255 / .015) 60%);backdrop-filter:saturate(1.12) contrast(1.015);-webkit-backdrop-filter:saturate(1.12) contrast(1.015);box-shadow:inset 2px 1px 2px rgb(255 255 255 / .52),inset -2px -2px 9px rgb(22 40 65 / .09),-2px 0 0 rgb(255 70 52 / .38),2px 0 0 rgb(40 152 255 / .42),0 8px 24px rgb(22 40 65 / .07);transition:opacity .18s;will-change:transform}
.analog-lens.is-visible{opacity:1}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.analog-lens{display:none}}

.analog-lens{background:linear-gradient(135deg,rgb(255 255 255 / .055),transparent 55%)}

.theme-switch{position:absolute;right:var(--page-pad);top:92px;display:flex;align-items:center;justify-content:space-between;width:68px;height:36px;border-radius:24px;border:1px solid #cbb4ed;padding:0 8px;background:#f4edff;box-shadow:0 0 14px #b996ef40;cursor:pointer;isolation:isolate}
.theme-sun,.theme-moon{font-size:20px;line-height:1;color:#9c71cf}
.theme-thumb{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#fff,#dedbea);box-shadow:0 2px 5px #29213635;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.theme-switch[aria-checked="true"] .theme-thumb{transform:translateX(32px)}
.theme-switch[aria-checked="true"]{background:#31233e}
html[data-theme="dark"]{color-scheme:dark;--paper:#101010;--ink:#f4f2f5;--muted:#aaa4ae;--line:#ffffff26;--yellow:#d0a3f2}
html[data-theme="dark"] body{background:#101010}
html.analog-look[data-theme="dark"] body{background-color:#101010;background-image:radial-gradient(ellipse at 8% 85%,#56b97824,transparent 40%),radial-gradient(ellipse at 92% 38%,#cfa4f228,transparent 44%);background-attachment:fixed}
html[data-theme="dark"] .contact-card{background:radial-gradient(ellipse at 65% 15%,#d3a5f5,transparent 62%),linear-gradient(110deg,#57b975,#a9bdd2);color:#141218}
html[data-theme="dark"] .reel-link,html[data-theme="dark"] .yellow-note{color:#141218}
html[data-theme="dark"] .wordmark.brand-logo img{filter:invert(1)}
html[data-theme="dark"] .partner-logo{filter:grayscale(1) invert(1);mix-blend-mode:screen}
html[data-theme="dark"] .analog-grain{mix-blend-mode:screen;opacity:.15}
html[data-theme="dark"] .mindbot-cursor{filter:invert(1)}
body,.studio-section,.oysho-project,.contact-card{transition:background-color .4s,color .4s}
.analog-lens{backdrop-filter:url(#wildr-magnifier);-webkit-backdrop-filter:url(#wildr-magnifier);background:transparent}
@media(max-width:600px){.theme-switch{right:20px;top:108px;width:60px;height:32px}.theme-thumb{width:24px;height:24px}.theme-switch[aria-checked="true"] .theme-thumb{transform:translateX(28px)}}
@media(prefers-reduced-motion:reduce){.theme-thumb,body,.studio-section,.oysho-project,.contact-card{transition:none}}

.lead-services li>.service-more{font:inherit;line-height:inherit}.service-more a{white-space:nowrap}

html[data-theme="dark"] .wordmark.brand-logo{mix-blend-mode:screen}
@media(max-width:800px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px var(--page-pad)}
 .site-header .identity{flex-direction:row;align-items:center;gap:16px}
 .header-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
 .header-actions>nav{grid-column:1;grid-row:1;gap:16px}
 .header-actions>.language-switch{grid-column:2;grid-row:1}
 .header-actions>.theme-switch{grid-column:3;grid-row:1;position:relative;inset:auto;width:60px;height:32px}
 .theme-thumb{width:24px;height:24px}
 .theme-switch[aria-checked="true"] .theme-thumb{transform:translateX(28px)}
 .lead-section{padding-top:190px}
}
@media(max-width:380px){.header-actions{column-gap:8px}.header-actions>nav{gap:10px;font-size:11px}.language-switch button{min-width:28px}.site-header .signature{font-size:9px}}