:root{--obsidian:#131313;--ink:#131313;--ink-2:#161614;--onyx:#1a1a17;--card:#1a1a17;--card-2:#20201c;--smoke:#26261f;--line:#8a9a4524;--line-strong:#8a9a454d;--line-cool:#f4efe60f;--bone:#f4efe6;--bone-soft:#ddd8cb;--bone-dim:#f4efe68f;--bone-faint:#f4efe661;--gold:#6b7a3a;--gold-bright:#8a9a45;--gold-deep:#4f5a2a;--gold-glow:#8a9a452e;--oxblood:#6a3320;--oxblood-bright:#8a4326;--sand:#b6a36a;--red:#8a4326;--success:#6b7a3a;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-couture:cubic-bezier(.7, 0, .2, 1);--dur:.8s;--radius:3px;--radius-lg:4px;--pad-card:30px 28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--obsidian);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:.005em;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--gold-bright);color:#131313}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em;color:var(--bone-faint);font-size:11px}.display{font-family:var(--sans);letter-spacing:-.015em;font-weight:600;line-height:.98}.couture{font-family:var(--sans);letter-spacing:.02em;font-weight:300;line-height:1.04}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad-card);transition:border-color .5s var(--ease), transform .5s var(--ease), box-shadow .5s var(--ease);position:relative}.card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg, transparent 30%, var(--gold-glow) 50%, transparent 70%);opacity:0;transition:opacity .5s var(--ease), background-position .9s var(--ease);background-position:140% 0;background-size:220% 100%;position:absolute;inset:0}.card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 22px 60px #00000080}.card:hover:after{opacity:1;background-position:-40% 0}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}.wrap-tight{max-width:980px}.cta{background:var(--gold-bright);color:#131313;border:1px solid var(--gold-bright);border-radius:var(--radius);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;transition:background .4s var(--ease), color .4s var(--ease), transform .2s var(--ease);align-items:center;gap:12px;padding:16px 30px;font-size:12px;font-weight:700;display:inline-flex}.cta:hover{color:var(--gold-bright);background:0 0}.cta:active{transform:translateY(1px)scale(.99)}.cta-ghost{color:var(--bone);border:1px solid var(--line-strong);border-radius:var(--radius);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;transition:border-color .4s var(--ease), color .4s var(--ease);background:0 0;align-items:center;gap:12px;padding:16px 28px;font-size:12px;font-weight:700;display:inline-flex}.cta-ghost:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.rule{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);border:0;height:1px}.gold{color:var(--gold-bright)}.pdp-grid{grid-template-columns:1fr;align-items:start;gap:28px;margin-top:24px;display:grid}@media (min-width:768px){.pdp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px}}.site-nav{align-items:center;gap:30px;display:flex}.site-nav .label{letter-spacing:.24em;color:var(--bone-dim);transition:color .3s var(--ease);font-size:12px}.site-nav a.label:hover{color:var(--gold-bright)}@media (max-width:560px){.site-nav{gap:16px}.site-nav .label{letter-spacing:.16em;font-size:11px}}@media (max-width:380px){.wrap{padding:0 16px}.site-nav{gap:12px}.site-nav .label{letter-spacing:.08em;font-size:10px}}.panel{isolation:isolate;position:relative}.panel:after{content:"";z-index:1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(135deg,#8a9a4508 0 1px,#0000 1px 7px);position:absolute;inset:0}.panel>*{z-index:2;position:relative}.grain{z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.reveal{opacity:1}@media (prefers-reduced-motion:no-preference){.reveal{animation:hatsReveal .9s var(--ease) both}}@keyframes hatsReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.draw path,.draw line{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);animation:hatsDraw 1.7s var(--ease-couture) forwards}}@keyframes hatsDraw{to{stroke-dashoffset:0}}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em;color:var(--gold);align-items:center;gap:14px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--gold-deep);width:34px;height:1px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.shelf-card{transition:border-color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease)}.shelf-card:hover{border-color:var(--gold-bright);transform:translateY(-4px);box-shadow:0 18px 50px #0000008c}.shelf-card:hover .shelf-card-cta{color:var(--gold-bright)}@media (max-width:720px){.shelf-detail{grid-template-columns:1fr!important}}.carousel-arrow{width:46px;height:46px;color:var(--bone);border:1px solid var(--line-strong);cursor:pointer;transition:border-color .3s var(--ease), color .3s var(--ease), background .3s var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex}.carousel-arrow:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:#8a9a450f}.carousel-arrow:active{transform:scale(.95)}.dawgs-bg{object-fit:cover;z-index:-1;pointer-events:none;opacity:.28;filter:saturate(1.06)contrast(1.03);width:100vw;height:100dvh;position:fixed;inset:0}.dawgs-bg:after{content:""}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 50% 32%,#0a0a0a47,#0a0a0aa3 82%);position:fixed;inset:0}@media (max-width:760px){.dawgs-bg{opacity:.2}}@media (prefers-reduced-motion:reduce){.dawgs-bg{display:none}}