:root{--red:#ef2325;--black:#111;--cream:#f1eee7;--acid:#d7ff39;--line:#3a3a3a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:#fff;background:var(--black);font-family:"Poppins",sans-serif}img,video{display:block;max-width:100%}button,a{font:inherit}a{color:inherit}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:10px;background:#fff;color:#000;transform:translateY(-150%)}.skip:focus{transform:none}.prototype-bar{padding:7px clamp(18px,4vw,60px);display:flex;justify-content:space-between;color:#aaa;background:#050505;font-size:.63rem;letter-spacing:.12em}.prototype-bar a{color:#fff}header{height:82px;padding:0 clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.13em}.brand img{width:105px;filter:brightness(0) invert(1)}.brand b{padding-left:12px;border-left:1px solid #555;font-size:.85rem}nav[data-menu]{display:flex;align-items:center;gap:32px;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}nav a{text-decoration:none}nav a:hover{color:var(--acid)}nav button,.cover-copy button{padding:12px 19px;border:0;color:#111;background:var(--acid);font-weight:700;text-transform:uppercase;cursor:pointer}.menu-button{display:none;color:#fff;border:0;background:none}.menu-button span{display:block;width:25px;height:2px;margin:5px;background:#fff}.menu-button i{font-style:normal;font-size:.65rem}
.hero{position:relative;min-height:calc(100vh - 109px);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.hero-image{position:relative;min-height:640px}.hero-image img{width:100%;height:100%;object-fit:cover}.stamp{position:absolute;right:-25px;bottom:45px;width:125px;height:125px;display:grid;place-items:center;text-align:center;color:#111;background:var(--acid);border-radius:50%;font-size:.72rem;font-weight:800;transform:rotate(9deg)}.hero-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:var(--red)}.eyebrow{margin:0 0 30px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1,.cover-copy h1{margin:0;font-size:clamp(4rem,8.5vw,9rem);line-height:.78;letter-spacing:-.09em;text-transform:uppercase}.hero h1 em,.cover-copy h1 em{color:var(--acid);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:500px;margin:42px 0 25px;font-size:1rem;line-height:1.65}.hero-copy>a{width:max-content;padding-bottom:8px;border-bottom:2px solid #fff;text-decoration:none;font-weight:700}.hero-copy>a span{margin-left:20px}.vertical{position:absolute;right:12px;top:50%;margin:0;writing-mode:vertical-rl;font-size:.56rem;letter-spacing:.18em}.marquee{overflow:hidden;padding:18px 0;color:#111;background:var(--acid);font-size:clamp(1.2rem,2.2vw,2.2rem);font-weight:800;white-space:nowrap}.marquee div{width:max-content;animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.statement{padding:clamp(80px,12vw,180px) clamp(20px,6vw,90px)}.statement span,.process-title>span,.model-heading>span,.sticky-title>span,.specs span,.product-video span{color:var(--acid);font-size:.65rem;font-weight:700;letter-spacing:.15em}.statement h2{max-width:1100px;margin:22px 0 0;font-size:clamp(2.5rem,6vw,7rem);line-height:.96;letter-spacing:-.07em}.statement h2 strong{color:var(--red)}.work-grid{padding:0 clamp(20px,4vw,60px) clamp(90px,10vw,150px);display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work-grid figure{position:relative;margin:0;min-height:620px;overflow:hidden}.work-grid .wide{grid-column:1/-1;min-height:700px}.work-grid .tall{grid-row:span 2;min-height:900px}.work-grid img{width:100%;height:100%;object-fit:cover}.work-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 25px 22px;display:flex;justify-content:space-between;background:linear-gradient(transparent,#000c);font-size:.75rem}.work-grid figcaption span{color:#bbb}.manifesto{min-height:470px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;color:#111;background:var(--acid)}.manifesto p{margin:0;font-size:clamp(2.8rem,5.2vw,5.6rem);font-weight:800;line-height:.9;letter-spacing:-.08em}.manifesto em{color:var(--red);font-style:normal}.manifesto span{font-size:.8rem}
.process{padding:clamp(80px,10vw,150px) clamp(20px,6vw,90px);background:#1a1a1a}.process-title{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:60px}.process-title h2{margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.84;letter-spacing:-.08em;text-transform:uppercase}.process-title p{align-self:end;color:#aaa}.video-frame{position:relative}.video-frame video{width:100%;max-height:80vh;object-fit:cover;background:#000}.video-frame>span{position:absolute;left:16px;bottom:16px;padding:9px 12px;color:#111;background:var(--acid);font-size:.65rem;font-weight:700}.steps{margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;border-top:1px solid #484848}.steps li{padding:30px;display:flex;gap:26px;border-right:1px solid #484848}.steps li:last-child{border:0}.steps b{color:var(--acid)}.steps h3{margin:0;font-size:1.5rem}.steps p{color:#999;line-height:1.6}
.models{padding:clamp(90px,12vw,180px) clamp(20px,4vw,60px);background:var(--cream);color:#111}.model-heading{margin-left:5vw;margin-bottom:80px}.model-heading>span{color:var(--red)}.model-heading h2{margin:20px 0;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.075em;text-transform:uppercase}.model-card{min-height:670px;display:grid;grid-template-columns:1fr 1.15fr;margin-bottom:22px}.model-card>div{padding:clamp(35px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.model-card.red{color:#fff;background:var(--red)}.model-card.black{color:#fff;background:#141414}.model-card img{width:100%;height:100%;min-height:670px;object-fit:cover}.model-card.red img{object-position:50% 64%}.model-card h3{margin:25px 0 45px;font-size:clamp(3rem,6vw,6.5rem);line-height:.88;letter-spacing:-.075em;text-transform:uppercase}.model-card a,.model-card button{padding:0 0 8px;border:0;border-bottom:2px solid currentColor;color:inherit;background:none;text-decoration:none;font-weight:700;cursor:pointer}.model-card small{margin-top:18px;color:#aaa}.final-cta{position:relative;min-height:850px}.final-cta>img{width:100%;height:850px;object-fit:cover;filter:brightness(.55)}.final-cta>div{position:absolute;inset:0;padding:clamp(35px,8vw,120px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.final-cta h2{margin:12px 0 35px;font-size:clamp(4rem,10vw,11rem);line-height:.78;letter-spacing:-.09em;text-transform:uppercase}.final-cta h2 em{color:var(--acid);font-style:normal}.final-cta button{padding:16px 24px;border:0;background:var(--acid);font-weight:800;cursor:pointer}.final-cta small{margin-top:14px;color:#ddd}.final-cta.compact,.final-cta.compact>img{min-height:700px;height:700px}footer{padding:40px clamp(20px,5vw,70px);display:flex;align-items:center;gap:35px;border-top:1px solid #333;color:#999;font-size:.72rem}footer a:last-child{margin-left:auto}
.product-cover{min-height:calc(100vh - 109px);display:grid;grid-template-columns:1fr 1fr}.cover-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cover-copy>p{font-size:.68rem;letter-spacing:.16em}.cover-copy h1{font-size:clamp(4rem,7.5vw,8rem)}.cover-copy button{margin-top:40px}.cover-photo{position:relative;min-height:650px}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.cover-photo span{position:absolute;right:15px;bottom:15px;padding:8px 10px;background:#111;font-size:.65rem}.big-line{overflow:hidden;padding:25px;background:var(--red)}.big-line p{margin:0;font-size:clamp(2.2rem,5vw,5rem);font-weight:800;white-space:nowrap;letter-spacing:-.05em}.big-line em{color:var(--acid);font-style:normal}.product-story{padding:clamp(90px,12vw,170px) clamp(20px,5vw,75px);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.sticky-title{position:sticky;top:50px;align-self:start}.sticky-title h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.94;letter-spacing:-.07em}.story-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-cards article{min-height:570px;position:relative;overflow:hidden;background:#222}.story-cards article:nth-child(2){margin-top:140px}.story-cards h3,.story-cards b{position:absolute;z-index:2;left:20px}.story-cards b{top:20px;color:var(--acid)}.story-cards h3{bottom:8px;font-size:2.2rem;text-shadow:0 2px 10px #000}.story-cards img{width:100%;height:100%;object-fit:cover}.story-cards .text-card{padding:35px;background:var(--red)}.text-card b,.text-card h3{position:static}.text-card p{font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:1.1}.specs{padding:clamp(80px,10vw,150px) clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--acid);color:#111}.specs span{color:var(--red)}.specs h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.075em}.specs dl{margin:0}.specs dl div{padding:20px 0;display:flex;justify-content:space-between;border-bottom:1px solid #111}.specs dd{margin:0;color:var(--red);font-weight:700}.product-video{padding:clamp(80px,10vw,150px) clamp(20px,5vw,75px);display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.product-video video{width:100%;max-height:700px;background:#000}.product-video h2{font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.07em;text-transform:uppercase}
dialog{width:min(520px,calc(100% - 30px));padding:45px;border:0;color:#111;background:var(--acid)}dialog::backdrop{background:#000c}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:2rem}.dialog-button{padding:13px 18px;border:0;color:#fff;background:#111;font-weight:700}[data-reveal]{opacity:0;transform:translateY(25px);transition:.7s ease}[data-reveal][data-visible]{opacity:1;transform:none}
@media(max-width:900px){.menu-button{display:block}nav[data-menu]{position:absolute;z-index:10;top:109px;left:0;right:0;padding:25px;display:none;flex-direction:column;align-items:stretch;background:#111;border-bottom:1px solid #444}nav[data-menu][data-open]{display:flex}.hero,.product-cover,.product-story,.specs,.product-video{grid-template-columns:1fr}.hero-copy{order:-1}.hero-image{min-height:650px}.vertical{display:none}.process-title{grid-template-columns:1fr}.model-card{grid-template-columns:1fr}.model-card.black img{order:2}.sticky-title{position:static}.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid #484848}.story-cards article:nth-child(2){margin-top:0}}
@media(max-width:620px){.prototype-bar{overflow:hidden;font-size:.55rem;white-space:nowrap}header{height:72px}.brand img{width:86px}.brand b{font-size:.7rem}nav[data-menu]{top:99px}.hero-copy,.cover-copy{min-width:0;padding-inline:30px;overflow:hidden}.hero h1{font-size:2.85rem;line-height:.94}.hero-copy>p:not(.eyebrow){max-width:100%;font-size:.92rem}.cover-copy h1{font-size:2.85rem;line-height:.94}.hero-image{min-height:520px}.work-grid,.story-cards{grid-template-columns:1fr}.work-grid .wide{grid-column:auto;min-height:570px}.work-grid .tall{grid-row:auto;min-height:650px}.work-grid figure{min-height:570px}.model-card,.model-card img{min-height:540px}.model-card h3{font-size:3.2rem}.final-cta,.final-cta>img{min-height:650px;height:650px}.final-cta h2{font-size:3.8rem}.product-cover{min-height:auto}.cover-photo{min-height:560px}.story-cards article{min-height:520px}footer{flex-wrap:wrap}footer a:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}

/* Capa editorial de exploracion */
.work-filters{padding:0 clamp(20px,4vw,60px) 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#aaa;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.work-filters>div{display:flex;gap:8px}.work-filters button{padding:9px 15px;border:1px solid #555;border-radius:999px;color:#fff;background:transparent;cursor:pointer}.work-filters button[aria-pressed="true"]{color:#111;border-color:var(--acid);background:var(--acid)}.work-grid [data-category]{transition:opacity .25s ease,transform .25s ease}.work-grid [hidden]{display:none}.work-grid figure::after{content:"VER +";position:absolute;right:14px;top:14px;padding:7px 9px;color:#111;background:var(--acid);font-size:.58rem;font-weight:800;letter-spacing:.08em;opacity:0;transform:translateY(-5px);transition:.25s ease}.work-grid figure:hover::after,.work-grid figure:focus-within::after{opacity:1;transform:none}.creative-board{margin:0 clamp(20px,4vw,60px) clamp(90px,10vw,150px);display:grid;grid-template-columns:1fr 120px 1fr;min-height:610px;border:1px solid #444}.board-copy{padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.board-copy>span{color:var(--acid);font-size:.62rem;font-weight:700;letter-spacing:.14em}.board-copy h2{margin:25px 0;font-size:clamp(3rem,5.4vw,6rem);line-height:.88;letter-spacing:-.07em;text-transform:uppercase}.board-copy p{max-width:430px;color:#aaa;line-height:1.7}.ink-strip{display:grid;grid-template-rows:repeat(4,1fr)}.ink-strip i{display:grid;place-items:center;color:#111;font-style:normal;font-weight:800}.ink-strip .cyan{background:#00d3ee}.ink-strip .magenta{background:#f14bb4}.ink-strip .yellow{background:#ffe831}.ink-strip .black{color:#fff;background:#292929}.board-image{position:relative;min-height:610px}.board-image img{width:100%;height:100%;object-fit:cover}.board-image span{position:absolute;left:18px;bottom:18px;padding:9px 12px;color:#111;background:var(--acid);font-size:.65rem;font-weight:800}
@media(max-width:620px){.work-filters{align-items:flex-start;flex-direction:column}.work-filters>div{max-width:100%;overflow:auto}.creative-board{grid-template-columns:1fr;margin-inline:20px}.ink-strip{height:70px;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.board-image{min-height:500px}}

@media(min-width:901px) and (max-height:820px){
  .hero{height:calc(100vh - 112px);height:calc(100svh - 112px);min-height:0}
  .hero-image{min-height:0}
  .hero-copy{padding:30px clamp(36px,5vw,72px)}
  .hero h1{font-size:clamp(4rem,5.5vw,5rem);line-height:.8}
  .hero-copy>p:not(.eyebrow){margin:22px 0 16px;line-height:1.45}
  .eyebrow{margin-bottom:20px}
  .stamp{right:-18px;bottom:28px;width:100px;height:100px;font-size:.62rem}
}
@media(min-width:1400px) and (min-aspect-ratio:16/9) and (max-height:1100px){
  .hero{height:calc(100vh - 112px);height:calc(100svh - 112px);min-height:0}
  .hero-image{min-height:0}
  .hero-copy{padding:32px clamp(48px,5vw,82px)}
  .hero h1{font-size:clamp(4.2rem,4.5vw,5.2rem);line-height:.8}
  .hero-copy>p:not(.eyebrow){margin:22px 0 16px;font-size:.95rem;line-height:1.45}
  .eyebrow{margin-bottom:20px}
  .stamp{right:-18px;bottom:28px;width:100px;height:100px;font-size:.62rem}
}
@media(min-width:901px) and (max-height:560px){
  .hero-copy{padding:18px clamp(28px,4vw,52px)}
  .hero h1{font-size:clamp(3.1rem,5vw,4rem);line-height:.78}
  .hero-copy>p:not(.eyebrow){margin:14px 0 10px;font-size:.82rem;line-height:1.35}
  .eyebrow{margin-bottom:12px}
  .stamp{bottom:18px;width:78px;height:78px;font-size:.52rem}
}
