:root{--ink:#090909;--paper:#fff;--cream:#f5f5f3;--brown:#111;--sand:#d8d8d5;--line:rgba(0,0,0,.16)}
body{background:#fff;color:#0a0a0a;font-family:Manrope,Arial,sans-serif}
.announcement{background:#000;padding:8px 20px;font-size:11px;letter-spacing:.12em}
.site-header{height:72px;background:#fff;padding:0 3vw;border-bottom:1px solid #ddd}
.wordmark{font:500 22px/1 Manrope,sans-serif;letter-spacing:.22em}
.site-header nav{gap:32px}.site-header nav a,.header-cta{font-size:11px;letter-spacing:.08em;font-weight:500}
.hero{height:calc(100svh - 101px);min-height:640px;background:#111}
.hero>video{width:100%;height:100%;object-fit:cover;display:block}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.05) 70%)}
.hero-copy{left:5vw;max-width:620px}
.hero h1,.intro h2,.portfolio h2,.process h2,.collection h2,.reviews h2,.inquiry h2,.about h2,.modal h2{font-family:Manrope,sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:-.05em;line-height:.91}
.hero h1{font-size:clamp(58px,7.6vw,116px)}
.eyebrow{font-size:11px;letter-spacing:.16em}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:430px}
.button{font-size:11px;letter-spacing:.08em;padding:17px 28px}.button.light{background:#fff;color:#000}.button.dark{background:#000}
.text-link{font-size:11px;letter-spacing:.08em}
.section-pad{padding:105px 5vw}
.intro{max-width:1180px}.intro h2{font-size:clamp(45px,5.5vw,82px)}.lead{font-size:16px;max-width:650px}
.services{padding-top:0;border-top:0}.service-card{padding:45px 4vw 60px 0}.service-card h3{font-family:Manrope,sans-serif;text-transform:uppercase;font-size:26px;font-weight:500;letter-spacing:-.03em}.service-card p{font-size:15px}
.portfolio{background:#fff}.portfolio-heading{padding-bottom:55px}.portfolio-heading h2{font-size:clamp(50px,6vw,90px)}
.gallery-grid{gap:4px;padding:0 4px 4px}.gallery-grid img,.gallery-grid .wide img{height:680px}.gallery-grid .tall img{height:1364px}
.gallery-grid img,.craft-grid img,.about-image img{filter:grayscale(.28) saturate(.72) contrast(1.06)}
figcaption{font-family:Manrope,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.craft-grid{background:#fff;gap:4px}.craft-copy h2{font-family:Manrope,sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:-.05em}
.process{background:#0b0b0b}.process-title h2{font-size:clamp(50px,5vw,78px)}.process li img{filter:grayscale(1) contrast(1.08)}.process li h3{font-family:Manrope,sans-serif;text-transform:uppercase;font-size:20px;font-weight:500}
.collection{background:#f3f3f1}.collection h2,.reviews h2,.inquiry h2,.about h2{font-size:clamp(46px,5vw,78px)}
.collection-placeholder{background:linear-gradient(145deg,#eee,#c9c9c6)}.reviews{background:#fff;border-top:1px solid #ddd}.review-grid blockquote{border:1px solid #ddd;background:#fff}.review-grid blockquote p{font-family:Manrope,sans-serif;font-size:18px;line-height:1.55}
.inquiry{background:#f4f4f2}.tabs button{font-size:11px}.tabs button.active{background:#000}.inquiry-form label{font-size:11px}input,select,textarea{border:0;border-bottom:1px solid #999;background:transparent;padding:15px 0;font-size:15px}
.upload{border:1px dashed #999}.about{background:#fff}footer{background:#000}
@media(max-width:900px){.hero{min-height:620px}.gallery-grid img,.gallery-grid .tall img,.gallery-grid .wide img{height:620px}}
@media(max-width:560px){.site-header{height:64px}.hero{height:78svh;min-height:560px}.hero h1{font-size:56px}.hero-copy{left:6vw}.section-pad{padding:76px 6vw}.gallery-grid img,.gallery-grid .tall img,.gallery-grid .wide img{height:560px}.services{padding-top:20px}}
