:root{--ink:#0b0b0a;--char:#171714;--bone:#efe9dc;--muted:#a6a093;--gold:#bf9f68;--line:rgba(239,233,220,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--bone);font-family:Manrope,Arial,sans-serif;background:var(--ink)}
a{color:inherit;text-decoration:none}
.site-header{height:78px;padding:0 4.3vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(11,11,10,.95)}
.brand,.footer-brand{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:11px;font-weight:600;white-space:nowrap}
.brand b,.footer-brand b{color:var(--gold)}
.brand-mark{width:32px;height:32px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:'Bebas Neue';letter-spacing:.04em;font-size:17px}
nav{display:flex;gap:27px;font-family:'DM Mono';font-size:10px;letter-spacing:.13em}
nav a{transition:color .2s}
nav a:hover{color:var(--gold)}
.header-book,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;font:500 10px 'DM Mono';letter-spacing:.1em;transition:transform .2s,background .2s}
.header-book{padding:12px 14px;border:1px solid var(--gold);color:var(--gold)}
.header-book:hover,.button-gold:hover{transform:translateY(-2px);background:#c4b58d;color:var(--ink)}
.menu-toggle{display:none;background:none;border:0;width:36px;padding:6px}
.menu-toggle span{display:block;width:24px;height:1px;margin:5px 0;background:var(--bone)}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(370px,.84fr) 1.16fr}
.hero-copy{padding:11vh 5vw 5vh 4.3vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{font:500 10px 'DM Mono';letter-spacing:.15em;line-height:1.6;color:var(--gold)}
.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:-.02em;line-height:.87}
h1{font-size:clamp(58px,4.7vw,80px);margin:25px 0 26px}
.hero h1{font-size:clamp(58px,5.9vw,98px)}
h1 i,h2 i{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-size:.82em;letter-spacing:-.1em}
h1 em{font-style:normal;color:var(--bone)}
h1 .location-line{display:block;white-space:nowrap;font-size:.72em;letter-spacing:-.025em;color:var(--gold)}
.hero-intro{max-width:360px;color:#c7c0b3;font-size:14px;line-height:1.75;margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.button{min-height:51px;padding:0 19px}
.hero-actions .button-gold{min-height:58px;padding:0 25px;gap:18px;font-size:12px;font-weight:700;letter-spacing:.11em;white-space:nowrap}
.button-gold{background:var(--gold);color:var(--ink)}
.button-quiet{border:1px solid var(--line);background:#252522}
.button-quiet:hover{background:#252522}
.hero-meta{display:flex;gap:26px;margin-top:clamp(42px,8vh,86px);border-top:1px solid var(--line);padding-top:19px}
.hero-meta div{display:flex;flex-direction:column;gap:5px}
.hero-meta strong{font:28px 'Bebas Neue';letter-spacing:.04em}
.hero-meta span{font:8px 'DM Mono';letter-spacing:.08em;color:var(--muted);max-width:95px;line-height:1.5}
.hero-image{position:relative;overflow:hidden;min-height:570px;background:#35271f}
.hero-image:after,.studio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,10,.1),transparent 45%),linear-gradient(0deg,rgba(11,11,10,.5),transparent 32%)}
.hero-image img{height:100%;width:100%;object-fit:cover;image-rendering:auto;filter:contrast(1.1) saturate(.85);transform:scale(1.08)}
.image-caption{position:absolute;z-index:1;left:28px;bottom:20px;font:9px 'DM Mono';letter-spacing:.1em;color:#d9cebd}
.chair-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;background:#161615}
.chair-feature-image{position:relative;overflow:hidden;min-height:570px;background:#1c1b19}
.chair-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,10,.05),rgba(11,11,10,.38)),linear-gradient(0deg,rgba(11,11,10,.36),transparent 45%)}
.chair-feature-image img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:contrast(1.05) saturate(.75)}
.chair-feature-copy{padding:clamp(70px,10vw,150px) clamp(38px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid var(--line)}
.chair-feature-label{font:10px 'DM Mono';letter-spacing:.15em;color:var(--gold);margin-bottom:14px}
.chair-feature-copy h2{font-size:clamp(68px,7vw,112px);margin:0;color:var(--bone)}
.chair-feature-rule{width:51px;height:2px;background:var(--gold);margin:30px 0 24px}
.chair-feature-copy>p:not(.chair-feature-label){max-width:390px;color:#b5afa3;font-size:15px;line-height:1.8;margin-bottom:31px}
.marquee{background:var(--gold);color:var(--ink);overflow:hidden;padding:13px 0;white-space:nowrap;font:24px 'Bebas Neue';letter-spacing:.08em}
.marquee-track{display:flex;width:max-content;animation:scroll 20s linear infinite}
.marquee-track>div{flex:none}
.marquee span{margin:0 15px;font-size:.7em}
@keyframes scroll{to{transform:translateX(-50%)}
}
.section{padding:130px 4.3vw}
.section-label{font:10px 'DM Mono';letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:11px}
.section-label span{color:var(--gold)}
.work{display:grid;grid-template-columns:19% 35% 1fr;gap:25px;background:#11110f}
.work-heading h2,.service-heading h2,.studio h2{font-size:clamp(61px,7vw,112px);margin:19px 0}
.work-heading>p:last-child,.service-heading>p,.studio-copy>p{color:#b5afa3;font-size:14px;line-height:1.75;max-width:340px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:10px}
.work-card{height:410px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,#28231d,#121211)}
.work-card:before{content:"";position:absolute;inset:0;opacity:.65;background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(168,155,122,.13) 18px 19px);transform:skewY(-8deg) scale(1.2)}
.work-card-cut{height:490px;background:linear-gradient(160deg,#403a2c,#131310)}
.work-card-beard{height:365px;background:linear-gradient(160deg,#1b1c1a,#312e25)}
.work-card>*{position:relative}
.card-number{font:10px 'DM Mono';color:var(--gold);margin-bottom:auto}
.work-card h3{font:clamp(38px,3.2vw,59px)/.84 'Bebas Neue';margin-bottom:13px}
.work-card p{color:#c0b6a4;font-size:11px;line-height:1.65;margin:0}
.systems{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,110px);padding:clamp(75px,10vw,145px) 5.1vw;background:#121210;color:var(--bone)}
.systems-collage{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.systems-collage img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#25231e}
.systems-collage .systems-featured-result{grid-column:1/-1;aspect-ratio:1.294/1;object-fit:cover}
.systems-copy{align-self:center;max-width:515px;padding:0}
.systems-label{margin:0 0 9px;color:var(--gold);font:10px 'DM Mono';letter-spacing:.15em}
.systems-copy h2{font-size:clamp(56px,5vw,84px);margin:0;color:var(--bone)}
.systems-rule{display:block;width:52px;height:2px;margin:27px 0;background:var(--gold)}
.systems-copy>p:not(.systems-label){max-width:420px;margin:0 0 18px;color:#c5bdae;font-size:15px;line-height:1.75}
.systems-copy .button{margin-top:16px;font-size:11px;font-weight:700}
.services{background:#0b0b0a;display:grid;grid-template-columns:19% 1fr;gap:25px}
.service-heading{display:grid;grid-template-columns:1fr 250px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}
.service-heading h2{font-size:clamp(62px,7vw,112px);margin:0}
.service-list{grid-column:2}
.service-list a{display:grid;grid-template-columns:60px 1fr 160px 30px;gap:10px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}
.service-list a:hover{padding-left:13px;color:var(--gold)}
.service-list span,.service-list em{font:10px 'DM Mono';font-style:normal;color:var(--muted)}
.service-list strong{font:clamp(24px,2.8vw,42px) 'Bebas Neue';letter-spacing:.02em}
.service-list b{font-size:20px;font-weight:400}
.instagram-section{padding:clamp(84px,10vw,145px) 4.3vw;background:#151512;border-top:1px solid var(--line)}
.instagram-section-head{max-width:1320px;margin:0 auto 36px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}
.instagram-section-head .eyebrow{margin:0 0 17px}
.instagram-section h2{font-size:clamp(64px,8vw,124px);margin:0}
.instagram-section .button{flex:none;margin-bottom:5px}
.instagram-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.instagram-grid a{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:#25231e}
.instagram-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.instagram-grid a:after{content:"↗";position:absolute;right:13px;top:10px;width:28px;height:28px;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:18px/1 Arial;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}
.instagram-grid a:hover img{transform:scale(1.055);filter:contrast(1.06)}
.instagram-grid a:hover:after{opacity:1;transform:translateY(0)}
.instagram-video{position:absolute;left:13px;bottom:12px;width:32px;height:32px;border:1px solid rgba(239,233,220,.85);border-radius:50%;display:grid;place-items:center;background:rgba(11,11,10,.55);color:var(--bone);font-size:11px;padding-left:1px}
.instagram-feed__loading,.instagram-feed__unavailable{grid-column:1/-1;min-height:130px;display:grid;place-items:center;margin:0;border:1px solid var(--line);font:10px 'DM Mono';letter-spacing:.12em;color:var(--muted);text-align:center}
.instagram-feed__unavailable a{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:4px}
.studio{display:grid;grid-template-columns:1fr 1fr;background:#1b1a17;min-height:700px}
.studio-copy{padding:120px 9vw 80px 12vw}
.studio-copy h2{font-size:clamp(68px,7.5vw,118px);margin:22px 0}
.studio-copy>a{font:10px 'DM Mono';letter-spacing:.12em;color:var(--gold);display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:9px;margin-top:25px}
.studio-image{position:relative;overflow:hidden}
.studio-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}
.studio-image:after{background:linear-gradient(90deg,#1b1a17 0%,transparent 26%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 45%)}
.final-cta{text-align:center;padding:145px 20px;background:radial-gradient(circle at 50% 0,#403c30,transparent 52%),#0b0b0a}
.final-cta h2{font-size:clamp(80px,11vw,175px);margin:22px auto 40px}
.final-cta h2 i{color:var(--gold)}
footer{padding:35px 4.3vw 26px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);font:10px 'DM Mono';letter-spacing:.07em;color:var(--muted)}
footer p{line-height:1.7;margin-bottom:2px}
footer div:nth-child(3){display:flex;flex-direction:column;gap:9px;color:var(--bone)}
footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:8px;margin-top:15px}
.mobile-menu{display:none}
@media(max-width:900px){nav{display:none}
.header-book{margin-left:auto}
.hero{grid-template-columns:1fr}
.hero-image{min-height:72vw;order:-1}
.hero-copy{padding:65px 6vw 70px}
.chair-feature{grid-template-columns:1fr}
.chair-feature-image{min-height:62vw}
.chair-feature-copy{padding:85px 8vw}
.work{grid-template-columns:1fr}
.work-grid{grid-column:1;max-width:750px}
.work-heading{max-width:600px}
.systems{grid-template-columns:1fr}
.systems{grid-template-columns:1fr;gap:55px;padding:85px 7vw}
.systems-copy{max-width:630px}
.services{grid-template-columns:1fr}
.service-list{grid-column:1}
.instagram-section{padding:85px 7vw}
.instagram-section-head{max-width:630px;margin-left:0;align-items:flex-start;flex-direction:column}
.instagram-grid{max-width:630px;margin-left:0}
.studio{display:none}
.mobile-menu a[href="#studio"]{display:none}
.studio-image{min-height:70vw;order:-1}
.studio-copy{padding:80px 7vw}
.section{padding:90px 6vw}
}
@media(max-width:600px){.site-header{height:66px;padding:0 5vw}
.header-book{display:none}
.menu-toggle{display:block}
.mobile-menu{position:fixed;z-index:10;inset:66px 0 auto;background:#11110f;border-bottom:1px solid var(--line);padding:24px 5vw;transform:translateY(-150%);transition:transform .3s;display:flex;flex-direction:column;gap:19px;font:20px 'Bebas Neue';letter-spacing:.08em}
.mobile-menu.open{transform:translateY(0)}
.hero{min-height:0}
.hero-image{min-height:83vw}
.hero-copy{padding:55px 6vw}
.chair-feature-image{min-height:85vw}
.chair-feature-copy{padding:68px 7vw 76px}
.chair-feature-copy h2{font-size:18vw}
.hero-meta{gap:14px}
.hero-meta strong{font-size:24px}
h1{font-size:20vw}
.hero-intro{font-size:13px}
.work-grid{grid-template-columns:1fr 1fr}
.work-card{height:260px}
.work-card-cut{height:320px}
.work-card-beard{display:none}
.systems{padding:65px 5vw;gap:42px}
.systems-copy h2{font-size:16vw}
.service-heading{display:block}
.service-heading h2{font-size:19vw;margin-bottom:19px}
.service-list a{grid-template-columns:25px 1fr 23px}
.service-list em{display:none}
.instagram-section{padding:68px 5vw}
.instagram-section h2{font-size:18vw}
.instagram-section-head{gap:24px;margin-bottom:26px}
.instagram-grid{gap:4px}
.instagram-grid a:after{display:none}
.work-heading h2,.studio h2{font-size:19vw}
.work-card h3{font-size:37px}
.studio-copy{padding:70px 7vw}
.final-cta{padding:105px 16px}
.final-cta h2{font-size:21vw}
footer{grid-template-columns:1fr 1fr}
.footer-brand{grid-column:1/-1}
.image-caption{font-size:7px;left:13px}
.section{padding:75px 5vw}
}
@media(max-width:900px){.hero{position:relative;display:block;min-height:calc(100svh - 78px);overflow:hidden;isolation:isolate;background:var(--ink)}
.hero-image{position:absolute;z-index:-2;inset:0;min-height:0;height:100%;order:unset;background:#17120e}
.hero-image:after{background:linear-gradient(180deg,rgba(11,11,10,.08) 0%,rgba(11,11,10,.2) 32%,rgba(11,11,10,.91) 80%,var(--ink) 100%)}
.hero-image img{object-position:center center;transform:scale(1.05)}
.hero-copy{position:relative;z-index:1;min-height:calc(100svh - 78px);padding:clamp(150px,23vw,220px) 7vw 60px;justify-content:flex-end;background:linear-gradient(180deg,rgba(11,11,10,0) 0%,rgba(11,11,10,.08) 34%,rgba(11,11,10,.72) 68%,rgba(11,11,10,.96) 100%)}
.hero .image-caption{display:none}}
@media(max-width:600px){.hero,.hero-copy{min-height:calc(100svh - 196px)}
.hero-copy{padding:95px 7vw 80px}
.hero h1 .location-line{max-width:100%;font-size:.52em;letter-spacing:-.035em}
.hero-actions{width:100%}
.hero-actions .button{flex:1}
.hero-actions .button-gold{flex:0 1 auto;min-width:calc(50% - 5px);padding:0 17px;gap:12px;font-size:11px}}
