.retro-knob{width:var(--knob-size);height:var(--knob-size);filter:drop-shadow(0 3px 2px #38111b66);transform:translate(-50%, -50%) rotate(var(--knob-tilt,0deg));pointer-events:none;background:url(/assets/retro-slider-knob.webp) 50%/contain no-repeat;border-radius:50%;transition:transform .18s ease-out;position:absolute;top:50%}.retro-range{opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;margin:0;position:absolute}.retro-range::-webkit-slider-thumb{appearance:none;width:var(--knob-size);height:var(--knob-size)}.retro-range::-moz-range-thumb{width:var(--knob-size);height:var(--knob-size)}@media (prefers-reduced-motion:reduce){.retro-knob{transform:translate(-50%,-50%)}}.signup-dialog.poster-dialog{--signup-padding:32px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;max-width:1040px!important}.poster-sheet{padding:var(--signup-padding);background:color-mix(in srgb, var(--signup-ink) 7%, var(--signup-paper));place-items:center;display:grid;position:relative;overflow:hidden}.poster-canvas{width:auto;max-width:min(480px,100%);height:auto;max-height:calc(90svh - 2 * var(--signup-padding));box-shadow:inset 0 1px #ffffff80,0 18px 50px #22131a33}.poster-take{background:var(--signup-ink);width:56px;height:56px;color:var(--signup-paper);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;transition:transform .25s,background .25s;display:none;position:absolute;bottom:18px;right:20px}.poster-take .bonza-icon{width:1em;height:1em}.poster-grip{z-index:1;touch-action:none;cursor:ns-resize;background:0 0;border:0;grid-area:2/1;place-self:start center;place-items:center;width:88px;height:44px;margin:-36px 0 0;display:none;position:relative}.poster-grip:before{content:"";background:var(--signup-ink);border-radius:3px;width:44px;height:5px;transition:width .2s}.poster-grip:hover:before,.poster-grip:focus-visible:before,.poster-grip:active:before{width:60px}.poster-grip:focus-visible{outline:none}.poster-take:hover:not(:disabled){background:color-mix(in srgb, var(--signup-ink) 88%, black);transform:rotate(-12deg)}.poster-take:disabled{opacity:.5}.poster-tools{align-content:start;gap:20px;padding-top:40px;display:grid}.poster-header{gap:8px;margin-bottom:4px;display:grid}.poster-description{color:color-mix(in srgb, var(--signup-ink) 82%, var(--signup-paper));margin:4px 0 0;font-size:13px;line-height:1.6}.poster-field{gap:11px;min-width:0;display:grid}.poster-label{letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:800}.poster-swatches{gap:8px;display:flex}.poster-swatches button{border:1px solid color-mix(in srgb, var(--signup-ink) 15%, transparent);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.poster-swatches button:hover{border-color:color-mix(in srgb, var(--signup-ink) 44%, transparent)}.poster-swatches button[aria-checked=true]{border-color:var(--signup-ink);box-shadow:inset 0 0 0 1px var(--signup-ink)}.poster-swatches .colour-dot{flex-basis:26px;width:26px;height:26px;box-shadow:0 0 0 2px #fff8edcc}.poster-segments{border:1px solid color-mix(in srgb, var(--signup-ink) 15%, transparent);border-radius:999px;gap:4px;padding:4px;display:flex}.poster-segments button{height:36px;color:var(--signup-ink);background:0 0;border:0;border-radius:999px;flex:1;padding:0 12px;font-size:13px;font-weight:600}.poster-segments button:hover{background:color-mix(in srgb, var(--signup-ink) 6%, transparent)}.poster-segments button[aria-checked=true]{background:var(--signup-ink);color:var(--signup-paper)}.poster-swatches button:focus-visible,.poster-segments button:focus-visible{outline:3px solid var(--signup-ink);outline-offset:2px}.poster-dial{--knob-size:34px;height:var(--knob-size);position:relative}.poster-dial:before{content:"";background:color-mix(in srgb, var(--signup-ink) 30%, transparent);border-radius:1px;height:2px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.poster-dial>.retro-knob{left:calc(var(--knob-size) / 2 + (100% - var(--knob-size)) * var(--dial-value));filter:drop-shadow(0 2px 2px #38111b55)}.poster-dial>.retro-range{width:100%;height:100%;inset:0}.poster-dial:has(.retro-range:focus-visible)>.retro-knob{outline:3px solid var(--signup-ink);outline-offset:3px}.poster-note{color:color-mix(in srgb, var(--signup-ink) 70%, var(--signup-paper));align-items:center;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.poster-note .bonza-icon{color:#832220;width:14px;height:14px}.poster-error{margin:0;font-size:14px;line-height:1.5}.poster-inline{background:var(--signup-paper);color:var(--signup-ink);grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);display:grid}.poster-inline .poster-sheet{padding:44px 36px;overflow:visible}.poster-inline :is(.poster-canvas,.poster-sample){grid-area:1/1;width:100%;max-width:480px;height:auto;max-height:none;transform:rotate(-2deg);box-shadow:0 14px 30px #22131a33}.poster-inline .poster-canvas{opacity:0}.poster-inline [data-rendered=true] .poster-canvas{opacity:1}.poster-inline [data-rendered=true] .poster-sample{visibility:hidden}.poster-inline .signup-scroll{overflow:visible}.poster-inline .poster-tools{gap:24px;padding:40px 32px;overflow:visible}.poster-inline .poster-header{gap:12px}.poster-inline .dialog-title{letter-spacing:-.04em;margin:0;font:750 36px / 1.05 var(--font-display)!important}.poster-inline .poster-description{font-size:14px}.poster-inline .submit-button{min-height:54px;margin:0;font-size:15px;display:flex}.poster-sample-link{font-size:14px;text-decoration:underline}.poster-nojs{grid-column:1/-1;margin:0;padding:20px 32px;font-size:14px}.poster-inline .poster-label{font-size:12px}.poster-inline .poster-segments button{min-height:40px}.poster-inline .poster-dial{--knob-size:44px}@media (width<=900px){.poster-inline{grid-template-columns:1fr}.poster-inline .poster-sheet{z-index:2;padding:20px 28px;position:sticky;top:0;box-shadow:0 4px 12px #22131a14}.poster-inline :is(.poster-canvas,.poster-sample){width:auto;max-width:100%;max-height:36svh}.poster-inline .poster-tools{padding:32px 28px}.signup-dialog.poster-dialog{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;max-height:94svh}.poster-dialog .poster-sheet{grid-area:1/1;padding:16px 20px 28px}.poster-dialog .poster-canvas{max-width:min(300px,100%);max-height:42svh}.poster-dialog .poster-tools{gap:16px;max-height:none;padding:16px 20px 24px}.poster-dialog .poster-header .dialog-title{font-size:28px!important}.poster-dialog .poster-swatches button{width:40px;height:40px}.poster-dialog .signup-scroll{grid-area:2/1;overflow:clip}.poster-dialog .poster-grip{display:grid}.signup-dialog.poster-dialog[data-resized]{height:var(--room-height)}.poster-dialog[data-resized] .poster-sheet{height:var(--sheet-height)}.poster-dialog[data-resized] .poster-canvas{max-width:100%;max-height:calc(var(--sheet-height) - 44px)}.poster-dialog[data-snapping] .poster-sheet,.poster-dialog[data-snapping] .poster-canvas{transition-property:height,max-height;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}.poster-dialog[data-full] .signup-scroll{visibility:hidden}}@media (width>=701px) and (width<=900px) and (orientation:portrait){.poster-dialog .poster-canvas{max-width:min(360px,100%);max-height:46svh}.poster-dialog .poster-tools{grid-template-columns:1fr 1fr;grid-template-areas:"header header""colourway layout""screen border""scale scale""note note"}.poster-dialog .poster-header{border-bottom:1px solid color-mix(in srgb, var(--signup-ink) 15%, transparent);grid-area:header;grid-template-columns:1fr 1fr;grid-template-areas:"kicker line""title line";align-items:end;column-gap:36px;margin-bottom:0;padding-bottom:22px}.poster-dialog .poster-header .eyebrow{grid-area:kicker}.poster-dialog .poster-header .dialog-title{grid-area:title}.poster-dialog .poster-description{grid-area:line;margin:0}.poster-dialog .poster-field-colourway{grid-area:colourway}.poster-dialog .poster-field-pattern{grid-area:layout}.poster-dialog .poster-field-screen{grid-area:screen}.poster-dialog .poster-field-border{grid-area:border}.poster-dialog .poster-field-scale{grid-area:scale}.poster-dialog .poster-tools .submit-button{display:none}.poster-dialog .poster-take{display:grid}.poster-dialog .poster-note{grid-area:note}}