/* The approved charcoal, ivory and champagne direction throughout the studio. */
:root{--champagne:#d4bb91;--gold:#816b48}
.hero{padding-top:0}.hero h1 span{color:var(--gold)}
.design-hero-caption{border-bottom:2px solid #a38d6a}
.primary-link{background:var(--ink)}.primary-link:hover{background:#344653}
.design-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:68px}
.design-services article{border-top:1px solid #b7a585;padding-top:24px}
.service-number{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.design-services h3{font-size:25px;line-height:1.2;margin:22px 0 15px}
.design-services p{font-size:15px;line-height:1.75;color:var(--muted);max-width:350px}
.design-services a{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:12px;margin-top:19px;border-bottom:1px solid #b7a585}
.design-services a span{color:var(--gold)}
.project-grid,.project-grid.filtered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 32px;overflow:visible;scroll-snap-type:none;margin:0;padding:0}
.project-card{max-width:none;min-width:0;border-bottom:1px solid #c9c6bb;overflow:visible}
.project-image img{aspect-ratio:16/9;object-fit:contain}
.project-heading{min-height:0;padding:24px 0 20px}
.project-heading h3{font-size:29px}.project-type{margin-top:12px}
.company-credit{border:0;margin:0 0 22px;padding:0;font-size:11px}
.open-arrow{background:var(--ink);color:var(--champagne)}
.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:25px;border-top:1px solid #c9c6bb}
.portfolio-controls p{font-size:12px;color:var(--muted)}
.outline-button{background:transparent;border:1px solid var(--gold);padding:13px 22px;font-size:13px;min-height:48px}
.outline-button span{margin-left:30px}.outline-button:hover{background:var(--ink);color:var(--paper)}
.filters button{min-height:44px}.filters button.active{border-bottom-color:var(--gold);color:#192a35}
.design-stage{border:1px solid var(--line)}
.stage-caption{background:var(--ink);color:var(--paper);border-top:1px solid #b7a585}
.stage-caption .eyebrow{color:var(--champagne)}#stage-description{color:#d1d7d8}
.stage-controls{background:transparent;border:1px solid #6e787c;padding:3px}
.stage-controls button{color:#e6e7e3;min-height:44px}.stage-controls button[aria-pressed=true]{background:var(--champagne);color:#192a35}
.process li{padding:29px 0}.process li>span{color:var(--gold)}
.studio h2 em,.contact h2 em{color:var(--champagne)}
.studio{border-top:3px solid #a38d6a}.services summary:hover{color:var(--champagne)}
.contact{border-top:3px solid #a38d6a}.contact .contact-cta{background:var(--champagne)}
.inquiry-guide{margin-top:38px;border-top:1px solid #657078;padding-top:24px}
.inquiry-guide .eyebrow{color:var(--champagne)}
.inquiry-guide ul{list-style:none;margin:15px 0 0;padding:0;font-size:13px;color:#d1d7d8}
.inquiry-guide li{padding:8px 0}.inquiry-guide li:before{content:'—';margin-right:12px;color:var(--champagne)}
dialog{background:var(--paper)}.dialog-toolbar{background:var(--ink);color:var(--paper);border-color:#a38d6a}
.dialog-toolbar .eyebrow{color:var(--champagne)}.close-button{background:#33444e;color:var(--paper)}
.dialog-toolbar :focus-visible{outline-color:var(--champagne)}
.image-navigation{position:static;width:fit-content;margin:14px 0 0 auto;box-shadow:none;background:var(--ink);color:var(--paper);border:1px solid #a38d6a}
.image-navigation button{min-height:44px;min-width:44px}.image-navigation button:hover{color:var(--champagne)}
.image-thumbnails button[aria-pressed=true]{border-color:var(--gold)}
@media(max-width:1050px){.design-services{gap:26px}.design-services h3{font-size:22px}.project-heading h3{font-size:27px}}
@media(max-width:760px){
 .work{padding-inline:24px}.work-heading{padding-right:0}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:34px}.project-card{max-width:100%}.project-image img{aspect-ratio:16/9}.project-heading{min-height:0}.portfolio-note{padding-right:0}
 .design-services{grid-template-columns:1fr;gap:32px;margin-top:40px}.design-services h3{font-size:25px;margin-top:16px}.design-services p{max-width:none}.design-services a{margin-top:12px}
 .portfolio-controls{gap:14px;align-items:flex-start;flex-wrap:wrap}.outline-button{padding-inline:16px}.outline-button span{margin-left:16px}
 .stage-controls button{padding-inline:8px}.inquiry-guide{margin-top:28px}.dialog-toolbar .eyebrow{max-width:55%;font-size:9px}.image-navigation{margin-top:12px}
}