@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Italiana&display=swap');
:root{--black:#050505;--ink:#111;--cream:#f4f0e8;--gold:#c99345;--muted:#a8a096;--line:rgba(201,147,69,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:92px;padding:0 5vw;display:flex;align-items:center;gap:45px;background:#050505;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand img{display:block;width:148px;height:70px;object-fit:contain}.site-header nav{display:flex;gap:34px;margin-left:auto}.site-header nav a,.header-shop{font-size:10px;letter-spacing:2px;text-transform:uppercase}.site-header nav a:hover{color:var(--gold)}.header-shop{border:1px solid var(--gold);padding:13px 17px;color:var(--gold)}.hero{min-height:710px;height:calc(100vh - 92px);position:relative;display:flex;align-items:center;padding:7vw;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45) 55%,rgba(0,0,0,.1))}.hero-content{position:relative;max-width:710px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-size:10px;margin:0 0 19px}h1,h2{font-family:Italiana,serif;font-weight:400;line-height:.95;margin:0}h1{font-size:clamp(76px,10vw,145px);letter-spacing:-3px}h1 em{color:var(--gold);font-weight:400}.hero-content>p:not(.eyebrow){max-width:590px;line-height:1.85;color:#ddd5ca;margin:28px 0;font-size:15px}.cta{display:inline-flex;gap:30px;background:var(--gold);color:#171109;padding:17px 23px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.shop{background:var(--cream);color:var(--ink);padding:120px 6vw}.section-heading{text-align:center}.section-heading h2{font-size:clamp(75px,10vw,130px)}.section-copy{color:#756d62;line-height:1.8;max-width:580px;margin:17px auto 50px}.catalogue-note{border-top:1px solid #cfc5b6;padding:16px 0;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:2px;color:#7e7468;font-size:9px}.catalogue-note a{color:#7d5528}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{display:block}.product-image{aspect-ratio:.92;overflow:hidden;position:relative;background:#ddd4c6}.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover img{transform:scale(1.055)}.product-image span{position:absolute;left:10px;top:10px;color:#f6efe5;background:#15120f;padding:7px 8px;text-transform:uppercase;letter-spacing:1.5px;font-size:8px}.product-info{padding:13px 2px 22px}.product-info h3{font-size:13px;font-weight:500;margin:0}.product-info p{color:#7d7368;margin:5px 0 0;font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#12100e}.about-mark{display:flex;align-items:center;justify-content:center;background:#050505}.about-mark img{width:min(80%,600px)}.about>div:last-child{padding:9vw;display:flex;flex-direction:column;justify-content:center}.about h2{font-size:105px;color:var(--gold)}.about p:not(.eyebrow):not(.location){max-width:590px;color:var(--muted);line-height:1.9}.location{text-transform:uppercase;letter-spacing:4px;color:var(--gold);font-size:10px;margin-top:26px}footer{padding:35px 5vw;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1)}footer img{width:130px;height:62px;object-fit:contain}footer div{display:flex;gap:20px;margin-left:auto;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:9px}@media(max-width:800px){.site-header{height:74px;padding:0 4vw}.brand img{width:105px;height:56px}.site-header nav{display:none}.header-shop{margin-left:auto;padding:11px;font-size:8px}.hero{height:670px;min-height:0;padding:7vw}.hero-overlay{background:rgba(0,0,0,.65)}h1{font-size:76px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop{padding:85px 4vw}.about{grid-template-columns:1fr}.about-mark{height:350px}.about>div:last-child{padding:80px 7vw}.about h2{font-size:85px}footer{display:block}footer div{margin:12px 0 0;flex-wrap:wrap}}
.about h2{font-size:clamp(58px,6vw,92px)}
@media(max-width:800px){.about h2{font-size:62px}}
