:root{--bg:#0b0b0c;--surface:#141416;--line:#26262a;--text:#f2efe9;--muted:#9a978f;--sun-1:#f8bc45;--sun-2:#f4824a;--sun:linear-gradient(160deg, var(--sun-1) 0%, var(--sun-2) 100%);--accent:#f08a3e;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Jost", "Futura PT", Futura, "Century Gothic", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 4vw, 48px);--max:1440px;--radius:6px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}img,video,iframe{max-width:100%;display:block}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.05}h1{font-size:clamp(2.2rem,5vw,4.2rem)}h2{font-size:clamp(1.4rem,2.4vw,2rem)}h3{font-size:1.05rem}.eyebrow{font:500 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}.lead{font-family:var(--display);max-width:38ch;margin:0;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:400;line-height:1.4}.muted{color:var(--muted)}.section{padding-block:clamp(48px,8vw,112px)}.section+.section{padding-block-start:0}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:flex}.btn{color:var(--text);font:500 .95rem/1 var(--font);cursor:pointer;background:0 0;border:1.5px solid #f2efe98c;border-radius:10px;align-items:center;gap:.45rem;padding:.85rem 1.3rem;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s,transform .25s;display:inline-flex;position:relative}.btn:hover{border-color:var(--sun-2);color:var(--sun-2)}.btn:active{transform:scale(.97)}.btn .arr{transition:transform .25s;display:inline-block}.btn:hover .arr{transform:translate(3px)}.btn:hover .arr.down{transform:translateY(2px)}.btn-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--sun-2);border-color:var(--sun-2);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.97)}.link-arrow{color:var(--muted);font-size:.95rem;text-decoration:none}.link-arrow:hover{color:var(--text)}.page-title{background:linear-gradient(90deg, var(--sun-1), var(--sun-2)) left / 0% 100% no-repeat, linear-gradient(var(--text), var(--text));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-bottom:-.14em;padding-bottom:.14em;transition:background-size .6s cubic-bezier(.3,.7,.2,1)}.page-title:hover{background-size:100% 100%,auto}@media (hover:none){.page-title{transition:none}}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:1rem;height:60px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;font-size:1.4rem;font-weight:700;line-height:1;text-decoration:none}.wordmark .ch,.wordmark .dot{display:inline-block}.wordmark .dot{color:var(--sun-2);text-shadow:0 0 6px #f4824abf,0 0 16px #f4824a66}@media (prefers-reduced-motion:no-preference){.wordmark .dot{animation:3.6s ease-in-out infinite dot-breathe}.wm-intro .wordmark .ch{animation:.7s cubic-bezier(.2,.7,.2,1) both wm-in;animation-delay:calc(var(--i) * 45ms + .12s)}.wm-intro .wordmark .dot{animation:.7s cubic-bezier(.2,.7,.2,1) both wm-in,3.6s ease-in-out 1.2s infinite dot-breathe;animation-delay:calc(var(--i) * 45ms + .12s), 1.2s}.wordmark:hover .ch{animation:.55s both wm-wave;animation-delay:calc(var(--i) * 35ms)}}@keyframes wm-in{0%{opacity:0;filter:blur(3px);transform:translateY(.45em)}to{opacity:1;filter:none;transform:none}}@keyframes wm-wave{0%,to{transform:none}40%{transform:translateY(-3px)}}@keyframes dot-breathe{0%,to{text-shadow:0 0 6px #f4824ab3,0 0 14px #f4824a4d}50%{text-shadow:0 0 9px #f4824af2,0 0 24px #f4824a8c}}.js .reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;backface-visibility:hidden;transform:translateY(14px)}.js .reveal.done{will-change:auto}.js .reveal.in{opacity:1;transform:none}.js .page-title.reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),background-size .6s cubic-bezier(.3,.7,.2,1)}@media (pointer:coarse){.js .reveal{transform:none}}.js .reveal.fade{transition:opacity .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}}.nav ul{gap:clamp(.9rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:flex}.nav nav{align-items:center;gap:clamp(.9rem,2.5vw,2rem);display:flex}.nav nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--text)}.lang-switch{--pad:3px;isolation:isolate;padding:var(--pad);cursor:pointer;border:1.5px solid #f2efe959;border-radius:9px;grid-template-columns:1fr 1fr;text-decoration:none;transition:border-color .25s;display:inline-grid;position:relative}.lang-knob{z-index:-1;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc(50% - var(--pad));background:var(--text);border-radius:6px;transition:transform .28s cubic-bezier(.3,.7,.2,1),background-color .25s;position:absolute}.lang-switch[data-lang=es] .lang-knob,.lang-switch.flip[data-lang=en] .lang-knob{transform:translate(100%)}.lang-switch.flip[data-lang=es] .lang-knob{transform:none}.nav .lang-switch .lang-opt{font:500 .72rem/1 var(--mono);letter-spacing:.04em;text-align:center;color:var(--muted);padding:.42rem .62rem;transition:color .28s}.lang-switch[data-lang=en] [data-l=en],.lang-switch[data-lang=es] [data-l=es],.lang-switch.flip[data-lang=en] [data-l=es],.lang-switch.flip[data-lang=es] [data-l=en]{color:var(--bg)}.lang-switch.flip[data-lang=en] [data-l=en],.lang-switch.flip[data-lang=es] [data-l=es]{color:var(--muted)}.lang-switch:hover{border-color:var(--sun-2)}.lang-switch:hover .lang-knob{background:var(--sun-2)}.lang-switch:focus-visible{outline-offset:3px}@media (width<=520px){.nav .wrap{flex-direction:column;justify-content:center;gap:.55rem;height:auto;padding-top:.8rem;padding-bottom:.75rem}.nav nav{justify-content:center;gap:1.25rem;width:100%}.nav ul{gap:1.1rem}}.footer{border-top:1px solid var(--line);color:var(--muted);padding:2.5rem 0;font-size:.9rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.footer ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer a{text-decoration:none}.footer a:hover,.footer .email{color:var(--text)}.ph{text-align:center;color:var(--muted);font:500 .8rem/1.3 var(--mono);background:radial-gradient(120% 90% at 20% 10%,#24242a 0%,#0000 60%),repeating-linear-gradient(135deg,#121214 0 12px,#16161a 12px 24px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}main{overflow-x:clip}.hero{aspect-ratio:16/9;background:#000;width:100%;max-height:calc(100svh - 60px);position:relative;overflow:hidden}.hero video,.hero img{object-fit:cover;width:100%;height:100%}.hero-playable{cursor:pointer}.hero-actions .btn{text-shadow:0 1px 3px #00000080;box-shadow:0 0 0 .5px #00000040}.hero-playable:hover .hero-actions .btn{border-color:var(--sun-2);color:var(--sun-2)}.hero-playable:hover .hero-actions .btn .arr{transform:translate(3px)}.hero-actions{z-index:2;left:var(--gutter);bottom:calc(var(--gutter) + var(--edge-h) * .15);position:absolute}.hero{--edge-h:clamp(48px, 8vw, 128px);overflow:visible}.hero-edge{z-index:1;pointer-events:none;width:100%;height:calc(var(--edge-h) * 320 / 120);left:0;right:0;bottom:calc(var(--edge-h) * -200 / 120 - 1px);position:absolute}.hero-edge-fill{fill:var(--bg)}.hero-edge{overflow:visible}.hero-edge-line{fill:none;stroke-width:4px;vector-effect:non-scaling-stroke}.hero-edge-fade{fill:none;stroke-width:3.2px}@media (width<=700px){.hero{aspect-ratio:4/5}}.intro{z-index:2;justify-items:start;gap:1.75rem;padding:clamp(40px,6vw,80px) 0;display:grid;position:relative}.intro .lead{max-width:30ch}.proof{font:500 .75rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.4rem 1.4rem;margin:-.5rem 0 0;padding:0;list-style:none;display:flex}.availability{font:500 .78rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text);align-items:center;gap:.6rem;margin:0;display:inline-flex}.availability .dot{background:#5bd68a;border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite avail;box-shadow:0 0 #5bd68a80}@keyframes avail{0%{box-shadow:0 0 #5bd68a73}70%,to{box-shadow:0 0 0 9px #5bd68a00}}@media (prefers-reduced-motion:reduce){.availability .dot{animation:none}}.how{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.how li{grid-template-columns:2.2rem 1fr;align-items:baseline;gap:.6rem;display:grid}.how-n{font:500 .75rem/1 var(--mono);color:var(--sun-2)}.how strong{font-family:var(--display);margin-bottom:.25rem;font-weight:600;display:block}.how p{color:var(--muted);margin:0}.proof li{align-items:center;gap:.6rem;display:flex}.proof li:before{content:"";background:var(--sun-2);border-radius:50%;flex:none;width:4px;height:4px}.grid{gap:6px;width:100vw;margin-left:calc(50% - 50vw);display:grid}@media (width>=700px){.grid{grid-template-columns:repeat(2,1fr)}.grid.editorial{grid-template-columns:repeat(6,1fr)}.grid.editorial>.tile{grid-column:span var(--span,3)}.grid.editorial>.tile-full .tile-media{aspect-ratio:21/9}.grid.editorial>.tile-third .tile-title{font-size:clamp(1rem,1.4vw,1.2rem)}}.archive{margin-top:clamp(64px,9vw,120px)}@media (width>=700px){.grid.archive-grid{grid-template-columns:repeat(3,1fr)}}.archive-grid .tile-title{font-size:clamp(1rem,1.4vw,1.2rem)}.grid.masonry{columns:1;column-gap:6px;display:block}@media (width>=700px){.grid.masonry{columns:2}}.grid.masonry>.tile{break-inside:avoid;margin-bottom:6px}.tile{color:var(--text);text-decoration:none;display:block}.tile-media{aspect-ratio:16/9;background:var(--surface);position:relative;overflow:hidden}.tile-media>video,.tile-media>img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.tile:hover .tile-media>video,.tile:hover .tile-media>img{transform:scale(1.03)}.tile-info{z-index:2;text-align:center;opacity:0;background:radial-gradient(#08080999 0%,#08080959 70%),linear-gradient(#0000 40%,#08080966);place-content:center;justify-items:center;gap:.7rem;padding:1.5rem;transition:opacity .3s;display:grid;position:absolute;inset:0}.tile-info p{margin:0}.tile-tags,.tile-client{font:500 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#f2efe9bf}.tile-title{font-family:var(--display);letter-spacing:-.01em;max-width:18ch;font-size:clamp(1.5rem,3vw,2.9rem);font-weight:600;line-height:1.02;transition:transform .35s;transform:translateY(8px)}.tile:hover .tile-info,.tile:focus-visible .tile-info{opacity:1}.tile:hover .tile-title,.tile:focus-visible .tile-title{transform:none}.tile:focus-visible{outline-offset:-3px}@media (hover:none){.tile-info{opacity:1;text-align:left;background:linear-gradient(#0000 45%,#080809cc);place-content:end start;justify-items:start;gap:.35rem}.tile-title{font-size:clamp(1.1rem,4.5vw,1.5rem);transform:none}}.badge{z-index:3;font:500 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;background:#000000a6;border-radius:4px;padding:.4rem .5rem;position:absolute;top:.8rem;left:.8rem}.filters{flex-wrap:wrap;gap:.5rem;margin:2rem 0 2.25rem;display:flex}.filters .btn{border-radius:8px;padding:.6rem 1rem;font-size:.88rem}.filters button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.filters button[aria-pressed=true]:hover{background:var(--sun-2);border-color:var(--sun-2);color:#fff}.credit-wall{--gap:clamp(2.5rem, 5vw, 4.5rem);margin-inline:calc(-1 * var(--gutter,0px));display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.credit-track{align-items:center;gap:var(--gap);padding:.5rem calc(var(--gap) / 2);font-family:var(--display);white-space:nowrap;flex:none;margin:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;list-style:none;display:flex}.credit-strip{flex:none;animation:55s linear infinite credits;display:flex}.credit-wall:hover .credit-strip{animation-play-state:paused}.credit-track li{height:2.4rem;color:var(--text);opacity:.7;align-items:center;transition:opacity .3s;display:flex}.credit-track li:hover{opacity:1}.credit-track img{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:9rem;height:1.7rem}.credit-track img[src*=vast-data]{max-width:13rem;height:2.6rem}.credit-track img[src*=canal-encuentro]{height:2.4rem}.credit-track img[src*=mercedes]{max-width:12rem;height:2rem}.credit-track img[src*=osde]{height:2rem}.credit-track img[src*="23andme"]{height:1.9rem}.credit-track img[src*=globant]{height:1.6rem}@keyframes credits{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.credit-wall{-webkit-mask-image:none;mask-image:none}.credit-strip{flex:1;animation:none}.credit-track{white-space:normal;flex-wrap:wrap}.credit-track[aria-hidden]{display:none}}.breakdown{border-top:1px solid var(--line)}.breakdown summary{cursor:pointer;color:var(--muted);padding:1rem 0;list-style:none}.breakdown summary::-webkit-details-marker{display:none}.breakdown summary:after{content:" +"}.breakdown[open] summary:after{content:" −"}.breakdown ol{font:.85rem/1.9 var(--mono);margin:0;padding:0 0 1rem;list-style:none}.breakdown time{color:var(--accent);margin-right:.75rem}dialog.reel{width:min(1200px,100vw - 32px);color:var(--text);border-radius:var(--radius);background:#000;border:0;padding:0}dialog.reel::backdrop{background:#000000d9}dialog.reel .close{position:absolute;top:-2.75rem;right:0}dialog.reel[open]{overflow:visible}.embed{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.embed iframe,.embed video,.embed>img{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.embed>video[controls]{object-fit:contain}.yt-loop{background:#000;position:absolute;inset:0;overflow:hidden}.yt-loop img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yt-loop iframe,.tile-media iframe{pointer-events:none;opacity:0;border:0;width:100%;height:calc(100% + 120px);transition:opacity .4s;position:absolute;top:-60px;left:0}.yt-loop iframe.on,.tile-media iframe.on{opacity:1}.tile-media iframe{z-index:1}.with-sound{color:var(--muted);font:500 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-left:.75rem;text-decoration:none}.with-sound:hover{color:var(--accent)}.yt-facade{cursor:pointer;background:#000;border:0;padding:0;position:absolute;inset:0}.yt-facade img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.yt-facade:hover img{opacity:.85}.yt-play{background:var(--text);width:64px;height:64px;color:var(--bg);border-radius:14px;place-items:center;margin:-32px 0 0 -32px;transition:transform .25s,background-color .25s,color .25s;display:grid;position:absolute;top:50%;left:50%}.yt-facade:hover .yt-play{background:var(--sun-2);color:#fff}.yt-play svg{fill:currentColor;width:26px;height:26px;margin-left:3px}.yt-facade:hover .yt-play{transform:scale(1.05)}.clips{align-items:start;gap:clamp(8px,1vw,14px);display:grid}@media (width>=800px){.clips{grid-template-columns:repeat(2,1fr)}.clips.odd .clip:first-child,.clips .clip.wide{grid-column:1/-1}.clips.cols-3{grid-template-columns:repeat(3,1fr)}}.clip{background:#000;border-radius:3px;margin:0;position:relative;overflow:hidden}.clip .embed{border-radius:0}.clip-cap{z-index:2;color:var(--text);opacity:0;pointer-events:none;background:linear-gradient(#080809d9 0%,#08080966 55%,#0000 100%);flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;padding:.95rem 1.1rem 3rem;font-size:.92rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0 0 auto;transform:translateY(-6px)}.clip-cap a{pointer-events:auto}.clip:hover .clip-cap,.clip:focus-within .clip-cap{opacity:1;transform:none}@media (hover:none){.clip-cap{opacity:1;transform:none}}.has-sound{cursor:pointer;position:relative}.fig-video{position:relative;overflow:hidden}.fig-video video{width:100%;height:auto;display:block}.sound-chip{z-index:3;backdrop-filter:blur(8px);color:var(--text);font:500 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0808099e;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .8rem .5rem .65rem;transition:opacity .25s,transform .25s,color .2s;display:inline-flex;position:absolute;bottom:.8rem;left:.8rem;transform:translateY(6px)}.sound-chip svg{fill:currentColor;width:.85rem;height:.85rem}.has-sound:hover .sound-chip,.has-sound:focus-visible .sound-chip{opacity:1;transform:none}.has-sound:hover .sound-chip{color:var(--sun-2,var(--accent))}@media (hover:none){.sound-chip{opacity:.9;transform:none}}dialog.sound-player .embed{max-height:calc(100vh - 120px);margin-inline:auto}dialog.sound-player video{object-fit:contain;background:#000;width:100%;height:100%}.hero-grid{gap:clamp(8px,1vw,14px);display:grid}@media (width>=700px){.hero-grid.cols-2{grid-template-columns:repeat(2,1fr)}.hero-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.hero-grid .embed{border-radius:3px}.hero-grid .clip{margin:0}@media (width>=700px){.hero-grid.wide{grid-template-columns:repeat(2,1fr)}.hero-grid.wide.odd>:first-child{grid-column:1/-1}}.hero-grid.vertical{grid-template-columns:repeat(2,1fr);align-items:start}@media (width>=700px){.hero-grid.vertical{grid-template-columns:repeat(auto-fit,minmax(220px,340px));justify-content:center}}.hero-grid.stagger{grid-template-columns:repeat(2,1fr);align-items:start}.stagger-col{display:contents}@media (width>=900px){.hero-grid.stagger{justify-content:center;align-items:flex-start;gap:clamp(12px,1.6vw,24px);display:flex}.stagger-col{flex-direction:column;flex:0 340px;gap:clamp(12px,1.6vw,24px);min-width:0;display:flex}.stagger-col:nth-child(2){margin-top:clamp(80px,12vw,200px)}.stagger-col:nth-child(3){margin-top:clamp(32px,5vw,80px)}}.hero-group{grid-column:1/-1;grid-template-columns:repeat(var(--n), 1fr);gap:clamp(8px,1vw,14px);display:grid}.hero-links.after-grid{margin-top:clamp(16px,2vw,24px)}.hero-links{flex-wrap:wrap;gap:.75rem;display:flex}.stats{flex-wrap:wrap;gap:1.5rem clamp(2rem,5vw,4rem);margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none;display:flex}.stats li{gap:.3rem;display:grid}.stats strong{font-family:var(--display);background:var(--sun);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin-bottom:-.12em;padding-bottom:.12em;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1}.stats span{font:500 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.project-head{gap:1.25rem;padding:clamp(32px,5vw,64px) 0 clamp(24px,3vw,40px);display:grid}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags a{font:500 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:.35rem .5rem;text-decoration:none;transition:color .15s,border-color .15s;display:block}.tags a:hover{color:var(--accent);border-color:var(--accent)}.credit-block{border-top:1px solid var(--line);gap:0;margin:clamp(28px,4vw,48px) 0;display:grid}.credit-block div{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,180px) 1fr;gap:1rem;padding:.8rem 0;display:grid}.credit-block dt{color:var(--muted);font-size:.9rem}.credit-block dd{margin:0}.credit-links{flex-wrap:wrap;gap:.4rem 1.2rem;display:flex}.credit-links a{color:var(--text);border-bottom:1px solid var(--line);text-decoration:none}.credit-links a:hover{color:var(--sun-2);border-color:var(--sun-2)}.challenge{gap:1rem;max-width:760px;display:grid}.challenge p{margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5}.prose{max-width:70ch;color:var(--muted)}.process{gap:clamp(20px,3vw,40px);display:grid}.process figure{margin:0}.process figcaption{color:var(--muted);margin-top:.7rem;font-size:.9rem}.process img,.process video{border-radius:var(--radius);width:100%}@media (width>=900px){.process.two{grid-template-columns:1fr 1fr}}.team{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 2rem;margin:0;display:grid}.team div dt{color:var(--muted);font-size:.85rem}.team div dd{margin:.15rem 0 0}.full-credits{margin-top:1.5rem}.full-credits summary{cursor:pointer;color:var(--muted)}.next{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:last baseline;gap:1rem;margin-block:clamp(48px,8vw,112px);padding-top:2rem;display:flex}.next a{text-decoration:none}.next a:last-child:not(:first-child){text-align:right;margin-left:auto}.next .title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:600}.story{--col:68ch;counter-reset:chapter;color:#cfccc5;padding-top:clamp(40px,6vw,88px);font-size:1.08rem;line-height:1.7}.story :is(.story,.chapter-body)>:where(p,ul,ol,h3,h4,blockquote:not(.quote blockquote),hr,table),.story>:where(h2),.chapter>h2{max-width:var(--col)}.story :is(.chapter-body>p,.split-text p){margin:0 0 1.2em}.story strong{color:var(--text);font-weight:600}.story a{color:var(--text);text-decoration-color:var(--accent);text-underline-offset:3px}.story a:hover{color:var(--accent)}.story :is(.chapter-body>ul,.chapter-body>ol,.split-text ul,.split-text ol){margin:0 0 1.2em;padding-left:1.2em}.story :is(.chapter-body>ul,.chapter-body>ol,.split-text ul,.split-text ol)>li{margin-bottom:.35em}.story :is(.chapter-body>ul,.chapter-body>ol,.split-text ul,.split-text ol)>li::marker{color:var(--accent)}.story hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.story code{font:.88em var(--mono);background:var(--surface);border-radius:4px;padding:.1em .35em}.story h2{counter-increment:chapter;color:var(--text);gap:.6rem;margin:clamp(56px,8vw,104px) 0 1.25rem;font-size:clamp(1.6rem,3vw,2.4rem);display:grid}.story h2:before{content:counter(chapter, decimal-leading-zero);font:500 .75rem/1 var(--mono);letter-spacing:.08em;color:var(--accent)}.story>h2:first-child,.story>.chapter:first-child>h2{margin-top:0}.chapter-body>:last-child{margin-bottom:0}.story h3{color:var(--text);margin:2.2em 0 .6em;font-size:1.2rem}@media (width>=1100px){.challenge,.chapter{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:start;column-gap:clamp(40px,5vw,96px);display:grid}.challenge{max-width:none}.challenge .eyebrow{margin:.45rem 0 0}.story>:is(p,ul,ol,h3,.fig-text,.quote){margin-left:calc(31.25% - clamp(40px,5vw,96px)/3.2 + clamp(40px,5vw,96px))}.chapter{margin-top:clamp(56px,7vw,104px)}.story>.chapter:first-child{margin-top:0}.chapter>h2{margin:0;padding-right:1rem;position:sticky;top:96px}.chapter-body>:is(p,ul,ol,h3,h4){max-width:none}.chapter-body>h3:first-child{margin-top:0}.chapter:is(.long,.short){grid-template-columns:1fr;row-gap:1.25rem}.chapter:is(.long,.short)>h2{position:static}.chapter.short .chapter-body{max-width:var(--col)}.chapter.short .chapter-body:empty{display:none}.chapter.long .chapter-body{columns:2;column-gap:clamp(40px,5vw,96px)}.chapter.long .chapter-body li{break-inside:avoid}}.fig,.gallery,.quote,.split-block{margin:clamp(32px,5vw,64px) 0}.fig-text{max-width:var(--col)}.fig-wide{width:100%}.fig-bleed{width:100vw;margin-left:calc(50% - 50vw)}.fig-media{border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.fig-bleed .fig-media{border-radius:0}.fig-missing{position:relative;overflow:hidden}.fig figcaption,.gallery>figcaption{font:500 .75rem/1.5 var(--mono);letter-spacing:.02em;color:var(--muted);margin-top:.75rem}.fig-bleed figcaption{padding:0 var(--gutter);max-width:var(--max);margin-inline:auto}.gallery-grid{gap:clamp(12px,1.6vw,24px);display:grid}.gallery .fig{width:auto;max-width:none;margin:0}.gallery-4 .gallery-grid{grid-template-columns:repeat(2,1fr)}@media (width>=900px){.gallery-4 .gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=700px){.gallery-2 .gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-3 .gallery-grid{grid-template-columns:repeat(3,1fr)}}.split-block{align-items:center;gap:clamp(20px,4vw,56px);display:grid}.split-block .fig{max-width:none;margin:0}.split-text>:last-child{margin-bottom:0}@media (width>=900px){.split-block{grid-template-columns:1fr 1fr}.split-block.reverse .fig{order:-1}}.quote{border-left:3px solid;border-image:var(--sun) 1;max-width:52ch;padding-left:clamp(18px,2.5vw,28px)}.quote blockquote{font-family:var(--display);color:var(--text);margin:0;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.3}.quote blockquote p{margin:0}.quote figcaption{font:500 .78rem/1.4 var(--mono);color:var(--muted);margin-top:.9rem}.bd{--pos:50%;gap:.9rem;display:grid}.bd-frame{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:0 0 0 1px var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#000;position:relative;overflow:hidden}.bd[data-empty] .bd-frame{cursor:default}.bd-layer,.bd-media{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bd-after{clip-path:inset(0 0 0 var(--pos))}.bd-bracket{z-index:2;pointer-events:none;border:0 solid #f2efe98c;width:18px;height:18px;position:absolute}.bd-bracket.tl{border-top-width:1.5px;border-left-width:1.5px;top:10px;left:10px}.bd-bracket.tr{border-top-width:1.5px;border-right-width:1.5px;top:10px;right:10px}.bd-bracket.bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:10px;left:10px}.bd-bracket.br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:10px;right:10px}.bd-tag,.bd-pct{z-index:3;font:500 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;background:#0b0b0ca6;border-radius:4px;padding:.4rem .55rem;position:absolute}.bd-tag{top:14px}.bd-tag.l{left:36px}.bd-tag.r{background:var(--sun);color:#1a1208;right:36px}.bd-pct{bottom:14px;left:var(--pos);color:var(--muted);opacity:0;transition:opacity .2s;transform:translate(-50%)}.bd-frame.dragging .bd-pct,.bd-frame:hover .bd-pct{opacity:1}.bd-handle{top:0;bottom:0;left:var(--pos);z-index:4;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute}.bd-handle:before{content:"";background:var(--text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 10px #00000080}.bd-handle span{border:1.5px solid var(--text);background:#0b0b0cd9;border-radius:50%;width:42px;height:42px;position:relative}.bd-handle span:before,.bd-handle span:after{content:"";border:4px solid #0000;margin-top:-4px;position:absolute;top:50%}.bd-handle span:before{border-right:6px solid var(--text);left:7px}.bd-handle span:after{border-left:6px solid var(--text);right:7px}.bd[data-empty] .bd-handle,.bd[data-empty] .bd-tag{display:none}.bd-state{z-index:5;text-align:center;color:var(--muted);background:radial-gradient(#18181b 0%,#0b0b0c 100%);place-content:center;gap:.6rem;padding:1.5rem;font-size:.9rem;display:grid;position:absolute;inset:0}.bd-state p{max-width:42ch;margin:0}.bd-state-title{font:500 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.bd-error .bd-state-title{color:#ff7a7a}.bd-transport{align-items:center;gap:.9rem;display:flex}.bd[data-still] .bd-transport,.bd[data-empty] .bd-transport{display:none}.bd-play{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:1.5px solid #f2efe98c;border-radius:8px;flex:none;place-items:center;transition:border-color .25s,color .25s,transform .2s;display:grid}.bd-play:hover{border-color:var(--sun-2);color:var(--sun-2)}.bd-play:active{transform:scale(.95)}.bd-play svg{fill:currentColor;width:13px;height:13px}.bd-scrub{-webkit-appearance:none;appearance:none;background:var(--line);cursor:pointer;border-radius:2px;flex:1;min-width:0;height:3px;margin:0}.bd-scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:12px;height:12px}.bd-scrub::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:12px;height:12px}.bd-tc{font:500 .78rem/1 var(--mono);color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;flex:none}.bd-meta{gap:.35rem;display:grid}.bd-meta p{margin:0}.bd-meta p:empty,.bd-tech:empty{display:none}.bd-name{font:500 .78rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em}.bd-caption{color:var(--muted);font-size:.92rem}.bd-tech{flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.bd-tech li{font:500 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.35rem .5rem}.bd-strip{scrollbar-width:thin;gap:.6rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.bd-shot{aspect-ratio:16/9;cursor:pointer;border:1.5px solid var(--line);width:132px;color:var(--text);background:#000;border-radius:4px;flex:none;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.bd-shot:hover{transform:translateY(-2px)}.bd-shot[aria-selected=true]{border-color:var(--accent)}.bd-shot img,.bd-shot video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bd-shot>span:not(.bd-remove){text-align:left;font:500 .62rem/1.2 var(--mono);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d9);padding:.9rem .4rem .3rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bd-remove{opacity:0;background:#000000b3;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:4px;right:4px}.bd-shot:hover .bd-remove,.bd-shot:focus-visible .bd-remove{opacity:1}@media (width<=640px){.bd-frame{aspect-ratio:4/3}.bd-tag.l{left:30px}.bd-tag.r{right:30px}}.form{gap:1.1rem;max-width:640px;display:grid}.form .row{gap:1.1rem;display:grid}@media (width>=640px){.form .row{grid-template-columns:1fr 1fr}}.form label{color:var(--muted);gap:.4rem;font-size:.88rem;display:grid}.form input,.form select,.form textarea{width:100%;font:400 1rem/1.4 var(--font);color:var(--text);background:0 0;border:1.5px solid #f2efe938;border-radius:10px;padding:.85rem 1rem;transition:border-color .25s}.form input:hover,.form select:hover,.form textarea:hover{border-color:#f2efe966}.form select{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2efe9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center/16px no-repeat,0 0;padding-right:2.6rem}.form select option{background:var(--surface);color:var(--text)}.form textarea{resize:vertical;min-height:160px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--sun-2);outline:none}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{min-height:1.5em;margin:0}.form-status.ok{color:#7bd88f}.form-status.err{color:#ff7a7a}.split{gap:clamp(32px,5vw,72px);display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1.2fr}}.list-plain{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.facts{gap:2rem;display:grid}.faq{border-top:1px solid var(--line);gap:0;display:grid}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:500}.faq p{color:var(--muted);margin:.6rem 0 0}.photo{aspect-ratio:4/5;border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.lab-item{border-top:1px solid var(--line);gap:.6rem;padding:1.75rem 0;display:grid}@media (width>=900px){.lab-item{grid-template-columns:1fr 2fr;gap:2rem}}.lab-item p{color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}dialog.sheet{border:1px solid var(--line);background:var(--surface);width:min(560px,100vw - 32px);color:var(--text);border-radius:8px;padding:clamp(20px,4vw,32px)}dialog.sheet::backdrop{background:#000000bf}.drop input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.drop{position:relative}.drop-zone{text-align:center;border:1.5px dashed var(--line);border-radius:var(--radius);min-height:84px;color:var(--muted);cursor:pointer;word-break:break-all;place-items:center;padding:.8rem;font-size:.85rem;transition:border-color .15s,color .15s;display:grid}.drop:hover .drop-zone,.drop.drag .drop-zone{border-color:var(--text);color:var(--text)}.drop.filled .drop-zone{border-style:solid;border-color:var(--text);color:var(--text)}.drop:focus-within .drop-zone{outline:2px solid var(--accent);outline-offset:2px}.only-narrow{display:none}@media (width<=480px){.only-wide{display:none}.only-narrow{display:inline}.btn{padding:.85rem 1.15rem}.hero-actions .btn{border-radius:8px;gap:.35rem;padding:.55rem .8rem;font-size:.8rem}dialog.reel .close{border-radius:8px;justify-content:center;width:36px;height:36px;padding:0;font-size:.95rem;top:-2.6rem}}@media (pointer:coarse){.nav nav ul a{margin:-13px -2px;padding:13px 2px;display:inline-block}.nav .lang-switch .lang-opt{padding:.62rem .75rem}.filters .btn{padding:.78rem 1.05rem}.filters{gap:.6rem}.link-arrow{margin:-10px 0;padding:10px 0;display:inline-block}.tags a{padding:.55rem .65rem}.faq summary{padding-block:.55rem}.faq details{padding-block:.45rem}.with-sound{margin:-8px 0;padding:8px 0;display:inline-block}}.pvl-stage{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.pvl-stage video{object-fit:contain;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.pvl[data-view=plan] .pvl-live{opacity:0}.pvl-bar{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.pvl-switch{border:1.5px solid #f2efe94d;border-radius:10px;padding:3px;display:inline-flex}.pvl-switch button,.pvl-sound{font:500 .75rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.6rem .9rem;transition:color .2s,background .2s}.pvl-switch button[aria-pressed=true]{background:var(--text);color:var(--bg)}.pvl-hint{text-align:center;color:var(--muted);flex:1;margin:0;font-size:.85rem}@media (width<=600px){.pvl-hint{display:none}}.pvl-sound{border:1.5px solid #f2efe94d;border-radius:10px}.pvl-sound[aria-pressed=true]{color:var(--sun-2);border-color:var(--sun-2)}.pvl-switch button:hover,.pvl-sound:hover{color:var(--text)}.pvl-switch button[aria-pressed=true]:hover{color:var(--bg)}.screens{gap:clamp(8px,1vw,14px);display:grid}.screens>.fig{margin:0}.screens-grid{gap:clamp(8px,1vw,14px);display:grid}@media (width>=700px){.screens-grid{grid-template-columns:repeat(2,1fr)}.screen.wide{grid-column:1/-1}}.screen{margin:0}.screen-media{background:#000;border-radius:3px;position:relative;overflow:hidden}.screen-media>video,.screen-media>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen figcaption{font:500 .72rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.6rem .1rem 0;display:flex}.screen-name{color:var(--text)}.screen-note{color:var(--muted)}.tile.no-media .tile-media{background:radial-gradient(120% 140% at 0% 100%, #f4824a38, transparent 55%), var(--surface)}.tile.no-media .tile-media .ph{display:none}.tile.no-media .tile-info{opacity:1}.tile.no-media .tile-info>*{transform:none}
