.text-action{display:inline-block;padding:12px 0;font:14px/1.6 Arial,sans-serif;text-underline-offset:6px}
.featured-work{padding:48px 40px;background:rgba(15,19,19,.88)}
.featured-work h2{font-size:clamp(36px,3.7vw,50px)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.project-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);text-decoration:none;background:rgba(11,15,15,.62)}
.project-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.project-card-copy{display:flex;flex:1;flex-direction:column;padding:22px}
.project-card .eyebrow{font-size:10px;margin-bottom:10px}
.project-card strong{font:400 26px/1.2 Georgia,serif;color:#f3eee5}
.project-card-action{margin-top:auto;padding-top:24px;color:#d3bd95;font:13px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}
.project-card:hover{border-color:#d3bd95}
.project-card:hover .project-card-action{color:#f3eee5}
.project-photo-pending{display:grid;place-items:center;aspect-ratio:4/3;padding:24px;background:#1a201f;font:14px/1.7 Arial,sans-serif;color:#cfc7b9;text-align:center}
.project-fallback{padding-top:42px;margin-top:36px;border-top:1px solid var(--line)}
.project-fallback>p{max-width:70ch}
.case-photos{display:flex;flex-wrap:wrap;gap:22px;margin:24px 0}
.case-photos figure{margin:0;max-width:460px}
.case-photos img{max-width:100%;height:auto}
.case-photos figcaption{font:12px/1.6 Arial,sans-serif}
.section-intro{padding:52px 40px 4px}
.section-intro h2{font-size:clamp(34px,3.5vw,46px)}
.category-browser .capabilities{padding-top:18px}
.category-panel h3{font-size:28px;margin:0 0 12px}
.category-examples img{width:100%;max-width:900px;height:520px;max-height:70vh;aspect-ratio:auto;object-fit:contain;margin:auto;background:rgba(9,13,13,.68)}
.category-examples figure{min-width:0}
.category-examples figcaption{max-width:900px;margin:12px auto 0;text-align:center}
.photo-controls{flex-wrap:wrap;gap:16px}
.photo-positions{gap:6px}
.photo-positions button{min-width:40px}
.category-panel>.text-action{margin-top:22px}
.maker{padding:48px 40px;gap:44px}
.maker-portrait{max-width:360px}
.maker h2{font-size:clamp(36px,3.5vw,48px)}
.approach{padding-top:48px;padding-bottom:48px}
.inquiry{padding-top:48px;padding-bottom:48px}
.inquiry h2{font-size:clamp(36px,3.6vw,50px)}
select{display:block;width:100%;border:1px solid #817a6b;border-radius:0;background:#1c2322;color:var(--cream);font:16px/1.5 Arial,sans-serif;margin-top:8px;padding:12px;min-height:48px}
select:focus-visible{outline:3px solid var(--brass);outline-offset:5px}
.optional{color:var(--muted);font-size:11px;margin-left:8px}
.draft-actions{display:flex;flex-wrap:wrap;gap:12px}
.button-secondary{border-color:var(--line)}
.news-compact{padding:40px}
.news-compact .news-heading{max-width:760px;margin-bottom:24px}
.news-compact h2{font-size:clamp(30px,3vw,40px)}
.news-compact .news-heading p{font-size:16px}
.book-row{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.book-row article{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start}
.book-row img{width:96px;height:auto}
.book-row h3{font-size:23px;margin:0 0 10px}
.book-row p{font-size:15px;margin-bottom:10px}
.book-row a{display:inline-block;min-height:44px;font:13px/1.6 Arial,sans-serif;padding:10px 0}
.book-safety{margin:22px 0 0}
.private-review{padding:28px 40px;background:rgba(15,19,19,.92);margin-top:22px}
.private-review details{font:13px/1.7 Arial,sans-serif}
.private-review p{color:#d0c9bf}
.private-review ul{color:#d0c9bf;padding-left:20px}
#project-dialog{width:min(94vw,1240px);max-height:92vh;padding:28px;background:#101615;color:#f3eee5;border:1px solid var(--brass);overflow:auto}
#project-dialog::backdrop{background:rgba(0,0,0,.88)}
.project-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.project-dialog-top .eyebrow{margin:0}
#project-dialog-close,.project-gallery-controls button{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:transparent;color:#f3eee5;cursor:pointer;font:14px/1.5 Arial,sans-serif}
#project-dialog-title{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:24px 0}
.project-dialog-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:34px;align-items:start}
.project-gallery{min-width:0}
#project-main-image{display:block;width:100%;height:440px;max-height:52vh;object-fit:contain;background:#0b1010}
#project-photo-caption{margin:12px 0}
.project-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}
.project-gallery-controls p{margin:0}
.project-gallery-controls button:disabled{opacity:.35;cursor:default}
.project-thumbnails{display:flex;gap:8px;overflow-x:auto;margin-top:16px;padding:4px 4px 12px}
.project-thumbnails button{flex:0 0 74px;min-height:58px;padding:3px;border:1px solid var(--line);background:#1c2322;cursor:pointer}
.project-thumbnails button[aria-pressed="true"]{border:3px solid var(--brass);padding:1px}
.project-thumbnails img{display:block;width:100%;height:54px;object-fit:contain}
.project-story>p:first-child{font-size:18px;line-height:1.75}
.project-story .button{width:100%;margin-top:6px}
.project-dialog-note{margin-top:18px}
@media(max-width:1000px){.project-grid{gap:18px}.project-card strong{font-size:23px}}
@media(max-width:760px){
.featured-work{padding:34px 22px}.featured-work .section-heading{margin-bottom:24px}
.project-grid{grid-template-columns:1fr;gap:20px}.project-card-copy{padding:20px}.project-card strong{font-size:27px}
.project-card-action{padding-top:18px}.section-intro{padding:36px 22px 0}.category-panel{padding-bottom:30px}
.category-examples img{height:430px;max-height:65vh}.photo-controls{gap:10px}.photo-positions{order:4;justify-content:center;width:100%}
.photo-positions button{min-width:36px;min-height:44px}.photo-controls .fine{margin:0}
.maker{padding:34px 22px;gap:28px}.maker-portrait{max-width:330px}.maker h2{font-size:40px}
.approach,.inquiry{padding:36px 22px}.inquiry .draft-actions .button{width:100%}
.news-compact{padding:32px 22px}.book-row{grid-template-columns:1fr;gap:24px}.book-row article{grid-template-columns:82px 1fr;gap:18px}.book-row img{width:82px}
.private-review{padding:22px}
#project-dialog{padding:20px;width:calc(100vw - 20px);max-height:94vh}.project-dialog-layout{grid-template-columns:1fr;gap:24px}
#project-dialog-title{font-size:32px;margin:18px 0}#project-main-image{height:300px;max-height:48vh}
.project-story>p:first-child{font-size:17px}.project-story .button{font-size:13px}
}
@media(max-width:360px){.project-card strong{font-size:25px}.project-dialog-top .eyebrow{font-size:9px}.project-story .button{padding-inline:10px}}

.project-card[data-project="conference-table"]>img{object-fit:contain;background:#101615}
.case-photos img[src*="MC-P"]{max-width:480px;max-height:360px;object-fit:contain}

@media(max-width:760px){
}

/* Phone review: centred opening crest and pills sized to their labels. */
@media(max-width:760px){
  .hero .crest{left:50%;right:auto;transform:translateX(-50%)}
  header nav{align-items:flex-start;min-width:0;max-width:100%}
  header nav a{flex:0 0 auto;width:auto;max-width:100%}
  .category-browser .capabilities{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px}
  .category-browser .capabilities button{flex:0 0 auto;width:auto;max-width:100%;min-height:46px;padding:12px 16px;white-space:normal}
}

/* Visitor-facing gallery invitation, using the opening headline typeface. */
.category-panel>.text-action{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%;text-decoration:none}
.inquiry-prompt{font:400 italic clamp(36px,3.6vw,50px)/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:var(--cream)}
.inquiry-invitation{font:16px/1.6 Georgia,'Times New Roman',serif;text-decoration:underline;text-underline-offset:6px}
.category-panel>.text-action:focus-visible{outline:3px solid var(--brass);outline-offset:6px}
@media(max-width:760px){.inquiry-prompt{font-size:35.5px}}

/* Phone only: reveal the warmer left-hand bark and lift the crest gently. */
@media(max-width:760px){
 .page-bark img{object-position:42% center}
 .hero .crest{filter:brightness(1.35)}
}

/* Desktop only: centre the crest over the headline's intrinsic text column. */
@media(min-width:761px){
 .hero{grid-template-columns:44% max-content}
 .hero .crest{grid-column:2 / 3;justify-self:center;left:auto;right:auto}
}

.site-footer .site-copyright{margin:16px 0 0;font:12px/1.6 Arial,sans-serif;color:var(--muted)}

.website-information{max-width:720px;margin-top:6px;font:12px/1.7 Arial,sans-serif;color:var(--muted)}
.website-information summary{width:fit-content;min-height:44px;padding-block:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.website-information summary:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.website-information p{margin:0 0 12px}