/* A warm gallery setting for the work, with quiet paper surfaces for reading. */
.dark-showcase{
 --paper:#201b17;
 --white:#29221d;
 --sand:#2b241e;
 --ink:#f8f2e8;
 --muted:#c3b8aa;
 --wood:#d9b78e;
 --line:#514439;
 --dark:#191511;
 --content-width:1480px;
 --section-space:clamp(76px,8vw,124px);
 --column-gap:clamp(36px,6.5vw,100px);
 background:var(--paper);
 color:var(--ink);
 color-scheme:dark;
}
.dark-showcase :is(.site-header,.site-footer,.feature-section,.journey,.inquiry,.privacy-dialog){
 --paper:var(--brand-ivory);
 --white:#fffdf9;
 --sand:var(--brand-surface);
 --ink:var(--brand-black);
 --muted:#6b6055;
 --wood:var(--brand-brown);
 --line:var(--brand-line);
 color:var(--ink);
 color-scheme:light;
}
.dark-showcase :is(h1,h2) em{color:var(--wood)}
.dark-showcase main :focus-visible{outline-color:var(--wood)}
.dark-showcase .skip-link{background:var(--brand-ivory);color:var(--brand-black)}
.dark-showcase .breadcrumbs{padding-top:18px;color:var(--muted)}
.dark-showcase .breadcrumbs a:hover{color:var(--wood)}
.dark-showcase main :is(.button,.button.outline){color:var(--ink);background:transparent;border-color:var(--wood)}
.dark-showcase main :is(.button,.button.outline):hover{color:var(--paper);background:var(--wood);border-color:var(--wood)}
.dark-showcase main .button:disabled:hover{color:var(--ink);background:transparent}
.dark-showcase main .text-link{color:var(--ink);border-color:var(--wood)}
.dark-showcase main .text-link:hover{color:var(--wood)}

/* Give a commission space before explaining its details. */
.dark-showcase .page-intro{padding-block:54px 65px}
.dark-showcase .page-intro h1{font-size:clamp(54px,6.2vw,94px);line-height:1.04;max-width:1150px}
.dark-showcase .page-intro .lead{max-width:62ch;font-size:16px;line-height:1.9;margin-top:28px}
.dark-showcase .service-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);padding-block:45px 85px}
.dark-showcase .service-hero-copy>.eyebrow{margin-bottom:28px}
.dark-showcase .service-hero h1{font-size:clamp(54px,6vw,91px);line-height:1.03;letter-spacing:-.04em}
.dark-showcase .service-hero .lead{font-size:15px;line-height:1.95;margin-block:30px;max-width:46ch}
.dark-showcase .service-hero figure img{height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--sand);outline:none}
.dark-showcase .service-hero figcaption{max-width:64ch;margin-top:16px;font-size:11px}
.dark-showcase .service-intro{padding-block:48px;border-color:var(--line)}
.dark-showcase .service-intro>p:last-child{font-size:clamp(29px,3vw,43px);line-height:1.4;max-width:38ch}
.dark-showcase .service-detail h2,.dark-showcase .feature-inner h2,.dark-showcase .faq-section h2{font-size:clamp(40px,4.3vw,64px);line-height:1.1}
.dark-showcase .numbered-text{padding-block:32px}
.dark-showcase .numbered-text:first-child{padding-top:0}
.dark-showcase .numbered-text h3{font-size:34px}
.dark-showcase .numbered-text p{font-size:14px;line-height:1.9;max-width:56ch}
.dark-showcase .feature-section{background:var(--brand-surface)}
.dark-showcase .feature-inner figure img{height:auto;aspect-ratio:4/3;object-fit:contain;outline:none}
.dark-showcase .feature-inner p:not(.eyebrow){line-height:1.9;max-width:50ch}
.dark-showcase .faq-list summary{padding-block:25px;font-size:14px}
.dark-showcase .faq-list details p{font-size:14px;line-height:1.9}

