/* Twin Peaks Granite proposed forest palette and text treatment. Layout and mechanics preserved. */
:root{--ink:#493c43;--paper:#f3f1ec;--sand:#ddd5c7;--rust:#945137;--pf-ink:#493c43;--pf-accent:#493c43;--pf-paper:#ffffff;--pf-soft:#f1eee7;--pf-line:#c7cccf}
body{color:var(--ink);background-color:var(--paper)}.notice{background:#302930}.lux-header,.project-header{background:linear-gradient(#f3f1ecef,#f3f1ece8),url('/assets/header-wave.webp') center/cover}.dark{background:#493c43}.hero-shade{background:linear-gradient(90deg,rgba(13,27,41,.78),rgba(13,27,41,.24) 62%,rgba(13,27,41,.08))}.hero .eyebrow{color:#f2d7bb}.hero-footnote{color:#fff}.btn:not(.outline){background:#493c43;border-color:#493c43;color:#fff}.btn.outline{color:#493c43;border-color:#70818d;background:transparent}.hero .btn{background:#f3f1ec;color:#493c43;border-color:#f3f1ec}.hero-link{color:#fff}.eyebrow{color:#945137}.dark .eyebrow{color:#f0c4a2}.project-dock{background:#f3f1eced}.sheet-links a:hover{background:#fff8ef;border-color:#8796a0}.profile-reference{background:linear-gradient(115deg,#e8e7e1f0,#f3f1eceb),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:#493c43}a:focus-visible,button:focus-visible{outline:3px solid #9c623e;outline-offset:4px}.pf{--pf-accent:#493c43;--pf-ink:#493c43}body:has(#project-workspace){background:linear-gradient(#f3f1eceb,#f3f1eceb),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}}

.lux-header,.project-header{background:#493c43;color:#fff}.lux-header nav a,.project-header .return-link,.project-logo-context{color:#fff}.lux-header .mobile-menu{color:#fff;border-color:#a1a9a7;background:transparent}.lux-header nav .btn{border-color:#bbc3bd}.menu-brand,.footer-brand,.logo-dock{background:#493c43;border-radius:5px;padding:10px 14px}.project-logo img,.logo-brand img{width:230px}.menu-brand img{width:210px}.footer-brand img{width:210px}.logo-dock img{width:130px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.work-card:first-child{grid-column:auto}.work-image img,.work-card:first-child .work-image img{width:100%;height:auto;aspect-ratio:769/513;object-fit:contain}.work-viewer-image{max-height:72vh;object-fit:contain;width:100%;height:auto}.work-zoom{font-size:24px}.project-header .return-link{border-color:#929d9d}.quick-tiles .contact-option small{overflow-wrap:anywhere}@media(max-width:760px){.logo-brand img{width:175px}.project-logo img{width:170px}.work-grid{grid-template-columns:1fr}.menu-brand img{width:160px}}@media(max-width:360px){.project-logo img{width:125px}.logo-brand img{width:145px}}
.work-card:first-child figcaption{display:block}.work-card:first-child h3{margin:0 0 9px;max-width:none}.work-card:first-child figcaption p{margin:0 0 10px;max-width:none}.work-card:last-child .work-image>img{aspect-ratio:769/513}.work-card:last-child{grid-column:auto}
.direction-note{max-width:800px;margin:0 auto 22px;padding:16px 20px;background:#fff8eb;border-left:3px solid #945137;border-radius:5px;font-size:14px;line-height:1.6}

.work-image img,.work-card:first-child .work-image img,.work-card:last-child .work-image>img{aspect-ratio:1;object-fit:contain}.work-viewer-image{max-width:590px;width:100%;height:auto;margin:auto}.contact a[href^="mailto"]{overflow-wrap:anywhere}.work-card:first-child figcaption{display:block}
.logo-brand,.project-brand.project-logo,.menu-brand,.footer-brand,.logo-dock{background:#fff;padding:3px;border-radius:5px}.logo-brand img,.project-logo img{width:86px;height:auto;object-fit:contain}.menu-brand img,.footer-brand img{width:95px}.logo-dock img{width:54px}.lux-header{padding-top:10px;padding-bottom:10px}.project-header{padding-top:10px;padding-bottom:10px}@media(max-width:760px){.logo-brand img,.project-logo img{width:68px}.menu-brand img{width:76px}}

.logo-brand,.project-brand.project-logo,.menu-brand,.footer-brand,.logo-dock{background:transparent;padding:0}.logo-brand img,.project-logo img{width:220px}.menu-brand img,.footer-brand img{width:210px}.logo-dock img{width:115px}.work-image{height:380px;background:#e6e2db}.work-image img,.work-card:first-child .work-image img,.work-card:last-child .work-image>img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain}.work-viewer-image{max-width:100%;width:auto;max-height:70vh;margin:auto}.hero-footnote{font-size:12px}@media(max-width:760px){.logo-brand img,.project-logo img{width:160px}.menu-brand img{width:165px}.work-image{height:330px}}@media(max-width:360px){.logo-brand img,.project-logo img{width:125px}}
/* Light proposed wordmark needs a dark surface in every placement. */
.menu-brand,.footer-brand,.logo-dock{background:#493c43;padding:9px 12px;border-radius:5px}

.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card h3{font-size:24px}.work-image{height:320px}.work-card:last-child{grid-column:auto}@media(max-width:900px){.work-grid{grid-template-columns:1fr 1fr}.work-card:last-child{grid-column:1/-1;max-width:520px;justify-self:center}}@media(max-width:600px){.work-grid{grid-template-columns:1fr}.work-card:last-child{grid-column:auto;max-width:none}.work-image{height:330px}}