.examples-hero{background:var(--espresso);color:var(--ivory)}
.examples-hero-inner{padding-block:clamp(78px,9vw,138px) clamp(82px,9vw,132px)}
.examples-hero .eyebrow{color:var(--gold);margin-bottom:28px}
.examples-hero .eyebrow-line{background:var(--gold)}
.examples-hero h1{font:400 clamp(58px,7.2vw,104px)/1.08 var(--serif);letter-spacing:-.055em;margin:0 0 30px}
.examples-hero h1 em{font-weight:400;color:var(--rose)}
.examples-lead{font:italic 400 clamp(25px,2.7vw,37px)/1.35 var(--serif);margin:0 0 22px}
.examples-intro{font-size:17px;line-height:1.75;max-width:760px;color:var(--warm-muted);margin:0}
.examples-index{background:var(--espresso-soft);color:var(--ivory);border-block:1px solid var(--dark-rule)}
.examples-index-links{display:flex;gap:15px 27px;flex-wrap:wrap;padding-block:24px}
.examples-index a{font-size:13px;line-height:1.4;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,164,103,.65);padding-bottom:5px}
.examples-index a:hover{color:var(--gold)}
.project-categories{background:var(--ivory)}
.project-category{scroll-margin-top:32px;border-bottom:1px solid rgba(41,35,31,.2);padding-block:clamp(54px,6vw,82px)}
.project-category-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(35px,6vw,95px);align-items:start}
.project-category-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;align-items:start}
.project-category-heading>span{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--espresso);border-top:1px solid var(--gold);padding-top:13px}
.project-category h2{font:400 clamp(31px,3.7vw,53px)/1.2 var(--serif);letter-spacing:-.035em;color:var(--espresso);margin:0}
.project-category-intro>p{font-size:16px;line-height:1.75;color:var(--ink-soft);margin:5px 0 0;max-width:600px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:38px}
.project-card{display:block;border:0;background:transparent;color:var(--espresso);text-align:left;padding:0;width:100%;cursor:pointer}
.project-card-image{aspect-ratio:4/3;overflow:hidden;background:var(--parchment);display:block}
.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.project-card:hover img{transform:scale(1.025)}
.project-card-title{display:block;font:400 24px/1.3 var(--serif);margin-top:15px}
.project-card-description{display:block;font-size:14px;line-height:1.55;color:var(--ink-soft);margin-top:5px}
.project-card-count{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:9px}
.project-lightbox{border:1px solid var(--gold);background:var(--espresso);color:var(--ivory);padding:0;width:min(94vw,1180px);max-height:94vh}
.project-lightbox::backdrop{background:rgba(17,14,12,.88)}
.project-lightbox-inner{padding:clamp(16px,2.5vw,31px)}
.lightbox-close{display:block;margin:0 0 16px auto;background:transparent;border:1px solid var(--gold);color:var(--ivory);padding:10px 15px;min-height:44px}
.lightbox-close span{font-size:22px;line-height:0;vertical-align:middle;margin-left:14px}
.project-lightbox figure{margin:0}
.project-lightbox img{width:auto;max-width:100%;max-height:65vh;object-fit:contain;margin-inline:auto}
.project-lightbox figcaption{display:grid;gap:5px;margin-top:17px;font-size:14px;line-height:1.5;color:var(--warm-muted)}
.project-lightbox figcaption strong{font:400 22px/1.3 var(--serif);color:var(--ivory)}
.lightbox-count{font-size:12px;letter-spacing:.06em}
.lightbox-controls{display:flex;justify-content:space-between;gap:16px;margin-top:15px}
.lightbox-controls button{border:1px solid var(--gold);background:transparent;color:var(--ivory);min-height:44px;padding:9px 16px;font-size:14px}
.lightbox-close:hover,.lightbox-controls button:hover{background:var(--ivory);color:var(--espresso)}
.selected-work-section{background:var(--parchment);color:var(--espresso);padding:105px 0 112px}
.selected-work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}
.selected-work-heading .eyebrow{color:var(--ink-soft);margin-bottom:25px}
.selected-work-heading .eyebrow-line{background:var(--rose)}
.selected-work-heading h2{font:400 clamp(44px,5vw,74px)/1.14 var(--serif);letter-spacing:-.045em;max-width:760px;margin:0}
.selected-work-heading h2 em{color:var(--espresso)}
.selected-work-heading .text-link{flex:none;margin-bottom:8px}
.selected-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.selected-work-grid .project-card{color:var(--espresso);text-decoration:none}
@media(max-width:800px){
  .project-category-intro{display:block}
  .project-category-intro>p{margin:23px 0 0 50px}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .selected-work-heading{display:block}
  .selected-work-heading .text-link{margin-top:25px}
  .selected-work-section{padding:78px 0 84px}
}
@media(max-width:520px){
  .examples-hero-inner{padding-block:68px 75px}
  .examples-hero h1{font-size:clamp(51px,12vw,68px)}
  .examples-intro{font-size:16px}
  .examples-index-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-block:20px}
  .examples-index a{flex:none;white-space:nowrap}
  .project-category{padding-block:48px 53px}
  .project-category-heading{grid-template-columns:28px minmax(0,1fr);gap:12px}
  .project-category h2{font-size:clamp(31px,8vw,40px)}
  .project-category-intro>p{margin:21px 0 0 40px}
  .project-grid,.selected-work-grid{display:block}
  .project-card+.project-card{margin-top:28px}
  .project-lightbox{width:100vw;max-height:100vh;border:0}
  .project-lightbox img{max-height:62vh}
  .selected-work-section{padding:70px 0 76px}
  .selected-work-heading h2{font-size:clamp(42px,11vw,55px)}
}
@media(prefers-reduced-motion:reduce){.project-card img{transition:none}}