/* The House · thehouse.soytavo.com — mismos tokens de soytavo.com (carbón, oro rosado, esmeralda) */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-opsz-normal.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-opsz-italic.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}
:root{color-scheme:light;--paper:#f4efe7;--ink:#1a1c1b;--muted:#665f58;--line:#ddd4c8;--accent:#9c5946;--accent-soft:#ecdfd3;--chaos:#0f6e52;--chaos-soft:color-mix(in srgb,var(--chaos) 12%,var(--paper));--surface:#fbf8f3;--sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,"Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--r:22px}
[data-theme=dark]{color-scheme:dark;--paper:#121413;--ink:#f0ebe4;--muted:#a8a199;--line:#2e3230;--accent:#e3aa90;--accent-soft:#2a221e;--chaos:#2fae84;--surface:#1a1d1c}

/* Base */
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
figure{margin:0}
h1{font-weight:600;letter-spacing:-.05em;line-height:.98;margin:0}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--accent)}
::selection{background:var(--chaos);color:var(--paper)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.kicker{font:11px/1.6 var(--mono);letter-spacing:.08em;color:var(--chaos);text-transform:uppercase}
.kicker:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--chaos);vertical-align:.04em}

/* Cabecera */
.casa-head{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{font:italic 500 30px/1 var(--serif);letter-spacing:-.01em}
.casa-ext{font:11px var(--mono);letter-spacing:.06em;color:var(--muted)}
.casa-ext:hover{color:var(--accent)}

/* Héroe */
.casa-hero{padding:72px 0 96px}
.casa-hero h1{font-size:clamp(44px,6.5vw,88px);margin:18px 0 0}
.casa-lead{font-size:clamp(20px,2.2vw,26px);color:var(--muted);margin:20px 0 40px;max-width:34em}
.casa-lead em{font-family:var(--serif);color:var(--accent)}
.casa-escena{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.casa-escena img{width:100%;height:auto;aspect-ratio:1600/920}
@media(max-width:720px){.casa-escena img{aspect-ratio:1600/1430}}
.casa-escena figcaption{font:11px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding:14px 20px;border-top:1px solid var(--line)}

/* Pie */
.casa-foot{border-top:1px solid var(--line);padding:40px 0 56px}
.footer-big{font-size:clamp(28px,3.6vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:0}
.footer-big em{font-family:var(--serif);font-weight:400;color:var(--accent)}
.casa-foot-row{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;margin-top:18px;font:12px var(--mono);letter-spacing:.05em;color:var(--muted)}
.casa-foot-row a:hover{color:var(--accent)}