:root{--ink:#10100f;--panel:#1b1a18;--panel2:#24211e;--cream:#eee9de;--muted:#aaa294;--gold:#b99a68;--line:#5a4d3e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}img{display:block}
.shell{max-width:1600px;margin:auto;padding:0 clamp(24px,5.5vw,100px)}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.35rem;letter-spacing:.22em;font-weight:600;line-height:1}.header-nav{display:flex;align-items:center;gap:clamp(24px,3vw,48px);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.header-nav a{transition:color .2s}.header-nav a:hover{color:var(--gold)}.bag-link{display:inline-flex;align-items:center;gap:7px}.bag-count{color:var(--gold);font-weight:600}.nav-symbol{font-family:Georgia,serif;color:var(--gold);font-size:1.7rem;line-height:1}
.crumbs{padding-top:28px;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.crumbs li{display:inline-flex;align-items:baseline;gap:10px;min-width:0}.crumbs li:not(:last-child):after{content:'/';color:var(--line);flex-shrink:0}.crumbs li:last-child{overflow-wrap:anywhere}.crumbs a:hover{color:var(--gold)}.crumbs [aria-current]{color:var(--cream)}
.pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,88px);padding-top:30px;padding-bottom:90px;align-items:start}
.gallery{position:sticky;top:24px;min-width:0}.gallery-main{aspect-ratio:1;background:radial-gradient(circle at 50% 46%,var(--stage-a,#3c3331),var(--stage-b,#211e1c) 70%);overflow:hidden;position:relative}.gallery-main img{width:100%;height:100%;object-fit:contain}.gallery-main .product-index{position:absolute;top:22px;left:24px;font-size:.78rem;letter-spacing:.15em;color:#e0d1b8}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.thumbs button{padding:0;border:1px solid #ffffff22;background:var(--panel);aspect-ratio:1;cursor:pointer;overflow:hidden}.thumbs button:hover,.thumbs button[aria-pressed="true"]{border-color:var(--gold)}.thumbs img{width:100%;height:100%;object-fit:contain}
.eyebrow{color:var(--gold);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;display:flex;align-items:center;gap:18px}.eyebrow:before{content:'';width:39px;height:1px;background:currentColor}
.pdp-info h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(3.4rem,6vw,5.6rem);letter-spacing:-.045em;line-height:.95;margin:22px 0 12px}.kind{color:var(--muted);font-size:.9rem;margin:0 0 20px}.price{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:500;color:var(--gold);margin:0 0 26px}
.hook{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.75rem;line-height:1.25;color:#d9c7a4;margin:0 0 18px}.story{color:#c9c2b7;line-height:1.75;max-width:520px;margin:0 0 30px}
.cta-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.bag-add{border:1px solid var(--gold);background:#6d5439;color:var(--cream);font:600 .78rem 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:16px 34px;cursor:pointer;min-height:54px}.bag-add:hover:not(:disabled){background:#7d6143}.bag-add:disabled{opacity:.5;cursor:not-allowed}.size-field{margin:0 0 20px;max-width:340px}.size-field label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.size-field select{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--gold);border-radius:0;background:var(--panel);color:var(--cream);font:inherit;color-scheme:dark}.size-field select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.size-field .cta-note{margin-top:8px}.cta-note{color:var(--muted);font-size:.82rem;margin:0 0 6px}.text-link{display:inline-flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--gold);transition:gap .2s,color .2s}.text-link:hover{gap:30px;color:var(--gold)}
.delivery-returns{color:var(--muted);font-size:.82rem;line-height:1.7;margin:0 0 24px;max-width:520px}.delivery-returns p{margin:0 0 12px}.delivery-returns a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.pdp-info h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.7rem;margin:38px 0 6px}.details{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.details li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff1f;padding:13px 0;font-size:.88rem;color:#c8c0b3}.details strong{font-weight:500;color:var(--cream);text-align:right}
.related{border-top:1px solid #ffffff22;padding-top:70px;padding-bottom:90px}.related h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.04em;line-height:1;margin:14px 0 34px}.rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.rel{display:block}.rel-img{aspect-ratio:1;overflow:hidden}.rel-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.rel:hover img{transform:scale(1.04)}.rel span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;margin-top:12px}.rel:hover span{color:var(--gold)}
.site-footer{border-top:1px solid #ffffff24;padding-top:34px;padding-bottom:36px;color:var(--muted);font-size:.8rem;letter-spacing:.08em}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{color:var(--cream);font-size:1.8rem}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none}.site-footer a:hover{color:var(--gold)}
@media(max-width:900px){.pdp{grid-template-columns:1fr;padding-bottom:70px}.gallery{position:static}.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-header{height:72px}.brand{font-size:1.9rem}.header-nav{gap:16px;font-size:.7rem;letter-spacing:.08em}.nav-symbol{display:none}.hook{font-size:1.5rem}.footer-top{align-items:flex-start;flex-direction:column;gap:16px}.bag-add{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important}}