/* 2026-10-27 | Rich photography + stronger typography and contrast */
:root{--ink:#24201d;--muted:#514941;--wooddark:#633b24}
body{color:#25211f}
.section-title,.category-heading h2,.about-text .section-title,
.service-details h3,.project-info h3,.mp-detail-copy .section-title,.mp-contact-side .section-title,
.mp-intro-grid h2,.mp-callout h2,.mp-material h3,.mp-faq summary{color:#27211d}
.about-text .description,.about-highlights p,.services-section .service-details p,
.mp-detail-description,.mp-detail-copy p,.mp-intro-grid p,.mp-contact-side>p,
.mp-step p,.mp-why-grid p,.mp-why-panel span,.mp-material p,
.mp-callout p,.mp-faq details p,.mp-contact-tip p,
.service-details p,.project-info p,.section-heading .lead,
.split-subhead,.flooring-copy>p,.project-info .type,
.process-step p,.contact-left .subtitle,.contact-feature span,
.flooring-after-cards p,.brief-field label,.footer-note,
.mp-contact-form>p,.mp-form-status,.mp-visual-note{
 color:#514942
}
.service-details .meta,.project-info .type,.split-section-top .section-kicker,
.eyebrow{color:#805034}
.footer p,.footer .footer-note,.footer .footer-links a{color:#e0d7cd}
.site-service-card .service-details p,.service-card .service-details p{color:#4d443d}
.mp-scope-list li,.mp-note,.mp-contact-form label{color:#49413b}
.mp-contact-form input,.mp-contact-form select,.mp-contact-form textarea,
.quote-form input,.quote-form select,.quote-form textarea{color:#322923}
.mp-contact-form input::placeholder,.mp-contact-form textarea::placeholder,
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#70665d}
.page-hero-copy h1,.page-hero-copy p,.hero-content h1,.hero-aside p,
.hero-bottom,.mp-path h3,.mp-path p{color:#fff}
.service-image span,.project-cover .tag{color:#362a21}
body .about-section{background:#fff!important}
.site{background:#fff}
.mp-service-grid .service-card .card-bottom{border-top-color:#e0d9d1}
.visual-gallery{padding:88px 0 98px;background:#fff}
.visual-gallery--soft{background:#f8f6f3}
.visual-gallery--dark{background:#29231f}
.visual-gallery--dark .section-title{color:#fff}
.visual-gallery--dark .eyebrow{color:#d7aa81}
.visual-gallery--dark .visual-gallery__heading>p{color:#e0d7ce}
.visual-gallery__heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}
.visual-gallery__heading .section-title{font-size:clamp(38px,4vw,59px);margin-top:10px}
.visual-gallery__heading>p{max-width:460px;font-size:14px;line-height:1.8;color:#4c443e;margin-bottom:0}
.visual-gallery__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:165px;gap:15px}
.visual-gallery__item{position:relative;display:block;overflow:hidden;border-radius:13px;grid-column:span 3;background:#d0b59d;isolation:isolate}
.visual-gallery__item:first-child{grid-column:span 6;grid-row:span 2}
.visual-gallery__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.visual-gallery__item:hover img{transform:scale(1.035)}
.visual-gallery__item:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(16,12,9,.77),transparent);pointer-events:none}
.visual-gallery__item figcaption,.visual-gallery__item .visual-gallery__caption{position:absolute;z-index:2;left:18px;bottom:16px;right:15px;color:#fff;font-size:13px;line-height:1.4;font-weight:700}
.visual-gallery__item figcaption small,.visual-gallery__item .visual-gallery__caption small{display:block;color:#f1dfcf;font-size:9px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}
.visual-gallery__item:first-child figcaption,.visual-gallery__item:first-child .visual-gallery__caption{font-size:22px;left:24px;bottom:24px}
.visual-gallery__item figcaption small{font-family:var(--sans)}
.visual-gallery__footer{font-size:12px;color:#63594f;margin-top:19px;line-height:1.7}
.visual-gallery__footer a{color:#75472a;font-weight:700;border-bottom:1px solid #b98964}
.visual-gallery--strip{padding:66px 0 87px}
.visual-gallery--strip .visual-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:236px}
.visual-gallery--strip .visual-gallery__item,.visual-gallery--strip .visual-gallery__item:first-child{grid-column:auto;grid-row:auto}
.visual-gallery--strip .visual-gallery__item figcaption{font-size:13px;bottom:14px;left:15px}
.detail-lookbook{background:#f8f6f2;padding:80px 0 95px}
.detail-lookbook .section-title{font-size:clamp(38px,3.8vw,59px);margin:10px 0 30px}
.detail-lookbook__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.detail-lookbook__card{margin:0;border-radius:12px;overflow:hidden;border:1px solid #e5dcd3;background:#fff}
.detail-lookbook__card img{width:100%;height:245px;object-fit:cover}
.detail-lookbook__card figcaption{padding:17px 20px;color:#40352e;font-size:13px;font-weight:700}
.detail-lookbook__card figcaption span{display:block;font-size:10px;color:#8c5e40;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.contact-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:26px 0 25px}
.contact-visual img{height:190px;width:100%;object-fit:cover;border-radius:12px}
@media(max-width:970px){
 .visual-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:205px}
 .visual-gallery__item,.visual-gallery__item:first-child{grid-column:auto;grid-row:auto}
 .visual-gallery__item:first-child{grid-column:span 2}
 .visual-gallery--strip .visual-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:215px}
 .visual-gallery__heading{align-items:start}
 .visual-gallery--strip .visual-gallery__item:first-child{grid-column:auto}
 .detail-lookbook__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-lookbook__card:last-child{grid-column:span 2}
}
@media(max-width:620px){
 .visual-gallery,.visual-gallery--strip{padding:67px 0}
 .visual-gallery__heading{display:block;margin-bottom:25px}
 .visual-gallery__heading .section-title{font-size:40px}
 .visual-gallery__heading>p{margin-top:14px;font-size:12px}
 .visual-gallery__grid,.visual-gallery--strip .visual-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:158px;gap:10px}
 .visual-gallery__item:first-child{grid-column:span 2}
 .visual-gallery--strip .visual-gallery__item:first-child{grid-column:span 2}
 .visual-gallery__item .visual-gallery__caption,.visual-gallery__item figcaption{font-size:11px;left:11px;bottom:11px}
 .visual-gallery__item:first-child .visual-gallery__caption,.visual-gallery__item:first-child figcaption{font-size:19px;left:16px;bottom:15px}
 .visual-gallery__item figcaption small{font-size:8px}
 .detail-lookbook{padding:67px 0}
 .detail-lookbook__grid{grid-template-columns:1fr;gap:14px}
 .detail-lookbook__card:last-child{grid-column:auto}
 .detail-lookbook__card img{height:195px}
 .detail-lookbook .section-title{font-size:39px}
 .contact-visual img{height:145px}
}
@media(prefers-reduced-motion:reduce){.visual-gallery__item img{transition:none}}


/* Typeface refresh — Fraunces (all editorial headings) + Manrope (all UI & body) */
:root{--serif:'Fraunces',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
html,body,button,input,select,textarea,option{font-family:var(--sans)}
body{font-weight:400;letter-spacing:0}
.nav>a,.more-trigger,.site-header .nav-cta,.page-top .nav>a,
.page-top .more-trigger,.btn,.tab,.pills button,
.service-details .meta,.card-bottom .more,.eyebrow,
.service-image span,.brief-field label,.brief-field select{font-family:var(--sans)}
h1,h2,.section-title,.hero h1,.page-hero-copy h1,
.category-heading h2,.about-text h2,.story-inner h2,.footer-cta h2,
.mp-callout h2,.mp-path h3,.mp-material h3,
.mp-contact-form>h3,.project-info h3,.service-details h3,
.brief-intro strong,.footer-cta h2,.about-photo .label,
.mp-crosslink strong,.mp-step>span,.step-no,
.alpha-brand-line,.footer-alpha .alpha-brand-line{font-family:var(--serif)}
.hero h1,.page-hero-copy h1{letter-spacing:-.052em;line-height:1.02}
.section-title{letter-spacing:-.042em;line-height:1.12}
.service-details h3,.site-service-card .service-details h3{letter-spacing:-.028em;line-height:1.18}
.alpha-brand-line,.page-top .alpha-brand-line,.footer-alpha .alpha-brand-line{letter-spacing:-.055em}
.visual-gallery__heading .section-title,.detail-lookbook .section-title{line-height:1.13}
.about-highlights h3,.process-step h3,.mp-why-panel strong,
.mp-contact-tip strong,.mp-step h3,.mp-detail-copy h3,.footer h3{font-family:var(--sans)}
@media(max-width:620px){
 .hero h1{font-size:clamp(41px,10vw,57px);line-height:1.04}
 .page-hero-copy h1{font-size:clamp(42px,10vw,59px);line-height:1.04}
 .section-title{line-height:1.1}
 .alpha-brand-line{letter-spacing:-.06em}
}


/* Modern sans-serif refresh — Outfit and DM Sans */
:root{--serif:'Outfit',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
html,body,button,input,select,textarea,option{font-family:var(--sans)}
body{font-weight:400;letter-spacing:0}
h1,h2,h3,h4,.section-title,
.hero h1,.page-hero-copy h1,
.service-details h3,.project-info h3,
.category-heading h2,.about-text .section-title,
.story-inner h2,.footer-cta h2,.mp-callout h2,
.mp-contact-form>h3,.mp-path h3,.mp-material h3,
.mp-step>span,.step-no,.brief-intro strong,
.alpha-brand-line,.footer-alpha .alpha-brand-line,
.mp-crosslink strong,.visual-gallery__heading .section-title,
.detail-lookbook .section-title{font-family:var(--serif)}
.hero h1,.page-hero-copy h1{font-weight:600;letter-spacing:-.048em;line-height:1.06}
.section-title,.about-text .section-title,.mp-detail-copy .section-title{font-weight:600;letter-spacing:-.037em;line-height:1.13}
.service-details h3,.site-service-card .service-details h3,
.project-info h3,.mp-material h3{font-weight:600;letter-spacing:-.025em;line-height:1.19}
.alpha-brand-line,.page-top .alpha-brand-line,.footer-alpha .alpha-brand-line{font-family:var(--serif);font-weight:700;letter-spacing:-.047em}
.alpha-brand-line b,.page-top .alpha-brand-line b,.footer-alpha .alpha-brand-line b{font:inherit;color:var(--wood)}
.footer-alpha .alpha-brand-line b{color:#dfb58c}
.brief-intro strong,.mp-callout h2,.footer-cta h2,
.story-inner h2,.mp-path h3{font-weight:600;letter-spacing:-.031em;line-height:1.13}
.visual-gallery__heading .section-title,.detail-lookbook .section-title{font-weight:600;letter-spacing:-.035em}
.nav>a,.more-trigger,.site-header .nav-cta,
.btn,.tab,.pills button,.eyebrow,.service-details .meta,
.card-bottom .more,.mp-contact-form label{font-family:var(--sans)}
@media(min-width:1181px){
 .hero h1{font-size:clamp(59px,6.6vw,102px)}
 .page-hero-copy h1{font-size:clamp(57px,5.9vw,91px)}
}
@media(max-width:760px){
 .hero h1{font-size:clamp(42px,8.3vw,68px);line-height:1.06}
 .page-hero-copy h1{font-size:clamp(41px,8.9vw,65px);line-height:1.07}
 .section-title{line-height:1.13}
}
@media(max-width:580px){
 .hero h1{font-size:clamp(40px,10.1vw,52px)}
 .page-hero-copy h1{font-size:clamp(40px,9.9vw,57px)}
 .alpha-brand-line,.page-top .alpha-brand-line{letter-spacing:-.055em}
}
@media(max-width:360px){
 .hero h1{font-size:38px}
 .page-hero-copy h1{font-size:39px}
}


/* Service links: frosted glass 70% with outlined borders */
:root{
 --service-glass-bg:rgba(236,221,202,.70);
 --service-glass-light:rgba(250,247,242,.70);
 --service-glass-border:rgba(126,84,55,.42);
 --service-glass-text:#48301f;
}
.carpentry-works-section .service-card .home-more-detail,
.wood-flooring-section .service-card .home-more-detail,
.carpentry-works-section .service-card .card-bottom .more,
.wood-flooring-section .service-card .card-bottom .more,
.mp-service-grid .site-service-card .card-bottom .more{
 display:flex;
 width:100%;
 min-height:43px;
 box-sizing:border-box;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:11px 13px;
 border:1px solid var(--service-glass-border);
 border-radius:9px;
 background:var(--service-glass-bg);
 -webkit-backdrop-filter:blur(11px) saturate(120%);
 backdrop-filter:blur(11px) saturate(120%);
 color:var(--service-glass-text);
 box-shadow:inset 0 1px rgba(255,255,255,.86),0 3px 9px rgba(46,28,12,.045);
 font:700 11.5px/1.35 var(--sans);
 text-decoration:none;
 transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.carpentry-works-section .service-card .home-more-detail,
.wood-flooring-section .service-card .home-more-detail{
 margin:10px 0 0;
 background:var(--service-glass-light);
}
.carpentry-works-section .service-card .card-bottom,
.wood-flooring-section .service-card .card-bottom,
.mp-service-grid .site-service-card .card-bottom{
 border-top:0;
 margin-top:0;
 padding-top:9px;
 display:block;
}
.carpentry-works-section .service-card .card-bottom small,
.wood-flooring-section .service-card .card-bottom small{display:none}
.carpentry-works-section .service-card .home-more-detail:hover,
.wood-flooring-section .service-card .home-more-detail:hover,
.carpentry-works-section .service-card .card-bottom .more:hover,
.wood-flooring-section .service-card .card-bottom .more:hover,
.mp-service-grid .site-service-card .card-bottom .more:hover{
 background:rgba(221,196,165,.89);
 border-color:rgba(119,76,44,.72);
 box-shadow:inset 0 1px rgba(255,255,255,.95),0 7px 16px rgba(55,33,16,.11);
 color:#322015;
 text-decoration:none;
 transform:translateY(-2px);
}
.carpentry-works-section .service-card .home-more-detail .arrow-icon,
.wood-flooring-section .service-card .home-more-detail .arrow-icon,
.carpentry-works-section .service-card .card-bottom .more .arrow-icon,
.wood-flooring-section .service-card .card-bottom .more .arrow-icon,
.mp-service-grid .site-service-card .card-bottom .more .arrow-icon{
 width:15px;
 height:15px;
 margin-left:auto;
 flex:none;
 opacity:.84;
}
.carpentry-works-section .service-card .home-more-detail:focus-visible,
.wood-flooring-section .service-card .home-more-detail:focus-visible,
.carpentry-works-section .service-card .card-bottom .more:focus-visible,
.wood-flooring-section .service-card .card-bottom .more:focus-visible,
.mp-service-grid .site-service-card .card-bottom .more:focus-visible{
 outline:3px solid #99623e;outline-offset:2px;
}
/* Main section links are outlined glass buttons, too. */
.carpentry-works-section .split-link,
.wood-flooring-section .split-link,
.carpentry-works-section .mp-home-category-link a,
.wood-flooring-section .mp-home-category-link a,
.mp-card-section .mp-all-services,
.mp-related .mp-all-services{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:13px;
 min-height:44px;
 padding:11px 18px;
 border:1px solid var(--service-glass-border);
 border-radius:9px;
 background:var(--service-glass-bg);
 -webkit-backdrop-filter:blur(11px);
 backdrop-filter:blur(11px);
 color:var(--service-glass-text);
 box-shadow:inset 0 1px rgba(255,255,255,.85);
 font:700 12px/1.35 var(--sans);
 text-decoration:none;
 white-space:normal;
 transition:background .2s,border-color .2s,transform .2s;
}
.carpentry-works-section .split-link:hover,
.wood-flooring-section .split-link:hover,
.carpentry-works-section .mp-home-category-link a:hover,
.wood-flooring-section .mp-home-category-link a:hover,
.mp-card-section .mp-all-services:hover,
.mp-related .mp-all-services:hover{
 background:rgba(221,196,165,.88);
 border-color:rgba(119,76,44,.72);
 color:#322015;
 text-decoration:none;
 transform:translateY(-2px);
}
@media(max-width:580px){
 .carpentry-works-section .service-card .home-more-detail,
 .wood-flooring-section .service-card .home-more-detail,
 .carpentry-works-section .service-card .card-bottom .more,
 .wood-flooring-section .service-card .card-bottom .more,
 .mp-service-grid .site-service-card .card-bottom .more{
  min-height:46px;
  padding:13px 15px;
  font-size:12px;
 }
}
@media(prefers-reduced-motion:reduce){
 .carpentry-works-section .service-card .home-more-detail,
 .wood-flooring-section .service-card .home-more-detail,
 .carpentry-works-section .service-card .card-bottom .more,
 .wood-flooring-section .service-card .card-bottom .more,
 .mp-service-grid .site-service-card .card-bottom .more,
 .carpentry-works-section .split-link,
 .wood-flooring-section .split-link{
  transition:none;
 }
}