/* Soft white, warm mushroom gray and brass. */
:root{--paper:#fff;--ink:#221f20;--gold:#9e7e47;--line:#dedbd5;--muted:#646160;--platinum:#f4f3f0;--mushroom:#7b726b}
body{background:var(--paper);color:var(--ink)}
header{background:var(--mushroom);border-bottom:2px solid #9e7e47;height:110px}
.nav,.menu{color:#f6f3ed}.nav a,.menu,.link{transition:color .2s ease}
.nav a:hover,.nav a[aria-current="page"],.menu:hover{color:#f0dfbb}
.eyebrow,.business-contact dt{color:#866735}p{color:#646160}
.link,.directions{color:#755a30;border-color:#9e7e47}.link:hover,.directions:hover{color:#221f20}
.strip{margin:0;padding:24px 8%;background:#9e7e47;color:#fff;border:0;letter-spacing:1.6px}
.photo-hero{height:min(790px,76vw);min-height:530px}
.photo-hero .eyebrow,.photo-hero .link{color:#fff}.photo-hero .link{border-color:#f0dfbb}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 36px}
.tile-photo{height:auto;aspect-ratio:4/3;background:#f4f3f0}.tile h3{font-size:32px}.tile .meta{color:#866735}
.filters button{color:#646160}.filters button.active{color:#755a30;box-shadow:0 2px #9e7e47}.filters button:hover{color:#221f20}
.tile-art,.tile:nth-child(2n) .tile-art{background:#f4f3f0!important;border-color:var(--line)}
.collection-label{color:var(--ink)}.collection-note{color:var(--muted)}
.story{background:var(--mushroom);color:#fff}.story p{color:#f5f1ec}.story .eyebrow{color:#f0dfbb}.story .link{color:#f0dfbb}
.story-mark{background:transparent;border:1px solid #9e7e47}.story-mark strong{color:#f0dfbb}.story-mark p{color:#f5f1ec}
.team-photo-link{padding:80px 8%;background:#f4f3f0;border:0}.team-photo-link h2{font-size:clamp(38px,4vw,58px)}
.workshop{background:#fff;color:var(--ink)}.workshop p{color:#646160}.workshop .eyebrow{color:#866735}
.film{background:#f4f3f0;border-color:#c7b48f}.film small{color:#646160}
.contact{background:#f4f3f0;border-top:1px solid #dedbd5}.business-contact dt{color:#866735}
input,select,textarea{border-bottom-color:#aaa59e}.submit{background:#9e7e47;color:#fff;transition:background .2s ease}.submit:hover{background:#755a30}
footer{margin:0;padding:45px 8%;background:var(--mushroom);color:#f5f1ec;border-top:2px solid #9e7e47}
.caption,.portrait figcaption,.process figcaption{color:#646160}
.team-title{background:#f4f3f0;padding-bottom:65px}.portrait{padding-top:30px}.process.tint{background:#f4f3f0}.team-cta{background:var(--mushroom);color:white}.team-cta .eyebrow,.team-cta .link{color:#f0dfbb}
#navigation{background:var(--mushroom);color:white}#navigation .eyebrow{color:#f0dfbb}#navigation a:hover{color:#f0dfbb}
dialog::backdrop{background:rgba(79,72,66,.85)}*:focus-visible{outline:2px solid #9e7e47;outline-offset:5px}
@media(min-width:1100px){.tile-photo{aspect-ratio:1.4}}
@media(max-width:750px){header{height:95px}.strip{font-size:8px;padding:20px 7%;gap:20px}.grid{grid-template-columns:1fr;gap:36px}.tile-photo{aspect-ratio:4/3}.tile h3{font-size:29px}.photo-hero{min-height:540px;height:75svh;max-height:760px}.team-photo-link{padding:60px 8%}.filters{gap:16px}.filters button{font-size:9px;padding:12px 0}footer{padding:35px 8%}}

/* Display the supplied logo in full, at its native proportions. */
.logo-crop{width:235px;aspect-ratio:2098/749}
.footer-logo{width:190px}
@media(max-width:750px){.logo-crop{width:195px}.footer-logo{width:168px}}
.logo-crop img{position:static;width:100%;height:auto;transform:none;object-fit:contain}

/* Responsive workshop film. */
.film{padding:32px 24px}.workshop-video{position:relative;aspect-ratio:16/9;margin:25px auto 0;max-width:1100px;background:#171717}.workshop-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:750px){.film{padding:24px 12px}.film h3{font-size:26px}}

/* Feature the workshop film immediately after the team portrait. */
.team-film{margin:32px 6% 0}.team-film .film{margin-top:0}@media(max-width:750px){.team-film{margin:24px 4% 0}.team-film .film{padding:24px 16px}}

/* Keep the team film in proportion on phones and desktops. */
.team-film{scroll-margin-top:130px}.team-film .workshop-video{width:100%;overflow:hidden}.workshop-video video{display:block;width:100%;height:100%;object-fit:contain;background:#171717}.video-help{font-size:13px;margin:16px auto 0;max-width:620px}

.team-film .workshop-video{aspect-ratio:3/2;max-width:960px}

.commercial-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;background:var(--platinum)}.commercial-preview img{display:block;width:100%;height:auto}.commercial-preview p{max-width:420px}@media(max-width:750px){.commercial-preview{grid-template-columns:1fr;gap:35px}}@media(min-width:1001px) and (max-width:1250px){.nav{display:none}}