/* Keep every architectural detail in the original photographic frame. */
.dark-showcase .projects-intro{padding-bottom:48px}
.dark-showcase .projects-intro h1{font-size:clamp(63px,7vw,106px)}
@media(min-width:1051px){
 .dark-showcase .projects-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:25px var(--column-gap);align-items:end}
 .dark-showcase .projects-intro>.eyebrow{grid-column:1/-1;margin:0}
 .dark-showcase .projects-intro>.lead{margin:0 0 8px;max-width:52ch}
}
.dark-showcase .filters{gap:8px 28px;margin-bottom:48px;border-color:var(--line)}
.dark-showcase .filter{background:transparent;color:var(--muted);border-color:transparent}
.dark-showcase .filter.active,.dark-showcase .filter:hover{background:transparent;color:var(--ink);border-bottom-color:var(--wood)}
.dark-showcase .project-collection{gap:80px 56px}
.dark-showcase .project-collection .project-image{background:var(--sand);border:0}
.dark-showcase .project-collection .project-caption{padding-top:25px}
.dark-showcase .project-collection .project-caption h3{font-size:clamp(32px,3.2vw,47px);line-height:1.12}
.dark-showcase .project-collection .project-caption .eyebrow{color:var(--wood)}
.dark-showcase .project-caption .card-arrow{color:var(--wood);border-color:var(--wood)}
.dark-showcase .project-card a:hover .card-arrow{color:var(--paper);background:var(--wood);border-color:var(--wood)}
.dark-showcase .project-summary{line-height:1.85;max-width:53ch;margin-top:15px}
.dark-showcase .project-note.wrap{padding-block:48px 75px;border-color:var(--line)}
.dark-showcase .project-note>p:not(.eyebrow){font-size:28px;line-height:1.45;max-width:43ch}
.dark-showcase .interior-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);padding-block:45px 95px}
.dark-showcase .interior-introduction h1{font-size:clamp(54px,6.1vw,94px);line-height:1.03}
.dark-showcase .interior-introduction .lead{line-height:1.9;max-width:46ch}
.dark-showcase :is(.interior-cover,.interior-gallery,.detail-gallery) .zoom-image{background:var(--sand);border-color:var(--line)}
.dark-showcase .interior-description{padding-block:65px 80px;border-color:var(--line)}
.dark-showcase .interior-description h2{font-size:clamp(40px,4.5vw,66px)}
.dark-showcase .interior-description>p{line-height:1.95;max-width:53ch}
.dark-showcase .interior-gallery{gap:55px 36px}
.dark-showcase .project-cover img,.dark-showcase .project-cover.material img{background:var(--sand)}
.dark-showcase .project-description{padding-block:65px 80px}
.dark-showcase .project-description>p:last-child{font-size:clamp(25px,2.7vw,37px);line-height:1.5;max-width:38ch}
.dark-showcase .detail-gallery{gap:55px 36px}
.dark-showcase .round-arrow{background:var(--brand-ivory);color:var(--brand-black);border:1px solid #6e3e1233}
.dark-showcase .lightbox{background:var(--paper);color:var(--ink);border-color:var(--line)}
.dark-showcase .lightbox-close{color:var(--ink);border-color:var(--wood)}
.dark-showcase .lightbox p{color:var(--muted)}
.dark-showcase .similar-cta{padding-block:80px 100px}
.dark-showcase .similar-cta h2{font-size:clamp(44px,5vw,76px)}

/* The workshop story continues in the same photographic scale. */
.dark-showcase .gallery-introduction h2{font-size:clamp(44px,5vw,72px)}
.dark-showcase .gallery-introduction-bottom>p{line-height:1.95;max-width:52ch}
.dark-showcase .material-main .material-frame{height:clamp(450px,43vw,650px);background:var(--sand);outline:none}
.dark-showcase .material-aside h2{font-size:clamp(40px,4.5vw,66px)}
.dark-showcase .material-aside figure img{outline:none}
.dark-showcase .gallery-section-top h2{font-size:clamp(40px,4.5vw,66px)}
.dark-showcase .atelier-ledger article{padding-block:36px}
.dark-showcase .atelier-ledger p{line-height:1.95}
.dark-showcase .atelier-ledger a{text-decoration:underline;text-decoration-color:var(--wood);text-underline-offset:4px}
.dark-showcase .atelier-panorama img{height:clamp(360px,43vw,650px)}
.dark-showcase .collection-index>a{padding-block:34px}
.dark-showcase .collection-index h2{font-size:clamp(35px,4vw,60px)}
.dark-showcase .philosophy-lead{padding-bottom:95px}
.dark-showcase .philosophy-lead figure img{height:auto;aspect-ratio:4/3;outline:none}
.dark-showcase .statement{padding-block:90px}
.dark-showcase .statement blockquote{font-size:clamp(48px,5.9vw,88px)}
.dark-showcase .journey{background:var(--brand-surface)}
.dark-showcase .journey-step{padding-block:38px}
.dark-showcase .team-wide img{max-height:740px;outline:none}
.dark-showcase .material-explained figure img{background:var(--sand);outline:none}

/* A light, direct invitation after the gallery, without a dead form. */
.dark-showcase .contact-layout{padding-bottom:100px}
.dark-showcase .contact-info>p{line-height:1.9}
.dark-showcase .inquiry{background:var(--brand-ivory);padding:clamp(30px,4vw,60px);border-color:var(--line);border-top-color:var(--wood)}
.dark-showcase .final-cta{padding-block:90px;border-color:var(--line)}
.dark-showcase .final-cta h2{font-size:clamp(55px,6vw,90px)}
.dark-showcase .cta-orbit{background:var(--wood);color:var(--paper);border-color:var(--wood);transition:background .25s,color .25s,border-color .25s}
.dark-showcase .cta-orbit:hover{background:var(--brand-ivory);color:var(--brand-black);border-color:var(--brand-ivory)}
.dark-showcase .cta-bottom>p{color:var(--muted);font-size:13px;line-height:1.95}

@media(max-width:1050px){
 .dark-showcase{--column-gap:36px}
 .dark-showcase .service-hero h1,.dark-showcase .interior-introduction h1{font-size:clamp(49px,6.5vw,70px)}
 .dark-showcase .project-collection{gap:60px 32px}
 .dark-showcase .interior-gallery,.dark-showcase .detail-gallery{gap:40px 26px}
}
@media(max-width:800px){
 .dark-showcase .service-hero,.dark-showcase .interior-hero{grid-template-columns:1fr;gap:24px;padding-block:32px 65px}
 .dark-showcase .service-hero-copy,.dark-showcase .interior-introduction{display:contents}
 .dark-showcase .service-hero-copy>.eyebrow,.dark-showcase .interior-introduction>.eyebrow{order:1;margin:0}
 .dark-showcase .service-hero h1,.dark-showcase .interior-introduction h1{order:2;margin:0;font-size:clamp(44px,8vw,65px)}
 .dark-showcase .service-hero>figure,.dark-showcase .interior-hero>figure{order:3;max-width:none;width:100%}
 .dark-showcase .service-hero .lead,.dark-showcase .interior-introduction .lead{order:4;margin:0;max-width:60ch}
 .dark-showcase .service-hero .button,.dark-showcase .interior-introduction .text-link{order:5;justify-self:start;margin:0}
 .dark-showcase .service-hero figure img{max-height:none}
}
@media(max-width:700px){
 .dark-showcase{--section-space:65px;--column-gap:26px}
 .dark-showcase .breadcrumbs{padding-top:14px;font-size:9px}
 .dark-showcase .page-intro{padding-block:32px 42px}
 .dark-showcase .page-intro h1{font-size:clamp(39px,10.5vw,59px);line-height:1.08}
 .dark-showcase .page-intro .lead{font-size:13px;line-height:1.9;margin-top:22px}
 .dark-showcase .service-hero,.dark-showcase .interior-hero{gap:20px;padding-block:28px 55px}
 .dark-showcase .service-hero h1,.dark-showcase .interior-introduction h1{font-size:clamp(39px,10.5vw,59px);line-height:1.08}
 .dark-showcase .service-hero .lead,.dark-showcase .interior-introduction .lead{font-size:13px;line-height:1.9}
 .dark-showcase .service-hero figcaption{font-size:10px;margin-top:12px}
 .dark-showcase .service-intro{padding-block:34px}
 .dark-showcase .service-intro>p:last-child{font-size:29px;line-height:1.4}
 .dark-showcase .service-detail h2,.dark-showcase .feature-inner h2,.dark-showcase .faq-section h2{font-size:39px}
 .dark-showcase .numbered-text{padding-block:28px;gap:19px}
 .dark-showcase .numbered-text h3{font-size:29px}
 .dark-showcase .numbered-text p,.dark-showcase .faq-list details p{font-size:13px}
 .dark-showcase .faq-list summary{font-size:13px;padding-block:22px}
 .dark-showcase .project-collection{gap:48px}
 .dark-showcase .project-collection .project-caption{padding-top:20px}
 .dark-showcase .project-collection .project-caption h3{font-size:32px}
 .dark-showcase .project-summary{font-size:12px;line-height:1.85;margin-top:12px}
 .dark-showcase .filters{gap:6px 19px;margin-bottom:34px}
 .dark-showcase .projects-intro h1{font-size:clamp(48px,12vw,68px)}
 .dark-showcase .projects-intro{padding-bottom:30px}
 .dark-showcase .project-note.wrap{padding-block:38px 55px}
 .dark-showcase .project-note>p:not(.eyebrow){font-size:25px}
 .dark-showcase .interior-description,.dark-showcase .project-description{padding-block:40px 50px}
 .dark-showcase .interior-description h2{font-size:39px}
 .dark-showcase .interior-gallery,.dark-showcase .detail-gallery{gap:36px}
 .dark-showcase .project-description>p:last-child{font-size:25px}
 .dark-showcase .similar-cta{padding-block:55px 65px}
 .dark-showcase .similar-cta h2{font-size:43px}
 .dark-showcase .gallery-introduction h2{font-size:41px}
 .dark-showcase .material-main .material-frame{height:auto;aspect-ratio:4/3}
 .dark-showcase .material-aside{margin-top:40px}
 .dark-showcase .material-aside h2,.dark-showcase .gallery-section-top h2{font-size:42px}
 .dark-showcase .atelier-ledger article{padding-block:29px}
 .dark-showcase .atelier-ledger p{font-size:13px}
 .dark-showcase .atelier-panorama img{height:auto;aspect-ratio:4/3}
 .dark-showcase .collection-index>a{padding-block:30px}
 .dark-showcase .collection-index h2{font-size:clamp(30px,8vw,44px)}
 .dark-showcase .philosophy-lead{padding-bottom:65px}
 .dark-showcase .statement{padding-block:65px}
 .dark-showcase .statement blockquote{font-size:clamp(39px,10vw,58px)}
 .dark-showcase .journey-step{padding-block:30px}
 .dark-showcase .contact-layout{padding-bottom:65px}
 .dark-showcase .inquiry{padding:32px 23px}
 .dark-showcase .final-cta{padding-block:60px}
 .dark-showcase .final-cta h2{font-size:clamp(45px,11vw,65px)}
}
@media print{
 .dark-showcase{--paper:#fff;--white:#fff;--sand:#fff;--ink:#111;--muted:#444;--wood:#444;--line:#ccc;background:#fff;color:#111;color-scheme:light}
 .dark-showcase .page-intro h1,.dark-showcase .service-hero h1,.dark-showcase .interior-introduction h1{font-size:40px}
 .dark-showcase .service-hero-copy,.dark-showcase .interior-introduction{display:block}
 .dark-showcase .final-cta,.dark-showcase .similar-cta{display:none}
}