:root{--espresso:#150c07;--dark:#1e1008;--card:#2a1508;--teal:#2A7B6F;--teal-light:#3aab9a;--gold:#B8864E;--gold-light:#d4a96e;--cream:#FAF6EF;--muted:#c4a882;--soft:#9b8170}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;background:var(--espresso);color:var(--cream)}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400}nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:rgba(21,12,7,.95);border-bottom:1px solid rgba(184,134,78,.18);backdrop-filter:blur(8px)}.nav-logo{display:flex;align-items:center;gap:.75rem;color:var(--cream);text-decoration:none}.nav-logo img{width:38px;height:38px;object-fit:cover}.nav-logo span{font-family:'Cormorant Garamond',serif;letter-spacing:.08em}.nav-links,.footer-links{display:flex;gap:2rem;list-style:none}.nav-links a,.footer-links a{color:var(--muted);text-decoration:none;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.nav-links a:hover,.nav-links a.active{color:var(--cream)}.nav-hamburger,.mobile-nav{display:none}.collection-hero{text-align:center;padding:6rem 1.5rem 4.5rem;background:radial-gradient(circle at 50% 10%,rgba(42,123,111,.2),transparent 42%),var(--dark)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:var(--teal-light);margin-bottom:1rem}.collection-hero h1{font-size:clamp(3rem,7vw,5.7rem);margin-bottom:1rem}.collection-hero h1 em{color:var(--gold);font-weight:300}.collection-hero>p:last-child{color:var(--muted);font-weight:300;font-size:1.05rem}.preorder-banner{text-align:center;background:#f4ead7;color:#3d2818;padding:1rem 1.5rem;border-block:1px solid var(--gold);letter-spacing:.03em}.preorder-banner strong{color:#075a49}.collection-intro{text-align:center;max-width:690px;margin:0 auto;padding:5rem 1.5rem 2.5rem}.collection-intro h2,.details h2{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:1rem}.collection-intro>p:last-child{color:var(--muted);line-height:1.8}.product-grid{max-width:1180px;margin:0 auto;padding:0 2rem 6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.product-card{background:var(--card);border:1px solid rgba(184,134,78,.18);border-radius:5px;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(0,0,0,.32);border-color:rgba(184,134,78,.45)}.card-image{display:block}.card-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.card-body{padding:1.35rem}.card-kicker{font-size:.68rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-light)!important}.card-body h2{font-size:1.8rem;color:var(--gold-light)}.card-body h3{font-family:Lato,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:.2rem 0 .8rem}.card-body>p{color:var(--soft);line-height:1.65;font-size:.82rem}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.15rem;padding-top:1rem;border-top:1px solid rgba(184,134,78,.16)}.price{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:var(--gold-light)}.view-link{color:var(--teal-light);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.product-page{max-width:1180px;margin:0 auto;padding:2rem}.breadcrumb{display:flex;gap:.6rem;color:var(--soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin:1rem 0 2rem}.breadcrumb a{color:var(--muted);text-decoration:none}.product-top{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;padding-bottom:5rem}.primary-image img{width:100%;display:block;border-radius:5px}.product-info h1{font-size:clamp(3.5rem,7vw,6rem);color:var(--gold-light);line-height:.9}.product-info h2{font-family:Lato,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.13em;margin:1rem 0}.triplet{color:var(--teal-light);letter-spacing:.15em;font-size:.78rem;margin-bottom:1.5rem}.description{color:var(--muted);line-height:1.85}.page-preorder{margin:1.8rem 0 1.2rem;padding:1rem 1.2rem;border-left:3px solid var(--gold);background:rgba(184,134,78,.08);display:flex;flex-direction:column;gap:.25rem}.page-preorder strong{color:var(--gold-light)}.page-preorder span{color:var(--muted);font-size:.82rem}.share-button{margin-top:1rem;padding:.7rem 1rem;background:transparent;border:1px solid var(--gold);color:var(--gold-light);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.details{text-align:center;padding:5rem 0;border-top:1px solid rgba(184,134,78,.15)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem}.detail-grid figure{border-radius:5px;overflow:hidden;background:var(--card)}.detail-grid img{display:block;width:100%}.back-row{text-align:center;padding:0 0 5rem}.back-row a{color:var(--teal-light);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}footer{background:#0a0603;padding:3rem 5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(184,134,78,.1);flex-wrap:wrap;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo img{width:30px}.footer-logo span{font-family:'Cormorant Garamond',serif;color:var(--soft)}.footer-social{display:flex;gap:1rem}.footer-social a{color:var(--soft);text-decoration:none;font-size:.72rem;text-transform:uppercase}.footer-copy{width:100%;text-align:center;color:var(--soft);font-size:.7rem;opacity:.6;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}@media(max-width:900px){nav{padding:1rem 1.25rem}.nav-links{display:none}.nav-hamburger{display:flex;background:none;border:0;flex-direction:column;gap:5px}.nav-hamburger span{width:23px;height:2px;background:var(--cream)}.mobile-nav.open{display:flex;position:fixed;z-index:19;top:70px;left:0;right:0;background:var(--dark);flex-direction:column;padding:1rem 1.5rem}.mobile-nav a{color:var(--muted);text-decoration:none;padding:.8rem 0;border-bottom:1px solid rgba(184,134,78,.12)}.product-grid{grid-template-columns:repeat(2,1fr);padding-inline:1.25rem}.product-top{grid-template-columns:1fr;gap:2rem}.detail-grid{gap:.75rem}footer{padding:2.5rem 1.5rem;align-items:flex-start;flex-direction:column}}@media(max-width:600px){.nav-logo span{font-size:.9rem}.collection-hero{padding-top:4rem}.product-grid{grid-template-columns:1fr}.product-page{padding:1rem}.product-info h1{font-size:3.7rem}.detail-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:.9rem}}
