:root{--ink:#18120f;--brown:#2a1b15;--brown-2:#3b271e;--cream:#eee7dc;--paper:#f5f1ea;--copper:#ac7a56;--line:rgba(238,231,220,.16);--muted:#aaa098}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input{font:inherit}.header{height:104px;padding:0 3.2vw;display:grid;grid-template-columns:140px 180px 1fr auto auto;gap:2.5vw;align-items:center;background:rgba(24,18,15,.94);position:relative;z-index:20}.brand{display:inline-flex;flex-direction:column;align-items:center;width:max-content}.brand-mark{font-family:Prata,serif;font-size:43px;line-height:.9;color:#a88063;text-shadow:0 1px 0 #d4b394}.brand-name{font-size:9px;letter-spacing:.5em;margin-top:9px}.location,.nav,.phone{font-size:13px}.location{color:#c9c1bb}.location i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--copper);margin:0 9px 3px}.nav{display:flex;justify-content:center;gap:2.8vw}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--copper);transition:.3s}.nav a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border:1px solid var(--copper);transition:.25s}.button-light{background:var(--paper);color:#47372f;border-color:var(--paper)}.button:hover{background:var(--copper);color:white;border-color:var(--copper)}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:calc(100vh - 104px);position:relative;display:grid;grid-template-columns:34% 66%;border-bottom:1px solid var(--line);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;left:25%;width:1px;height:42%;background:rgba(172,122,86,.55);transform:rotate(34deg);z-index:2}.hero:before{top:-12%}.hero:after{bottom:-10%;transform:rotate(-34deg)}.hero-copy{padding:8vh 5vw 5vh 7vw;position:relative;z-index:3;background:linear-gradient(90deg,#18120f 72%,rgba(24,18,15,.7))}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.22em;color:var(--copper)}.hero h1,.section h2{font-family:Prata,serif;font-weight:400}.hero h1{font-size:clamp(50px,5vw,86px);line-height:1.06;margin:28px 0}.hero-description{font-size:16px;line-height:1.65;color:#c2b9b2;max-width:390px}.vertical-label{position:absolute;left:2vw;top:12vh;writing-mode:vertical-rl;letter-spacing:.5em;font-size:10px;color:var(--copper)}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #776258;font-size:13px}.text-link span{color:var(--copper)}.slider-count{position:absolute;left:7vw;bottom:5vh;color:#a99c93;display:flex;align-items:center;gap:14px}.slider-count strong{color:var(--copper);font-size:20px}.slider-count span{width:46px;height:1px;background:#7d6a5e}.hero-photo{background:linear-gradient(90deg,rgba(24,18,15,.45),transparent 35%),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=88') center/cover}.consult-card{position:absolute;right:4vw;bottom:3vw;width:min(330px,28vw);padding:34px;background:var(--paper);color:#4a3d36;z-index:5;box-shadow:0 18px 50px rgba(0,0,0,.25)}.consult-card h2{font-size:25px;margin:0 0 17px}.consult-card p{color:#7c716b;font-size:13px;line-height:1.6}.consult-mark{position:absolute;right:28px;top:25px;font-family:Prata;color:#8b664d;font-size:22px}.consult-card label span{display:none}.consult-card input{width:100%;border:0;border-bottom:1px solid #b8aba0;background:transparent;padding:13px 0;outline:none}.consult-card button{width:100%;border:0;background:transparent;padding:18px 0 8px;display:flex;justify-content:space-between;cursor:pointer;color:#493a32}.consult-card small{display:block;margin-top:16px;font-size:8px;color:#99908a}.section{padding:110px 5vw}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:42px}.section-heading .eyebrow{grid-column:1}.section-heading h2{font-size:clamp(38px,4vw,62px);margin:8px 0 0}.section-heading .text-link{grid-row:1/3;grid-column:2;margin:0}.projects{background:#211712}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:16px}.project{min-height:290px;position:relative;overflow:hidden;cursor:pointer}.project-large{grid-row:1/3;min-height:600px}.project-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}.project:hover .project-image,.project:focus .project-image{transform:scale(1.035)}.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.8),transparent 50%),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85')}.p2{background-image:linear-gradient(0deg,rgba(15,9,6,.85),transparent 65%),url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85')}.p3{background-image:linear-gradient(0deg,rgba(15,9,6,.85),transparent 65%),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85')}.project-meta{position:absolute;left:25px;right:25px;bottom:22px;display:grid;grid-template-columns:36px 1fr auto auto;align-items:end;gap:13px}.project-meta h3{font-family:Prata;font-weight:400;font-size:19px;margin:0}.project-meta span{font-size:10px;color:#b9afa8}.project-meta i{font-style:normal;font-size:24px;color:var(--copper)}.process{background:var(--ink)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-grid article{padding:34px 30px 10px 0;border-right:1px solid var(--line);min-height:220px}.process-grid article:not(:first-child){padding-left:30px}.process-grid span{color:var(--copper);font-family:Prata;font-size:20px}.process-grid h3{font-family:Prata;font-weight:400;margin:25px 0 12px}.process-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.materials{background:#251a15;display:grid;grid-template-columns:28% 72%;gap:4vw}.materials-intro h2{font-size:clamp(38px,4vw,58px);margin:12px 0 25px}.materials-intro>p:last-child{color:var(--muted);line-height:1.7;max-width:270px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}.swatches article{font-size:10px;color:#b7ada5}.swatch{aspect-ratio:1/1.2;margin-bottom:16px;background-size:cover}.walnut{background:linear-gradient(100deg,#4c2b1c,#895c3c 25%,#4d2e22 53%,#986641 75%,#3f251b)}.travertine{background:radial-gradient(circle at 30% 30%,#c5b7a2 0 3%,transparent 4%),linear-gradient(135deg,#cfc0a9,#9f8e79)}.boucle{background:repeating-radial-gradient(circle at 30% 30%,#d2cbc0 0 2px,#aea59b 3px,#d8d0c6 5px)}.glass{background:repeating-linear-gradient(90deg,#231c18 0 7px,#766252 8px 10px,#2d2420 11px 17px)}.bronze{background:linear-gradient(100deg,#5d432d,#b68a57,#6b4e35,#c4975e)}.studio{display:grid;grid-template-columns:48% 52%;padding:0;background:#1c1411}.studio-photo{min-height:650px;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=85') center/cover}.studio-copy{padding:9vw 8vw}.studio-copy h2{font-size:clamp(38px,4vw,60px);line-height:1.2}.studio-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column}.stats strong{font-family:Prata;font-size:34px;font-weight:400;color:#c59875}.stats span{font-size:10px;color:var(--muted);margin-top:8px}.closing{text-align:center;padding:130px 5vw;background:linear-gradient(rgba(24,18,15,.78),rgba(24,18,15,.9)),url('https://images.unsplash.com/photo-1600566753051-f0b89df2dd90?auto=format&fit=crop&w=1800&q=85') center/cover}.closing h2{font-size:clamp(40px,5vw,72px);margin:20px 0 45px}.footer{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;border-top:1px solid var(--line);color:#9e938d;font-size:11px}.footer>div{display:flex;flex-direction:column;gap:8px}.toast{position:fixed;right:25px;bottom:25px;background:var(--paper);color:#33251f;padding:20px 25px;transform:translateY(120px);transition:.35s;z-index:50;box-shadow:0 15px 40px #0008}.toast.show{transform:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.header{grid-template-columns:110px 1fr auto auto}.location{display:none}.nav{position:fixed;inset:0;background:#18120f;flex-direction:column;align-items:center;justify-content:center;font:28px Prata;transform:translateY(-100%);transition:.4s}.nav.open{transform:none}.menu-toggle{display:flex;flex-direction:column;gap:7px;z-index:2}.menu-toggle span{display:block;width:28px;height:1px;background:white}.phone{display:none}.hero{grid-template-columns:45% 55%}.consult-card{width:330px}.process-grid{grid-template-columns:repeat(3,1fr)}.materials{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:700px){.header{height:82px;padding:0 22px;grid-template-columns:1fr auto auto}.brand-mark{font-size:34px}.header-cta{display:none}.hero{display:block;min-height:auto}.hero-copy{padding:70px 28px 60px}.hero h1{font-size:52px}.vertical-label{display:none}.hero-photo{height:64vh}.slider-count{position:static;margin-top:45px}.consult-card{position:relative;right:auto;bottom:auto;width:calc(100% - 40px);margin:-50px auto 40px;padding:28px}.section{padding:80px 22px}.section-heading{display:block}.section-heading .text-link{margin-top:20px}.project-grid{display:block}.project,.project-large{min-height:440px;margin-bottom:14px}.project-meta{grid-template-columns:25px 1fr auto}.project-meta span:nth-of-type(2){display:none}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.swatches{grid-template-columns:repeat(2,1fr)}.studio{display:block}.studio-photo{min-height:70vh}.studio-copy{padding:80px 24px}.stats{grid-template-columns:1fr}.closing{padding:100px 22px}.footer{grid-template-columns:1fr;padding:50px 24px}.footer>span{margin-top:20px}}

/* Progressive enhancement and accessibility */
html{scroll-padding-top:104px}
body.menu-open{overflow:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--copper);outline-offset:5px}
.header{position:sticky;top:0;background:rgba(24,18,15,.88);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:border-color .3s,background .3s}
.header.scrolled{background:rgba(24,18,15,.96);border-bottom-color:var(--line)}
@media(max-width:700px){html{scroll-padding-top:82px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-image,.nav,.toast{transition:none}}

.consent-check{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:#766c66;font-size:10px;line-height:1.45}.consent-check input{width:15px;min-width:15px;height:15px;margin:1px 0 0;accent-color:#8b664d}.consent-check span{display:block!important}.consent-check a,.footer-legal a{text-decoration:underline;text-underline-offset:3px}.footer{grid-template-columns:.8fr 1fr 1.5fr 1.6fr;align-items:start}.footer-legal{line-height:1.5}.legal-page{background:var(--paper);color:#33251f;min-height:100vh}.legal-header{padding:28px 5vw;border-bottom:1px solid #d8cec4}.legal-header .brand-name{color:#6b5447}.legal-content{max-width:920px;margin:0 auto;padding:70px 28px 100px;font-size:15px;line-height:1.7}.legal-content h1,.legal-content h2{font-family:Prata,serif;font-weight:400}.legal-content h1{font-size:clamp(34px,5vw,54px);line-height:1.15}.legal-content h2{font-size:24px;margin-top:38px}.legal-content a{text-decoration:underline}.legal-content ul{padding-left:22px}.legal-meta{color:#786d66}.legal-requisites{padding:22px;background:#e9e1d7}.legal-back{display:inline-block;margin-top:40px;border-bottom:1px solid currentColor}

/* Local furniture photography: the site remains complete without third-party image hosts. */
.hero-photo{background-image:linear-gradient(90deg,rgba(24,18,15,.45),transparent 35%),url('assets/hero-media-wall.png')}
.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.8),transparent 50%),url('assets/project-kitchen.png')}
.p2{background-image:linear-gradient(0deg,rgba(15,9,6,.85),transparent 65%),url('assets/project-wardrobe.png')}
.p3{background-image:linear-gradient(0deg,rgba(15,9,6,.85),transparent 65%),url('assets/project-home-office.png')}
.studio-photo{background-image:url('assets/project-home-office.png')}
.closing{background-image:linear-gradient(rgba(24,18,15,.78),rgba(24,18,15,.9)),url('assets/hero-media-wall.png');background-position:center 58%}

