.pdp.svelte-3f36pt{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);padding-top:32px;display:grid}.gallery.svelte-3f36pt{grid-template-columns:72px 1fr;align-items:start;gap:16px;display:grid}.thumbs.svelte-3f36pt{gap:8px;display:grid;position:sticky;top:96px}.thumbs.svelte-3f36pt button:where(.svelte-3f36pt){aspect-ratio:4/5;cursor:pointer;opacity:.55;background:var(--frost);border:0;border-radius:6px;padding:0;transition:opacity .2s;position:relative;overflow:hidden}.thumbs.svelte-3f36pt button.on:where(.svelte-3f36pt),.thumbs.svelte-3f36pt button:where(.svelte-3f36pt):hover{opacity:1}.thumbs.svelte-3f36pt button.on:where(.svelte-3f36pt):after{content:"";border:1.5px solid var(--ink);border-radius:6px;position:absolute;inset:0}.thumbs.svelte-3f36pt .stage{height:100%}.main.svelte-3f36pt{aspect-ratio:4/5;background:var(--frost);border-radius:6px;position:sticky;top:96px;overflow:hidden}.slide.svelte-3f36pt{opacity:0;transition:opacity .35s var(--ease);margin:0;position:absolute;inset:0}.slide.on.svelte-3f36pt{opacity:1}.slide.svelte-3f36pt .stage,.strip.svelte-3f36pt .stage{aspect-ratio:auto;height:100%}.nav.svelte-3f36pt{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.nav.svelte-3f36pt button:where(.svelte-3f36pt){cursor:pointer;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:1}.frost.svelte-3f36pt{background:var(--frost);place-items:center;height:100%;display:grid}.frost.svelte-3f36pt .b:where(.svelte-3f36pt){align-self:end;width:88%;height:72%;margin-bottom:9%}.frost.lbl.svelte-3f36pt img:where(.svelte-3f36pt){width:88%;box-shadow:var(--lift);border-radius:3px}.mascot.svelte-3f36pt{background:var(--cold);color:#fff;text-align:center;align-content:center;place-items:center;gap:12px;height:100%;display:grid}.mascot.svelte-3f36pt img:where(.svelte-3f36pt){width:52%}.thumbs.svelte-3f36pt .mascot:where(.svelte-3f36pt) img:where(.svelte-3f36pt){width:80%}.mascot.svelte-3f36pt .script:where(.svelte-3f36pt){color:var(--roast);font-size:3.4rem;line-height:.6}.slide.svelte-3f36pt img:where(.svelte-3f36pt){object-fit:cover;width:100%;height:100%}.slide.svelte-3f36pt .lbl:where(.svelte-3f36pt) img:where(.svelte-3f36pt),.slide.svelte-3f36pt .mascot:where(.svelte-3f36pt) img:where(.svelte-3f36pt){object-fit:contain;height:auto}.slide.svelte-3f36pt .mascot:where(.svelte-3f36pt) img:where(.svelte-3f36pt){width:52%}.strip.svelte-3f36pt{display:none}.panel.svelte-3f36pt .sticky:where(.svelte-3f36pt){gap:0;display:grid;position:sticky;top:96px}.panel.svelte-3f36pt .eyebrow:where(.svelte-3f36pt){color:var(--cold)}.panel.svelte-3f36pt h1:where(.svelte-3f36pt){margin-top:12px}.tag.svelte-3f36pt{color:var(--roast);margin-top:8px;font-size:1.15rem}.price.svelte-3f36pt{font:500 1.5rem/1 var(--f-display);margin-top:22px}.sizes.svelte-3f36pt{border:0;margin:32px 0 0;padding:0}legend.svelte-3f36pt{width:100%;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.grid.svelte-3f36pt{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile.svelte-3f36pt{border:1px solid var(--line);border-radius:var(--r-tile);cursor:pointer;gap:2px;padding:16px 16px 14px;transition:border-color .15s;display:grid;position:relative}.tile.svelte-3f36pt:hover{border-color:var(--ink)}.tile.svelte-3f36pt input:where(.svelte-3f36pt){opacity:0;pointer-events:none;position:absolute}.tile.svelte-3f36pt:has(input:where(.svelte-3f36pt):focus-visible){outline:2px solid var(--cold);outline-offset:2px}.tile.sel.svelte-3f36pt{border-color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink)}.tile.svelte-3f36pt .t:where(.svelte-3f36pt){font-weight:600}.tile.svelte-3f36pt .s:where(.svelte-3f36pt){color:var(--mute);font-size:14px}.few.svelte-3f36pt{font:600 10px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--roast);position:absolute;top:10px;right:12px}.tile.out.svelte-3f36pt{color:#a6adb3;background:linear-gradient(to top right, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px));cursor:not-allowed}.ctas.svelte-3f36pt{gap:10px;margin-top:24px;display:grid}.pick.svelte-3f36pt{margin-top:20px}.ship.svelte-3f36pt{background:var(--frost);border-radius:10px;grid-template-columns:auto 1fr;gap:14px;margin-top:28px;padding:18px;display:grid}.note.svelte-3f36pt{margin-top:24px}.desc.svelte-3f36pt{color:#2a3238;margin-top:36px}.notes.svelte-3f36pt{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.notes.svelte-3f36pt li:where(.svelte-3f36pt){border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.accs.svelte-3f36pt{margin-top:40px}dl.svelte-3f36pt{grid-template-columns:auto 1fr;gap:10px 24px;margin:0;font-size:15px;display:grid}dt.svelte-3f36pt{color:var(--mute)}dd.svelte-3f36pt{margin:0}.others.svelte-3f36pt{padding-top:120px}.ogrid.svelte-3f36pt{grid-template-columns:repeat(auto-fill,minmax(280px,420px));gap:16px;margin-top:28px;display:grid}.ocard.svelte-3f36pt{gap:14px;text-decoration:none;display:grid}.ocard.svelte-3f36pt .stage{border-radius:4px}@media (width<=900px){.pdp.svelte-3f36pt{grid-template-columns:1fr;padding-top:0}.gallery.svelte-3f36pt{margin-inline:calc(-1 * var(--gutter));display:block}.thumbs.svelte-3f36pt,.main.svelte-3f36pt{display:none}.strip.svelte-3f36pt{scroll-snap-type:x mandatory;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.strip.svelte-3f36pt figure:where(.svelte-3f36pt){aspect-ratio:4/5;scroll-snap-align:center;flex:0 0 86%;margin:0;position:relative;overflow:hidden}.strip.svelte-3f36pt figure:where(.svelte-3f36pt) img{width:100%}.strip.svelte-3f36pt .mascot:where(.svelte-3f36pt) img:where(.svelte-3f36pt){width:52%}.panel.svelte-3f36pt .sticky:where(.svelte-3f36pt){padding-top:24px;position:static}}