.storefront{--store-red:#b82d28;--store-ink:#22231f;--store-paper:#f4f1e9;--store-muted:#62665b;--store-line:#d5d3c8;--store-width:1240px;--store-gutter:clamp(20px, 5vw, 72px);background:var(--store-paper);color:var(--store-ink);line-height:1.5}.storefront .store-container{width:min(var(--store-width), calc(100% - var(--store-gutter) * 2));max-width:none;margin-inline:auto}:is(.storefront button:focus-visible,.storefront a:focus-visible,.storefront input:focus-visible,.storefront summary:focus-visible){outline:2px solid var(--store-red);outline-offset:4px}.storefront .eyebrow{letter-spacing:1.4px;font-size:10px;line-height:1.5}.storefront .line{background:var(--store-red)}.storefront h1,.storefront h2,.storefront h3{letter-spacing:-.035em;font-family:Arial,Helvetica,sans-serif;font-weight:600}.storefront .test-banner{letter-spacing:.8px;background:#10110f;min-height:32px;font-size:10px}.storefront .test-banner>span:last-child{color:#c8cbbf;font-size:11px}.storefront .live-dot{background:#e94a3e}.storefront .site-header{color:#f7f4ec;background:#171815;border-bottom:1px solid #35372f;height:auto;padding:0}.storefront .header-inner,.storefront .footer-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.storefront .header-inner{min-height:100px}.storefront .brand{flex-shrink:0;gap:16px}.storefront .brand .official-logo{object-fit:contain;border-radius:0;width:88px;height:88px}.storefront .brand>span:last-child{letter-spacing:1.5px;font-size:11px;line-height:1.5}.storefront .brand>span:last-child>span{letter-spacing:1.5px;color:#b3b8a9;margin-top:3px;font-size:9px}.storefront .site-header nav{gap:28px;font-size:14px;display:flex}.storefront .site-header nav a{color:#d8dccf;min-height:44px}.storefront .site-header nav a:hover,.storefront .site-footer nav a:hover{color:#fff}.storefront .bag-button{border:1px solid #656b59;border-radius:3px;gap:10px;min-height:44px;padding:10px 14px;font-size:13px}.storefront .bag-button b{color:#22231f;background:#e5e3d8;min-width:24px;height:24px;font-size:11px}.storefront .primary-button{background:var(--store-red);color:#fff;border-radius:3px;justify-content:space-between;align-items:center;gap:32px;width:auto;min-height:50px;padding:14px 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.storefront .primary-button:hover:not(:disabled){background:#98231f}.storefront .primary-button:disabled{color:#fff;opacity:.65;background:#777c70}.storefront .text-link{border-bottom:1px solid;align-items:center;gap:12px;min-height:44px;padding:8px 0;font-size:14px;font-weight:600;display:inline-flex}.storefront .store-hero{grid-template-columns:1fr 1fr;gap:0;min-height:500px;padding-block:40px;display:grid}.storefront .hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 48px 32px 0;display:flex}.storefront .hero-copy h1{margin:24px 0;font-size:clamp(44px,4.8vw,68px);line-height:1.04}.storefront .hero-copy h1>span{color:var(--store-red)}.storefront .hero-copy>p{max-width:390px;color:var(--store-muted);font-size:16px;line-height:1.7}.storefront .hero-copy>.hero-pack-note{margin-top:24px;font-size:14px}.storefront .hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:28px;display:flex}.storefront .hero-photo{background:#44473e;border-radius:4px;min-width:0;min-height:460px;margin:0;position:relative;overflow:hidden}.storefront .hero-photo>img{object-fit:cover;object-position:50% 47%;width:100%;height:100%;display:block;position:absolute;inset:0}.storefront .hero-photo figcaption{color:#f0f2e9;background:#171a15eb;border-radius:2px;max-width:calc(100% - 40px);padding:10px 14px;font-size:12px;line-height:1.5;position:absolute;bottom:20px;left:20px}.storefront .studio-section{border-top:1px solid var(--store-line);padding:56px 0 64px;scroll-margin-top:24px}.storefront .studio-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.storefront .studio-heading h2{margin:12px 0 0;font-size:36px;line-height:1.15}.storefront .studio-heading>p{color:var(--store-muted);padding-bottom:3px;font-size:14px;line-height:1.6}.storefront .configurator{border:1px solid var(--store-line);background:#fdfcf8;border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;min-height:640px;margin:0;display:grid;overflow:hidden}.storefront .visual-panel{background:#e8e7dc}.storefront .visual-meta{color:#646c58;letter-spacing:1px;font-size:10px;top:24px;left:28px;right:28px}.storefront .visual-meta>span:last-child{display:none}.storefront .preview-grid{opacity:.4;background-size:48px 48px}.storefront .preview-grid:after{border:0}.storefront .preview-object{min-height:640px}.storefront .preview-object canvas{height:calc(100% - 160px);top:30px}.storefront .preview-tools{flex-direction:row;gap:12px;bottom:64px;left:24px;right:24px}.storefront .view-tabs{background:#f4f3eccc;border-color:#c2c8b6;padding:3px}.storefront .view-tabs>button{color:#5d6553;min-width:44px;min-height:44px;padding:10px 12px;font-size:12px}.storefront .view-tabs>button[aria-pressed=true]{color:#20271a;background:#fffefa}.storefront .explode{color:#505b44;min-height:44px;font-size:12px}.storefront .explode.active{color:var(--store-red)}.storefront .visual-caption{color:#616b55;justify-content:space-between;gap:16px;font-size:11px;bottom:24px;left:28px;right:28px}.storefront .visual-caption>span:last-child{text-align:right;max-width:190px;line-height:1.5;display:block}.storefront .controls-panel{border-left:1px solid var(--store-line);min-width:0;padding:30px 32px}.storefront .panel-heading{gap:16px;margin-bottom:24px}.storefront .panel-heading .eyebrow{color:#66715a;font-size:10px}.storefront .panel-heading h3{margin-top:6px;font-size:28px;font-weight:500;line-height:1.2}.storefront .pack-tag{color:#5e684f;white-space:nowrap;border:1px solid #cdd1c1;border-radius:2px;padding:7px 9px;font-size:11px}.storefront .band-selector{margin-bottom:22px}.storefront .band-selector button{color:#666e5b;gap:6px;min-height:48px;padding:12px 0;font-size:13px}.storefront .band-selector button.selected{border-color:var(--store-red);color:#20271a}.storefront .band-index{display:none}.storefront .band-selector i{flex-shrink:0;width:9px;height:9px;margin-left:2px}.storefront .palette-heading{gap:12px;margin-bottom:14px;font-size:14px}.storefront .palette-heading strong{color:#677159;font-size:12px;font-weight:400}.storefront .swatches{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;max-width:none}.storefront .swatches>button{min-width:44px;max-width:54px;min-height:44px;padding:4px}.storefront .palette-status{color:#606b52;margin:12px 0 0;font-size:12px}.storefront .palette-empty{background:#eff1e7;border:1px solid #cdd2c0;border-radius:3px;align-items:flex-start;gap:12px;padding:16px;display:flex}.storefront .availability-light{background:#7a8767;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.storefront .palette-empty strong{font-size:14px;font-weight:600}.storefront .palette-empty p{color:#606b52;margin-top:4px;font-size:13px;line-height:1.6}.storefront .color-actions{color:#606b52;gap:12px;margin-top:10px;font-size:12px}.storefront .color-actions button{gap:10px;min-height:44px;font-size:12px}.storefront .color-actions button:disabled{opacity:.65}.storefront .color-actions>span{color:#606b52}.storefront .your-combination{background:#efeee6;border:1px solid #d5d9c9;gap:14px;min-height:74px;margin-top:16px;padding:14px 16px}.storefront .your-combination>div:last-child>span{letter-spacing:1px;color:#606b52;font-size:10px}.storefront .your-combination p{margin-top:4px;font-size:13px;line-height:1.5}.storefront .stack-chip{width:26px}.storefront .quantity-row{padding:20px 0 12px}.storefront .quantity-row label{font-size:14px}.storefront .quantity-row label>span{color:#606b52;margin-top:4px;font-size:12px}.storefront .quantity-input{background:#fffdf7;border-color:#c6cdb9;height:44px}.storefront .quantity-input button{place-items:center;min-width:44px;height:44px;padding:0;display:grid}.storefront .quantity-input input{width:32px;font-size:14px}.storefront .pack-summary{color:#626d54;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;display:flex}.storefront .pack-summary>span:last-child{color:#3f4c33;font-weight:600}.storefront .add-button{width:100%}.storefront .test-note{color:#616d52;margin-top:12px;font-size:12px;line-height:1.5}.storefront .inspiration{border:0;width:100%;max-width:none;margin:32px 0 0;padding:0;display:block}.storefront .section-caption{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:0;display:flex}.storefront .section-caption h3{font-size:24px}.storefront .section-caption>p{color:var(--store-muted);text-align:left;max-width:none;margin:0;font-size:14px}.storefront .preset-grid{gap:20px}.storefront .preset{border:1px solid var(--store-line);background:#eae9df;border-radius:3px;padding:16px;display:block}.storefront .preset:hover{background:#e3e4d6}.storefront .preset-art{background:0 0;border:0;height:150px;margin-bottom:12px}.storefront .preset h3{font-size:15px}.storefront .preset p{color:#606b52;font-size:12px}.storefront .kelley-story{color:#f3f2e9;background:#22261e;border-radius:4px;grid-template-columns:1fr 1fr;min-height:500px;scroll-margin-top:24px;display:grid;overflow:hidden}.storefront .story-photo{min-width:0;position:relative}.storefront .story-photo>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.storefront .photo-label{color:#ebefdf;letter-spacing:1.2px;background:#171b15e6;padding:9px 12px;font-size:10px;position:absolute;bottom:24px;left:24px}.storefront .story-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 32px;display:flex}.storefront .story-copy>.eyebrow{color:#c0c9b1}.storefront .story-copy h2{margin:16px 0;font-size:36px;line-height:1.15}.storefront .story-copy>p{color:#c4ccb8;font-size:14px;line-height:1.8}.storefront .story-detail{align-items:center;gap:20px;margin:24px 0;display:flex}.storefront .story-detail>img{object-fit:cover;border-radius:3px;width:100px;height:116px}.storefront .story-detail .eyebrow{color:#bac6a7;letter-spacing:.8px;font-size:10px}.storefront .story-detail p{color:#dfe6d2;margin-top:8px;font-size:14px}.storefront .story-copy .text-link{color:#eef1e5}.storefront .store-details{grid-template-columns:1fr 1fr;gap:0;padding-block:64px;scroll-margin-top:24px;display:grid}.storefront .store-details h2{margin:0 0 20px;font-size:36px;line-height:1.15}.storefront .details-intro{padding-right:32px}.storefront .store-faq{padding-left:32px}.storefront .store-faq details{border-top:1px solid var(--store-line)}.storefront .store-faq details:last-child{border-bottom:1px solid var(--store-line)}.storefront .store-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.storefront .store-faq summary::-webkit-details-marker{display:none}.storefront .store-faq summary svg{color:var(--store-red);flex-shrink:0;transition:transform .15s}.storefront .store-faq details[open] summary svg{transform:rotate(45deg)}.storefront .store-faq details p{color:var(--store-muted);padding:0 28px 20px 0;font-size:14px;line-height:1.7}.storefront .site-footer{color:#e5e8dd;background:#171815;border:0;padding:0}.storefront .footer-inner{min-height:140px;padding-block:20px}.storefront .site-footer .brand{transform:none}.storefront .site-footer nav{align-items:center;gap:24px;font-size:13px;display:flex}.storefront .site-footer nav a{color:#c5cdb8;align-items:center;gap:6px;min-height:44px;display:inline-flex}.storefront .toast{color:#f4f5ed;background:#25301e}.storefront .bag-dialog{background:#f9f7ef;border:1px solid #d1d6c3;border-radius:5px;width:min(540px,100vw - 32px);max-height:90dvh;margin:auto;padding:28px;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 100px #12180d44}.storefront .bag-dialog .primary-button{width:100%}.storefront .dialog-heading .eyebrow{color:#606b52;font-size:10px}.storefront .dialog-heading h2{font-size:28px}.storefront .icon-button{min-width:44px;min-height:44px}.storefront .bag-item h3{font-size:14px}.storefront .bag-item p,.storefront .bag-item span{color:#606b52;font-size:12px}.storefront .bag-summary{gap:16px;font-size:13px}.storefront .bag-summary strong{font-size:17px}.storefront .bag-disclaimer,.storefront .empty-bag p{color:#606b52;font-size:13px}.storefront .order-success h3{font-size:28px}.storefront .order-success p{color:#606b52;font-size:14px}.storefront .order-success .success-icon{color:#4a6233;background:#e3ead5}@media (max-width:1000px){.storefront .header-inner,.storefront .footer-inner{gap:24px}.storefront .brand>span:last-child{letter-spacing:1px;font-size:10px}.storefront .site-header nav{gap:18px}.storefront .hero-copy{padding-right:32px}.storefront .hero-copy h1{font-size:clamp(40px,5.2vw,54px)}.storefront .hero-photo{min-height:430px}.storefront .controls-panel{padding-inline:24px}.storefront .band-selector button{font-size:12px}.storefront .preview-tools{flex-direction:column;gap:4px;bottom:68px}.storefront .preview-object canvas{height:calc(100% - 200px)}.storefront .visual-caption{font-size:10px;left:20px;right:20px}.storefront .visual-caption>span:last-child{max-width:140px}.storefront .story-copy{padding-inline:24px}.storefront .story-detail{gap:16px}.storefront .story-detail .eyebrow{font-size:9px}.storefront .store-faq{padding-left:24px}}@media (max-width:760px){.storefront{--store-gutter:24px}.storefront .header-inner{min-height:84px}.storefront .brand .official-logo{width:76px;height:76px}.storefront .brand>span:last-child{display:none}.storefront .site-header nav{gap:20px;font-size:13px}.storefront .bag-button>span{display:none}.storefront .store-hero{min-height:0;padding-block:28px}.storefront .hero-copy{padding:16px 24px 16px 0}.storefront .hero-copy h1{font-size:clamp(36px,5.8vw,44px)}.storefront .hero-copy>p{font-size:14px}.storefront .hero-actions{gap:18px;margin-top:22px}.storefront .hero-photo{min-height:400px}.storefront .studio-section{padding-block:40px}.storefront .studio-heading{margin-bottom:24px;display:block}.storefront .studio-heading>p{margin-top:12px}.storefront .configurator{flex-direction:column;min-height:0;display:flex}.storefront .visual-panel{min-height:420px}.storefront .preview-object{height:420px;min-height:420px}.storefront .preview-object canvas{height:280px;top:20px}.storefront .preview-tools{flex-direction:row;gap:12px;bottom:56px}.storefront .visual-caption{bottom:18px}.storefront .controls-panel{border-left:0;border-top:1px solid var(--store-line);padding:28px}.storefront .band-selector button{font-size:14px}.storefront .section-caption{align-items:flex-start}.storefront .preset-grid{grid-template-columns:1fr;gap:12px}.storefront .preset{align-items:center;gap:20px;display:flex}.storefront .preset-art{flex-shrink:0;width:100px;height:90px;margin:0}.storefront .preset>div:last-child{flex:1}.storefront .kelley-story{min-height:450px}.storefront .story-copy{padding:28px 24px}.storefront .story-copy h2{font-size:30px}.storefront .story-detail{display:block}.storefront .story-detail>img{margin-bottom:12px}.storefront .store-details{grid-template-columns:1fr;gap:24px;padding-block:40px}.storefront .store-faq{padding-left:0}.storefront .footer-inner{min-height:120px}.storefront .site-footer nav{gap:18px;font-size:12px}}@media (max-width:560px){.storefront{--store-gutter:20px}.storefront .test-banner{gap:6px;padding:8px 12px}.storefront .test-banner>span:nth-child(2),.storefront .banner-divider{display:none}.storefront .test-banner>span:last-child{font-size:11px}.storefront .header-inner{gap:16px;min-height:76px}.storefront .brand .official-logo{width:68px;height:68px}.storefront .site-header nav{gap:16px;margin-left:auto;font-size:13px;display:flex}.storefront .site-header nav a:not(:first-child){display:none}.storefront .bag-button{gap:7px;padding:9px}.storefront .bag-button svg{width:18px}.storefront .store-hero{flex-direction:column;padding-block:28px 32px;display:flex}.storefront .hero-copy{padding:0 0 28px}.storefront .hero-copy .eyebrow{font-size:10px}.storefront .hero-copy h1{margin:18px 0;font-size:clamp(38px,11vw,52px)}.storefront .hero-copy>p{font-size:15px}.storefront .hero-copy>.hero-pack-note{margin-top:20px;font-size:13px}.storefront .hero-actions{gap:24px;margin-top:22px}.storefront .hero-photo{aspect-ratio:1;width:100%;height:auto;min-height:0}.storefront .hero-photo figcaption{max-width:calc(100% - 24px);padding:10px 12px;font-size:11px;bottom:12px;left:12px;right:auto}.storefront .studio-section{padding-block:32px}.storefront .studio-heading h2,.storefront .store-details h2{font-size:30px}.storefront .studio-heading>p{font-size:14px}.storefront .visual-panel{min-height:360px}.storefront .preview-object{height:360px;min-height:360px}.storefront .preview-object canvas{height:235px;top:20px}.storefront .visual-meta{top:16px;left:16px;right:16px}.storefront .preview-tools{gap:6px;bottom:54px;left:12px;right:12px}.storefront .view-tabs>button{padding:8px;font-size:11px}.storefront .explode{gap:4px;font-size:11px}.storefront .visual-caption{gap:12px;font-size:11px;bottom:16px;left:16px;right:16px}.storefront .visual-caption>span:last-child{max-width:145px}.storefront .controls-panel{padding:24px 18px}.storefront .panel-heading{margin-bottom:18px}.storefront .panel-heading h3{font-size:26px}.storefront .panel-heading .eyebrow{font-size:9px}.storefront .pack-tag{font-size:10px}.storefront .band-selector button{justify-content:center;gap:5px;font-size:12px}.storefront .band-selector i{width:8px;height:8px;margin-left:0}.storefront .palette-heading{font-size:13px}.storefront .palette-heading strong{font-size:12px}.storefront .palette-empty{gap:10px;padding:14px}.storefront .palette-empty strong{font-size:13px}.storefront .palette-empty p{font-size:12px}.storefront .color-actions,.storefront .color-actions button{font-size:11px}.storefront .your-combination{gap:12px;padding:12px}.storefront .your-combination p{font-size:12px}.storefront .quantity-row label{font-size:13px}.storefront .quantity-row label>span{font-size:11px}.storefront .quantity-input input{width:28px}.storefront .kelley-story{flex-direction:column;display:flex}.storefront .story-photo{aspect-ratio:1;flex-shrink:0;height:auto}.storefront .photo-label{bottom:16px;left:16px}.storefront .story-copy{padding:28px 20px}.storefront .story-copy h2{margin-block:12px;font-size:30px}.storefront .story-copy>p{font-size:14px}.storefront .story-detail{gap:16px;display:flex}.storefront .story-detail>img{width:88px;height:104px;margin:0}.storefront .story-detail .eyebrow{font-size:9px}.storefront .story-detail p{font-size:13px}.storefront .store-details{gap:20px;padding-block:32px}.storefront .store-faq summary{font-size:14px}.storefront .store-faq details p{font-size:13px}.storefront .footer-inner{gap:16px;min-height:120px;padding-block:20px}.storefront .site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:12px}.storefront .site-footer .brand .official-logo{width:68px;height:68px}.storefront .bag-dialog{padding:20px}.storefront .dialog-heading h2{font-size:26px}.storefront .bag-item h3{font-size:13px}.storefront .bag-summary{font-size:12px}.storefront .bag-summary strong{font-size:15px}}@media (max-width:360px){.storefront .band-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront .band-selector button{white-space:normal;flex-direction:column;gap:6px;min-width:0;padding:10px 4px}.storefront .band-selector button>span:nth-child(2){text-align:center;justify-content:center;align-items:center;max-width:60px;min-height:32px;line-height:1.3;display:flex}.storefront .band-selector i{order:-1;margin:0}.storefront .preview-tools{flex-direction:column;gap:2px;bottom:76px}.storefront .preview-object canvas{height:200px}.storefront .preview-object,.storefront .visual-panel{height:390px;min-height:390px}}@media (prefers-reduced-motion:reduce){html:has(.storefront){scroll-behavior:auto}.storefront *{scroll-behavior:auto!important;transition:none!important}}