:root{--bg: #141e27;--bg-card: #1b2a36;--bg-raised: #223040;--bg-input: #1b2a36;--border: rgba(255,255,255,.07);--border-md: rgba(255,255,255,.13);--text: #e2eaed;--text-soft: #6e8fa0;--text-faint:#3d5a6a;--accent: #6fbfae;--accent-dim:rgba(111,191,174,.15);--font-h: "DM Serif Display", Georgia, serif;--font-b: "Jost", system-ui, sans-serif;--font-m: "IBM Plex Mono", monospace;--pad: clamp(16px, 5vw, 60px);--max: 1200px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}#root{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:16px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4{font-family:var(--font-h);font-weight:400;margin:0;letter-spacing:-.02em}p{margin:0}button{font-family:var(--font-b);cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font-b)}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.section{padding:clamp(56px,7vw,96px) 0 0}.eyebrow{display:inline-block;font-family:var(--font-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-title{font-size:clamp(26px,3.2vw,38px);color:var(--text)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:12px 22px;border-radius:var(--radius-pill);border:none;transition:filter .15s,transform .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-solid{background:var(--text);color:var(--bg)}.btn-solid:hover{filter:brightness(.9)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-md)}.btn-ghost:hover{border-color:var(--text-soft);background:#ffffff0a}.btn-accent{background:var(--accent);color:var(--bg);font-weight:700}.btn-accent:hover{filter:brightness(1.08)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:9px 18px;font-size:13px}.btn:disabled{opacity:.4;pointer-events:none}.textlink{background:none;border:none;font-size:14px;font-weight:600;color:var(--text-soft);padding:0;display:inline-flex;align-items:center;gap:5px}.textlink:hover{color:var(--text)}.iconbtn{display:grid;place-items:center;width:38px;height:38px;background:none;border:none;color:var(--text);border-radius:8px}.iconbtn:hover{background:var(--bg-raised)}.ph{position:relative;overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.ph svg{position:absolute;top:0;right:0;bottom:0;left:0}.ph-label{position:relative;font-family:var(--font-m);font-size:11px;letter-spacing:.07em;text-transform:lowercase;color:#fff3;background:#141e27cc;padding:4px 10px;border-radius:var(--radius-pill)}.announce{background:#0d1820;overflow:hidden;border-bottom:1px solid var(--border)}.announce-track{display:flex;white-space:nowrap;animation:ticker 32s linear infinite}.announce-item{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:9px 48px;flex-shrink:0}@keyframes ticker{to{transform:translate(-50%)}}.header{position:sticky;top:0;z-index:40;background:#141e27e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;height:62px;gap:18px}.logo-slot{display:flex;align-items:center;gap:12px;background:none;border:none;padding:0;color:var(--text);flex-shrink:0}.logo-slot img{height:36px;width:auto;display:block}.logo-text{font-family:var(--font-h);font-size:18px;color:var(--text)}.logo-placeholder{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-family:var(--font-m);font-size:11px;letter-spacing:.04em}.nav{display:flex;gap:2px;margin-left:14px}.nav-link{background:none;border:none;font-size:14px;font-weight:500;color:var(--text-soft);padding:8px 11px;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--text)}.header-right{display:flex;align-items:center;gap:4px;margin-left:auto}.cart-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;background:none;border:none;color:var(--text);border-radius:8px}.cart-btn:hover{background:var(--bg-raised)}.cart-count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 3px;background:var(--accent);color:var(--bg);border-radius:999px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.mob-toggle{display:none}.mob-nav{display:none;flex-direction:column;padding:6px var(--pad) 14px;background:#141e27f7;border-top:1px solid var(--border)}.mob-nav button{text-align:left;background:none;border:none;padding:13px 0;font-size:16px;color:var(--text);border-bottom:1px solid var(--border)}.mob-nav button:last-child{border:none}.hero{max-width:var(--max);margin:0 auto;padding:clamp(48px,6vw,88px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero-title{font-size:clamp(36px,5vw,58px);line-height:1.06;margin-bottom:16px}.hero-em{color:var(--accent);font-style:italic}.hero-sub{font-size:17px;color:var(--text-soft);max-width:42ch;margin-bottom:26px;line-height:1.65}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:13px;color:var(--text-soft)}.hero-media .ph{border-radius:var(--radius-lg)}.hero-media img{width:100%;border-radius:var(--radius-lg);object-fit:cover;display:block}.stars{display:inline-flex;gap:2px;color:var(--accent)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:transform .22s,border-color .22s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);border-color:var(--border-md);cursor:pointer}.card-media{position:relative;overflow:hidden}.card-media .ph,.card-media img{aspect-ratio:4/5;width:100%;object-fit:cover;transition:transform .4s;display:block}.card:hover .card-media .ph,.card:hover .card-media img{transform:scale(1.03)}.card-flag{position:absolute;top:10px;left:10px;font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#141e27e6;color:var(--text);padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-md)}.card-quick{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:#141e27eb;border:1px solid var(--border-md);color:var(--text);font-weight:600;font-size:13px;padding:9px;border-radius:var(--radius-pill);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.card:hover .card-quick{opacity:1;transform:translateY(0)}.card-quick:hover{background:var(--accent);color:var(--bg);border-color:transparent}.card-body{padding:14px 14px 16px}.card-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-name{font-family:var(--font-h);font-size:17px;color:var(--text);line-height:1.2}.card-price{font-size:15px;font-weight:600;white-space:nowrap}.card-tag{font-size:13px;color:var(--text-soft);margin:3px 0 10px}.card-swatches{display:flex;align-items:center;gap:6px}.card-sw-label{font-family:var(--font-m);font-size:10px;color:var(--text-faint)}.swatch{width:13px;height:13px;border-radius:999px;border:1px solid rgba(255,255,255,.15);display:inline-block}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat-tile{position:relative;border:none;padding:0;background:none;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:block;width:100%}.cat-tile .ph,.cat-tile img{aspect-ratio:3/2;width:100%;object-fit:cover;display:block;transition:transform .4s}.cat-tile:hover .ph,.cat-tile:hover img{transform:scale(1.03)}.cat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:16px 18px;background:linear-gradient(to top,rgba(10,16,22,.85) 0%,transparent 60%);justify-content:space-between}.cat-name{font-family:var(--font-h);font-size:20px;color:#fff}.cat-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff26;color:#fff}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.story-media .ph,.story-media img{border-radius:var(--radius-lg);width:100%;display:block}.story-title{font-size:clamp(24px,3vw,36px);margin:8px 0 14px}.story-body{color:var(--text-soft);font-size:15px;line-height:1.7;margin-bottom:18px}.story-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}.story-list li{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--text)}.story-list svg{color:var(--accent);flex:none}.cta-band{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(36px,5vw,64px);text-align:center}.cta-band h2{font-size:clamp(24px,3.2vw,38px);max-width:18ch;margin:6px auto 12px}.cta-band p{color:var(--text-soft);max-width:48ch;margin:0 auto 24px}.footer{margin-top:clamp(60px,8vw,100px);border-top:1px solid var(--border);background:var(--bg-card)}.footer-top{max-width:var(--max);margin:0 auto;padding:clamp(36px,5vw,60px) var(--pad) 32px;display:grid;grid-template-columns:1.3fr 1.7fr 1fr;gap:44px}.footer-tagline{color:var(--text-soft);font-size:14px;max-width:30ch;margin:12px 0 8px}.footer-loc{font-family:var(--font-m);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{font-family:var(--font-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin:0 0 4px;font-weight:500}.footer-col button{background:none;border:none;padding:0;text-align:left;font-size:14px;color:var(--text-soft)}.footer-col button:hover{color:var(--accent)}.footer-news h4{font-family:var(--font-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-weight:500}.footer-news p{font-size:14px;color:var(--text-soft);margin:0 0 12px}.news-form{display:flex;gap:8px}.news-form input{flex:1;min-width:0;background:var(--bg-input);border:1px solid var(--border-md);border-radius:var(--radius-pill);padding:10px 14px;font-size:14px;color:var(--text)}.news-form input:focus{outline:none;border-color:var(--accent)}.footer-bottom{max-width:var(--max);margin:0 auto;padding:16px var(--pad);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:var(--font-m);font-size:11px;letter-spacing:.04em;color:var(--text-faint)}.shop,.pdp,.cart-page{max-width:var(--max);margin:0 auto;padding:clamp(24px,4vw,44px) var(--pad) 0}.crumbs{display:flex;align-items:center;gap:8px;font-family:var(--font-m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.crumbs button{background:none;border:none;padding:0;color:var(--text-faint);font:inherit}.crumbs button:hover{color:var(--accent)}.shop-title{font-size:clamp(26px,3.8vw,40px);margin:0 0 6px}.shop-intro{color:var(--text-soft);margin:0 0 22px}.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:26px;flex-wrap:wrap}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:none;border:1px solid var(--border-md);color:var(--text-soft);padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:500}.chip:hover{color:var(--text);border-color:var(--text-soft)}.chip.active{background:var(--text);color:var(--bg);border-color:transparent}.sort-bar{display:flex;align-items:center;gap:12px}.item-count{font-family:var(--font-m);font-size:11px;color:var(--text-faint);letter-spacing:.04em}.sort-select{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-soft)}.sort-select select{background:var(--bg-raised);border:1px solid var(--border-md);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text)}.pdp-main{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}.pdp-gallery{position:sticky;top:76px;align-self:start}.pdp-main-img{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card)}.pdp-main-img .ph,.pdp-main-img img{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}.pdp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.pdp-thumb{border-radius:8px;aspect-ratio:1/1;object-fit:cover;width:100%;cursor:pointer;border:1px solid var(--border);display:block}.pdp-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.badge{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(111,191,174,.28);padding:4px 10px;border-radius:var(--radius-pill)}.pdp-name{font-size:clamp(26px,3.4vw,40px);margin:0 0 6px}.pdp-sub{color:var(--text-soft);margin:0 0 14px}.pdp-price-row{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:18px}.pdp-price{font-size:26px;font-family:var(--font-h)}.pdp-rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft)}.pdp-blurb{color:var(--text-soft);font-size:15px;line-height:1.65;margin-bottom:20px}.opt{margin-bottom:18px}.opt-label{font-family:var(--font-m);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:9px}.opt-label em{font-style:normal;color:var(--text);font-family:var(--font-b);text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;margin-left:6px}.opt-swatches,.opt-sizes{display:flex;gap:8px;flex-wrap:wrap}.swatch-btn{width:26px;height:26px;border-radius:999px;border:2px solid var(--border-md);cursor:pointer;padding:0;transition:box-shadow .15s}.swatch-btn.active{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent)}.size-btn{background:var(--bg-raised);border:1px solid var(--border-md);color:var(--text-soft);padding:8px 15px;border-radius:8px;font-size:13px;font-weight:500}.size-btn:hover{border-color:var(--text-soft);color:var(--text)}.size-btn.active{background:var(--text);color:var(--bg);border-color:transparent}.pdp-buy{display:flex;gap:10px;margin:20px 0 10px}.qty{display:inline-flex;align-items:center;background:var(--bg-raised);border:1px solid var(--border-md);border-radius:var(--radius-pill);overflow:hidden}.qty button{width:40px;height:44px;background:none;border:none;color:var(--text);display:grid;place-items:center}.qty button:hover{background:#ffffff0f}.qty span{min-width:26px;text-align:center;font-weight:600}.qty-sm button{width:32px;height:34px}.pdp-ship{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint);margin:0 0 22px}.pdp-ship svg{color:var(--accent)}.tabs{border-top:1px solid var(--border)}.tabs-head{display:flex}.tab{background:none;border:none;padding:12px 4px;margin-right:18px;font-size:14px;font-weight:600;color:var(--text-faint);border-bottom:2px solid transparent}.tab.active{color:var(--text);border-color:var(--accent)}.tabs-body{padding:14px 0;color:var(--text-soft);font-size:15px;line-height:1.65}.specs{margin:0}.spec-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.spec-row dt{font-family:var(--font-m);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0}.spec-row dd{margin:0;font-weight:600;font-size:14px}.cart-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:24px}.cart-head h1{font-size:clamp(24px,3.4vw,34px)}.cart-grid{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start;padding-bottom:60px}.cart-lines{list-style:none;margin:0;padding:0}.line{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}.line:first-child{padding-top:0}.line-img{width:80px;height:80px;border-radius:8px;object-fit:cover;display:block;background:var(--bg-raised)}.line-img-ph{width:80px;height:80px;border-radius:8px;background:var(--bg-raised)}.line-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.line-name{background:none;border:none;padding:0;font-family:var(--font-h);font-size:16px;color:var(--text);text-align:left}.line-name:hover{color:var(--accent)}.line-price{font-weight:600;white-space:nowrap}.line-opts{font-size:13px;color:var(--text-faint);margin:3px 0 10px}.line-bottom{display:flex;align-items:center;justify-content:space-between}.line-remove{background:none;border:none;font-family:var(--font-m);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.line-remove:hover{color:#e07070}.summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;position:sticky;top:76px}.summary h2{font-size:19px;margin:0 0 16px}.free-bar{background:var(--accent-dim);border-radius:8px;padding:10px 12px;margin-bottom:14px}.free-bar p{margin:0 0 7px;font-size:13px}.free-track{height:4px;background:#6fbfae33;border-radius:999px;overflow:hidden}.free-fill{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.summary-rows{margin:0 0 16px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--text-soft)}.summary-row dt,.summary-row dd{margin:0}.summary-total{border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:16px;color:var(--text);font-weight:700}.summary-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-faint);margin-top:12px}.summary-note svg{color:var(--accent)}.cart-empty{min-height:50vh;display:grid;place-items:center}.empty-state{text-align:center;max-width:380px}.empty-icon{width:64px;height:64px;border-radius:999px;background:var(--bg-raised);display:grid;place-items:center;margin:0 auto 18px;color:var(--text-soft)}.empty-state h1{font-size:clamp(22px,3vw,30px);margin:0 0 10px}.empty-state p{color:var(--text-soft);margin:0 0 22px}.loading{display:grid;place-items:center;padding:80px 20px;gap:14px;font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.spinner{width:26px;height:26px;border:2px solid var(--border-md);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,80px);display:flex;align-items:center;gap:9px;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-md);padding:11px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;z-index:99;opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s;pointer-events:none;white-space:nowrap}.toast svg{color:var(--accent)}.toast.show{transform:translate(-50%);opacity:1}@media (max-width: 960px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.nav{display:none}.mob-toggle{display:grid}.logo-slot{margin-right:auto}.mob-nav{display:flex}.hero,.story,.pdp-main{grid-template-columns:1fr}.hero-media{order:-1}.pdp-gallery{position:static}.cart-grid{grid-template-columns:1fr}.summary{position:static}.cats{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr;gap:28px}}@media (max-width: 540px){.grid-4,.grid-3,.cats{grid-template-columns:1fr 1fr}.hero-cta,.pdp-buy{flex-direction:column}.footer-bottom{flex-direction:column;gap:4px}}