/* Las tipografías (@font-face) están en fuentes.css, enlazado en todas las páginas. */
:root{--ink:#171715;--paper:#f1f0e9;--acid:#d5ff54;--wine:#7c2939}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.wrap{width:min(calc(100% - 72px),1450px);margin:auto}.mono{font:11px/1.5 'DM Mono',monospace;letter-spacing:.055em;text-transform:uppercase}.head{position:sticky;top:0;background:#171715;color:#f1f0e9;z-index:200;min-height:82px}.head .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.brandmark{width:42px;height:42px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font:700 26px 'Space Grotesk',sans-serif;transform:none!important;flex:none}.nav{display:flex;align-items:center;gap:clamp(11px,2vw,26px)}.nav a{font:11px 'DM Mono',monospace;text-transform:uppercase;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--acid)}.menu{display:none;border:1px solid #999;background:transparent;color:white;padding:10px 15px}.display{font:700 clamp(50px,8vw,145px)/.86 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:-.085em}.acid{color:var(--acid)}.hero{background:var(--ink);color:var(--paper);padding:65px 0 90px;overflow:hidden;position:relative}.hero .eyebrow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid;padding-top:13px}.hero h1{font-size:clamp(72px,12vw,195px);margin:70px 0 55px}.herofoot{display:flex;justify-content:space-between;align-items:end;gap:30px}.lead{font-size:clamp(21px,2.5vw,34px);line-height:1.25;max-width:700px;letter-spacing:-.04em}.arrowlink{font:12px 'DM Mono',monospace;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px;display:inline-flex;white-space:normal}.section{padding:clamp(75px,10vw,125px) 0}.sectionline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid currentColor;padding-top:15px;margin-bottom:55px}.section h2{margin:0 0 45px;font-size:clamp(52px,8vw,130px)}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,90px)}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.prose{font-size:clamp(19px,2vw,28px);line-height:1.45;letter-spacing:-.025em}.prose p{margin:0 0 20px}.muted{opacity:.65}.dark{background:var(--ink);color:var(--paper)}.acidbg{background:var(--acid);color:var(--ink)}.winebg{background:var(--wine);color:#fff}.statement{font:700 clamp(42px,6.2vw,96px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0}.item{border-top:1px solid currentColor;padding:20px 0 35px}.item h3{font:700 clamp(28px,3vw,50px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.055em}.item p{line-height:1.55}.num{font:11px 'DM Mono',monospace}.page-about{background:var(--paper)}.page-about .hero{background:#171715}.page-about .hero .acid{color:transparent;-webkit-text-stroke:2px #f1f0e9}.page-about #contenido{background:var(--paper);color:var(--ink)}.page-about #principios{background:#171715;color:#f1f0e9}.page-about #siguiente{background:#f1f0e9!important;color:#171715!important}.page-about #siguiente .statement{max-width:100%;color:#171715}.page-about #siguiente .sectionline{color:#171715}.page-services .hero{background:var(--acid);color:var(--ink)}.page-services .hero .acid{color:var(--ink);text-decoration:underline}.page-services #contenido{background:var(--paper)}.page-projects .hero{background:#501c2a;color:#fff}.page-projects .hero .acid{color:#f9bcb4}.page-projects #contenido{background:var(--paper)}.page-stamp{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:8px 15px;margin-top:32px;font:11px 'DM Mono',monospace;transform:none!important}.mini-lockup{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:11px 'DM Mono',monospace;vertical-align:middle}.mini-mark{width:23px;height:23px;display:inline-grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font:700 14px 'Space Grotesk',sans-serif;transform:none!important}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px}.filter{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 18px;border-radius:30px;font:11px 'DM Mono',monospace}.filter.active,.filter:hover{background:var(--ink);color:#fff}.card{border-top:1px solid currentColor;padding:25px 0 35px;display:flex;flex-direction:column;gap:18px}.card .visual{height:280px;overflow:hidden;display:flex;align-items:end;padding:28px}.visual b{font:700 clamp(48px,8vw,120px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.08em}.visual.spark{background:linear-gradient(135deg,#d5ff54,#7eaa86)}.visual.wine{background:linear-gradient(120deg,#280e16,#91374d);color:#fff}.visual.data{background:#222;color:#d5ff54}.card h3{font:700 clamp(30px,3vw,52px)/1 'Space Grotesk',sans-serif;margin:0}.card p{line-height:1.6}.cardlinks{display:flex;flex-wrap:wrap;gap:18px}.tag{font:11px 'DM Mono',monospace;text-transform:uppercase}.footer{background:#171715;color:#fff;padding:75px 0 40px}.footer h2{font:700 clamp(70px,13vw,190px)/.88 'Space Grotesk',sans-serif;letter-spacing:-.08em;margin:55px 0}.footerlinks{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #666;padding-top:24px}.footer a:hover{color:var(--acid)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.wrap{width:min(calc(100% - 38px),1450px)}.head,.head .wrap{min-height:70px}.menu{display:inline-block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px;background:#171715;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.nav a{font-size:14px}.hero{padding:50px 0 65px}.hero h1{font-size:clamp(55px,12vw,112px)}.herofoot{flex-direction:column;align-items:start}.sectionline{margin-bottom:36px}.two,.three{grid-template-columns:1fr}.section{padding:70px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* V9: transversal layout and brand QA */
.brandmark,.brand-symbol,.mini-mark,.sketch{transform:none!important;rotate:none!important;font-style:normal!important}
.brandmark,.brand-symbol,.mini-mark{letter-spacing:0!important}
body{overflow-x:hidden}
img,svg,video{max-width:100%}
.sectionline,.eyebrow,.journal-kicker{min-width:0}
@media(max-width:700px){.sectionline,.eyebrow,.journal-kicker{flex-wrap:wrap;gap:14px}.section h2,.display{overflow-wrap:anywhere}.wrap{width:calc(100% - 36px)}}

/* V9.5 — photos for Sherry and GLOPS in project listing */
.page-projects .card .visual.visual-photo-sherry,.page-projects .card .visual.visual-photo-glops{position:relative;isolation:isolate;background:#251b21;color:#fff;overflow:hidden}
.page-projects .card .visual.visual-photo-sherry img,.page-projects .card .visual.visual-photo-glops img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-projects .card .visual.visual-photo-sherry img{filter:grayscale(1) contrast(1.08);object-position:center 37%}
.page-projects .card .visual.visual-photo-glops img{filter:saturate(.85) contrast(1.06)}
.page-projects .card .visual.visual-photo-sherry::after,.page-projects .card .visual.visual-photo-glops::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.75))}
.page-projects .card .visual.visual-photo-sherry b,.page-projects .card .visual.visual-photo-glops b{color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.7)}

/* V9.6: readable GLOPS title in project listing */
.page-projects .card .visual.visual-photo-glops b{position:relative;z-index:2;color:#fff!important;text-shadow:0 3px 18px #000,0 0 36px rgba(0,0,0,.9);font-weight:700}
.page-projects .card .visual.visual-photo-glops::after{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.83))}

/* Foto de Sparkling en la tarjeta de Proyectos (misma imagen y encuadre que la portada) */
.page-projects .card .visual.visual-photo-sparkling{position:relative;isolation:isolate;background:#19231d;color:#fff;overflow:hidden}
.page-projects .card .visual.visual-photo-sparkling img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%;z-index:-2;filter:saturate(.9) contrast(1.05)}
.page-projects .card .visual.visual-photo-sparkling::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72))}
.page-projects .card .visual.visual-photo-sparkling b{color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.7)}