@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff")}:root{--bg: #0e0e0e;--ink: #f5efe3;--muted: #b9b4a8;--gold: #c9a227;--error: #ff8a7a;--display: "Anton", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.5}main,footer{width:100%;max-width:720px;margin:0 auto;padding:0 16px}img{display:block;max-width:100%;height:auto}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0 48px}h1{margin:0;font-family:var(--display);font-weight:400;font-size:min(17vw,132px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:var(--ink);text-shadow:.045em .045em 0 var(--gold)}.ray{width:clamp(132px,26svh,280px);height:clamp(132px,26svh,280px);object-fit:contain;margin:14px 0 10px;image-rendering:auto}.subhead{font-family:var(--display);font-size:clamp(28px,8vw,44px);line-height:1.05;text-transform:uppercase;color:var(--ink)}.body-line{max-width:34ch;margin-top:8px;font-size:14px;color:var(--ink)}.signup{width:100%;max-width:440px;margin-top:16px}form{display:flex;flex-direction:column;gap:10px}input[type=email]{width:100%;height:52px;padding:0 14px;background:var(--bg);color:var(--ink);border:2px solid var(--ink);font-family:var(--mono);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]::placeholder{color:var(--muted);opacity:1}input[type=email][aria-invalid=true]{border-color:var(--error)}#submit-btn,.cta{width:calc(100% - 5px);height:52px;padding:0 14px;background:var(--gold);color:#0e0e0e;border:2px solid var(--gold);box-shadow:5px 5px 0 var(--ink);font-family:var(--display);font-size:22px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#submit-btn:active:not(:disabled),.cta:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}#submit-btn:disabled{cursor:progress;background:var(--bg);color:var(--gold)}.form-error{min-height:21px;font-size:14px;color:var(--error);text-align:left}.form-error:empty{min-height:0}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success{padding:16px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-right:5px;font-size:15px;text-align:left;color:var(--ink)}.success:focus{outline:none}figure{margin:0}.drop{padding:0 0 48px;text-align:center}.drop h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(36px,11vw,64px);line-height:1;text-transform:uppercase;color:var(--ink)}.drop h2:after{content:"";display:block;width:64px;height:5px;margin:10px auto 0;background:var(--gold)}.drop-sub{max-width:40ch;margin:10px auto 0;font-size:14px;color:var(--ink)}.drop-note{max-width:36ch;margin:8px auto 0;font-size:12px;color:var(--muted)}.card-line{margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}.price{margin-top:4px;font-size:14px;font-weight:700;color:var(--gold)}.pair figcaption{margin-top:10px;text-align:center;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.45}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;margin:24px 0 0;padding:0;list-style:none;text-align:left}.card img,.pair img{width:100%;object-fit:cover;border:2px solid var(--ink);background:#1a1a1a}.card img{aspect-ratio:4 / 5}.card-link{display:block;color:inherit;text-decoration:none}.card-link:hover h3{text-decoration:underline;text-underline-offset:3px}.card h3{margin:8px 0 0;font-family:var(--mono);font-size:12px;font-weight:400;line-height:1.35;letter-spacing:.04em;text-transform:uppercase}.palette{display:flex;gap:10px;margin-top:10px;padding:4px 4px 11px;margin-left:-4px}.swatch{position:relative;flex:none;width:18px;height:18px;margin:0;padding:0;border:0;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 1px #f5efe347}.swatch:before{content:"";position:absolute;top:-7px;right:-5px;bottom:-11px;left:-5px}.swatch[aria-pressed=true]:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-9px;height:2px;background:var(--ink)}.swatch:hover{box-shadow:inset 0 0 0 2px var(--ink)}.swatch.accent{outline:2px solid var(--gold);outline-offset:2px}.palette-label{margin-top:4px;font-size:10px;line-height:1.4;letter-spacing:.02em;color:var(--muted)}.pair{margin-top:24px}.pair img{height:auto;object-fit:initial}.drop-end{margin-top:28px}.pair-palettes{display:flex;justify-content:center;gap:32px;margin-top:6px}.pair-palettes .palette{justify-content:center;margin-left:0}.pair-palettes .palette-label{text-align:center;letter-spacing:.08em}@media(min-width:720px){.drop{padding-bottom:72px}.drop-note{font-size:13px}.cards{gap:32px 24px}.card h3{font-size:14px}.palette-label{font-size:11px}}footer{padding-top:20px;padding-bottom:28px;border-top:2px solid var(--ink);text-align:center;font-size:12px;letter-spacing:.12em;color:var(--ink)}@media(min-width:720px){.hero{padding:48px 0 72px}h1{font-size:132px}.body-line{font-size:16px}}html.detail-open{overflow:hidden}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.detail[hidden]{display:none}.detail-inner{width:100%;max-width:520px;margin:0 auto;padding:12px 16px 40px}.detail-back{display:inline-flex;align-items:center;height:44px;margin:0 0 8px -8px;padding:0 8px;background:none;border:0;color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.detail-back:hover{text-decoration:underline;text-underline-offset:3px}.viewer{position:relative;display:block;width:100%;aspect-ratio:4 / 5;margin:0;padding:0;overflow:hidden;border:2px solid var(--ink);background:#1a1a1a;cursor:zoom-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.viewer img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease-out;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.viewer.zoomed{cursor:zoom-out;touch-action:none}.viewer.zoomed img{transform:scale(2.4)}.viewer.spin{cursor:grab;touch-action:pan-y}.viewer.spin.dragging{cursor:grabbing}.viewer.spin img{transition:none}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-top:6px}.viewer-hint{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:opacity .3s}.viewer-hint.used{opacity:.35}.viewer-modes{display:flex;gap:4px}.viewer-modes[hidden]{display:none}.viewer-mode{height:32px;padding:0 10px;background:none;border:2px solid transparent;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.viewer-mode[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.detail-info{margin-top:14px}.detail-info h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(30px,9vw,44px);line-height:1.02;text-transform:uppercase;color:var(--ink)}.detail-info .card-line{margin-top:8px;font-size:14px}.detail-info .price{margin-top:8px;font-size:18px}.detail-info .palette{margin-top:14px}.cta{margin-top:20px}@media(min-width:820px){.detail-inner{max-width:920px;padding-top:24px}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.detail-info{margin-top:0;padding-top:8px}}@media(prefers-reduced-motion:reduce){.viewer img{transition:none}}
