@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#222a24;--paper:#f2efe7;--cream:#e7e1d4;--olive:#b5b993;--olive-dark:#697257;--rust:#aa6149;--muted:#73766b;--line:#c9c4b7;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--wide:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.skip{position:absolute;top:10px;left:10px;z-index:10;transform:translateY(-160%);padding:12px;background:var(--paper)}.skip:focus{transform:none}.fiction{padding:10px 5vw;background:#222b25;color:#d8d5ca;text-align:center;font-size:9px;letter-spacing:.17em}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 5vw;background:rgba(242,239,231,.96);border-bottom:1px solid #222a2419;backdrop-filter:blur(14px)}.brand{font:500 25px var(--wide);letter-spacing:.14em;text-decoration:none}.brand span{color:var(--olive-dark)}nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,36px)}nav a{text-decoration:none;font-size:10px;letter-spacing:.08em;color:#4c5149}nav a:hover,nav a:focus-visible{color:var(--rust)}nav .back{padding:12px 17px;border:1px solid #77796d}.hero{position:relative;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:6vw;padding:70px 7vw 64px;background:#222b25;color:var(--paper);min-height:650px}.hero-copy{max-width:490px}.eyebrow,.section-label{font-size:9px;letter-spacing:.2em;color:var(--olive);text-transform:uppercase}.hero h1{margin:28px 0;font:400 clamp(72px,9vw,132px)/.86 var(--serif);letter-spacing:-.055em}.hero h1 em,.intro h2 em,.section-title h2 em,.handoff h2 em{color:var(--olive);font-weight:400}.lead{max-width:440px;color:#d5d4ca;font:400 16px/1.75 var(--wide)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin:30px 0;color:#d2d1c6;font-size:10px}.hero-meta span{padding:8px 0;border-top:1px solid #ffffff44}.cta{display:inline-flex;align-items:center;gap:50px;padding:15px 18px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:11px}.cta span{font-size:18px;color:var(--rust)}.hero-image{position:relative;margin:0}.hero-image img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.hero-image figcaption{padding-top:12px;color:#c6c7bc;font-size:8px;letter-spacing:.17em}.hero-index{position:absolute;right:7vw;bottom:24px;color:#afb39a;font-size:8px;line-height:1.8;letter-spacing:.14em}.section{padding:100px 8vw}.section-label{margin-bottom:34px;color:var(--rust)}.intro-grid,.concept-grid,.section-title,.handoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.intro h2,.section-title h2,.handoff h2{margin:0;font:400 clamp(40px,5.2vw,70px)/1.05 var(--serif);letter-spacing:-.035em}.intro-grid>div p,.concept-grid>div>p,.section-title>p,.handoff-grid>div p{margin:0 0 16px;color:#62665d;font-size:13px;line-height:1.9}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:58px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:20px 16px 20px 0}.stats b{display:block;font:400 clamp(20px,2.5vw,32px) var(--serif)}.stats span{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.6}.assumption{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:24px;background:#e7e3d9}.assumption strong{font:400 20px var(--serif)}.assumption p{margin:0;color:#64675f;font-size:11px;line-height:1.8}.concept{background:#e5e2d8}.concept h2{font:400 clamp(38px,4.5vw,62px)/1.08 var(--serif)}.principles article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-top:1px solid #c2c0b5}.principles article>b{color:var(--rust);font-size:10px}.principles h3{margin:0 0 7px;font:400 21px var(--serif)}.principles p{margin:0;color:#696b62;font-size:11px;line-height:1.75}.plans{background:#f7f5ef}.section-title{align-items:end;margin-bottom:36px}.section-title>p{max-width:510px}.plan-switch{display:flex;width:max-content;max-width:100%;margin-bottom:20px;padding:4px;border:1px solid var(--line);border-radius:40px}.plan-switch button{border:0;border-radius:30px;background:transparent;padding:13px 19px;color:#60645b;font:500 10px var(--sans);cursor:pointer}.plan-switch button[aria-pressed=true]{background:#26302a;color:#f7f5ef}.plan-switch button:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.plan-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.6fr);gap:20px;align-items:start}.plan-frame{margin:0;padding:15px;background:#ece8df;border:1px solid var(--line)}.plan-caption{display:flex;justify-content:space-between;gap:10px;padding:7px 5px 15px;color:#666a5c;font-size:8px;letter-spacing:.12em}.plan-frame svg{display:block;width:100%;height:auto}.plan-frame figcaption{padding:14px 7px 5px;color:#686b62;font-size:10px;line-height:1.7}.outline{fill:#e9e4d8;stroke:#5d6257;stroke-width:2}.courtyard{fill:#c5cab2;stroke:#717b61;stroke-width:2;stroke-dasharray:6 5}.social{fill:#d8d0bd;stroke:#a79f8b;stroke-width:1.5}.flex{fill:#dce0d0;stroke:#adb49e;stroke-width:1.5}.service{fill:#ead8ce;stroke:#c7967e;stroke-width:1.5}.entry{fill:#d3d1c5;stroke:#96978a;stroke-width:1.5}.circulation{fill:#c5c8b5;stroke:#959d80;stroke-width:1.5}.private{fill:#d4c5ad;stroke:#a8997e;stroke-width:1.5}.plan-name{fill:#272d26;font:500 14px 'DM Sans',Arial,sans-serif}.plan-area{fill:#555a51;font:12px 'DM Sans',Arial,sans-serif}.plan-small{fill:#73766b;font:10px 'DM Sans',Arial,sans-serif;letter-spacing:1px}.area-card{padding:24px;background:#242d27;color:#f2efe7}.area-card .eyebrow{color:var(--olive)}.area-card h3{margin:17px 0;font:400 29px var(--serif)}.area-card ul{list-style:none;padding:0;margin:0}.area-card li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #ffffff2e;font-size:10px;line-height:1.5}.area-card li b{white-space:nowrap;font-weight:500;color:#d7d8c8}.area-card li.total{margin-top:4px;padding-top:16px;color:#e0d9c9;font-weight:600}.micro{margin:15px 0 0;color:#c2c5b8;font-size:9px;line-height:1.7}.model{background:#202a24;color:#f2efe7}.model .section-label{color:var(--olive)}.model .section-title>p{color:#c4c7bc}.axon{margin-top:35px;padding:20px;background:radial-gradient(ellipse at center,#39443a,#202a24 70%);border:1px solid #ffffff21}.axon svg{display:block;width:100%;height:auto}.axo-tag{fill:#e6e2d5;font:11px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px}.axo-label{fill:#ded9c8;font:12px 'DM Sans',Arial,sans-serif}.axo-note{fill:#adb29f;font:9px 'DM Sans',Arial,sans-serif;letter-spacing:1.1px}.model-key{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;color:#d1d3c9;font-size:9px}.model-key span{display:flex;align-items:center;gap:8px}.model-key i{width:12px;height:12px;border-radius:50%}.key-social{background:#d9c8a7}.key-private{background:#f2efe7}.key-court{background:#839175}.key-service{background:#5c6658}.gallery{background:#e5e2d8}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery figure{position:relative;margin:0;min-height:300px;background:#c4c3b6}.gallery figure.wide{grid-column:1/-1}.gallery img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}.gallery figure.wide img{max-height:600px;aspect-ratio:1.8}.gallery figure:not(.wide) img{aspect-ratio:1.5}.gallery figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(transparent,rgba(16,22,17,.83));color:#fff;align-items:end}.gallery figcaption b{font:400 21px var(--serif)}.gallery figcaption span{font-size:9px}.handoff{background:#f5f2ea}.handoff-grid{grid-template-columns:.8fr 1.2fr}.handoff-grid ol{padding-left:19px;color:#454b43;font-size:12px;line-height:2}.handoff .disclaimer{margin:22px 0;padding:18px;border-left:3px solid var(--rust);background:#ebe5d8;color:#585d54;font-size:10px;line-height:1.8}.cta.light{background:#26302a;color:#f5f2ea}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 6vw;background:#202a24;color:#d4d5cb}.footer span,.footer>a:last-child{font-size:9px;color:#bdc2b4}.footer>a:last-child{text-decoration:none}.js .area-card li{animation:enter .2s ease-out}@keyframes enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:820px){.topbar{padding:14px 5vw}.brand{font-size:22px}nav{gap:14px}nav a{font-size:9px}.hero{grid-template-columns:1fr;gap:34px;padding:60px 7vw 70px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(75px,16vw,120px)}.hero-image{max-width:850px}.hero-index{display:none}.section{padding:76px 6vw}.intro-grid,.concept-grid,.section-title,.handoff-grid{grid-template-columns:1fr;gap:22px}.intro-grid h2{font-size:clamp(43px,9vw,62px)}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(3),.stats div:nth-child(4){border-top:1px solid var(--line)}.assumption{grid-template-columns:1fr;gap:10px}.plan-layout{grid-template-columns:1fr}.area-card{display:grid;grid-template-columns:.55fr 1fr;gap:0 22px}.area-card .eyebrow,.area-card h3,.area-card .micro{grid-column:1/-1}.area-card h3{margin:8px 0 14px}.area-card ul{grid-column:1/-1}.gallery-grid{gap:10px}.gallery figure{min-height:230px}.gallery img{min-height:230px}}@media(max-width:560px){.fiction{font-size:7px;padding:9px 4vw}.topbar{position:relative;align-items:flex-start;gap:12px}.topbar nav{justify-content:flex-end;flex-wrap:wrap;max-width:77%;gap:10px 13px}.topbar nav a{font-size:8px}.topbar nav .back{padding:7px 10px}.brand{font-size:19px}.hero{padding:46px 6vw 60px;gap:27px}.hero h1{font-size:clamp(67px,19vw,100px)}.lead{font-size:14px}.hero-meta{font-size:8px;gap:8px 13px}.hero-image img{aspect-ratio:1.1}.hero-image figcaption{font-size:7px;line-height:1.7}.section{padding:64px 6vw}.section-label{margin-bottom:25px;font-size:8px}.stats b{font-size:24px}.stats span{font-size:8px}.assumption{padding:18px}.plan-switch{width:100%}.plan-switch button{flex:1;padding:12px 8px;font-size:9px}.plan-frame{padding:9px}.plan-caption{font-size:7px;line-height:1.5}.plan-name{font-size:13px}.plan-area{font-size:11px}.plan-small{font-size:8px}.area-card{padding:19px}.area-card li{font-size:9px}.axon{margin:25px -5vw 0;padding:7px}.axo-tag{font-size:13px}.axo-label{font-size:13px}.axo-note{font-size:10px}.model-key{gap:11px;font-size:8px}.gallery-grid{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery figure.wide img,.gallery figure:not(.wide) img{aspect-ratio:1.35}.gallery figcaption{padding:15px;display:block}.gallery figcaption b{display:block;margin-bottom:4px}.gallery figcaption span{font-size:8px}.handoff-grid h2{font-size:53px}.footer{flex-wrap:wrap}.footer span{margin-left:auto}}@media(max-width:380px){.topbar nav{max-width:73%;gap:9px}.topbar nav a{font-size:7px}.plan-name{font-size:12px}.plan-small{letter-spacing:.4px}.hero-meta span{width:45%}}
.model-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.model-downloads a{display:inline-flex;align-items:center;min-height:38px;padding:10px 13px;border:1px solid #ffffff55;color:#f1eee4;text-decoration:none;font-size:9px}.model-downloads a:hover,.model-downloads a:focus-visible{background:#f1eee4;color:#242d27;outline-offset:3px}

/* Casa Umbral has its own mineral-blue / signal-coral identity inside NOMA. */
:root{--ink:#102534;--paper:#edf3f6;--cream:#dce8ee;--olive:#92e4e7;--olive-dark:#006d88;--rust:#e95f34;--muted:#607785;--line:#bdccd4}
body{background:#edf3f6;color:#102534}
.fiction{background:#081c2a;color:#d4e5eb}
.topbar{background:rgba(237,243,246,.96);border-bottom-color:#10253420}
nav a{color:#345366}nav a:hover,nav a:focus-visible{color:#008cad}nav .back{border-color:#7e9aa8}
.hero,.model,.footer{background:#081c2a;color:#edf3f6}
.hero{background-image:radial-gradient(ellipse at 87% 6%,#0d4058 0,transparent 39%)}
.hero h1 em,.intro h2 em,.section-title h2 em,.handoff h2 em{color:#90e4e7}
.eyebrow,.section-label{color:#007e9d}
.hero .eyebrow,.model .section-label{color:#91e5e7}
.hero .lead{color:#d1e2e9}.hero-meta span{border-top-color:#b9dee455;color:#d1e2e9}
.cta{background:#eaf3f6;color:#102534}.cta span{color:#e95f34}.cta.light{background:#edf3f6;color:#102534}
.intro,.plans,.handoff{background:#edf3f6}.concept,.gallery{background:#dce8ee}
.assumption{background:#dce8ee}.assumption strong{color:#102534}
.principles article{border-top-color:#b8cbd4}.principles h3{color:#102534}
.plans .section-label,.gallery .section-label,.intro .section-label,.concept .section-label,.handoff .section-label{color:#007e9d}
.plans .section-title p,.intro-grid>div p,.concept-grid>div>p,.handoff-grid>div p{color:#4e6674}
.area-card{background:#081c2a;color:#edf3f6}.area-card .eyebrow{color:#91e5e7}.area-card li b{color:#bcecf0}
.handoff .disclaimer{border-left-color:#e95f34;background:#dce8ee;color:#334e5d}
.footer span,.footer>a:last-child{color:#b8d4df}
.section-title{grid-template-columns:1fr 1fr}
.plan-tools{margin:0 0 22px}
.sheet-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.sheet-picker button{display:flex;min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:10px 11px;border:1px solid #b9ccd5;background:#f9fbfc;color:#345366;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.sheet-picker button b{font-size:9px;letter-spacing:.12em;color:#0086a4}
.sheet-picker button span{font-size:10px;line-height:1.2}
.sheet-picker button[aria-pressed=true]{background:#0b293b;border-color:#0b293b;color:#f1f6f7;box-shadow:inset 0 3px #e95f34}
.sheet-picker button[aria-pressed=true] b{color:#90e4e7}
.sheet-picker button:hover{border-color:#008cad;transform:translateY(-2px)}
.sheet-picker button:focus-visible,.sheet-actions button:focus-visible,.sheet-actions a:focus-visible{outline:3px solid #e95f34;outline-offset:3px}
.sheet-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,.65fr);gap:16px;align-items:stretch}
.sheet-frame{min-width:0;margin:0;padding:12px;background:#fff;border:1px solid #bdccd4;box-shadow:0 18px 48px #10253412}
.sheet-topline{display:flex;justify-content:space-between;gap:12px;padding:5px 5px 12px;color:#4e6878;font-size:8px;letter-spacing:.14em}
.sheet-canvas{overflow:auto;border:1px solid #d2dfe4;background:#eaf1f4;scrollbar-color:#008cad #dce8ee;overscroll-behavior-inline:contain}
.sheet-canvas img{display:block;width:100%;height:auto}
.sheet-canvas:focus-visible{outline:3px solid #e95f34;outline-offset:3px}
.sheet-zoom{display:grid;grid-template-columns:44px minmax(78px,1fr) minmax(120px,2fr) 44px;align-items:center;gap:9px;margin:10px 0 0;padding:9px 11px;border:1px solid #bdccd4;background:#f4f8fa;color:#345366}
.sheet-zoom label{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.4}
.sheet-zoom output{font-weight:600;color:#102534;white-space:nowrap}
.sheet-zoom input{width:100%;min-width:0;accent-color:#008cad}
.sheet-zoom button{min-height:42px;border:1px solid #9db1bb;background:#fff;color:#102534;font-size:20px;line-height:1;cursor:pointer}
.sheet-zoom button:hover{border-color:#008cad;background:#e5f2f5}
.sheet-zoom button:focus-visible,.sheet-zoom input:focus-visible{outline:3px solid #e95f34;outline-offset:2px}
.sheet-frame figcaption{min-height:45px;padding:12px 5px 8px;color:#4e6674;font-size:10px;line-height:1.7}
.sheet-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #d4e0e5;padding-top:10px}
.sheet-actions button,.sheet-actions a{border:0;background:transparent;color:#126a83;font:600 9px var(--sans);text-decoration:none;cursor:pointer}
.sheet-actions button:hover,.sheet-actions a:hover{color:#e95f34}
.sheet-info{display:flex;flex-direction:column;padding:24px;background:#0b293b;color:#edf3f6}
.sheet-info .eyebrow{margin:0;color:#92e4e7}
.sheet-info h3{margin:16px 0 12px;font:400 29px/1.1 var(--serif)}
.sheet-info>p:not(.eyebrow){margin:0;color:#c7dbe3;font-size:11px;line-height:1.8}
.sheet-info ul{display:grid;gap:11px;margin:24px 0;padding:0;list-style:none}
.sheet-info li{position:relative;padding-left:16px;color:#e5edef;font-size:10px;line-height:1.55}
.sheet-info li::before{position:absolute;left:0;color:#ff8058;content:'↗︎'}
.sheet-reading{margin-top:auto;padding:17px 0;border-top:1px solid #d8edf22e;border-bottom:1px solid #d8edf22e}
.sheet-reading b{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#a9e8e9}
.sheet-reading p{margin:8px 0 0;color:#c7dbe3;font-size:10px;line-height:1.75}
.drawing-legend{display:flex;flex-wrap:wrap;gap:10px 14px;padding-top:18px}
.drawing-legend span{display:flex;align-items:center;gap:7px;color:#d6e5ea;font-size:8px}
.drawing-legend i{width:9px;height:9px;border-radius:50%}.legend-blue{background:#00a4ca}.legend-orange{background:#e95f34}.legend-green{background:#b6e8db}
.sheet-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;align-items:start;margin:28px 0 48px;padding:23px 0;border-top:1px solid #b8cbd4;border-bottom:1px solid #b8cbd4}
.sheet-note span{font:400 22px/1.25 var(--serif);color:#102534}.sheet-note p{margin:0;max-width:720px;color:#4e6674;font-size:11px;line-height:1.8}
.technical-boundary{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:28px;background:#dce8ee;border-left:4px solid #e95f34}
.technical-boundary .eyebrow{margin:0 0 12px;color:#007e9d}
.technical-boundary h3{margin:0;font:400 clamp(24px,3vw,36px)/1.12 var(--serif)}
.technical-boundary>p{margin:0;color:#455e6c;font-size:11px;line-height:1.85}
.deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid #bdccd4}
.deliverable-grid article{min-height:155px;padding:19px;border-right:1px solid #bdccd4;background:#f8fbfc}
.deliverable-grid article:last-child{border:0}
.deliverable-grid b{font-size:8px;letter-spacing:.13em;color:#0086a4}
.deliverable-grid h3{margin:20px 0 8px;font:400 19px var(--serif)}
.deliverable-grid p{margin:0;color:#607785;font-size:9px;line-height:1.7}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.sheet-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.sheet-layout{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}.deliverable-grid{grid-template-columns:repeat(2,1fr)}.deliverable-grid article:nth-child(2){border-right:0}.deliverable-grid article:nth-child(n+3){border-top:1px solid #bdccd4}}
@media(max-width:820px){.sheet-layout{grid-template-columns:1fr}.sheet-info{min-height:auto}.sheet-reading{margin-top:5px}.sheet-note,.technical-boundary{grid-template-columns:1fr;gap:14px}.sheet-note{margin-bottom:35px}}
@media(max-width:560px){.sheet-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sheet-picker button{min-height:57px;padding:8px 10px}.sheet-picker button span{font-size:9px}.sheet-frame{padding:8px}.sheet-topline{font-size:7px}.sheet-canvas img{width:760px;max-width:none}.sheet-actions{gap:4px}.sheet-actions button,.sheet-actions a{font-size:8px}.sheet-info{padding:21px}.technical-boundary{padding:21px}.deliverable-grid article{min-height:150px;padding:15px}.deliverable-grid h3{font-size:17px}.section-title{grid-template-columns:1fr}}
@media(max-width:560px){.sheet-zoom{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;padding:8px}.sheet-zoom label{grid-column:1/-1;grid-row:1}.sheet-zoom input{grid-column:2;grid-row:2}.sheet-zoom button:first-of-type{grid-column:1;grid-row:2}.sheet-zoom button:last-of-type{grid-column:3;grid-row:2}}

.sheet-contact{margin:30px 0 0;padding:20px 0;border-bottom:1px solid #bdccd4;color:#526b7a;font:400 20px var(--serif)}
.sheet-contact a{margin-left:10px;color:#007e9d;font:600 10px var(--sans);text-decoration-thickness:1px;text-underline-offset:4px}
.sheet-contact a:hover,.sheet-contact a:focus-visible{color:#e95f34}
@media(max-width:560px){.sheet-contact{font-size:18px;line-height:1.6}.sheet-contact a{display:inline-block;margin:8px 0 0}}

.brief{background:#dce8ee}
.brief .section-label{color:#007e9d}
.brief-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:36px}
.brief-profile,.brief-priorities{padding:27px;background:#f8fbfc;border:1px solid #bdccd4}
.brief-profile .eyebrow,.brief-priorities .eyebrow,.program-tables .eyebrow,.material-direction .eyebrow{margin:0;color:#00819f}
.brief-profile h3{max-width:470px;margin:25px 0 12px;font:400 30px/1.12 var(--serif)}
.brief-profile>p:not(.eyebrow){max-width:520px;color:#4e6674;font-size:11px;line-height:1.85}
.brief-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}
.brief-tags span{padding:8px 10px;border:1px solid #b9ccd5;color:#31556a;font-size:8px;letter-spacing:.08em}
.brief-priorities ol{display:grid;gap:0;padding:0;margin:13px 0 0;list-style:none}
.brief-priorities li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;border-top:1px solid #d2dfe4;color:#415c6b;font-size:10px;line-height:1.7}
.brief-priorities li b{color:#e95f34;font-size:9px}
.program-tables{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.program-tables article{padding:23px 25px;background:#0b293b;color:#edf3f6}
.program-tables article>div{padding-bottom:12px;border-bottom:1px solid #d8edf22e}
.program-tables h3{margin:10px 0 0;font:400 23px var(--serif)}
.program-tables ul{margin:0;padding:0;list-style:none}
.program-tables li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #d8edf21c;color:#d5e5ea;font-size:9px}
.program-tables li b{white-space:nowrap;color:#a9e8e9;font-weight:500}
.program-tables li.program-total{border:0;color:#fff;font-weight:600}
.material-direction{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;margin-top:14px;padding:26px;background:#f8fbfc;border:1px solid #bdccd4}
.material-direction h3{margin:13px 0 0;font:400 clamp(23px,3vw,34px)/1.13 var(--serif)}
.material-direction h3 em{color:#00819f;font-weight:400}
.material-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.material-swatches>div{display:flex;flex-direction:column;gap:5px;color:#314e5f;font-size:8px}
.material-swatches i{display:block;width:100%;height:39px;border:1px solid #aebfc7}
.swatch-metal{background:linear-gradient(115deg,#d7e0e3,#718792,#e6edef,#718792)}.swatch-stone{background:linear-gradient(135deg,#a8bbc1,#657b84,#ccd9dc)}.swatch-timber{background:repeating-linear-gradient(10deg,#926e50 0 4px,#b69573 4px 9px,#806044 9px 12px)}.swatch-glass{background:linear-gradient(120deg,#beeaf0,#f1faf9 35%,#9ad7e0 55%,#e6f6f5)}
.material-swatches span{color:#728895}
.future-systems,.open-questions{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;margin-top:14px;padding:22px 25px;border-left:4px solid #008cad;background:#e8f2f5}
.future-systems b,.open-questions b{font:400 19px/1.25 var(--serif);color:#102534}
.future-systems p,.open-questions p{margin:0;color:#526b7a;font-size:10px;line-height:1.8}
.open-questions{border-left-color:#e95f34;background:#f8fbfc}
@media(max-width:820px){.brief-grid,.program-tables{grid-template-columns:1fr}.material-direction,.future-systems,.open-questions{grid-template-columns:1fr;gap:12px}}
@media(max-width:560px){.brief-profile,.brief-priorities{padding:20px}.brief-profile h3{font-size:25px}.program-tables article{padding:19px}.material-direction{padding:20px}.material-swatches{grid-template-columns:repeat(2,1fr);gap:14px}.material-swatches i{height:48px}.future-systems,.open-questions{padding:18px}}

/* Maqueta legible y coordinada con los esquemas de planta */
.model-view-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.model-view-tools button{min-height:42px;padding:10px 16px;border:1px solid #899ea7;background:transparent;color:#eaf1f4;font:500 10px var(--sans);cursor:pointer}
.model-view-tools button[aria-pressed=true]{border-color:#67c9c6;background:#c4e7e9;color:#102b3a}
.model-view-tools button:focus-visible{outline:3px solid #e95f34;outline-offset:3px}
.axon{padding:14px;background:#eaf1f4;border:1px solid #ffffff35}
.axon img{display:block;width:100%;height:auto}
.axon figcaption{padding:13px 8px 5px;color:#425d6b;font-size:11px;line-height:1.7}
.model-key .key-social{background:#acd0d8}.model-key .key-private{background:#c4d6dc}.model-key .key-court{background:#70b7a6}.model-key .key-service{background:#4aaabd}
@media(max-width:560px){.model-view-tools{display:grid;grid-template-columns:1fr 1fr}.model-view-tools button{padding:9px 8px;font-size:9px}.axon{padding:7px}.axon figcaption{font-size:10px}}
.drawing-legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:18px}
.drawing-legend span{display:flex;align-items:center;gap:7px;color:#456071;font-size:9px}
.sheet-info .drawing-legend span{color:#d6e5ea;font-size:9px}
.sheet-info .drawing-legend i{width:12px;height:12px;border:1px solid #a9bec8}
.drawing-legend i{display:inline-block;width:12px;height:12px;border-radius:2px}
.legend-social{background:#eaf1f4;border:1px solid #97b7c2}.legend-private{background:#e3f1f5;border:1px solid #517080}.legend-flex{background:#eff5d5;border:1px solid #adb49e}.legend-service{background:#f8e6dc;border:1px solid #c7967e}.legend-circulation{background:#dce9ed;border:1px solid #8097a0}.legend-court{background:#d7f3ef;border:1px dashed #008cad}

/* Touch layout: keep document width inside the device and make the drawing's
   intentional horizontal pan local to its frame. */
html{overflow-x:hidden;overflow-x:clip}
.sheet-mobile-hint{display:none}
@media(max-width:560px){
  .topbar{align-items:center;gap:8px}
  .topbar nav{max-width:76%;gap:6px 10px}
  .topbar nav a{display:inline-flex;min-height:36px;align-items:center}
  .fiction{font-size:8px;line-height:1.5;letter-spacing:.1em}
  .section-title>*{min-width:0}
  .sheet-mobile-hint{display:block;margin:-8px 0 12px;color:#456071;font-size:11px;line-height:1.55}
  .sheet-layout,.sheet-frame,.sheet-info,.brief-grid>*,.program-tables>*{min-width:0}
  .sheet-topline{flex-wrap:wrap;align-items:flex-start;font-size:8px;line-height:1.5}
  .sheet-topline span:last-child{text-align:right}
  .sheet-canvas{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin}
  .sheet-canvas img{width:760px;max-width:none}
  .sheet-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:center}
  .sheet-actions button,.sheet-actions a{min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:7px 3px;font-size:9px;line-height:1.3;white-space:normal}
  .sheet-actions a{text-align:center;overflow-wrap:anywhere}
  .program-tables li{align-items:flex-start;gap:8px;font-size:10px}
  .program-tables li span{min-width:0;overflow-wrap:anywhere}
  .program-tables li b{flex:none}
  .sheet-picker button,.model-view-tools button{min-height:48px}
  .footer{row-gap:10px}
}