@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,400;75..125,500;75..125,600;75..125,700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{--sans:"Archivo",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--ink:#171717}*{box-sizing:border-box}html{background:#111;scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;background:#111;color:var(--ink);font-family:var(--sans);overflow-x:hidden}.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:20;background:rgba(255,255,255,.22)}.progress span{height:100%;display:block;width:0;background:#fff;transition:width .18s ease}.site-header{position:fixed;inset:0 0 auto;z-index:10;height:4.7rem;padding:1.25rem clamp(1.25rem,3vw,3rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;mix-blend-mode:difference;pointer-events:none}.site-header>*{margin:0}.wordmark{font-size:.9rem;font-weight:700;letter-spacing:-.045em;text-decoration:none;color:#fff;pointer-events:auto}.site-header p{font:500 .61rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.scroll-hint{justify-self:end}.scroll-hint i{font-style:normal;margin-left:.45rem;font-size:.85rem}.project-deck{width:100%}.slide{--surface:#dedbd5;--panel:#f5f3ee;--text:#151515;--line:rgba(0,0,0,.14);position:relative;width:100%;height:100svh;min-height:36rem;overflow:hidden;display:grid;grid-template-columns:minmax(23rem,37%) 1fr;scroll-snap-align:start;scroll-snap-stop:always;background:var(--surface)}.slide:before{content:attr(data-index);position:absolute;left:clamp(1rem,2vw,2rem);bottom:1rem;z-index:3;color:var(--text);font:500 .59rem var(--mono);letter-spacing:.08em;opacity:.58}.visual{position:relative;grid-column:2;margin:0;overflow:hidden;height:100%;background:#aaa}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.11),transparent 30%);pointer-events:none}.visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s ease}.slide.is-current .visual img{transform:scale(1)}.slide-content{grid-column:1;grid-row:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(6rem,11vh,9rem) clamp(1.5rem,4vw,5rem) clamp(2rem,7vh,5rem);background:var(--panel);color:var(--text)}.slide-content:after{content:"";position:absolute;inset:auto 0 0;height:28%;pointer-events:none;background:linear-gradient(transparent,var(--surface));opacity:.48}.brand-mark{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:6.5rem;height:3.45rem;margin-bottom:auto;border:1px solid var(--line);background:rgba(255,255,255,.42);padding:.55rem 1rem}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.25);mix-blend-mode:multiply}.kicker{position:relative;z-index:1;margin:0 0 1rem;padding-top:2rem;border-top:1px solid var(--line);width:100%;font:500 .61rem var(--mono);letter-spacing:.075em;text-transform:uppercase}.slide h1,.slide h2{position:relative;z-index:1;margin:0 0 1.4rem;font-size:clamp(2.8rem,5vw,6.2rem);font-weight:700;font-stretch:90%;letter-spacing:-.058em;line-height:.81}.description{position:relative;z-index:1;max-width:26ch;margin:0 0 1.6rem;font-size:clamp(.88rem,1.1vw,1.04rem);line-height:1.45}.slide ul{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.slide li{padding:.38rem .5rem;border:1px solid var(--line);font:500 .56rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.theme-pullandbear{--surface:#c8a98c;--panel:#f1e8dc}.theme-decathlon{--surface:#cbdceb;--panel:#eaf3f7}.theme-bbva{--surface:#172d3e;--panel:#1d3b51;--text:#f0f6f3;--line:rgba(255,255,255,.22)}.theme-fintonic{--surface:#ccf764;--panel:#ddf98f}.theme-telefonica{--surface:#56c1d3;--panel:#7adddf}.theme-bmw{--surface:#0a1b2b;--panel:#142b3e;--text:#f3f6f4;--line:rgba(255,255,255,.23)}.theme-warner{--surface:#e7dfd2;--panel:#f5f2eb}.theme-fidecine{--surface:#280d10;--panel:#421619;--text:#f8eee7;--line:rgba(255,255,255,.19)}.theme-zonda{--surface:#d9cdf7;--panel:#eee9fc}.theme-acciona{--surface:#b2cfb4;--panel:#dbe9da}.theme-coprosa{--surface:#d6c2a9;--panel:#eee6db}.theme-bbva .brand-mark img,.theme-bmw .brand-mark img,.theme-fidecine .brand-mark img{filter:grayscale(1) contrast(1.1)}
@media (min-width:701px){.slide:nth-child(even){grid-template-columns:1fr minmax(23rem,37%)}.slide:nth-child(even) .visual{grid-column:1}.slide:nth-child(even) .slide-content{grid-column:2}.slide:nth-child(even):before{left:auto;right:clamp(1rem,2vw,2rem)}}
@media (max-width:700px){html{scroll-snap-type:y mandatory}.site-header{height:3.9rem;padding:.9rem 1rem}.site-header p{font-size:.53rem}.scroll-hint{display:none}.slide{height:100svh;min-height:0;display:block}.visual{position:absolute;inset:0;height:100%;width:100%}.visual:after{background:linear-gradient(180deg,transparent 27%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.64) 65%,rgba(0,0,0,.84))}.visual img{object-position:center}.slide-content{position:absolute;inset:auto 0 0;width:100%;min-height:53%;padding:1.4rem 1.2rem 1.55rem;background:linear-gradient(180deg,transparent 0,var(--panel) 16%);color:var(--text)}.slide-content:after{display:none}.brand-mark{width:5.6rem;height:2.8rem;margin-bottom:auto;background:rgba(255,255,255,.76)}.kicker{padding-top:.9rem;margin-bottom:.65rem}.slide h1,.slide h2{font-size:clamp(3.15rem,14vw,5.3rem);margin-bottom:.9rem}.description{margin-bottom:1rem;font-size:.87rem;max-width:31ch}.slide li{font-size:.5rem}.slide:before{left:auto;right:1rem;bottom:1.1rem;color:var(--text);z-index:4}.theme-bbva .slide-content,.theme-bmw .slide-content,.theme-fidecine .slide-content{background:linear-gradient(180deg,transparent 0,var(--panel) 16%)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}}

