/* Contemporary architectural identity: porcelain, graphite and deep evergreen.
   All reading surfaces remain translucent over the existing architectural room. */
:root{--paper:#f7f9f9;--ink:#20292c;--muted:#465257;--gold:#344d45;--line:#54626933;--surface:#ffffffd9;--surface-soft:#f3f6f7cf}
html{background:#f7f9f9}
body{color:var(--ink);background:transparent}
::selection{background:#c7d8d3;color:#172622}
.architecture-background{background:#e8edef;filter:grayscale(1) brightness(1.08) contrast(.92)}
.architecture-background::after{background:linear-gradient(110deg,#f8fafb9c,#f8fafb69 55%,#f8fafb96)}
#architecture-actors{opacity:.5}
main{background:#ffffff45}
body .site-header{background:#ffffffed;background-image:none;border-bottom:1px solid #65747c33;box-shadow:0 8px 30px #182d3607;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body .site-header .brand img{mix-blend-mode:normal;transform:none;object-fit:contain;filter:drop-shadow(0 1px 1px #1c29301a)}
body .site-header .brand-label{color:#465257;letter-spacing:.12em}
body .site-header .desktop-nav{border-top-color:#586a732b}
body .site-header :is(.menu-toggle,.desktop-nav .btn){border-left-color:#586a7333;color:#20292c}
body .site-header .desktop-nav>a:not(.btn){color:#20292c}
body .site-header .desktop-nav>a:not(.btn)::after{background:#344d45}
body .site-header .desktop-nav .btn:hover{color:#345b4b;background:transparent}
body :is(h1,h2){font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.12;color:inherit}
body :is(h1,h2,h3) em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit}
body h3{font-weight:600;letter-spacing:-.025em;line-height:1.35}
body .editorial-arrival{background:#ffffff35;background-image:none;border-bottom:1px solid var(--line)}
body .editorial-arrival .arrival-copy{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:clamp(36px,6vw,100px);padding-top:58px;padding-bottom:54px;align-items:center}
body .editorial-arrival h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(68px,7.2vw,116px);font-weight:500;line-height:1.08;letter-spacing:-.065em;max-width:950px}
body .editorial-arrival h1 em{display:inline;font-family:inherit;font-style:normal;color:#344d45;font-weight:500;letter-spacing:inherit}
body .editorial-arrival .arrival-kicker{font-size:12px;color:#465257;letter-spacing:.14em;margin-bottom:27px;font-weight:600}
body .arrival-business{max-width:460px;width:100%;padding:26px 28px;background:#ffffffe0;border:1px solid #64778026;border-radius:3px;box-shadow:0 12px 34px #1c354007;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .arrival-business>p{max-width:none;color:#354247}
body .anniversary-mark{border-left-color:#788d85;color:#344d45;margin-top:22px;padding-left:14px}
body .anniversary-number{font-family:'Manrope',Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.05em;color:#344d45}
body .anniversary-copy{color:#465257}
body .anniversary-copy strong{font-weight:600}
body .arrival-business>.atelier-link{width:100%;gap:12px;margin-top:22px}
body .arrival-contact{margin-top:8px;color:#263c34}
.arrival-pair{border:1px solid #51636c26;box-shadow:0 18px 44px #1b313d0c}
body .arrival-meta{color:#465257;letter-spacing:.07em;border-top:0;padding-top:20px;padding-bottom:22px}
body :is(.eyebrow,.tiny-label,.arrival-kicker){color:#465257;font-weight:600}
body .eyebrow:before{background:#7b9289}
body :is(.services,.contact,.interior-trades,.sport-outdoor,.gallery-cta,.portfolio-page .gallery-cta,.config-promo){background:var(--surface-soft);background-image:none;border-color:var(--line)}
body :is(.growth-section,.atelier-intro,.work-section,.process,.team-teaser,.team-arrival,.interior-arrival,.gallery-head,.budget-hub,.config-intro){background-color:#ffffff6b;background-image:none}
body :is(.craft,.interior-making,.exhibition-portal){background:#253238f5;background-image:none;color:#f7fafb;border-block:1px solid #60778055}
body :is(.craft,.interior-making,.exhibition-portal) :is(p,.eyebrow,.tiny-label){color:#dce4e6}
body :is(.craft,.interior-making,.exhibition-portal) .atelier-link{color:#fff;border-color:#c2d1d680}
body .exhibition-portal :is(h2,h2 em){color:#fff}
body :is(.team-card,.catalog-card,.budget-hub-card,.config-preview,.planner-variants,.inquiry-cart,.login-card,.studio-record,.intro-note,.upload-box){background:#ffffffeb;background-image:none;border:1px solid #677b8538;border-radius:4px;box-shadow:0 8px 24px #1f364107}
body :is(.team-card,.budget-hub-card,.catalog-card):hover{border-color:#657f76;box-shadow:0 12px 28px #1f36410c;transform:none}
body .team-card-top{border-bottom-color:#677b8538}
body :is(.team-monogram,.team-role){color:#344d45}
body :is(.team-area,.team-index,.team-task){color:#465257}
body :is(.project-image,.door-image,.editorial-image,.growth-hero img){outline-color:#54656f30}
body :is(.btn,.text-link,.atelier-link,.arrival-contact){font-weight:500}
body .btn{color:#fff;background:#263c34;border:1px solid #263c34;box-shadow:none;border-radius:3px;transition:background .18s,border-color .18s}
body .btn:hover{background:#344f44;border-color:#344f44;color:#fff}
body .btn.light{background:#fff;border-color:#fff;color:#22352d}
body .btn.outline{background:#ffffff80;border-color:#566c644f;color:#263c34}
body .btn.outline:hover{background:#263c34;border-color:#263c34;color:#fff}
body :is(.atelier-link,.text-link){border-bottom-color:#53686f60;color:inherit;background:none;border-radius:0;box-shadow:none}
body :is(.atelier-link,.text-link):hover{border-bottom-color:#263c34}
body .tag{border-color:#60778045;color:#35474f;background:#ffffff75}
body .filters button{color:#34484f;border-color:#60778040;background:#ffffffb3}
body .filters button[aria-pressed=true],body .portfolio-page .filters button[aria-pressed=true]{background:#263c34;color:#fff;border-color:#263c34}
body .contact-form :is(input,select,textarea){color:#20292c;background:#ffffffeb;background-image:none;border-bottom-color:#63757d85;border-radius:0}
body .contact-form :is(input,select,textarea):focus{outline:2px solid #3a6552;outline-offset:3px}
body :is(input,select,textarea)::placeholder{color:#5c686d;opacity:1}
body .contact-form .contact-privacy{color:#465257}
body .footer{background:#202d33fa;color:#f5f8f9;border-top:1px solid #728b9580}
body .footer :is(.footer-bottom,.footer-nav,.legal-nav){color:#dae3e7}
body .footer-wordmark span{color:#c1d1d0}
body .mobile-contact{background:#fff;border-top:1px solid #687b8340;box-shadow:0 -4px 20px #18313c0b}
body .mobile-contact a:first-child{background:#f4f7f8;color:#23372f}
body .mobile-contact a:last-child{background:#263c34;color:#fff}
body .architecture-toggle{background:#ffffffed;color:#35464e;border-color:#6d828a70;box-shadow:0 4px 16px #19313c0a;backdrop-filter:blur(12px)}
body .craft-mark{background:none;border:0;box-shadow:none}
body .mark-face{background:transparent url('/assets/tree-slice-graphite-2026.webp') center/contain no-repeat;border:0;box-shadow:none;filter:none;transform:none;transition:transform .18s ease,filter .18s ease}
body .mark-face::before{display:none}
body :is(a,button,summary):hover .mark-face{background:transparent url('/assets/tree-slice-graphite-2026.webp') center/contain no-repeat;transform:translateY(-1px);filter:drop-shadow(0 1px 1px #24383f22);box-shadow:none}
body .mark-pressed .mark-face,body :is(a,button,summary):active .mark-face{background:transparent url('/assets/tree-slice-graphite-2026.webp') center/contain no-repeat;transform:translateY(1px) scale(.94);filter:none;box-shadow:none}
body :is(button:disabled,a[aria-disabled=true]) .mark-face{transform:none;box-shadow:none}
body .plan-menu{color:#20292c;border:1px solid #aebdc2;box-shadow:0 22px 85px #0f273e40;border-radius:4px}
body .plan-menu::backdrop{background:#13232bbd;backdrop-filter:blur(12px)}
body .plan-sheet{background-color:#f8fafb;background-image:linear-gradient(#586e790a 1px,transparent 1px),linear-gradient(90deg,#586e790a 1px,transparent 1px);background-size:24px 24px;box-shadow:none}
body .plan-sheet:before{background:#768d93;height:2px;box-shadow:none}
body :is(.plan-top,.plan-bottom,.plan-links a){border-color:#667c8533}
body .plan-links a>span{color:#202f35;perspective:none}
body .plan-links .wood-glyph,body .plan-links a:hover .wood-glyph{background-image:none;color:#202f35;-webkit-text-fill-color:#202f35;text-shadow:none;filter:none}
body .wood-glyph::before,body .wood-glyph::after{display:none}
body .plan-links a:hover .wood-glyph{color:#345e4a;-webkit-text-fill-color:#345e4a}
body .plan-links a small,body .plan-top small,body .plan-bottom{color:#465b65}
body .plan-subnav a{color:#344f59}
body .plan-subnav a::before{background:#7d9299}
body .plan-close{border-color:#71858e55;color:#263c43;background:#ffffffb3}
body .rental-logo-link,body .rental-feature-brand{background:#ffffffd9;background-image:none;border-color:#657d8738}
body :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #2e6852;outline-offset:4px}
@media(min-width:1600px){body .editorial-arrival h1{font-size:116px}}
@media(max-width:1100px){body .editorial-arrival .arrival-copy{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:32px}body .editorial-arrival h1{font-size:clamp(58px,7.5vw,80px)}body .arrival-business{padding:23px}}
@media(max-width:760px){
 .architecture-background::after{background:#f7fafb96}
 main{background:#ffffff52}
 body .editorial-arrival .arrival-copy{display:block;padding-top:36px;padding-bottom:32px}
 body .editorial-arrival h1{font-size:clamp(49px,12.1vw,80px);line-height:1.12;letter-spacing:-.065em}
 body .editorial-arrival .arrival-kicker{font-size:12px;line-height:1.7;letter-spacing:.1em;margin-bottom:22px}
 body .arrival-business{max-width:none;padding:22px;margin-top:26px}
 body .site-header{background:#fffffff2}
 body .team-teaser h2,body .exhibition-portal h2{font-size:clamp(32px,8.8vw,46px)}
 body .arrival-meta{letter-spacing:.035em}
}
@media(max-width:360px){body .arrival-business{padding:18px}body .editorial-arrival h1{font-size:43px}body .site-header .menu-toggle{gap:6px}}
@media(prefers-reduced-motion:reduce){body .mark-face{transition:none}}
@media print{main{background:#fff}body .site-header{background:#fff;backdrop-filter:none}body .arrival-business{background:#fff;box-shadow:none}}
/* The same material palette continues through exhibitions and project planning. */
body :is(.collection-picture,.furniture-viewer-stage,.furniture-viewer-copy,.furniture-dialog,.planner-pdf-dialog,.lead-card,.config-note){background:#f3f6f7e8;background-image:none;border-color:#677b8538;color:#263940}
body :is(.door-image,.atelier-project-image,.studio-record img,.kitchen-upload .atelier-project-image img){background:#edf2f4}
body :is(.type-card,.planner-variant-grid button,.planner-options button,.config-secondary){background:#ffffffe8;border-color:#677b8545;color:#263c43}
body :is(.type-card,.planner-variant-grid button,.planner-options button)[aria-pressed=true]{background:#e0eae6;border-color:#48695a;outline-color:#48695a;color:#203c2f}
body .config-secondary:hover{background:#e8eef0}
body .planner-price-ribbon{background:#fffffff2;border-top-color:#687d8645;box-shadow:0 -5px 24px #1f36410c;color:#263c43}
body #config-form :is(input:not([type=checkbox]),textarea,select),body #budget-form :is(input:not([type=checkbox]),textarea,select),body .budget-item :is(input,select),body .studio-form :is(input,select,textarea){background:#ffffffeb;color:#20292c;border-color:#657b854f;font-size:16px}
body .config-preview{top:calc(var(--header-height) + 20px)}
body .planner-range{accent-color:#3e6653}
body .furniture-dialog::backdrop{background:#14262dd9}
body .plan-roll{background:linear-gradient(#b9c7ce,#f9fcfd 40%,#d8e2e7 75%,#8d9fa8);box-shadow:0 12px 24px #233c4933}
body .plan-roll::before,body .plan-roll::after{background:radial-gradient(ellipse,#d7e0e5,#9dadb5 40%,#f4f8fa 55%,#a1b3bd 75%)}
body main :is(h1,h2,h3){overflow-wrap:break-word;hyphens:auto}
body main section>div{min-width:0}
@media(max-width:900px){body .config-preview{position:static}}
body .editorial-arrival h1{hyphens:none;overflow-wrap:normal}
body .editorial-arrival h1 em{display:block;white-space:nowrap}
@media(max-width:360px){body .site-header .menu-toggle{font-size:14px!important;gap:5px;padding-left:0}body .site-header .menu-toggle .craft-mark{--mark-size:26px}}
