/* Metrotown Floors + Interiors independent identity proposal. Layout and mechanics preserved. */
:root{--ink:#3b302e;--paper:#faf4ed;--sand:#ddd2c7;--rust:#9b3329;--pf-ink:#3b302e;--pf-accent:#3b302e;--pf-paper:#ffffff;--pf-soft:#f1eee7;--pf-line:#c7cccf}
body{color:var(--ink);background-color:var(--paper)}.notice{background:#302422}.lux-header,.project-header{background:linear-gradient(#faf4edef,#faf4ede8),url('/assets/header-wave.webp') center/cover}.dark{background:#3b302e}.hero-shade{background:linear-gradient(90deg,rgba(35,26,23,.78),rgba(35,26,23,.24) 62%,rgba(35,26,23,.08))}.hero .eyebrow{color:#f2d7bb}.hero-footnote{color:#fff}.btn:not(.outline){background:#3b302e;border-color:#3b302e;color:#fff}.btn.outline{color:#3b302e;border-color:#70818d;background:transparent}.hero .btn{background:#faf4ed;color:#3b302e;border-color:#faf4ed}.hero-link{color:#fff}.eyebrow{color:#9b3329}.dark .eyebrow{color:#f0c4a2}.project-dock{background:#faf4eded}.sheet-links a:hover{background:#fff8ef;border-color:#8796a0}.profile-reference{background:linear-gradient(115deg,#e8e7e1f0,#faf4edeb),url('/assets/menu-wave.webp') center/cover}.profile-reference .hint{font-size:12px;margin-top:18px}.contact .hint a{display:inline;margin:0}.quick-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-brand img,.footer-brand img{width:195px}.menu-brand img{width:180px}.project-logo img{width:210px}.logo-dock img{width:110px}.project-header{color:#3b302e}a:focus-visible,button:focus-visible{outline:3px solid #815c35;outline-offset:4px}.pf{--pf-accent:#3b302e;--pf-ink:#3b302e}body:has(#project-workspace){background:linear-gradient(#faf4edeb,#faf4edeb),url('/assets/menu-wave.webp') center/cover fixed}
@media(max-width:760px){.logo-brand img{width:165px}.menu-brand img{width:145px}.project-logo img{width:170px}.footer-brand img{width:145px}.profile-reference .btn{font-size:13px;padding:13px 16px}.project-header{gap:12px}.return-link{font-size:12px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:360px){.project-logo img{width:125px}.project-header{flex-wrap:wrap}.return-link{max-width:100%;white-space:normal}.logo-brand img{width:145px}.hero-copy{min-width:0}}

.zone-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zone-work-grid .work-card{grid-column:auto}.zone-work-grid .work-card figcaption{display:block}.zone-work-grid .work-card h3{margin:0 0 12px}.zone-work-grid .work-card p{max-width:none;margin:0 0 14px}.zone-work-grid .work-image{aspect-ratio:4/5;background:#e4ddd4}.zone-work-grid .work-image img{width:100%;height:100%;object-fit:contain}.work-viewer-image{width:100%;height:auto;max-height:70vh;object-fit:contain}.contact-option.unavailable{opacity:.7;cursor:default}.contact-option small{overflow-wrap:anywhere}@media(max-width:760px){.zone-work-grid{grid-template-columns:1fr}}