@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--bg:#080808;--fg:#f7f7f5;--soft:#a4a49d;--line:#2a2a27;--orange:#f25420}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.5 Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{max-width:1500px;margin:auto;padding:0 48px}.micro{font:11px/1.5 'JetBrains Mono',monospace;letter-spacing:.055em;text-transform:uppercase}.muted{color:var(--soft)}.skip{position:fixed;top:-100px;background:var(--orange);padding:12px;z-index:100}.skip:focus{top:0}.header{position:absolute;inset:0 0 auto;z-index:10;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(#0009,transparent)}.brandmark{display:block;width:104px;height:45px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav a:hover{color:var(--orange)}.studio-menu{position:relative}.studio-menu summary{list-style:none}.studio-menu summary::-webkit-details-marker{display:none}.studio-menu summary:after{content:' +';color:var(--orange)}.studio-menu[open] summary:after{content:' −'}.dropdown{position:absolute;right:0;top:30px;min-width:190px;background:#101010;border:1px solid var(--line);padding:14px;display:grid;gap:4px}.dropdown a{padding:9px}.languages{display:flex;align-items:center;gap:6px}.languages button{background:transparent;font:11px 'JetBrains Mono',monospace;padding:8px}.languages button[aria-pressed=true]{background:var(--orange);color:#070707}.hero{height:100svh;min-height:620px;max-height:1100px;position:relative;overflow:hidden;background:#050505}.hero-video{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none}.hero-top{position:absolute;top:105px;left:42px}.hero-top h1{font-size:14px;line-height:1.3;font-weight:500;letter-spacing:.01em;margin:0}.hero-bottom{position:absolute;z-index:2;bottom:27px;left:42px;right:42px;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{font-size:11px;max-width:320px;margin:0;color:#e0e0d8}.hero-controls{display:flex;align-items:center;gap:22px}.control{background:#080808a8;border:1px solid #ffffff60;padding:9px 15px;font-size:12px}.text-link{display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid var(--orange);padding:8px 0;font-size:14px}.intro{padding:95px 0 85px;display:grid;grid-template-columns:1fr 2.2fr;gap:60px}.intro h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.055em;line-height:1.08;margin:0 0 28px;font-weight:600}.intro h2 span{color:var(--orange)}.intro p{max-width:560px;font-size:18px;color:var(--soft)}.hi{width:74px;height:74px;border-radius:50%;background:var(--orange);color:#070707;display:grid;place-items:center;font-weight:700;font-size:22px;margin-top:24px;transform:rotate(-8deg)}.work-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.work-header h2{font-size:clamp(55px,9vw,130px);line-height:.95;letter-spacing:-.065em;font-weight:700;margin:12px 0}.work-header p{font-size:14px;color:var(--soft);max-width:260px}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px}.piece{margin:0;grid-column:span 6;min-width:0}.piece.wide{grid-column:span 8}.piece.narrow{grid-column:span 4}.piece.full{grid-column:span 12}.piece-media{position:relative;background:#141414;overflow:hidden;aspect-ratio:1.5}.piece.narrow .piece-media{aspect-ratio:.88}.piece.full .piece-media{aspect-ratio:2.1}.piece-media img,.piece-media video{width:100%;height:100%;object-fit:contain;display:block}.piece-media img{transition:transform .6s}.piece-media:hover img{transform:scale(1.018)}.piece button.zoom{display:block;width:100%;height:100%;background:none;padding:0}.piece video{object-fit:cover}.piece .badge{position:absolute;top:14px;left:14px;background:#000c;color:white;padding:6px 8px;font:10px 'JetBrains Mono',monospace;pointer-events:none}.piece figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding-top:10px}.piece figcaption span{color:var(--soft)}.piece .play-inline{position:absolute;right:12px;bottom:12px;background:#080808c9;border:1px solid #ffffff60;color:white;font-size:11px;padding:6px 10px}.gallery-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.ways{padding:130px 0 110px}.section-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:35px}.section-top p{font-size:14px;color:var(--soft);max-width:400px}.offers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:start}.offer{padding:20px 0;border-top:1px solid var(--line)}.offer:nth-child(2){margin-top:65px}.offer:nth-child(3){margin-top:130px}.offer summary{list-style:none;min-height:230px}.offer summary::-webkit-details-marker{display:none}.offer h3{font-size:clamp(34px,4.15vw,63px);line-height:.96;letter-spacing:-.055em;font-weight:600;margin:18px 0 23px}.offer summary:hover h3,.offer[open] h3{color:var(--orange)}.offer .smallplus{font-size:24px;font-weight:400;color:var(--orange);padding-left:10px}.offer .teaser{font-size:14px;color:var(--soft);max-width:280px;display:block}.offer ul{padding-left:18px;font-size:14px;line-height:1.8;color:#b9b9b1}.offer .offer-cta{display:block;background:var(--orange);color:#070707;padding:12px 14px;font-size:13px;width:100%;text-align:left}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:70px;border-top:1px solid var(--line);padding-top:25px}.process span{font-size:14px}.process b{display:block;color:var(--orange);font:11px 'JetBrains Mono',monospace;margin-bottom:8px}.brands{padding:40px 0 75px;border-top:1px solid var(--line);overflow:hidden}.brands .section-top{margin-bottom:45px}.logos-window{overflow:hidden}.logos-track{display:flex;width:max-content;animation:drift 55s linear infinite reverse}.logos-track.paused,.logos-window:hover .logos-track{animation-play-state:paused}.logo-group{display:flex;align-items:center;gap:75px;padding-right:75px}.logo-item{width:125px;height:90px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-item img{width:100%;max-height:80px;object-fit:contain;filter:brightness(0) invert(1)}.logo-item span{font-size:21px;letter-spacing:-.04em;font-weight:600;text-align:center;line-height:1.05}.brand-note{margin-top:30px;color:var(--soft);font-size:11px}.studio-section{border-top:1px solid var(--line);padding:85px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.portrait{position:relative;max-width:470px}.portrait img{width:100%;aspect-ratio:1.15;object-fit:cover;object-position:center 26%;filter:grayscale(1)}.portrait .hi{position:absolute;right:-24px;bottom:-30px;width:100px;height:100px;margin:0;font-size:28px}.studio-section h2{font-size:clamp(50px,6vw,86px);letter-spacing:-.06em;line-height:.98;margin:20px 0;font-weight:600}.studio-section p{font-size:17px;color:var(--soft);max-width:420px}.studio-section .text-link{font-size:18px}.contact{padding:95px 0 65px;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.contact h2{font-size:clamp(54px,6vw,88px);letter-spacing:-.06em;line-height:1;margin:23px 0 30px;font-weight:500}.email{font-size:17px;color:var(--soft);overflow-wrap:anywhere}.email:hover{color:var(--orange)}form{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px}label{display:grid;gap:7px;font-size:12px;color:var(--soft)}.full{grid-column:1/-1}input,textarea,select{width:100%;min-width:0;border:0;border-bottom:1px solid #4a4a43;border-radius:0;background:transparent;color:var(--fg);font-size:16px;padding:11px 0;outline:none;color-scheme:dark}input:focus,select:focus,textarea:focus{border-bottom-color:var(--orange)}select option{background:#141414;color:white}textarea{resize:vertical;min-height:74px}.form-note{color:var(--soft);font-size:11px;margin:0}.submit{justify-self:start;border-bottom:1px solid var(--orange);background:none;color:white;font-size:18px;padding:10px 0}.summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;padding:20px;border:1px solid var(--line);margin-top:25px}.footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--soft)}.footer .brandmark{width:70px;height:30px}.footer-links{display:flex;gap:25px}dialog{border:1px solid var(--line);background:#080808;color:white;width:min(1100px,95vw);max-height:94svh;padding:20px}dialog::backdrop{background:#000d}dialog img,dialog video{display:block;width:100%;max-height:78svh;object-fit:contain}dialog .close{background:none;color:white;padding:5px 0 18px;margin-left:auto;display:block}.viewer-caption{font-size:13px;color:var(--soft);margin-top:15px}[hidden]{display:none!important}@keyframes drift{to{transform:translateX(-50%)}}@media(max-width:1000px){.wrap{padding:0 28px}.header{padding:20px 28px}.nav{gap:20px}.hero-top{left:28px}.hero-bottom{left:28px;right:28px}.intro{gap:30px}.offers{gap:18px}.offer h3{font-size:41px}.contact-grid{gap:45px}.studio-section{gap:45px}}@media(max-width:650px){html{scroll-padding-top:20px}.wrap{padding:0 20px}.header{padding:18px 20px;gap:15px;flex-wrap:wrap}.brandmark{width:88px;height:36px}.nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}.languages{margin-left:auto}.hero{min-height:640px;height:92svh;max-height:900px}.hero-video{object-fit:contain}.hero-top{top:150px;left:20px}.hero-top h1{font-size:13px}.hero-bottom{left:20px;right:20px;bottom:22px;display:block}.hero-bottom p{max-width:100%;font-size:10px;margin-bottom:18px}.hero-controls{justify-content:space-between;gap:10px}.control{font-size:11px;padding:8px 11px}.intro{display:block;padding:60px 0}.intro h2{margin-top:35px;font-size:46px}.intro .hi{display:none}.intro p{font-size:16px}.work-header{align-items:start}.work-header h2{font-size:76px}.work-header p{font-size:11px;max-width:100px;margin-top:35px}.gallery{gap:24px 12px}.piece,.piece.wide,.piece.narrow,.piece.full{grid-column:span 12}.piece-media,.piece.narrow .piece-media,.piece.full .piece-media{aspect-ratio:auto;min-height:180px}.piece-media img{height:auto;max-height:620px;object-fit:contain}.piece-media video{aspect-ratio:16/9}.piece figcaption{font-size:10px;gap:12px}.piece .badge{font-size:8px;top:10px;left:10px}.gallery-end{display:block;font-size:12px}.ways{padding:80px 0 60px}.section-top{display:block}.section-top p{font-size:13px}.offers{grid-template-columns:1fr;gap:0}.offer:nth-child(2),.offer:nth-child(3){margin-top:0}.offer summary{min-height:0;padding-bottom:12px}.offer h3{font-size:64px;margin:14px 0 20px}.offer:nth-child(2){text-align:center}.offer:nth-child(3){text-align:right}.offer:nth-child(2) .teaser{margin:auto}.offer:nth-child(3) .teaser{margin-left:auto}.offer ul{text-align:left}.process{gap:16px;margin-top:35px;grid-template-columns:1fr 1fr}.brands{padding:30px 0 45px}.logo-group{gap:45px;padding-right:45px}.logo-item{width:100px;height:70px}.logo-item img{max-height:65px}.studio-section{grid-template-columns:1fr;gap:45px;padding:60px 0}.portrait{max-width:85%}.portrait .hi{right:-30px;bottom:-20px;width:78px;height:78px;font-size:23px}.studio-section h2{font-size:64px}.contact{padding:65px 0 40px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:65px}.footer{align-items:start;flex-wrap:wrap;font-size:10px;gap:16px}.footer-links{gap:20px}.footer>span{order:3;width:100%}.brand-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logos-track{animation:none}*{transition:none!important}}
.logo-item.light-background img{filter:grayscale(1) invert(1) contrast(5);mix-blend-mode:screen}.logo-item.dark-background img{filter:grayscale(1) contrast(2);mix-blend-mode:screen}
@media(max-width:650px){.hero-video{object-fit:cover}.hero{height:100svh}}
.brands{background:#000}.logo-item.mrprecio img{filter:grayscale(1) brightness(3) contrast(2);mix-blend-mode:screen;transform:scale(1.3)}.logo-item.dark-background img{filter:grayscale(1) contrast(3)}
/* v3: smaller works, natural proportions, no framing panels. */
.work-header h2{font-size:clamp(50px,7vw,98px)}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:8px;column-gap:20px;row-gap:8px;align-items:start}
.gallery .piece{grid-column:auto;align-self:start;margin:0 0 18px;min-width:0}
.gallery .piece-media{aspect-ratio:auto;min-height:0;background:transparent;overflow:hidden}
.gallery .piece-media img,.gallery .piece-media video{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;display:block}
.gallery .piece button.zoom{height:auto;background:transparent}
.gallery .piece figcaption{display:grid;gap:1px;padding-top:8px;font-size:11px;line-height:1.35}
.gallery .piece figcaption span{font-size:10px}
.gallery .piece .badge{font-size:8px;left:7px;top:7px;padding:4px 6px}
.gallery .piece .play-inline{font-size:9px;right:7px;bottom:7px;padding:4px 6px}
.logo-item.dual{width:230px}.logo-item.betcha img{filter:grayscale(1) contrast(3)}
@media(min-width:1550px){.gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}}
@media(max-width:650px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.gallery .piece figcaption{font-size:10px}.gallery .piece figcaption span{font-size:9px}.work-header h2{font-size:58px}.work-header p{max-width:120px}.logo-item.dual{width:180px}}
.gallery .watch-inline{position:absolute;left:7px;bottom:7px;background:#080808d9;border:1px solid #ffffff60;color:#fff;font-size:10px;padding:5px 9px}

/* v5: protect the typography and logo in both finished reel compositions. */
.hero-video{object-fit:contain;background:#070707}

.logos-window:focus-within .logos-track{animation-play-state:paused}