*{box-sizing:border-box;margin:0;padding:0}
:root{--red:#64151e;--deep:#430b13;--ivory:#f8f5ef;--paper:#fffdf9;--gold:#b59a67;--ink:#241c1c}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--ivory);color:var(--ink);line-height:1.6}
a{text-decoration:none;color:inherit}
.announcement{background:var(--red);color:#f6ead5;text-align:center;font-size:10px;letter-spacing:.28em;padding:9px 20px}
.site-header{height:92px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,245,239,.95);border-bottom:1px solid #e4ded4;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-main{font:600 31px/1 "Cormorant Garamond",serif;letter-spacing:.16em;color:var(--red)}
.brand-sub{font-size:7px;letter-spacing:.36em;margin-top:7px;color:#8a776e}
.nav{display:flex;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.nav a:hover{color:var(--red)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600}
.header-cta{border:1px solid var(--red);padding:12px 22px;color:var(--red)}
.menu-toggle{display:none}
.hero{min-height:calc(100vh - 128px);display:grid;grid-template-columns:48% 52%;padding:6vh 7vw 7vh;align-items:center;overflow:hidden}
.hero-copy{padding-right:7vw;position:relative;z-index:2}
.eyebrow{font-size:9px;letter-spacing:.28em;color:var(--gold);font-weight:600;margin-bottom:20px}
h1,h2,h3,.brand-main{font-family:"Cormorant Garamond",serif;font-weight:500}
h1{font-size:clamp(58px,7.3vw,108px);line-height:.88;color:var(--deep);letter-spacing:-.025em}
h1 em,h2 em{font-style:italic;color:var(--red)}
.hero-text{max-width:420px;margin:28px 0;color:#665b58;font-size:14px}
.hero-actions{display:flex;align-items:center;gap:28px}
.button-red{background:var(--red);color:#fff;padding:17px 28px;transition:.25s}
.button-red:hover{background:var(--deep);transform:translateY(-2px)}
.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--red)}
.text-link span{margin-left:8px}
.hero-visual{height:77vh;max-height:780px;position:relative}
.hero-frame{height:100%;width:84%;margin-left:auto;overflow:hidden}
.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82)}
.seal{position:absolute;left:4%;bottom:8%;width:92px;height:92px;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);font:600 22px/1 "Cormorant Garamond";background:var(--ivory)}
.seal small{font:7px;letter-spacing:.2em}
.vertical-note{position:absolute;right:-2%;top:38%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.28em;color:#8c7d76}
.marquee{background:var(--red);color:#f4e7d4;overflow:hidden;white-space:nowrap;font:500 18px "Cormorant Garamond";letter-spacing:.18em;padding:13px 0}
.marquee div{animation:marquee 24s linear infinite}
@keyframes marquee{to{transform:translateX(-30%)}}
.section{padding:120px 7vw}
.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;margin-bottom:55px}
.section-heading h2,.story h2{font-size:clamp(45px,5vw,75px);line-height:.9;color:var(--deep)}
.section-heading>p{font-size:13px;color:#716662;max-width:430px}
.collection-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;min-height:650px}
.collection-card{position:relative;overflow:hidden;min-height:500px}
.collection-card.tall{min-height:650px}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.collection-card:hover img{transform:scale(1.045)}
.card-overlay{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to top,rgba(40,5,9,.62),transparent 45%);color:#fff}
.card-overlay span{font-size:9px;letter-spacing:.2em}
.card-overlay h3{font-size:45px;line-height:.85}
.card-overlay a{font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.statement{background:var(--paper);border-top:1px solid #e5ded4;border-bottom:1px solid #e5ded4;padding:110px 8vw;text-align:center;color:var(--red)}
.statement-mark{font:80px/0 "Cormorant Garamond",serif;color:var(--gold)}
.statement p{font:500 clamp(34px,4.5vw,62px)/.95 "Cormorant Garamond",serif}
.statement em{font-style:italic}
.story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}
.story-image{height:700px;overflow:hidden}
.story-image img{width:100%;height:100%;object-fit:cover}
.story-copy{max-width:500px}
.story-copy>p:not(.eyebrow){font-size:14px;color:#6d625e;margin:24px 0}
.button-outline{border:1px solid var(--red);color:var(--red);padding:15px 25px;margin-top:12px}
.centered{display:block;text-align:center}.centered .eyebrow{margin-bottom:14px}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.journal-grid article img{width:100%;aspect-ratio:1.2;object-fit:cover;margin-bottom:20px}
.journal-grid article p{font-size:8px;letter-spacing:.22em;color:var(--gold)}
.journal-grid h3{font-size:29px;line-height:1;margin:8px 0 13px;color:var(--deep)}
.journal-grid a{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--red)}
.contact{background:var(--red);color:#fff4e7;padding:110px 7vw;text-align:center}
.contact-inner{max-width:700px;margin:auto}.contact .eyebrow{color:#d8bc82}
.contact h2{font-size:clamp(55px,6vw,86px);line-height:.88}
.contact h2 em{color:#f2dcae}
.contact-copy{max-width:470px;margin:25px auto;color:#e7d6cf;font-size:13px}
.contact-links{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin:32px 0}
.contact-links a{font:500 20px "Cormorant Garamond";border-bottom:1px solid #a9826e;padding-bottom:3px}
.button-light{background:#f7efe3;color:var(--red);padding:17px 30px}
footer{background:#30080e;color:#d8c9b9;display:flex;justify-content:space-between;padding:25px 7vw;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.footer-brand{font:600 20px "Cormorant Garamond";letter-spacing:.16em;color:#f3dfb7}
@media(max-width:850px){
 .nav{display:none}.header-cta{display:none}.menu-toggle{display:block;background:none;border:0;width:34px}
 .menu-toggle span{display:block;height:1px;background:var(--red);margin:7px 0}
 .site-header.open .nav{display:flex;position:absolute;left:0;right:0;top:92px;background:var(--ivory);padding:25px 7vw;flex-direction:column;gap:18px;border-bottom:1px solid #ddd}
 .hero{grid-template-columns:1fr;padding:55px 7vw}.hero-copy{padding:0 0 45px}.hero-visual{height:65vh}.hero-frame{width:91%}.vertical-note{display:none}
 .section{padding:80px 7vw}.section-heading{grid-template-columns:1fr;gap:25px}.collection-grid{grid-template-columns:1fr 1fr;min-height:auto}.collection-card,.collection-card.tall{min-height:500px}.collection-card:first-child{grid-column:1/-1}
 .story{grid-template-columns:1fr;gap:45px}.story-image{height:520px}.journal-grid{grid-template-columns:1fr}
 footer{flex-direction:column;gap:12px;text-align:center}
}
@media(max-width:520px){
 .brand-main{font-size:27px}.hero{padding-top:40px}.hero-visual{height:58vh}.hero-frame{width:100%}.seal{left:3%;bottom:5%;width:75px;height:75px;font-size:18px}
 h1{font-size:58px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
 .collection-grid{grid-template-columns:1fr}.collection-card:first-child{grid-column:auto}.collection-card,.collection-card.tall{min-height:540px}
 .statement{padding:80px 7vw}.contact-links{flex-direction:column;gap:15px}
}
