@font-face{font-family:OTMDisplay;src:url('../fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:OTMText;src:url('../fonts/work-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}:root{--motion-standard:450ms;--motion-slow:650ms;--motion-curve:cubic-bezier(.22,1,.36,1)}body{font-family:OTMText,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3,h4,.brand,.work-list strong{font-family:OTMDisplay,system-ui,sans-serif}.header{height:78px;position:sticky;top:0;background:#08090ced;border-bottom:1px solid #ffffff16;backdrop-filter:blur(12px)}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:#ff5436;transform:scaleX(var(--reading,0));transform-origin:left;z-index:50;pointer-events:none}.hero{min-height:calc(100svh - 78px);padding-top:70px;padding-bottom:125px;align-items:flex-start}.hero-copy{padding-top:35px;max-width:900px}.hero h1{font-size:clamp(50px,7.8vw,106px);font-weight:500;letter-spacing:-.065em;line-height:1.04}.hero h1 em{color:#ff7e69}.hero .lead{max-width:480px;font-size:18px}.hero-shade{background:linear-gradient(90deg,#08090cf0 0%,#08090caa 52%,#08090c36),linear-gradient(0deg,#08090c,transparent 50%)}.hero-background img,.hero-background .film{transform:scale(1.035)}.section{padding-top:110px;padding-bottom:110px}.section-top{display:block;max-width:940px;margin-bottom:50px}.section-top h2{font-size:clamp(38px,5.5vw,76px);line-height:1.04;letter-spacing:-.055em}.section-top>p:last-child{margin-top:26px;max-width:650px;font-size:16px}.section-top>.eyebrow{margin-bottom:24px}.samples{border-bottom:1px solid #ffffff22}.work-gallery{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:5vw;align-items:start}.work-selector{position:sticky;top:110px}.work-list button{width:100%;display:grid;grid-template-columns:24px 1fr 20px;gap:13px;align-items:center;text-align:left;border:0;border-top:1px solid #ffffff27;background:transparent;color:#c3c3c8;min-height:74px;padding:18px 0;cursor:pointer}.work-list strong{font-size:16px;font-weight:500;line-height:1.25}.work-list button>span:first-child{font:11px monospace;color:#96969d}.work-list button[aria-pressed=true]{color:#fff}.work-list button[aria-pressed=true] .work-arrow{color:#ff7e69;transform:translateX(3px)}.work-list button[aria-pressed=true] strong{color:#ff9987}.work-arrow{transition:transform 180ms var(--motion-curve)}.work-note{font-size:12px;color:#acacb5;margin-top:26px;max-width:280px}.work-feature{min-width:0}.work-screen{border:1px solid #ffffff36;background:#18191e;overflow:hidden;border-radius:8px;box-shadow:0 24px 70px #0007;transform:translate3d(0,var(--frame-y,0px),0) rotate(var(--frame-r,0deg));transform-origin:center;transition:transform 180ms var(--motion-curve)}.screen-toolbar{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;color:#b5b5be;font-size:9px}.screen-toolbar i{width:5px;height:5px;border-radius:50%;background:#777881}.screen-toolbar span{margin:auto}.work-screen img{display:block;width:100%;aspect-ratio:1280/720;object-fit:contain;background:#111216}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:38px}.work-caption h3{font-size:clamp(24px,2.5vw,36px);margin-top:10px;line-height:1.12;letter-spacing:-.04em}.work-caption #work-kind{font-size:12px;color:#b6b6bf}.work-controls{display:flex;align-items:center;gap:12px;flex:none}.work-controls button{height:44px;width:44px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:white;font-size:20px}.work-controls span{font:11px monospace;color:#bcbcc3;white-space:nowrap}#work-description{font-size:15px;max-width:630px;color:#c1c1c9;margin:20px 0 12px;min-height:70px}.all-samples{margin-top:55px;border-top:1px solid #ffffff2b}.all-samples summary{cursor:pointer;font-size:14px;min-height:52px;padding:20px 0;color:#ff9987}.catalog{padding-top:20px}.experience .showcase{border-radius:8px;box-shadow:0 20px 90px #0008}.scene-heading h3{font-size:clamp(36px,4vw,58px)}.scene-panel{background:#17181d;color:#f4f2ed;border:1px solid #ffffff26}.scene-panel .eyebrow,.scene-panel>p:not(.eyebrow){color:#bfbfc6}.choice-tabs button{border-color:#55565e;color:#d5d5dc}.choice-tabs [aria-pressed=true]{background:#ff5436;color:#08090c;border-color:#ff5436}.scene-panel .dark{background:#f4f2ed;color:#08090c}.offer-row{padding:42px 0;transition:border-color 180ms var(--motion-curve)}.offer-row:hover{border-color:#ff7e69}.offer-row .number{font-size:13px}.offer-row h3{font-size:clamp(30px,3.4vw,47px)}.process{background:#111216;color:#f4f2ed;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.process>.eyebrow,.process p{color:#bcbcc6}.process>h2{max-width:1050px;font-size:clamp(38px,5.5vw,76px);margin-bottom:70px}.process li{border-color:#5a5b63;position:relative}.process li::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#ff5436;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-slow) var(--motion-curve)}.process li.visible::before{transform:scaleX(1)}.process li:nth-child(2)::before{transition-delay:80ms}.process li:nth-child(3)::before{transition-delay:160ms}.process li:nth-child(4)::before{transition-delay:240ms}.process b{color:#ff9987}.process h3{margin-top:40px;font-size:25px}.contact h2{font-size:clamp(42px,7vw,98px);letter-spacing:-.055em}.js-motion .reveal{transform:translateY(16px);filter:blur(3px);transition:opacity var(--motion-standard) var(--motion-curve),transform var(--motion-standard) var(--motion-curve),filter var(--motion-standard) var(--motion-curve)}.js-motion .reveal.visible{transform:none;opacity:1;filter:none}.paused .work-screen{transform:none!important}.paused .reveal{filter:none!important}.paused .process li::before{transform:scaleX(1)}.paused html,html:has(.paused){scroll-behavior:auto}dialog[open]{animation:dialog-enter 300ms var(--motion-curve)}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1000px){.hero-copy{padding-top:20px}.hero h1{font-size:clamp(49px,7.8vw,76px)}.work-gallery{grid-template-columns:minmax(165px,.6fr) minmax(0,1.5fr);gap:25px}.work-controls{gap:6px}.work-caption{align-items:start;flex-wrap:wrap}.work-list strong{font-size:14px}.section{padding-top:85px;padding-bottom:85px}}@media(max-width:650px){.header{height:72px;backdrop-filter:none}.hero{padding-top:35px;min-height:calc(100svh - 72px)}.hero-copy{padding-top:15px}.hero h1{font-size:clamp(40px,10.4vw,62px);line-height:1.08}.hero .lead{font-size:16px;max-width:310px;margin-top:25px}.hero .eyebrow{font-size:9px}.hero-foot{bottom:20px}.section{padding-top:70px;padding-bottom:70px}.section-top h2{font-size:clamp(36px,9vw,46px)}.section-top>p:last-child{font-size:15px;margin-top:20px}.work-gallery{display:flex;flex-direction:column;gap:25px}.work-selector{position:static;width:100%}.work-list{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:8px}.work-list button{width:185px;min-width:185px;min-height:62px;border:1px solid #ffffff33;border-radius:6px;padding:12px;grid-template-columns:18px 1fr;gap:8px;scroll-snap-align:start}.work-list .work-arrow{display:none}.work-list button[aria-pressed=true]{border-color:#ff7e69}.work-note{display:none}.work-feature{width:100%}.screen-toolbar{height:24px}.work-caption{margin-top:24px;gap:15px}.work-caption h3{font-size:25px}.work-controls{width:100%;justify-content:flex-end}.work-screen{transform:none!important}#work-description{min-height:0;font-size:14px}.all-samples{margin-top:30px}.process>h2{font-size:38px;margin-bottom:45px}.process h3{font-size:22px}.offer-row{padding:30px 0}.contact h2{font-size:44px}}@media(prefers-reduced-motion:reduce){.work-screen,.hero-background img,.hero-background .film{transform:none!important}.js-motion .reveal{filter:none;opacity:1;transform:none}.process li::before{transform:scaleX(1);transition:none}dialog[open]{animation:none}html{scroll-behavior:auto}}

#experience>.section-top>.eyebrow,#offer>.section-top>.eyebrow,#process>.eyebrow,#contact>.eyebrow{display:none}
@media(max-width:650px){html[lang=es] .hero h1{font-size:clamp(33px,8.7vw,40px)}}

.header #motion{border:1px solid #ffffff40;background:transparent;color:#f4f2ed;min-height:44px;border-radius:5px;padding:8px 12px;font-size:11px;white-space:nowrap;margin-left:auto}.header .language{margin-left:0}.hero-foot{justify-content:flex-start}@media(max-width:1100px){.header #motion{width:44px;min-width:44px;padding:0;font-size:0}.header #motion::after{content:'Ⅱ';font-size:18px}.header #motion[aria-pressed=true]::after{content:'▶';font-size:15px}}
.work-screen img,.sample img{height:auto}