:root{color-scheme:dark;--base: #0a1c18;--raised: #11302a;--deep: #071411;--line: #2a5549;--ink: #f2f8f4;--soft: #b4cec3;--l1: #ff8a2b;--l2: #ffc23d;--l3: #e8f3e4;--l4: #86dcc0;--l5: #3fb594;--band-ink: #08261f;--f-display: "Anybody", "Arial Black", sans-serif;--f-read: "Atkinson Hyperlegible Next", system-ui, sans-serif;--f-id: "B612 Mono", ui-monospace, monospace;--s-section: clamp(80px, 12vw, 148px);--measure: 58ch;--ease: cubic-bezier(.22, 1, .36, 1);--z-nav: 8}*{box-sizing:border-box}img{max-width:100%}html{scroll-behavior:smooth;scroll-padding-block:92px 24px}body{margin:0;background:var(--base);color:var(--ink);font-family:var(--f-read);font-size:1.0625rem;line-height:1.6;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--base)}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit}a,button,summary{touch-action:manipulation}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--l2);outline-offset:3px;border-radius:2px}mark{background:var(--l1);color:var(--band-ink);padding:.05em .16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.wrap{max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.skip{position:absolute;left:16px;top:-80px;z-index:12;background:var(--l2);color:var(--band-ink);padding:10px 16px;font-weight:700}.skip:focus{top:12px}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-nav);background:var(--base);border-bottom:1px solid var(--line)}.top-in{display:flex;align-items:center;gap:12px 28px;min-height:66px}.mark{display:inline-flex;align-items:center;min-height:44px;font:800 1.02rem/1 var(--f-display);font-stretch:125%;text-decoration:none;margin-right:auto;white-space:nowrap}.links{display:flex;gap:26px}.links a{text-decoration:none;color:var(--soft);padding-block:8px}.links a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--l2);text-decoration-thickness:2px;text-underline-offset:6px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:10px 18px;border-radius:3px;border:0;font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-decoration:none;cursor:pointer;background:var(--l1);color:var(--band-ink);transition:background .18s ease}.btn:active{background:var(--l2)}.btn.alt{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--soft)}.btn.alt:active{background:var(--raised)}.bottom-nav{display:none}.hero{position:relative;overflow:hidden;isolation:isolate}.hero-in{min-height:min(calc(100svh - 66px),860px);display:flex;flex-direction:column;padding-block:clamp(26px,4vw,44px) 28px}.hero h1{font:900 min(7.6vw,6rem) / 1 var(--f-display);font-stretch:150%;text-transform:uppercase;text-align:center;white-space:nowrap;animation:build 1.5s steps(26) both}@keyframes build{0%{clip-path:inset(100% -4% 0 -4%)}to{clip-path:inset(-4% -4% -8% -4%)}}.role{margin-top:10px;text-align:center;font:800 clamp(1.08rem,2.1vw,1.5rem) / 1.3 var(--f-display);font-stretch:112%}.role mark{white-space:nowrap}.hero-cols{flex:1;display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr) minmax(0,360px);gap:24px;align-items:end;margin-top:20px}.where{color:var(--soft);font-size:.95rem}.pitch{margin-top:8px;font-size:1.04rem}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stack3d{position:relative;align-self:stretch;min-height:420px;margin-inline:-24px}.stack3d canvas,.stack3d img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.stack3d img{object-fit:contain;transition:opacity .5s ease}.stack3d canvas{opacity:0;transition:opacity .5s ease}.stack3d.live canvas{opacity:1}.stack3d.live img{opacity:0}.pause{position:absolute;right:30px;bottom:6px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:3px;background:var(--raised);color:var(--ink);cursor:pointer}.pause[hidden]{display:none}.pause svg{width:16px;height:16px;fill:currentColor}.pause .on{display:none}.pause.off .on{display:block}.pause.off .stop{display:none}.cut-title{font-weight:700}.cut-note{margin-top:8px;padding:4px 6px;border-radius:2px;color:var(--soft);font-size:.9rem;transition:background .2s ease,color .2s ease}.cut-note.on{background:var(--raised);color:var(--ink)}.rows{margin-top:10px;display:grid;gap:1px}.stage{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;padding:4px 8px 4px 6px;border-radius:2px;transition:background .2s ease}.stage i{display:grid;place-items:center;width:22px;height:22px;border-radius:2px;background:var(--c);color:var(--band-ink);font:700 .875rem/1 var(--f-read);font-style:normal}.stage b{display:block;font-weight:700;line-height:1.2;font-size:.98rem}.stage .what{display:block;color:var(--soft);font-size:.88rem;line-height:1.25}.stage.hit{background:var(--raised)}section.block{padding-top:var(--s-section)}.h2{font:900 clamp(2.1rem,5.4vw,3.9rem) / 1.02 var(--f-display);font-stretch:125%;text-transform:uppercase}.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.note{color:var(--soft);max-width:var(--measure);margin-top:12px}.when{font:400 .88rem/1.4 var(--f-id);font-variant-numeric:tabular-nums;color:var(--soft)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 20px;margin-top:32px}.tile{display:flex;flex-direction:column;min-width:0}.tile.wide{grid-column:span 2}.shot{position:relative;flex:none;aspect-ratio:16 / 10;overflow:hidden;background:var(--raised);border-radius:6px}.tile.wide .shot{aspect-ratio:2 / 1}.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;filter:brightness(.94)}.zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:zoom-in;overflow:hidden}.zoom:after{content:"Ampliar";position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:2px;background:var(--base);color:var(--ink);font-size:.88rem;font-weight:600}.zoom:focus-visible{outline:3px solid var(--band-ink);outline-offset:-3px}.zoom:focus-visible:after{background:var(--l2);color:var(--band-ink)}.zoom.over:after{content:none}.shot .over{position:absolute;inset:auto 18px 18px auto;width:44%;height:auto;aspect-ratio:16 / 10;border-radius:4px;box-shadow:0 0 0 4px var(--raised),0 8px 8px #00000059}.tile h3{margin-top:16px;font:900 clamp(1.45rem,2.7vw,2rem) / 1.1 var(--f-display);font-stretch:118%}.status{display:block;margin-top:4px;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--l2)}.tile p{margin-top:8px;max-width:var(--measure)}.tile .tech{margin-top:auto;padding-top:8px;color:var(--soft);font-size:.93rem}html:has(.lightbox[open]){overflow:hidden}.lightbox{width:min(1120px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:6px;background:var(--deep);color:var(--ink);overscroll-behavior:contain;scroll-padding-top:60px}.lightbox[open]{animation:lb-in .2s var(--ease)}@keyframes lb-in{0%{opacity:0;transform:translateY(8px)}}.lightbox::backdrop{background:#071411e6}.lb-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 14px;background:var(--deep)}.lb-title{font:800 1.12rem/1.2 var(--f-display);font-stretch:112%}.lb-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:3px;background:var(--raised);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.lb-imgs{display:grid;gap:12px;padding:0 12px 12px}.lb-imgs img{display:block;width:100%;height:auto;border-radius:4px;touch-action:pinch-zoom}.index{margin-top:88px}.index h3{font:800 clamp(1.25rem,2.4vw,1.6rem) / 1.2 var(--f-display);font-stretch:112%}.index details{border-bottom:1px solid var(--line)}.index summary{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:baseline;gap:16px;padding-block:15px;cursor:pointer;list-style:none}.index summary::-webkit-details-marker{display:none}.index summary:after{content:"+";color:var(--l2);font:700 1.5rem/1 var(--f-read);text-align:center}.index details[open] summary:after{content:"−"}.index summary b{font:800 clamp(1.1rem,2.2vw,1.5rem) / 1.15 var(--f-display);font-stretch:118%;transition:color .15s ease}.index summary span{color:var(--soft);text-align:right;font-size:.95rem}.index details p{padding-bottom:16px;max-width:var(--measure)}.case-main{margin-top:32px;background:var(--deep);border-radius:6px;padding:clamp(20px,4vw,40px)}.case-main h3{font:900 clamp(1.8rem,4.4vw,3.1rem) / 1.06 var(--f-display);font-stretch:118%}.case-main p{margin-top:12px;max-width:var(--measure)}.bars{margin-top:28px;display:grid;gap:12px}.bar-row{display:grid;gap:4px}.bar-label{font-size:.95rem;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.bar{height:30px;transform-origin:left;border-radius:1px;transition:transform 1.3s var(--ease)}.bar.before{width:100%;background:var(--l1)}.bar.after{width:.49%;min-width:1px;background:var(--l4)}.bars.pre .bar{transform:scaleX(0)}@media print{.bars.pre .bar{transform:none}}.scale-note{font-size:.88rem;color:var(--soft)}.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:32px 48px;margin-top:48px}.cases h3{font:800 1.22rem/1.25 var(--f-display);font-stretch:112%}.cases p{margin-top:8px}.cases small{display:block;margin-top:8px;font-size:.95rem;line-height:1.4;color:var(--soft)}.job{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:6px 32px;padding-block:26px;border-bottom:1px solid var(--line)}.job .when{padding-top:5px}.job h3{font:800 clamp(1.3rem,2.6vw,1.7rem) / 1.15 var(--f-display);font-stretch:112%}.job .pos{color:var(--l2);font-weight:600;margin-top:2px}.job ul{margin-top:12px;display:grid;gap:6px;max-width:var(--measure)}.job li{padding-left:16px;position:relative}.job li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--l4)}.strata{margin-top:32px;display:grid}.stratum{background:var(--c);color:var(--band-ink);padding-block:clamp(14px,2vw,22px)}.stratum .wrap{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:2px 32px;align-items:baseline}.stratum h3{font:800 1.12rem/1.2 var(--f-display);font-stretch:112%}.stratum p{font-weight:700;font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.4}.also{margin-top:20px;color:var(--soft);max-width:var(--measure)}.study{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px 64px;margin-top:8px}.study li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;padding-block:12px;border-bottom:1px solid var(--line)}.study b{font-weight:700;display:block}.study span{color:var(--soft);font-size:.95rem}.study .when{white-space:nowrap;font-size:.88rem}.langs{padding-top:12px}.langs h3{font:800 1.12rem/1.2 var(--f-display);font-stretch:112%}.langs p{margin-top:8px}.doors{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;gap:3px}.door{padding:clamp(22px,4vw,38px);background:var(--c);color:var(--band-ink);border-radius:2px}.door h3{font:900 clamp(1.5rem,3vw,2.1rem) / 1.08 var(--f-display);font-stretch:118%}.door p{margin-top:10px;max-width:42ch}.door .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}.door .btn{background:var(--band-ink);color:var(--ink)}.door .btn:active{background:var(--deep)}.door .btn.alt{background:transparent;color:var(--band-ink);box-shadow:inset 0 0 0 2px var(--band-ink)}.door .mail{display:inline-block;margin-top:12px;padding-block:10px;font-weight:700;overflow-wrap:anywhere}.door :focus-visible{outline-color:var(--band-ink)}footer{margin-top:64px;padding-block:24px 96px;border-top:1px solid var(--line);color:var(--soft);font-size:.92rem}.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px}.foot-in a{display:inline-block;padding-block:11px}@media(hover:hover){.links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.btn:hover{background:var(--l2)}.btn.alt:hover{background:var(--raised)}.door .btn:hover{background:var(--deep)}.stage:hover{background:var(--raised)}.index summary:hover b{color:var(--l2)}.pause:hover,.lb-close:hover{background:var(--line)}.zoom:hover img{filter:none}}@media(max-width:1100px){.hero-in{min-height:0}.hero-cols{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:20px 24px;margin-top:18px}.intro{grid-column:1 / -1;max-width:52ch;margin-inline:auto;text-align:center}.cta{justify-content:center}.stack3d{align-self:center;height:clamp(320px,44vw,440px);min-height:0;margin-inline:0}.pause{right:6px}}@media(max-width:1000px){html{scroll-padding-block:92px 76px}.links,.top-in .btn.alt{display:none}.tiles{grid-template-columns:minmax(0,1fr)}.tile.wide{grid-column:auto}.tile.wide .shot{aspect-ratio:16 / 10}.shot .over{display:none}.study,.doors,.job,.stratum .wrap{grid-template-columns:minmax(0,1fr)}.bottom-nav{display:flex;justify-content:space-between;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);background:var(--deep);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}.bottom-nav a{flex:1 1 auto;display:grid;place-items:center;min-width:44px;min-height:52px;padding-inline:3px;text-decoration:none;font-size:.88rem;font-weight:600}.bottom-nav a[aria-current]{color:var(--l2);box-shadow:inset 0 2px 0 var(--l2)}}@media(max-width:640px){.hero h1{font-size:min(13.4vw,5.6rem);white-space:normal;line-height:1.02}.hero h1 span{display:block}.hero-cols{grid-template-columns:minmax(0,1fr)}.stack3d{height:clamp(240px,68vw,320px)}.index summary{grid-template-columns:minmax(0,1fr) 28px;gap:2px 12px}.index summary span{grid-row:2;text-align:left}.index summary:after{grid-row:1;grid-column:2}}@media(max-height:500px){.bottom-nav{display:none}html{scroll-padding-block:92px 24px}footer{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1{animation:none}.bar,.stage,.btn,.stack3d canvas,.stack3d img{transition:none}.lightbox[open]{animation:none}}
