@layer components{.wrap{width:100%;max-width:90rem;margin-inline:auto;padding-inline:1rem}@media (width>=768px){.wrap{padding-inline:2rem}}.grid>*,.flex>*{min-width:0}.tnum{font-variant-numeric:tabular-nums}.label{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1.3;display:block}.sku{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--c-muted);font-size:12.5px;font-weight:500}.h2{font-family:var(--ff-display);letter-spacing:-.025em;font-size:clamp(2.1rem,1.4rem + 2.8vw,4rem);font-weight:600;line-height:.98}.h3{font-family:var(--ff-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:500;line-height:1.15}.lede{color:var(--c-muted);max-width:56ch;font-size:16px;line-height:1.6}@media (width>=1024px){.lede{font-size:17px}}.idx{font-family:var(--ff-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-left:-.04em;font-size:clamp(4.5rem,2rem + 11vw,12rem);font-weight:600;line-height:.74}.idx-red{color:var(--c-accent-text)}.sec{border-top:1px solid var(--c-ink)}.cols{pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}@media (width>=1024px){.cols{grid-template-columns:repeat(12,1fr)}}.cols>span{border-left:1px solid #ffffff29}.cols>span:nth-child(n+5){display:none}@media (width>=1024px){.cols>span:nth-child(n+5){display:block}}.btn{white-space:nowrap;border:1px solid;border-radius:0;justify-content:center;align-items:center;gap:.75rem;min-height:3rem;padding-inline:1.4rem;font-size:15px;font-weight:500;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.btn-ink{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.btn-ink:hover{background:#333;border-color:#333}.btn-line{color:var(--c-ink)}.btn-line:hover{background:var(--c-ink);color:var(--c-bg)}.btn-light{color:#111;background:#fff;border-color:#fff}.btn-light:hover{background:#e6e6e6;border-color:#e6e6e6}.btn-ghost-light{color:#fff;border-color:#ffffffbf}.btn-ghost-light:hover{color:#111;background:#fff}.ulink{text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:var(--c-line);transition:text-decoration-color .2s}.ulink:hover{text-decoration-color:currentColor}.navlink{position:relative}.navlink:after{content:"";background:currentColor;height:1px;transition:right .3s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:.55rem;left:0;right:100%}.navlink:hover:after{right:0}.hero-scrim{background:linear-gradient(#11111159 0%,#11111114 30%,#11111173 58%,#111111d6 100%)}@media (width<=767px){.hero-scrim{background:linear-gradient(#11111159 0%,#1111114d 25%,#111111b3 55%,#111111e6 100%)}}.hero-title{font-family:var(--ff-display);letter-spacing:-.045em;font-size:clamp(3.4rem,1rem + 10.5vw,12.5rem);font-weight:600;line-height:.84}.rise{animation:1s cubic-bezier(.2,.7,.2,1) both rise}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}.swatch{cursor:pointer;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid;position:relative}.swatch>span:first-child{width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px #11111147}.swatch:after{content:"";border:1px solid #0000;transition:border-color .2s;position:absolute;inset:.55rem}input:checked+.swatch:after{border-color:var(--c-ink)}input:focus-visible+.swatch,input:focus-visible+.size{outline:2px solid var(--c-accent-2);outline-offset:1px}.size{font-variant-numeric:tabular-nums;border:1px solid var(--c-line);cursor:pointer;place-items:center;min-width:2.75rem;height:2.75rem;margin:0 -1px -1px 0;padding-inline:.35rem;font-size:13px;transition:background-color .2s,color .2s;display:inline-grid}.size:hover{background:var(--c-surface)}input:checked+.size{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink);position:relative}input:disabled+.size{color:color-mix(in oklab, var(--c-ink) 38%, var(--c-bg));background:repeating-linear-gradient(135deg, transparent 0 6px, var(--c-surface) 6px 7px);cursor:not-allowed;text-decoration:line-through}.field{background:var(--c-bg);border:1px solid var(--c-line);width:100%;min-height:3rem;color:var(--c-ink);border-radius:0;padding:.6rem .8rem;font-size:16px;transition:border-color .2s;display:block}.field:hover{border-color:color-mix(in oklab, var(--c-ink) 40%, var(--c-bg))}.field:focus{border-color:var(--c-ink);outline:none}.field:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:1px}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--c-ink) 50%), linear-gradient(135deg, var(--c-ink) 50%, transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:2rem}textarea.field{resize:vertical;min-height:6rem}.choice{border:1px solid var(--c-line);cursor:pointer;align-items:flex-start;gap:.75rem;min-height:3rem;margin:0 0 -1px;padding:.8rem;font-size:15px;display:flex}.choice:has(input:checked){border-color:var(--c-ink);position:relative}.choice input{accent-color:var(--c-ink);flex:none;width:1.1rem;height:1.1rem;margin-top:.1rem}.chip{border:1px solid var(--c-line);align-items:center;gap:.5rem;min-height:2.75rem;margin:0 -1px -1px 0;padding-inline:1rem;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.chip:hover{background:var(--c-surface)}.chip[aria-pressed=true]{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink);position:relative}.chip .n{color:inherit;opacity:.6;font-variant-numeric:tabular-nums;font-size:12px}.qty{border:1px solid var(--c-line);align-items:stretch;display:inline-flex}.qty button{place-items:center;width:2.5rem;min-height:2.5rem;font-size:16px;display:grid}.qty button:hover{background:var(--c-surface)}.qty output,.qty input{text-align:center;font-variant-numeric:tabular-nums;border-inline:1px solid var(--c-line);background:0 0;place-items:center;width:2.25rem;min-width:2rem;font-size:14px;display:grid}html:not(.js) .js-only,html.js .no-js-only{display:none!important}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq .pm{transition:transform .3s}.faq[open] .pm{transform:rotate(45deg)}.navmenu summary{list-style:none}.navmenu summary::-webkit-details-marker{display:none}@media (width<=1023px){html.js .order-panel{inset-inline:0;z-index:40;background:var(--c-bg);border-top:1px solid var(--c-ink);max-height:4.25rem;transition:max-height .35s cubic-bezier(.2,.7,.2,1);position:fixed;bottom:0;overflow:hidden;box-shadow:0 -18px 40px -24px #11111159}html.js .order-panel.open{max-height:86dvh;overflow-y:auto}html.js body{padding-bottom:4.25rem}}.sheet-bar{display:none}@media (width<=1023px){html.js .sheet-bar{display:flex}html.js .order-head{display:none!important}}dialog.qv{width:100%;max-width:min(60rem,94vw)}dialog.qv::backdrop{background:#1111118c}.flash{animation:.9s flash}@keyframes flash{0%{background:var(--c-surface)}to{background:0 0}}.js .reveal{clip-path:inset(0 0 100%);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.js .reveal{clip-path:none}}.cn,.fl{display:none}.sheet:not(:has(.cr1:checked,.cr2:checked)) .cn0,.sheet:has(.cr1:checked) .cn1,.sheet:has(.cr2:checked) .cn2{display:inline}.sheet:not(:has(.cr1:checked,.cr2:checked)) .fl0,.sheet:has(.cr1:checked) .fl1,.sheet:has(.cr2:checked) .fl2{display:block}}
