/* Original brown mark, black lettering and warm whites from the company logo. */
:root,.page-home{
 --brand-brown:#6e3e12;
 --brand-black:#171411;
 --brand-ivory:#fbf8f3;
 --brand-surface:#f1eade;
 --brand-line:#d8caba;
 --paper:var(--brand-ivory);
 --white:#fffdf9;
 --sand:var(--brand-surface);
 --ink:var(--brand-black);
 --muted:#6b6055;
 --wood:var(--brand-brown);
 --line:var(--brand-line);
 --dark:#211a15;
 color-scheme:light;
}
body,.page-home{background:var(--paper);color:var(--ink)}
::selection{background:#dfc9ac;color:var(--brand-black)}
:focus-visible,.page-home :focus-visible{outline-color:var(--brand-brown)}
.brand img,.page-home .brand img,.footer-brand .brand img{filter:none;width:44px;height:44px;object-fit:contain}
.brand>span,.page-home .brand>span,.footer-brand .brand>span{font:400 21px/1 var(--sans);letter-spacing:0;color:var(--brand-black)}
.brand-name{display:block;white-space:nowrap;letter-spacing:-.055em}
.brand-ums{color:var(--brand-brown);font-size:.67em;font-weight:500;letter-spacing:-.035em;padding-inline:.1em}
.brand small,.page-home .brand small{color:var(--muted);font-size:6px;letter-spacing:.18em;margin-top:9px}

.site-header,.immersive .site-header,.page-home .site-header,.page-home:has(.closure-notice) .site-header,html:not(.js) .page-home .site-header{background:#fbf8f3f5;border-color:var(--line);color:var(--ink)}
.site-header.is-scrolled{background:#fbf8f3fa;box-shadow:0 8px 30px #39240e0b}
.site-header:has(.is-open),.page-home.menu-open .site-header{background:var(--paper)}
.site-nav .nav-contact,.page-home .site-nav .nav-contact{border-color:#6e3e1270;color:var(--ink)!important;background:transparent}
.site-nav .nav-contact:hover{background:var(--brand-brown)!important;border-color:var(--brand-brown);color:var(--brand-ivory)!important}
.header-privacy{border-color:#6e3e1230;color:var(--brand-brown)}
.header-privacy:hover{border-color:var(--brand-brown);background:#6e3e1208}
.nav-dropdown summary,.menu-toggle,.page-home .menu-toggle{color:var(--ink)}
.nav-dropdown summary.current{color:var(--wood)}
.menu-lines,.menu-toggle[aria-expanded=true] .menu-lines:after{border-color:var(--ink)}
.menu-lines,.menu-lines:before,.menu-lines:after{background:var(--ink)}
.menu-lines{background:transparent}
.dropdown-content,.page-home .dropdown-content{background:var(--white);border-color:var(--line);border-top-color:var(--brand-brown);box-shadow:0 24px 55px #39240e20}
.dropdown-heading,.dropdown-content .dropdown-links a{border-color:var(--line)}
.dropdown-links strong{color:var(--ink)}
.dropdown-links small,.dropdown-photo>span{color:var(--muted)}
.breadcrumbs{color:var(--muted)}
.breadcrumbs a:hover{color:var(--brand-brown)}
.closure-notice{background:#eee3d4;color:var(--ink);border-color:var(--line)}
.closure-notice p{color:var(--muted)}
.closure-notice strong{color:var(--ink)}

.button,.button.outline{color:var(--ink);border-color:#6e3e1270;background:transparent}
.button:hover,.button.outline:hover{background:var(--brand-brown);color:var(--brand-ivory);border-color:var(--brand-brown)}
.button:disabled:hover{background:transparent;color:var(--ink)}
.text-link{border-color:#6e3e1270}
.text-link:hover{color:var(--brand-brown);border-color:var(--brand-brown)}
.feature-section,.journey,.origin-story{background:var(--brand-surface)}
.journey .section-heading>p,.journey-step p:not(.eyebrow){color:var(--muted)}
.journey .eyebrow,.journey em,.journey-number{color:var(--brand-brown)}
.journey-step{border-color:var(--line)}
.project-image,.project-cover.material img{background:var(--sand)}
.project-collection .project-image,.detail-gallery .zoom-image,.interior-gallery .zoom-image,.interior-cover .zoom-image{background:var(--sand);border-color:var(--line)}
.service-hero figure img,.feature-inner figure img,.material-main .material-frame,.material-aside figure img,.philosophy-lead figure img,.material-explained figure img,.people-editorial img,.team-wide img,.contact-info figure img{outline-color:#6e3e1230}
.service-intro,.faq-list details,.filters,.project-note,.interior-description,.interior-gallery+.similar-cta{border-color:var(--line)}
.project-caption .card-arrow{border-color:#6e3e1250;color:var(--brand-brown)}
.project-card:hover .card-arrow{background:#6e3e1208}
.project-card:hover .project-image{border-color:#6e3e1288}
.filter.active{border-color:var(--brand-brown);color:var(--brand-brown)}
.inquiry{background:var(--white);border-color:var(--line);border-top-color:var(--brand-brown)}
.inquiry input,.inquiry select,.inquiry textarea{background:var(--white);border-color:#b7a693;color:var(--ink)}
.inquiry textarea::placeholder{color:var(--muted)}
.inquiry-options,.inquiry-options>a,.inquiry-availability{border-color:var(--line)}
.form-notice{color:var(--ink);background:var(--sand);border-color:var(--line)}
.form-notice.error{background:#faece6;border-color:#a96956}
.form-notice.success{background:#edf1e7;border-color:#708364}
.field-error{color:#9b3324}
.legal-content h2,.final-cta,.imprint-intro,.imprint-details,.imprint-details section+section,.imprint-bottom{border-color:var(--line)}
.legal-content a{text-decoration-color:#6e3e1270}
.cta-orbit{border-color:#6e3e1288;background:#6e3e1204}
.cta-orbit:hover{background:var(--brand-brown);color:var(--brand-ivory)}
.site-footer,.page-home .site-footer{background:#eee6db;color:var(--ink);border-color:var(--line)}
.footer-top h2{color:var(--brand-brown)}
.footer-top nav a,.footer-top address,.footer-top>div:not(:first-child)>p,.footer-brand p,.footer-note{color:var(--muted)}
.footer-top a:hover{color:var(--brand-brown)}
.footer-bottom{color:var(--muted);border-color:#6e3e1228}
.lightbox{background:var(--paper);color:var(--ink);border-color:var(--line)}
.lightbox::backdrop{background:#171411c9}
.lightbox-close{color:var(--ink)}

/* Photo sections keep a legible light palette without tinting the photographs. */
.hero-stage,.craft-story-motion,.material-plate,.studio-invitation,.gallery-hero{
 --ink:#fbf8f3;
 --muted:#e3d8c8;
 --wood:#dfc5a4;
 --line:#e5d4bd55;
 color:var(--ink);
}
.hero-stage,.craft-story-motion,.story-scene,.material-plate,.gallery-hero{background:#211a15}
.hero-image-window{background:#41372b}
.hero-shade{background:linear-gradient(90deg,#171411c9 0%,#17141170 45%,#17141105 100%),linear-gradient(0deg,#171411b3,transparent 35%,#17141120 80%,#1714119c)}
.hero-eyebrow,.hero-baseline-motion>p,.hero-floor{color:#f2eade}
.project-orbit{background:#211a153d;border-color:#dfc5a499;color:var(--ink)}
.project-orbit:hover{background:var(--brand-ivory);color:var(--brand-black);border-color:var(--brand-ivory)}
.project-orbit:focus-visible,.story-controls button:focus-visible,.material-choice:focus-visible,.studio-invitation a:focus-visible,.gallery-hero a:focus-visible{outline-color:#dfc5a4}
.motion-ready .word-reveal>span{color:#9c8d7e}
.motion-ready .word-reveal>span.is-lit,.motion-paused .word-reveal>span{color:var(--brand-black)}
.scene-shade{background:linear-gradient(90deg,#171411eb,#17141150 75%),linear-gradient(0deg,#171411cc,transparent 75%)}
.scene-kicker,.scene-description{color:#f2eade}
.story-controls{border-color:#e5d4bd55}
.story-controls button{color:#e3d8c8}
.story-controls button[aria-pressed=true],.story-controls button:hover{color:#fffdf9}
.story-controls i{background:#dfc5a4}
.studio-material{background:var(--brand-surface);color:var(--ink)}
.material-heading>.studio-label,.material-bottom>p{color:var(--muted)}
.material-bottom .studio-link{border-color:#6e3e1270}
.material-plate:after{background:linear-gradient(0deg,#171411d9,transparent 90%),linear-gradient(90deg,#1714114d,transparent)}
.material-name,.material-caption{color:#fbf8f3}
.material-choice{background:#211a15b8;color:#fbf8f3;border-color:#dfc5a470}
.material-choice[aria-pressed=true]{background:#fbf8f3;color:var(--brand-black);border-color:#fbf8f3}
.studio-invitation:after{background:linear-gradient(90deg,#171411eb,#1714118f),linear-gradient(0deg,#171411b3,transparent)}
.invitation-content>.studio-label,.invitation-bottom p{color:#f2eade}
.invitation-bottom{border-color:#e5d4bd55}
.motion-toggle,.motion-toggle-text{background:#211a15e8;color:#fbf8f3;border-color:#dfc5a455}
.motion-toggle.is-over-footer{visibility:hidden;pointer-events:none}
.motion-toggle-icon{display:grid;place-items:center;width:14px;height:14px;font-size:0}
.motion-toggle-icon:before{content:'';width:9px;height:12px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-toggle[aria-pressed=true] .motion-toggle-icon:before{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.gallery-hero-image:after{background:linear-gradient(90deg,#171411ba 0%,#17141155 52%,#17141110 100%),linear-gradient(0deg,#171411ed 0%,transparent 57%)}
.gallery-hero .text-link{color:#fbf8f3;border-color:#dfc5a470}

/* The privacy window uses the same original brand colours as the masthead. */
.privacy-dialog{--privacy-brass:var(--brand-brown);--privacy-paper:var(--brand-black);--privacy-muted:#6b6055;background:var(--brand-ivory);border-color:#6e3e1255;box-shadow:0 32px 100px #17141145;color-scheme:light}
.privacy-dialog::backdrop{background:#17141199}
.privacy-symbol{border-color:#6e3e1266}
.privacy-close:hover{background:#6e3e1208}
.privacy-principles,.privacy-bottom{border-color:var(--line)}
.privacy-principles{color:var(--privacy-muted)}
.privacy-button-primary{background:var(--brand-brown);color:var(--brand-ivory);border-color:var(--brand-brown)}
.privacy-button-primary:hover{background:#4f2d0f;border-color:#4f2d0f}
.privacy-button-secondary{color:var(--brand-black);border-color:#6e3e1270}
.privacy-button-secondary:hover{background:#6e3e1208;border-color:var(--brand-brown)}
.privacy-bottom a,.privacy-reset{color:var(--brand-brown)}

@media(min-width:1051px) and (max-width:1230px){
 .brand>span,.page-home .brand>span{font-size:19px}
 .brand img,.page-home .brand img{width:40px;height:40px}
}
@media(max-width:1050px){
 .js .site-nav,.js .page-home .site-nav{background:var(--paper);border-color:var(--line);box-shadow:0 20px 30px #39240e10}
 .site-nav>a:not(.nav-contact),.nav-dropdown summary{border-color:var(--line)}
 .dropdown-content,.page-home .dropdown-content{background:#6e3e1205;border-left-color:#6e3e1266;box-shadow:none}
}
@media(max-width:700px){
 .brand>span,.page-home .brand>span{font-size:17px}
 .brand img,.page-home .brand img{width:34px;height:34px}
 .brand small,.page-home .brand small{font-size:5.5px}
 .footer-brand .brand>span{font-size:21px}
 .footer-brand .brand img{width:44px;height:44px}
}
@media(max-width:360px){
 .brand>span,.page-home .brand>span{font-size:15px}
 .brand img,.page-home .brand img{width:30px;height:30px}
}
