/* Composición ajustada a la referencia Archivo. */
body{background:#090c0a}.header{margin:0 2%;padding:22px 0;gap:24px}.hero{min-height:0;padding:32px 2% 28px;grid-template-columns:42% 58%;align-items:center}.hero-copy{padding-top:12px}.hero .author{margin-bottom:25px;font-size:clamp(12px,.85vw,14px)}.hero h1{font-size:15vw;line-height:.9;font-weight:600;letter-spacing:-.025em;margin:0 0 25px;width:195%;transform:scaleX(.51);transform-origin:left center;max-width:none}.hero h1 span{display:block;white-space:nowrap}.hero .intro{font-size:clamp(13px,1.3vw,20px);white-space:nowrap;margin-top:0;margin-bottom:17px}.hero .text-link{font-size:clamp(16px,1.5vw,23px)}.archive{margin-left:-2%;margin-right:-2%;aspect-ratio:1.12;animation:none}.archive .collage{mix-blend-mode:lighten}.hero-copy{animation:none}.folder-link{background:#ded5bd;box-shadow:none;font-weight:600;padding:3px 10px;font-size:clamp(20px,2.1vw,34px)}.folder-link:hover,.folder-link:focus-visible{background:#eae1ca}.cockpit{top:14%;left:14%}.breach{top:17%;right:9%}.areal{bottom:30%;right:12%}.folder-arrow{font-size:.7em}.archive-caption{background:#d3c9b0;bottom:15%;left:34%;font-size:clamp(10px,.8vw,13px);padding:8px 16px}.projects{padding:0 2%}.featured{gap:22px;padding-top:18px}.project-mini{min-height:160px;grid-template-columns:33% 67%}.project-mini small{display:none}.project-mini h2{font-size:clamp(27px,2.4vw,39px);margin:0 0 15px;font-weight:600}.project-mini>div:first-child{padding:13px}.archive-thumb{background-image:url('assets/archivo-collage.png');background-size:310%;filter:grayscale(1) sepia(.35)}.thumb-cockpit{background-position:17% 20%}.thumb-areal{background-position:94% 90%}.motion{position:absolute;right:0;top:88px;font-size:10px;padding:4px 7px;border:0;opacity:.8}.header nav{padding-right:0}.hero{padding-top:48px}.section-rule{font-size:11px}.system{display:block;font-size:10px}nav{font-size:clamp(17px,1.8vw,28px);gap:clamp(25px,4vw,70px)}.brand span{font-size:clamp(23px,2vw,32px)}.brand svg{width:38px;height:38px}.studio{padding-left:2%;padding-right:2%}
@media(max-width:760px){.header{margin:0 5%;padding:18px 0}.system{display:none}.motion{top:75px}.header nav{width:auto;border:0;padding:0;margin-left:auto;order:initial;font-size:14px;gap:18px}.brand span{font-size:19px}.brand svg{width:30px;height:30px}.brand{gap:6px}.hero{padding:45px 5% 25px;grid-template-columns:1fr}.hero h1{font-size:29vw;width:195%;line-height:.91;transform:scaleX(.49);margin-bottom:22px}.hero .author{font-size:11px;margin-bottom:24px}.hero .intro{font-size:12px;white-space:normal;max-width:none}.hero .text-link{font-size:17px}.archive{margin:20px -3% 0;aspect-ratio:1.2}.folder-link{font-size:22px}.archive-caption{font-size:10px}.projects{padding:0 5%}.featured{grid-template-columns:1fr;gap:16px;padding-bottom:35px}.project-mini{min-height:160px;grid-template-columns:35% 65%}.project-mini h2{font-size:34px}.project-mini img{max-height:190px}.system{display:none}.studio{padding-left:5%;padding-right:5%}.detail .header nav{font-size:12px}.case-heading h1{transform:none;width:auto}}
@media(max-width:400px){.header nav{width:100%;order:3;margin:0}.motion{top:63px}.hero{padding-top:25px}}
@media(min-width:761px){.hero{padding-top:24px;align-items:start}.hero-copy{padding-top:20px}.archive{margin-top:-20px}.hero .author{margin-bottom:22px}.hero h1{font-size:15.5vw}.hero .intro{margin-top:10px}.featured{padding-bottom:45px}}
.hero h1{background-color:var(--paper);background-image:linear-gradient(#e4dcc8e8,#e4dcc8e8),url('assets/archivo-collage.png');background-size:auto,70%;background-clip:text;-webkit-background-clip:text;color:transparent}
.breach{view-transition-name:breach-file}.case-art{view-transition-name:breach-file}::view-transition-group(breach-file){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.breach,.case-art{view-transition-name:none}}html[data-reduced=true] .breach,html[data-reduced=true] .case-art{view-transition-name:none}
.hero h1{width:240%;transform:scaleX(.42)}@media(max-width:760px){.hero h1{width:240%;transform:scaleX(.42)}}
@font-face{font-family:ArchiveAnton;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body{background:#10120f}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:url('assets/grain.svg');opacity:.31;z-index:8;mix-blend-mode:screen}.hero{position:relative;isolation:isolate}.hero h1{font-family:ArchiveAnton,sans-serif;font-weight:400;font-size:14.6vw;line-height:1.04;letter-spacing:-.012em;background:none;color:var(--paper);width:250%;transform:scaleX(.405);filter:url('assets/ink-wear.svg#wear');margin-bottom:18px}.hero-signal{position:absolute;left:40%;top:66%;width:60%;height:160px;z-index:3;pointer-events:none;object-fit:fill;mask-image:linear-gradient(90deg,#000 0%,#000 21%,transparent 34%,transparent 80%,#000 96%)}.channel{position:absolute;right:2.5%;bottom:32px;color:var(--cyan);font-size:10px;line-height:1.45;z-index:4}.archive{z-index:1}.hero-copy{z-index:4}.archive .collage{mix-blend-mode:lighten}.folder-link{font-family:ArchiveAnton,sans-serif;font-weight:400;font-size:clamp(17px,1.65vw,27px);background:transparent;padding:3px 6px}.folder-arrow{display:none}.folder-link:hover,.folder-link:focus-visible{background:#e4dcc8cc}.cockpit{top:14.5%;left:17%}.breach{top:18.5%;right:10%}.areal{bottom:30%;right:16%}.project-mini h2{font-family:ArchiveAnton,sans-serif;font-weight:400;font-size:clamp(23px,2vw,33px);filter:url('assets/ink-wear.svg#wear')}.hero .author{margin-bottom:25px}.hero .intro{margin-top:0}.hero .text-link{font-size:clamp(16px,1.5vw,23px)}
@media(max-width:760px){.hero h1{font-size:28vw;transform:scaleX(.43);width:245%;line-height:1.04}.hero-signal{left:0;top:auto;bottom:125px;width:100%;height:100px}.channel{bottom:26px;font-size:9px;right:5%}.folder-link{font-size:19px}.archive .collage{mix-blend-mode:lighten}.hero .author{margin-bottom:20px}.project-mini h2{font-size:28px}}
body{background:#0b0e0c}body::before{opacity:.17}.archive{mix-blend-mode:lighten}.folder-link{background-color:#d8ceb6;background-image:url('assets/grain.svg');padding:5px 12px;white-space:nowrap}.cockpit{top:14%;left:15%}.breach{top:17%;right:8%}.areal{bottom:29%;right:12%}.project-mini h2{filter:none}.channel{bottom:21px;right:2.8%}.archive .cross{display:none}.hero-signal{height:150px;opacity:.85}