.lp-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""stage""controls";row-gap:18px;display:grid}.lp-hero-copy{grid-area:copy}.lp-hero-stage{grid-area:stage}.lp-hero-controls{grid-area:controls;max-width:560px}@media (min-width:960px){.lp-hero{grid-template:"copy stage""controls stage"1fr/minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:32px 56px}.lp-hero-stage{position:sticky;top:24px}}.lp-styles{background:var(--heather);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lp-style{display:block;position:relative}.lp-style input,.lp-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.lp-style span{text-align:center;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.5em .3em;font-size:.95rem;font-weight:680;font-stretch:106%;line-height:1.1;transition:background-color .12s;display:flex}.lp-style:hover span{background:#ffffff8c}.lp-style input:checked+span{background:var(--paper);box-shadow:inset 0 0 0 2px var(--key)}.lp-style input:focus-visible+span{box-shadow:var(--ring)}.lp-swatch{width:44px;height:44px;display:block;position:relative}.lp-swatch span{border:2px solid #00000029;border-radius:999px;width:100%;height:100%;transition:transform .12s;display:block}.lp-swatch:hover span{transform:scale(1.06)}.lp-swatch input:checked+span{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--key)}.lp-swatch input:focus-visible+span{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink)}.lp-scroller{scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;grid-auto-columns:min(74%,290px);grid-auto-flow:column;gap:14px;margin-inline:-16px;padding:4px 16px 18px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.lp-scroller>*{scroll-snap-align:start}@media (min-width:900px){.lp-scroller{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:20px;margin:0;padding:0;overflow:visible}}.lp-swingtag{background:var(--paper);border:2px solid var(--key);border-radius:26px 26px 18px 18px;max-width:520px;padding:58px 22px 22px;position:relative;box-shadow:0 18px 40px -22px #00000059}.lp-swingtag:before{content:"";background:var(--heather);border:2px solid var(--key);border-radius:999px;width:20px;height:20px;margin-left:-10px;position:absolute;top:20px;left:50%}.lp-swingtag:after{content:"";background:var(--key);transform-origin:bottom;width:2px;height:64px;position:absolute;bottom:calc(100% - 30px);left:50%;transform:rotate(18deg)}@media (min-width:900px){.lp-swingtag{padding:64px 32px 28px;transform:rotate(-1.6deg)}}.lp-sheet{background:var(--paper);border:2px solid var(--key);box-shadow:8px 8px 0 0 var(--heather-2), 0 24px 50px -30px #0006;font-variant-numeric:tabular-nums;border-radius:6px}@media (min-width:900px){.lp-sheet{transform:rotate(1.2deg)}}.lp-sheet-row{border-top:1px solid var(--heather-2);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) 2.6rem minmax(0,1.25fr);align-items:baseline;gap:8px;padding:9px 16px;display:grid}.lp-size{border:2px solid var(--key);border-radius:8px;place-items:center;min-width:52px;padding:6px 8px;line-height:1.05;display:grid}.lp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:900px){.lp-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.lp-tile{background:var(--heather);border-radius:18px;flex-direction:column;text-decoration:none;transition:background-color .14s;display:flex;position:relative;overflow:hidden}.lp-tile:hover{background:var(--heather-2)}.lp-tile:focus-visible{border-radius:18px}.lp-faq details{border-bottom:1.5px solid var(--heather-2)}.lp-faq summary{cursor:pointer;align-items:center;gap:16px;padding:18px 0;font-size:1.08rem;font-weight:700;line-height:1.3;list-style:none;display:flex}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";background:var(--heather);border-radius:999px;flex:none;place-items:center;width:32px;height:32px;margin-left:auto;font-size:1.3rem;font-weight:600;line-height:1;display:grid}.lp-faq details[open] summary:after{content:"–";background:var(--key);color:#fff}.lp-faq details>div{color:var(--muted);white-space:pre-line;max-width:62ch;padding:0 48px 20px 0}
