:root{color-scheme:dark;--black:#070807;--muted:#c6c6bc;--nav-height:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{margin:0;background:var(--black);color:#f4f3ec;font:16px/1.45 'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}em{color:var(--accent);font-style:normal}h1,h2,h3,p{margin:0}button{border:0;background:none}section,footer{scroll-margin-top:var(--nav-height)}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--accent);color:#080808;padding:12px}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;height:var(--nav-height);padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;gap:28px;background:rgba(5,7,5,.97);border-bottom:1px solid #ffffff20;z-index:20}.logo{display:flex;align-items:center;flex-shrink:0;color:var(--accent)}.circuito-logo{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;letter-spacing:-2px;line-height:.76;display:block;transform:scaleX(1.08);transform-origin:left}.circuito-logo>span{display:block}.hand-logo{font:600 58px/.85 'Caveat',cursive;letter-spacing:-3px;display:block;transform:rotate(-4deg)}.hand-logo sup{font:400 28px/1 'Space Grotesk';vertical-align:top;margin-left:5px}.nia .hand-logo{font-weight:400;font-size:65px}.wordmark{height:3.9rem;width:auto;max-width:230px;object-fit:contain;filter:invert(88%) sepia(37%) saturate(588%) hue-rotate(38deg) brightness(107%) contrast(94%)}.desktop-nav{margin-left:auto;display:flex;gap:clamp(16px,2.2vw,40px);align-items:center}.desktop-nav a,.site-footer nav a,.footer-contact,.section-label,.eyebrow,.button,.card h3,.hero-signature p,.story-signature p,.footer-brand>span:last-child,.footer-meta{font-family:'DM Mono',monospace;text-transform:uppercase;font-size:11px;letter-spacing:.07em}.desktop-nav a{padding:12px 0}.desktop-nav a:hover,.site-footer nav a:hover{color:var(--accent)}.world-link{width:23px;color:var(--accent);flex-shrink:0}.world-link svg{display:block;width:100%}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{position:relative;isolation:isolate;height:clamp(490px,calc(100svh - var(--nav-height)),740px);min-height:490px;overflow:hidden}.hero-image,.hero-shade,.story-image,.story-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:65% center}.hero-shade{z-index:-1;background:linear-gradient(90deg,#0008 0%,#0003 36%,transparent 70%),linear-gradient(0deg,#0007,transparent 35%)}.hero-content{height:100%;padding:clamp(30px,5vh,55px) clamp(24px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:61%;position:relative}.hero h1{font:800 clamp(62px,min(7.7vw,12vh),112px)/.89 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 20px}.hero .eyebrow{color:var(--accent);margin-bottom:20px;font-size:10px}.hero-copy{font-size:clamp(14px,1.2vw,17px);line-height:1.4;max-width:340px;margin-bottom:24px}.circuito .hero-copy{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;max-width:265px}.button{border:1px solid var(--accent);border-radius:2px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;color:var(--accent);background:#05070550;min-height:43px;transition:background .2s,color .2s}.button span{font-family:Arial;font-size:23px;line-height:.5}.button:hover{background:var(--accent);color:#050705}.hero-signature{position:absolute;right:5%;bottom:35px;text-align:right;color:var(--accent);max-width:160px}.hero-signature .compass{margin:0 0 14px auto}.hero-signature p{color:#e9e9df;font-size:10px;line-height:1.65}.compass{display:block;width:74px;aspect-ratio:1;color:var(--accent)}.compass svg{width:100%;height:100%;display:block}.asterisk{font-size:78px;line-height:1;color:var(--accent)}.circuito .hero-signature .compass{display:none}.mestiza .hero-signature{bottom:30px}.chainers .hero h1{font-size:clamp(58px,min(6.3vw,10.1vh),93px)}.nia .hero h1{font:400 clamp(58px,min(6.5vw,10vh),88px)/.97 'Caveat',cursive;letter-spacing:.01em;transform:rotate(-7deg);margin:0 0 38px}.nia .hero-signature{top:27%;bottom:auto}.nia .hero-signature .compass{display:none}.gallery{position:relative;padding:20px clamp(20px,3vw,48px) 12px;background:#040604}.section-label{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px}.section-label h2{font-size:11px;font-weight:400}.section-label a{display:flex;gap:20px}.anchor{position:absolute;top:0;scroll-margin-top:var(--nav-height)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card button{display:block;padding:0;width:100%;text-align:left}.card-image{display:block;position:relative;overflow:hidden;background:#141414;height:clamp(160px,21vw,300px)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card h3{font-size:10px;font-weight:400;padding:13px 0 8px}.card-arrow{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;background:var(--accent);color:#080808;opacity:0;transform:translateY(8px);transition:.2s}.card button:hover img{transform:scale(1.035)}.card button:hover .card-arrow,.card button:focus-visible .card-arrow{opacity:1;transform:none}.story{position:relative;isolation:isolate;min-height:290px;display:flex;align-items:center;padding:35px clamp(24px,5vw,80px);border-top:1px solid #ffffff20;overflow:hidden}.story-image{object-position:center 55%}.story-shade{z-index:-1;background:linear-gradient(90deg,#000b,transparent 80%)}.story-content{max-width:70%}.story h2{font-size:clamp(24px,3vw,42px);line-height:1.08;text-transform:uppercase;letter-spacing:.02em;font-weight:500;margin-bottom:16px}.story p{font-size:13px;line-height:1.5;margin-bottom:22px}.story-signature{margin-left:auto;text-align:right;color:var(--accent);padding-left:20px}.story-signature .compass{margin:0 0 15px auto}.story-signature p{margin:0;font-size:10px;line-height:1.75}.nia .story h2{font:400 clamp(28px,3.2vw,43px)/1.05 'Caveat',cursive;letter-spacing:.1em}.nia .story{min-height:335px}.nia .story-image{object-position:70% center}.site-footer{padding:22px clamp(20px,4vw,65px) 15px;border-top:1px solid #ffffff25;background:#070807}.footer-main{display:flex;gap:25px;align-items:center}.footer-brand{color:var(--accent);flex-shrink:0}.footer-brand .circuito-logo{font-size:17px;letter-spacing:-1px}.footer-brand .hand-logo{font-size:34px;letter-spacing:-1px}.footer-brand .hand-logo sup{font-size:16px}.footer-brand .wordmark{height:3.1rem;max-width:180px}.footer-brand>span:last-child{display:block;font-size:8px;letter-spacing:.08em;margin-top:8px}.footer-main nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:20px}.site-footer nav a,.footer-contact{font-size:9px}.footer-contact{color:var(--accent);padding:10px 0;display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.footer-character{width:50px;height:42px;object-fit:contain;filter:invert(1)}.footer-meta{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding-top:13px;border-top:1px solid #ffffff12;font-size:8px;color:#a2a299}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#0c0e0b;border-bottom:1px solid var(--accent);padding:15px 24px;box-shadow:0 15px 30px #0006;max-height:calc(100svh - var(--nav-height));overflow-y:auto}.mobile-menu a{display:block;padding:13px 0;color:var(--accent);font:400 15px 'DM Mono',monospace;text-transform:uppercase}.detail-dialog,.text-dialog{background:#10120f;color:#eee;border:1px solid var(--accent);width:min(950px,92vw);max-height:88svh;padding:0;overflow:auto}.detail-dialog::backdrop,.text-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:10px;right:10px;z-index:2;background:#080808;color:var(--accent);font-size:30px;width:44px;height:44px;margin:10px 10px -54px 0;border:1px solid var(--accent)}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-layout>img{width:100%;height:75svh;object-fit:contain;background:#060606}.detail-layout>div{padding:70px 35px 35px;align-self:center}.detail-layout h2,.text-dialog h2{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:15px 0 22px}.detail-layout p,.text-dialog p{color:#ccc;margin-bottom:25px}.detail-layout .eyebrow,.text-dialog .eyebrow{color:var(--accent)}.text-dialog{padding:40px;width:min(650px,92vw)}.text-dialog .dialog-close{right:0;top:0;margin:-25px -25px 5px 15px}body:has(dialog[open]){overflow:hidden}
@media(max-width:850px){:root{--nav-height:76px}.site-header{gap:20px}.desktop-nav{gap:16px}.desktop-nav a{font-size:9px}.wordmark{max-width:175px}.hand-logo{font-size:49px}.nia .hand-logo{font-size:55px}.hero-content{width:68%}.hero h1{font-size:clamp(58px,9vw,80px)}.chainers .hero h1{font-size:clamp(54px,7.7vw,70px)}.footer-main{flex-wrap:wrap}.footer-main nav{gap:14px}.footer-meta{flex-wrap:wrap}}
@media(max-width:640px){:root{--nav-height:76px}.site-header{padding:0 20px}.desktop-nav{display:none}.world-link{margin-left:auto;width:22px}.menu-toggle{display:grid;align-content:center;gap:6px;width:44px;height:44px;padding:10px;color:var(--accent);border:1px solid #ffffff30}.menu-toggle span{height:1px;width:22px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:calc(100svh - var(--nav-height));min-height:540px;max-height:740px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#0008,transparent 95%),linear-gradient(0deg,#000a,transparent 90%)}.hero-content{width:91%;padding:28px 23px;justify-content:flex-end}.hero h1{font-size:clamp(56px,16vw,76px);margin-bottom:18px}.chainers .hero h1{font-size:clamp(50px,13.4vw,66px)}.hero .eyebrow{font-size:8px;margin-bottom:16px}.hero-copy{font-size:13px;max-width:255px;margin-bottom:20px}.circuito .hero-copy{font-size:10px;max-width:230px}.hero-signature{right:20px;bottom:26px;max-width:90px}.hero-signature .compass{width:49px}.hero-signature p{font-size:7px}.circuito .hero-signature{bottom:auto;top:25px}.chainers .hero-signature p{display:none}.mestiza .hero-signature{right:22px}.asterisk{font-size:48px}.nia .hero h1{font-size:66px;margin-bottom:27px}.nia .hero-signature{top:25px;right:20px}.gallery{padding:16px 16px 10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.card-image{height:auto;aspect-ratio:4/5}.card h3{font-size:8px;padding:10px 0 5px;letter-spacing:0}.card-arrow{width:24px;height:24px;opacity:1;transform:none;right:8px;bottom:8px}.story{padding:28px 23px;min-height:295px}.story h2{font-size:26px}.story-content{max-width:80%}.story p{font-size:11px}.story-signature{padding-left:8px}.story-signature .compass{width:43px}.story-signature p{font-size:7px}.nia .story h2{font-size:32px}.site-footer{padding:22px 20px 18px}.footer-main{gap:20px}.footer-main nav{width:100%;order:3;margin:0;gap:18px}.footer-contact{margin-left:auto}.footer-brand .wordmark{max-width:155px}.footer-meta{font-size:7px;gap:8px}.footer-character{width:35px;height:30px}.detail-layout{grid-template-columns:1fr}.detail-layout>img{height:43svh}.detail-layout>div{padding:25px}.text-dialog{padding:30px}.text-dialog .dialog-close{margin:-18px -18px 5px 10px}}
@media(min-width:641px) and (max-height:650px){.hero{height:calc(100svh - var(--nav-height));min-height:420px}.hero-content{padding-top:22px;padding-bottom:22px}.hero h1{font-size:65px;margin-bottom:14px}.chainers .hero h1{font-size:52px}.hero .eyebrow{margin-bottom:12px}.hero-copy{font-size:13px;margin-bottom:15px}.nia .hero h1{font-size:60px;margin-bottom:20px}}
@media(max-width:640px){.chainers .hero-image,.nia .hero-image{object-position:79% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}