.visual{display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 76%,#fff)}
.visual:after{display:none}
.visual img{width:100%;height:100%;object-fit:contain;padding:clamp(.75rem,2.2vw,2.4rem);transform:none}

.brand-mark{width:auto;height:auto;min-height:0;margin-bottom:auto;padding:0;border:0;background:transparent;display:block}
.brand-mark span{display:block;margin-bottom:.32rem;font:500 .55rem var(--mono);letter-spacing:.09em;text-transform:uppercase;opacity:.55}
.brand-mark strong{display:block;font-size:clamp(.9rem,1.25vw,1.18rem);font-weight:700;letter-spacing:-.045em;line-height:1.05}

@media (max-width:900px){
  .slide{display:grid;grid-template-columns:1fr;grid-template-rows:52% 48%;height:100svh;min-height:0}
  .visual{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%;background:color-mix(in srgb,var(--surface) 78%,#fff)}
  .visual img{padding:1rem;object-fit:contain}
  .slide-content,.slide:nth-child(even) .slide-content{position:relative;inset:auto;grid-column:1;grid-row:2;min-height:0;width:100%;padding:1.35rem clamp(1.2rem,5vw,3rem) 1.2rem;background:var(--panel)}
  .slide-content:after{display:none}
  .brand-mark{margin-bottom:auto}
  .kicker{padding-top:.8rem;margin-bottom:.65rem}
  .slide h1,.slide h2{font-size:clamp(2.7rem,8.5vw,5.1rem);margin-bottom:.8rem}
  .description{max-width:45ch;margin-bottom:.95rem}
}

@media (max-width:700px){
  .slide{grid-template-rows:51% 49%}
  .visual img{padding:.65rem}
  .slide-content,.slide:nth-child(even) .slide-content{padding:1.15rem 1.2rem 1.2rem;background:var(--panel)}
  .brand-mark span{font-size:.48rem;margin-bottom:.22rem}
  .brand-mark strong{font-size:.86rem}
  .kicker{padding-top:.65rem;margin-bottom:.52rem}
  .slide h1,.slide h2{font-size:clamp(2.65rem,12.5vw,4.2rem);margin-bottom:.64rem}
  .description{font-size:.82rem;line-height:1.35;margin-bottom:.72rem}
  .slide ul{gap:.28rem}.slide li{padding:.31rem .42rem}
}

@media (max-width:900px){
  .slide,
  .slide:nth-child(even){display:grid;grid-template-columns:1fr;grid-template-rows:56% 44%}
  .slide .visual,
  .slide:nth-child(even) .visual{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%;padding:clamp(1rem,3vw,2rem);background:var(--surface);display:flex;align-items:center;justify-content:center}
  .slide .visual img,
  .slide:nth-child(even) .visual img{width:min(92%,42rem);height:auto;max-height:100%;padding:0;object-fit:contain;box-shadow:0 1.25rem 3rem rgba(0,0,0,.16)}
  .slide .slide-content,
  .slide:nth-child(even) .slide-content{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;padding:1.2rem clamp(1.25rem,5vw,3rem) 1.25rem;background:var(--panel)}
  .brand-mark{margin-bottom:1.05rem}
  .kicker{padding-top:.8rem;margin-bottom:.7rem}
  .slide h1,.slide h2{margin-bottom:.75rem}
  .description{margin-bottom:.9rem}
}

@media (max-width:700px){
  .slide,
  .slide:nth-child(even){grid-template-rows:55% 45%}
  .slide .visual,
  .slide:nth-child(even) .visual{padding:.7rem 1rem 1rem}
  .slide .visual img,
  .slide:nth-child(even) .visual img{width:92%;max-height:100%}
  .slide .slide-content,
  .slide:nth-child(even) .slide-content{padding:1rem 1.2rem 1.05rem}
  .brand-mark{margin-bottom:.72rem}
  .kicker{padding-top:.6rem;margin-bottom:.48rem}
  .slide h1,.slide h2{font-size:clamp(2.55rem,11.8vw,4rem);line-height:.84;margin-bottom:.52rem}
  .description{font-size:.8rem;line-height:1.32;margin-bottom:.62rem}
  .slide li{padding:.27rem .38rem}
}

.site-header{color:#151515;mix-blend-mode:normal}
.site-header.is-light{color:#fff}
.site-header .wordmark{color:inherit}