@font-face{font-family:Cronde;src:url('assets/CRONDEItalic.ttf') format('truetype');font-display:swap}
:root{--black:#050505;--white:#f5f2ee;--muted:#aaa4a0;--red:#a60b12;--glow:#8e160d}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}
.product-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:24px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between}.brand{font-family:Cronde,Georgia,serif;font-size:1.55rem;letter-spacing:.07em}.brand span{font-family:Georgia,serif;font-size:.58rem;letter-spacing:.1em;display:block;text-align:center}.back{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#bcb4af;border-bottom:1px solid #5b1719;padding-bottom:7px}
.product-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(35px,6vw,100px);padding:15vh clamp(24px,8vw,130px) 8vh;overflow:hidden}.product-hero::before{content:"";position:absolute;right:-12%;top:8%;width:min(65vw,800px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--glow) 0,transparent 67%);filter:blur(85px);opacity:.23}.hero-copy,.campaign-final{position:relative;z-index:2}.kicker,.section-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.68rem;color:#9c9490}.product-hero h1{font-family:Cronde,Georgia,serif;font-weight:400;font-size:clamp(4.5rem,10vw,10rem);line-height:.79;margin:35px 0 28px}.lead{font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.7;color:#bbb2ad;max-width:590px}.campaign-final{display:block;width:min(100%,590px);height:auto;aspect-ratio:1;object-fit:cover;justify-self:center;border:1px solid #211d1b;box-shadow:0 32px 70px #000}
.identity{padding:16vh clamp(24px,8vw,130px);border-top:1px solid #201d1c;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.identity h2,.ritual h2,.collection h2{font-family:Cronde,Georgia,serif;font-weight:400;font-size:clamp(3rem,6vw,6.5rem);line-height:.94;margin:25px 0}.identity-text p{font-family:Georgia,serif;color:#b0a7a2;font-size:1.12rem;line-height:1.9;margin:0 0 25px}.accords{margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#292424}.accords div{background:#080808;padding:30px}.accords b{display:block;color:#8e262a;font-size:.65rem;letter-spacing:.2em;margin-bottom:14px}.accords span{font-family:Georgia,serif;font-size:1.15rem}
.ritual{padding:16vh clamp(24px,8vw,130px);background:#0b0a0a}.ritual p{font-family:Georgia,serif;color:#b9b0ab;font-size:1.14rem;line-height:1.85;max-width:720px}.cta{display:inline-flex;margin-top:35px;padding:15px 22px;border:1px solid #6e171b;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;transition:.25s}.cta:hover{background:#861017;border-color:#861017}
.collection{padding:15vh clamp(24px,8vw,130px)}.collection-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#282323;margin-top:70px}.collection-links a{background:#070707;padding:40px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.collection-links a:hover{background:#100b0b}.collection-links small{color:#8f8884;text-transform:uppercase;letter-spacing:.18em}.collection-links strong{font-family:Cronde,Georgia,serif;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:400}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(22px,5vw,72px);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#746e6a;border-top:1px solid #1d1b1a}
/* Keep the complete square photographs inside their grid column on every screen. */
.product-hero{width:100%;max-width:1600px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:120px clamp(20px,5vw,80px) 64px}
.hero-copy{min-width:0}
.product-hero h1{font-size:clamp(3.5rem,6.6vw,7rem);line-height:1.05;overflow-wrap:normal}
.campaign-final{width:100%;max-width:590px;min-width:0;height:auto;object-fit:contain;margin:0}
@media(min-width:761px) and (max-width:1100px){
 .product-hero{min-height:auto;grid-template-columns:1fr;gap:28px;padding:112px 40px 56px;text-align:center}
 .hero-copy{max-width:680px;justify-self:center}
 .product-hero h1{font-size:clamp(3.5rem,8vw,5.5rem);margin:20px 0}
 .lead{margin-inline:auto}
 .campaign-final{max-width:520px}
 .identity{gap:32px;padding:64px 40px}
}
@media(max-width:760px){
 .product-header{padding:18px 20px;gap:16px}.brand{font-size:1.3rem;flex-shrink:0}.back{font-size:.58rem;letter-spacing:.1em;text-align:right;line-height:1.5}
 .product-hero{min-height:auto;grid-template-columns:minmax(0,1fr);padding:104px 20px 40px;gap:24px;text-align:center}
 .product-hero h1{font-size:clamp(2.6rem,10.5vw,4.5rem);margin:18px 0;line-height:1.05}
 .lead{font-size:1.05rem;line-height:1.65;margin:0 auto;max-width:34rem}
 .campaign-final{width:100%;max-width:440px;margin:0;justify-self:center}
 .identity{grid-template-columns:1fr;padding:56px 20px;gap:24px}.accords{grid-template-columns:1fr}.collection-links{grid-template-columns:1fr}.collection-links a{min-height:145px}.ritual,.collection{padding:56px 20px}footer{flex-direction:column;text-align:center}
}