/* Preferred visual direction supplied by the client. */
.hero-photo{background-image:linear-gradient(90deg,rgba(24,18,15,.42),transparent 35%),url('assets/hero-media-wall-v2.png');background-position:center}
.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.76),transparent 50%),url('assets/project-patriarch-v2.png');background-position:center}
.closing{background-image:linear-gradient(rgba(24,18,15,.8),rgba(24,18,15,.9)),url('assets/hero-media-wall-v2.png');background-position:center 58%}

/* Material samples matched to their real-world names. */
.swatch{position:relative;overflow:hidden;border:1px solid rgba(238,231,220,.08);box-shadow:inset 0 0 35px rgba(0,0,0,.12)}
.walnut{background:
  linear-gradient(92deg,transparent 0 7%,rgba(34,17,10,.2) 8%,transparent 10% 21%,rgba(213,154,105,.13) 23%,transparent 27% 45%,rgba(39,18,10,.24) 47%,transparent 50% 70%,rgba(219,157,108,.1) 74%,transparent 78%),
  repeating-linear-gradient(96deg,#4b2819 0 3px,#6b3b25 6px,#3e2117 12px,#865136 18px,#57301f 25px)}
.travertine{background:
  radial-gradient(ellipse at 18% 24%,rgba(98,78,56,.26) 0 2px,transparent 3px),
  radial-gradient(ellipse at 72% 66%,rgba(108,87,64,.23) 0 3px,transparent 4px),
  radial-gradient(ellipse at 42% 82%,rgba(255,255,255,.32) 0 2px,transparent 3px),
  repeating-linear-gradient(4deg,transparent 0 15px,rgba(116,93,68,.08) 17px,transparent 20px),
  linear-gradient(135deg,#d7c7ae,#b7a489 48%,#d0bea3)}
.boucle{background:
  radial-gradient(circle at 20% 25%,#e6e0d7 0 2px,#bcb4aa 3px 4px,transparent 5px),
  radial-gradient(circle at 72% 64%,#eee9e1 0 2px,#b6aea4 3px 5px,transparent 6px),
  radial-gradient(circle at 48% 82%,#d8d1c8 0 2px,#aaa297 3px 4px,transparent 5px),
  repeating-radial-gradient(circle at 50% 50%,#d9d3ca 0 2px,#b9b1a7 3px,#e8e2da 5px,#aaa297 7px)}
.glass{background:
  linear-gradient(135deg,rgba(238,231,220,.12),rgba(89,72,62,.18)),
  repeating-linear-gradient(90deg,rgba(229,219,207,.42) 0 3px,rgba(255,255,255,.08) 4px 8px,rgba(65,48,39,.5) 9px 12px,rgba(255,255,255,.12) 13px 17px),
  linear-gradient(#40332d,#211a17)}
.bronze{background:
  repeating-linear-gradient(92deg,rgba(255,255,255,.05) 0 1px,rgba(44,26,15,.04) 2px 4px),
  linear-gradient(105deg,#62432a 0%,#a97949 20%,#d0a36b 43%,#85603b 64%,#bd8b54 83%,#5c3d25 100%)}

/* Real photographed surfaces replace the illustrative placeholders. */
.walnut{background-image:linear-gradient(rgba(74,40,24,.56),rgba(50,25,15,.72)),url('assets/texture-wood-grain.jpg');background-size:cover;background-position:center;background-blend-mode:multiply}
.boucle{background-image:url('assets/texture-boucle.jpg');background-size:cover;background-position:center;filter:grayscale(1) sepia(.22) brightness(1.45) contrast(.8)}

/* Project photography supplied in the WOODWEEN dining-living presentation. */
.hero-photo{background-image:linear-gradient(90deg,rgba(24,18,15,.42),transparent 35%),url('assets/woodween-dining-living.jpg');background-position:center;background-size:cover}
.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.76),transparent 50%),url('assets/woodween-dining-living.jpg');background-position:center;background-size:cover}
.p2{background-image:linear-gradient(0deg,rgba(15,9,6,.82),transparent 68%),url('assets/woodween-dining-living.jpg');background-position:34% center;background-size:cover}
.p3{background-image:linear-gradient(0deg,rgba(15,9,6,.82),transparent 68%),url('assets/woodween-dining-living.jpg');background-position:88% center;background-size:cover}
.studio-photo{background-image:url('assets/woodween-dining-living.jpg');background-position:18% center;background-size:cover}
.closing{background-image:linear-gradient(rgba(24,18,15,.8),rgba(24,18,15,.9)),url('assets/woodween-dining-living.jpg');background-position:center}

/* Keep the city label on a single line in the desktop header. */
@media(min-width:1001px){.header{grid-template-columns:140px minmax(390px,auto) 1fr auto auto;gap:1.8vw}.location{display:flex;align-items:center;gap:8px;white-space:nowrap}.location-address{text-decoration:underline;text-decoration-color:rgba(172,122,86,.8);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}.location:hover .location-address,.location:focus-visible .location-address{color:#fff;text-decoration-color:#d3a17e}.nav{gap:2vw}}
@media(min-width:1001px) and (max-width:1280px){.header{grid-template-columns:120px minmax(385px,auto) 1fr;gap:22px}.phone,.header-cta{display:none}.nav{justify-content:flex-start;gap:22px}}

/* Geometric W based on the original carved WOODWEEN mark. */
.brand-mark{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:50px;line-height:.78;letter-spacing:-.12em;transform:scaleX(1.06);transform-origin:center;color:#b78d70;text-shadow:0 1px 0 #e0bea5,0 3px 5px rgba(0,0,0,.34)}
.consult-mark{font-family:Manrope,Arial,sans-serif;font-weight:300;transform:scaleX(1.06);color:#8b664d}
.p3{background-image:linear-gradient(0deg,rgba(15,9,6,.82),transparent 68%),url('assets/project-tv-wall-v2.png');background-position:center;background-size:cover}
@media(max-width:700px){.brand-mark{font-size:40px}}

/* Portfolio photography restored from the client's earlier references. */
.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.74),transparent 52%),url('assets/project-patriarch-v2.png');background-position:center;background-size:cover}
.p2{background-image:linear-gradient(0deg,rgba(15,9,6,.8),transparent 68%),url('assets/hero-media-wall-v2.png');background-position:28% center;background-size:cover}
.p3{background-image:linear-gradient(0deg,rgba(15,9,6,.8),transparent 68%),url('assets/hero-media-wall-v2.png');background-position:70% center;background-size:cover}

/* Optical centering of the wide geometric mark over the spaced wordmark. */
.brand-mark{position:relative;left:-5px}
.p1{background-image:linear-gradient(0deg,rgba(15,9,6,.7),transparent 52%),url('assets/zhk-kapital-cover.png');background-position:center;background-size:cover}

/* Minimal loft typography. */
.hero h1,.section h2,.project-meta h3,.consult-card h2,.process-grid h3,.closing h2{font-family:Manrope,Arial,sans-serif;font-weight:300;letter-spacing:-.045em}.hero h1{line-height:1.02}.project-meta h3{letter-spacing:-.025em}.section-heading h2,.materials-intro h2,.studio-copy h2{line-height:1.08}

/* Stable portfolio layout for narrow desktop panels and tablets. */
@media(max-width:900px){
  .projects .section-heading{display:block}
  .projects .section-heading h2{font-size:clamp(38px,8vw,58px);overflow-wrap:anywhere}
  .projects .section-heading .text-link{display:inline-flex;margin-top:22px}
  .project-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px}
  .project,.project-large{display:block;grid-row:auto;min-height:420px;margin:0;isolation:isolate}
  .project-image{position:absolute;inset:0;z-index:0}
  .project-meta{z-index:1;grid-template-columns:30px minmax(0,1fr) auto;align-items:end}
  .project-meta span:nth-of-type(2){display:none}
}
@media(max-width:480px){
  .projects .section-heading h2{font-size:40px}
  .project,.project-large{min-height:360px}
  .project-meta{left:18px;right:18px;bottom:18px}
}