@font-face{font-family:Nineties;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/nineties-light.woff2)format("woff2")}@font-face{font-family:Nineties;font-weight:300;font-style:italic;font-display:swap;src:url(/fonts/nineties-light-italic.woff2)format("woff2")}@font-face{font-family:Public Sans;font-weight:100 900;font-display:swap;src:url(/fonts/public-sans.woff2)format("woff2")}:root{--ivory:#fefdfc;--beige:#f4ece4;--sand:#e6dccf;--honey:#f4cd87;--honey-deep:#c98a1c;--ink:#161616;--muted:#5f5953;--plum:#4a0b26;--serif:"Nineties", "Instrument Serif", Georgia, serif;--sans:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:24px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--beige);min-height:100dvh;color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;place-content:center;justify-items:center;gap:14px;margin:0;padding:24px;display:grid}:focus-visible{outline:3px solid var(--honey-deep);outline-offset:3px}label:has(input:focus-visible){outline:3px solid var(--honey-deep);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}img{max-width:100%;display:block}.widget{background:var(--ivory);border:1px solid var(--sand);border-radius:32px;flex-direction:column;width:390px;height:min(844px,100dvh - 80px);display:flex;position:relative;overflow-y:auto;box-shadow:0 40px 80px -48px #4a0b2673}.credit{color:var(--muted);margin:0;font-size:13px}@media (width<=480px){body{background:var(--ivory);padding:0;display:block}.widget{width:100%;height:auto;min-height:100dvh;box-shadow:none;border:0;border-radius:0;overflow:visible}.credit{display:none}}.bar{z-index:2;background:var(--ivory);padding:16px 22px 12px;position:sticky;top:0}.bar h1{font:500 14px/1 var(--sans);color:var(--muted);align-items:center;gap:12px;margin:0;display:flex}.bar span{border-left:1px solid var(--sand);padding-left:12px}.wordmark{width:74px;height:18px;color:var(--ink)}.screen{flex-direction:column;flex:1;gap:14px;padding:6px 22px 22px;display:flex}h2{font:300 34px/1.05 var(--serif);letter-spacing:-.015em;margin:0}h2 em{font-style:italic}h2:focus{outline:none}.eyebrow{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.lead{color:var(--muted);margin:0}.button{min-height:50px;font:600 16px/1.2 var(--sans);text-align:center;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;transition:transform .2s,background .2s;display:flex}.primary{background:var(--ink);color:var(--ivory)}.primary:hover{background:#2b2724;transform:translateY(-1px)}.secondary{background:var(--ivory);color:var(--ink);border:1px solid var(--sand)}.secondary:hover{background:var(--beige)}.quiet{min-height:44px;color:var(--ink);text-underline-offset:4px;background:0 0;text-decoration:underline}.foot-actions{gap:10px;margin-top:auto;display:grid}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;margin:0 -22px;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slides:focus-visible{outline-offset:-3px;border-radius:12px}.slide{scroll-snap-align:start;flex:0 0 100%;align-content:start;gap:12px;padding:0 22px;display:grid}.slide img{border:1px solid var(--sand);border-radius:20px;width:auto;height:clamp(160px,100dvh - 560px,360px);margin-inline:auto}.steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps[start="3"]{counter-reset:step 2}.steps li{counter-increment:step;grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.steps li:before{content:counter(step);background:var(--honey);width:28px;height:28px;font:600 14px/1 var(--sans);border-radius:50%;place-items:center;display:grid}.dots{justify-content:center;gap:4px;display:flex}.dots button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0}.dots button:before{content:"";background:var(--sand);border-radius:4px;width:8px;height:8px;margin:auto;transition:width .2s,background .2s;display:block}.dots button[aria-current=true]:before{background:var(--ink);width:20px}.segmented{border:1px solid var(--sand);background:var(--beige);border-radius:999px;grid-template-columns:1fr 1fr;margin:0;padding:4px;display:grid}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label{min-height:40px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;font-size:15px;font-weight:600;display:grid}.segmented label:has(input:checked){background:var(--ivory);color:var(--ink);box-shadow:0 1px 3px #1616161f}.which{border-radius:var(--radius);background:var(--beige);justify-content:center;gap:22px;padding:18px;display:flex}.which img{opacity:.25;width:auto;height:clamp(110px,22dvh,180px)}.which img.active{opacity:1}.mirror{transform:scaleX(-1)}.preview{gap:12px;margin:0;display:grid}.preview img{object-fit:contain;border-radius:var(--radius);background:var(--beige);width:100%;max-height:46dvh}.preview figcaption{justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.spinner{border:2px solid var(--sand);border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.error{color:var(--plum);background:#fbeef0;border-radius:16px;gap:10px;padding:14px 16px;display:grid}.error p{margin:0}.foot{justify-items:center;gap:6px;margin:0;display:grid}.foot svg{width:100%;height:auto;overflow:visible}#single-foot svg{width:auto;height:clamp(240px,100dvh - 450px,390px)}.foot .dim{fill:none;stroke:var(--ink);stroke-width:5px}.foot .extension{fill:none;stroke:var(--muted);stroke-width:3px;stroke-dasharray:10 8}.foot text{font:600 56px var(--sans);fill:var(--ink)}.foot figcaption{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.feet{border-radius:var(--radius);background:var(--beige);grid-template-columns:1fr 1fr;gap:18px;padding:16px 10px 12px;display:grid}.note{border-left:3px solid var(--honey);color:var(--muted);margin:0;padding:0 0 0 14px;font-size:14px;list-style:none}.note li+li{margin-top:6px}.size-card{border-radius:var(--radius);background:var(--honey);gap:6px;padding:18px 18px 16px;display:grid}.size-card .eyebrow{color:var(--ink)}.size{font:300 44px/1.05 var(--serif);margin:0}.basis{margin:0 0 8px;font-size:14px}.size-card .segmented{background:#fefdfc73;border-color:#1616161f}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:3s}}
