@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500&family=Heebo:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#f5efe6;color:#211a12;font-family:Heebo,Arial,sans-serif;font-weight:300}
a{color:inherit}
.demo-note{display:flex;justify-content:center;gap:16px;padding:9px 14px;background:#211a12;color:#f5efe6;font-size:12px}
.demo-note a{color:inherit}
header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4c9b8}
.brand{text-decoration:none;font:500 26px 'Frank Ruhl Libre',serif}
.brand span{display:block;font:300 10px Heebo;letter-spacing:.22em;margin-top:2px}
nav{display:flex;gap:28px}
nav a{text-decoration:none;font-size:14px}
.talk{text-decoration:none;font-size:13px;border:1px solid #211a12;border-radius:999px;padding:9px 18px}
.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:500;margin:0}
.hero{position:relative;min-height:calc(100svh - 121px)}
.hero-photo{position:absolute;inset:0;background:url('assets/hero.jpg') center 30%/cover}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,16,8,.88) 0,rgba(23,16,8,.15) 55%)}
.hero-copy{position:absolute;z-index:1;right:5vw;left:5vw;bottom:7vh;color:#f5efe6;max-width:640px}
.hero h1{font:300 clamp(64px,9vw,140px)/.92 'Frank Ruhl Libre',serif;margin:20px 0 24px;letter-spacing:-.02em}
.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:460px}
.pill{display:inline-block;margin-top:26px;padding:13px 28px;border:1px solid #f5efe6;border-radius:999px;text-decoration:none;font-size:14px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d4c9b8}
.strip span{padding:18px 10px;text-align:center;border-left:1px solid #d4c9b8;font-size:12px;letter-spacing:.08em}
.strip span:last-child{border-left:0}
.collection{padding:110px 6vw}
.collection .head{display:flex;align-items:end;justify-content:space-between;gap:40px}
.collection h2,.studio h2,.visit h2{font:300 clamp(44px,6vw,84px)/.98 'Frank Ruhl Libre',serif;margin:16px 0 0;letter-spacing:-.02em}
.collection .note{max-width:260px;color:#6f6252;line-height:1.6;margin:0}
.rows{margin-top:60px;border-top:1px solid #211a12}
.rows article{display:grid;grid-template-columns:56px 1fr 110px;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #d4c9b8}
.rows span{font-size:11px;letter-spacing:.15em}
.rows h3{font:400 30px 'Frank Ruhl Libre',serif;margin:0 0 6px}
.rows p{margin:0;color:#6f6252;font-size:14px}
.rows b{font:400 22px 'Frank Ruhl Libre',serif;text-align:left}
.fit{margin-top:45px;font-size:16px;line-height:1.7;max-width:520px}
.studio{display:grid;grid-template-columns:1fr 1fr;background:#211a12;color:#f5efe6}
.studio-photo{background:url('assets/hero.jpg') 78% center/cover;min-height:520px;filter:saturate(.85)}
.studio-copy{padding:110px 6vw}
.studio-copy>p:not(.eyebrow){line-height:1.8;max-width:460px;font-size:16px}
.sig{font:400 20px 'Frank Ruhl Libre',serif;margin-top:35px}
.visit{padding:110px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.hours{margin-top:28px;line-height:1.9;font-size:17px}
.actions{display:grid;gap:16px;align-content:start;justify-items:start}
.actions .wa{background:#211a12;color:#f5efe6;text-decoration:none;padding:16px 30px;border-radius:999px;font-size:15px;font-weight:500}
.actions .mail,.actions .map{text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:14px;letter-spacing:.04em}
.actions .tel{text-decoration:none;font-size:14px}
footer{padding:26px 5vw;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d4c9b8;font-size:12px;color:#6f6252}
footer a{color:inherit}
@media(max-width:720px){
header{height:64px;padding:0 16px}
.brand{font-size:21px}
nav{display:none}
.talk{font-size:12px;padding:8px 14px}
.hero{min-height:calc(100svh - 109px)}
.hero-photo{background-position:center}
.hero-copy{right:18px;left:18px;bottom:30px}
.hero h1{font-size:19vw}
.hero-copy>p:not(.eyebrow){font-size:15px}
.strip{grid-template-columns:1fr 1fr}
.strip span:nth-child(2n){border-left:0}
.collection{padding:80px 18px}
.collection .head{display:block}
.collection .note{margin-top:18px;max-width:none}
.rows{margin-top:40px}
.rows article{grid-template-columns:1fr 90px;padding:22px 0}
.rows article>span{display:none}
.rows h3{font-size:24px}
.studio{grid-template-columns:1fr}
.studio-photo{min-height:56vw}
.studio-copy{padding:70px 18px}
.visit{display:block;padding:80px 18px}
.actions{margin-top:45px}
footer{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 18px}
}