:root{--bg: #08090a;--surface: #0e0f11;--surface-2: #0c0d0f;--surface-3: #0a0b0c;--ink: #f3f1ee;--gold: #c0883f;--gold-soft: #c8a063;--gold-bright: #e6b878;--muted: #8b8d90;--muted-2: #80838a;--muted-3: #b7b5b1;--muted-4: #a8aaad;--muted-5: #9a9c9f;--muted-6: #cfcdc9;--wa: #1f9d54;--wa-2: #3ba864;--hairline: rgba(255, 255, 255, .08);--hairline-soft: rgba(255, 255, 255, .06);--display: "Saira", sans-serif;--body: "Hanken Grotesk", sans-serif;--shell: 1320px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}::selection{background:var(--gold);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:#26282c;border-radius:0}input::placeholder{color:#5a5d62}input:focus,select:focus{outline:none;border-color:var(--gold)!important}@keyframes oFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes oSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes oToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes oMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.shell{max-width:var(--shell);margin:0 auto;padding-left:28px;padding-right:28px;width:100%}.fade{animation:oFade .5s ease both}.fade-fast{animation:oFade .4s ease both}.eyebrow{font-family:var(--display);font-size:11px;letter-spacing:.34em;color:var(--gold)}.lnk{cursor:pointer;transition:color .2s}.lnk:hover{color:var(--gold)}.lnk-white:hover{color:#fff}.btn-light{font-family:var(--display);font-size:13px;letter-spacing:.18em;background:var(--ink);color:var(--bg);border:none;cursor:pointer;transition:background .2s}.btn-light:hover{background:var(--gold)}.btn-outline{font-family:var(--display);font-size:13px;letter-spacing:.18em;background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-gold{font-family:var(--display);font-size:13px;letter-spacing:.18em;background:var(--gold);color:var(--bg);border:none;cursor:pointer;transition:background .2s}.btn-gold:hover{background:#d59b4d}.pcard{cursor:pointer;background:var(--surface);border:1px solid var(--hairline-soft);transition:transform .35s ease,border-color .35s ease}.pcard:hover{transform:translateY(-5px);border-color:#c0883f66}.pcard:hover .pcard-img{transform:scale(1.05)}.pcard-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.tile:hover .tile-img{transform:scale(1.06)}.tile-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.icon-btn{cursor:pointer;color:var(--muted-6);display:flex;transition:color .2s}.icon-btn:hover{color:#fff}.wa-pill:hover{border-color:var(--wa-2)!important;color:var(--wa-2)!important}.wa-float{transition:transform .2s}.wa-float:hover{transform:scale(1.08)}.qty-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-6);transition:color .2s}.qty-btn:hover,.text-link:hover{color:var(--gold)}@media (max-width: 960px){.grid-4{grid-template-columns:repeat(2,1fr)!important}.pdp-grid{grid-template-columns:1fr!important;gap:32px!important}.checkout-grid{grid-template-columns:1fr!important;gap:30px!important}.pdp-gallery{position:static!important;top:auto!important;max-width:440px;margin-left:auto;margin-right:auto}.checkout-summary{position:static!important;top:auto!important}.footer-grid{grid-template-columns:1fr 1fr!important}.hero-title{font-size:48px!important}}@media (max-width: 820px){.main-nav{display:none!important}}@media (max-width: 600px){.shell,.page-pad{padding-left:18px!important;padding-right:18px!important}.grid-4{grid-template-columns:1fr 1fr!important;gap:12px!important}.values-grid{grid-template-columns:1fr 1fr!important;gap:22px!important}.footer-grid{grid-template-columns:1fr 1fr!important}.hero{min-height:70vh!important}.hero-pad{padding:56px 0!important}.hero-title{font-size:38px!important}.page-title{font-size:30px!important}.stack-mobile{grid-template-columns:1fr!important}.stack-mobile>*{grid-column:1 / -1!important}.editorial-copy{padding:40px 26px!important}}@media (max-width: 380px){.grid-4,.footer-grid{grid-template-columns:1fr!important}}