@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101011;--surface:#1a1a1c;--text:#f6f2e8;--muted:#b6b3ab;--gold:#f1ce76;--border:#343235}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:18px;line-height:1.5}body:before{content:"";position:absolute;inset:0 0 auto;height:650px;pointer-events:none;background:radial-gradient(ellipse at 90% 0,rgba(168,120,42,.13),transparent 60%),linear-gradient(125deg,transparent 48%,#d9ba6322 48.05%,transparent 48.2%);z-index:-1}button,select,textarea{font:inherit}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}.topbar{position:sticky;top:0;z-index:5;min-height:82px;border-bottom:1px solid #ffffff13;background:#101011f2;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100% - 1120px)/2))}.brand{display:flex}.brand img{width:104px;height:46px;object-fit:contain}.counter{border:1px solid #d6b76550;border-radius:100px;padding:9px 17px;color:#d6d0bf;font-size:16px;white-space:nowrap}.counter span{color:var(--gold);font-weight:800}main{max-width:1120px;margin:auto;padding:0 28px 175px}.intro{padding:68px 0 48px;max-width:730px}.eyebrow{font-family:Manrope,system-ui,sans-serif;letter-spacing:.19em;font-size:12px;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow span{width:5px;height:5px;background:var(--gold);border-radius:50%}h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(40px,5.5vw,68px);line-height:1.13;letter-spacing:-.055em;font-weight:600;margin:20px 0 24px}h1 em{font-style:normal;color:var(--gold)}p{color:var(--muted);margin:0 0 24px}.intro p{font-size:20px;max-width:560px}.intro strong{color:var(--text);font-weight:500}.details-link{display:inline-flex;gap:15px;text-decoration:none;font-size:16px;border-bottom:1px solid #766844;padding-bottom:5px;color:#ded6c4}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.reference-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.reference-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #f1ce7630}.photo-wrap{position:relative;background:#0a0a0b;aspect-ratio:1}.photo-wrap img{display:block;width:100%;height:100%;object-fit:contain}.number{position:absolute;top:14px;left:14px;border-radius:100px;background:#101011df;border:1px solid #ffffff30;min-width:42px;height:42px;display:grid;place-items:center;font-weight:700;font-size:18px}.selected-badge{position:absolute;right:14px;top:14px;display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#15130d;font-weight:800;font-size:25px}.selected .selected-badge{display:flex}.pick{width:100%;min-height:76px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--text);border:0;cursor:pointer;text-align:left}.pick strong{font-size:20px;font-weight:600}.pick span.label{display:block;color:var(--muted);font-size:15px;margin-top:1px}.check{flex-shrink:0;border:2px solid #77756c;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;color:transparent;font-size:21px;font-weight:700}.selected .check{background:var(--gold);border-color:var(--gold);color:#101011}.selected .pick span.label{color:var(--gold)}.pick:disabled{cursor:not-allowed;color:#b1aea6}.pick:disabled .label{color:#8f8b82}.pick:focus-visible,a:focus-visible,.finish:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.details{margin:76px 0 0;padding:34px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#211f1a,#1a1a1c 65%);scroll-margin-top:105px}h2{font-family:Manrope,system-ui,sans-serif;font-size:34px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 16px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fields label,.notes{display:block;font-size:18px;font-weight:600}select,textarea{display:block;width:100%;margin-top:10px;color:var(--text);background:#111113;border:1px solid #4c4941;border-radius:11px;padding:15px;min-height:59px;font-size:18px}select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:2px}select{padding-right:12px}textarea{resize:vertical}textarea::placeholder{color:#929089}.notes{margin-top:24px}.return-note{font-size:15px;margin:24px 0 0}.page-footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px;font-size:14px;color:#b5b0a3}.page-footer img{width:68px;height:40px;object-fit:contain}.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#19191bf5;backdrop-filter:blur(20px);border-top:1px solid #504534;padding:18px 28px calc(18px + env(safe-area-inset-bottom))}.selection-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1064px;margin:auto}.selection-copy strong{font-size:17px}#selected-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;min-height:31px}.empty{font-size:14px;color:var(--muted)}.chip{color:var(--gold);font-size:14px;line-height:1.2;border:1px solid #78633c;background:#30291b;border-radius:40px;min-height:32px;padding:5px 12px;cursor:pointer}.finish{border:0;border-radius:11px;background:var(--gold);color:#19150c;min-height:58px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:25px;padding:14px 25px;white-space:nowrap;cursor:pointer;font-size:18px}.finish:disabled{background:#343332;color:#8f8c85;cursor:not-allowed}.toast{position:fixed;bottom:155px;left:50%;transform:translateX(-50%);z-index:20;max-width:min(90vw,520px);background:#f3e5bf;color:#17140e;border-radius:12px;padding:16px 22px;font-size:17px;box-shadow:0 10px 40px #0008}.toast[hidden]{display:none}@media(max-width:640px){.topbar{padding:12px 18px;min-height:76px}.brand img{width:90px;height:42px}.counter{font-size:14px;padding:8px 13px}main{padding:0 16px 200px}.intro{padding:30px 2px 26px}.intro p{font-size:19px;line-height:1.55}h1{font-size:38px;margin:14px 0 18px}.details-link{font-size:14px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.reference-card{border-radius:15px}.pick{min-height:72px;padding:12px 10px;gap:7px}.pick strong{font-size:18px}.pick span.label{font-size:13px}.check{width:25px;height:25px;font-size:18px}.number{top:8px;left:8px;min-width:30px;height:30px;font-size:15px}.selected-badge{top:8px;right:8px;width:30px;height:30px;font-size:20px}.photo-wrap{aspect-ratio:1}.details{padding:25px 19px;margin-top:42px}.fields{grid-template-columns:1fr;gap:22px}h2{font-size:30px}.selection-bar{padding:13px 16px calc(13px + env(safe-area-inset-bottom))}.selection-inner{gap:12px;align-items:center}.selection-copy strong{font-size:14px}.empty{font-size:12px;max-width:160px}.finish{min-height:54px;font-size:16px;padding:12px 16px;gap:9px}.chip{font-size:12px;padding:5px 9px;min-height:32px}#selected-chips{gap:5px}.page-footer{font-size:12px;gap:12px}.toast{bottom:145px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.confirmed-panel{border:1px solid #bca15d;border-radius:18px;background:#222018;padding:28px;margin-top:32px;scroll-margin-top:100px}.confirmed-panel h2{color:#f1ce76;font-size:28px}.confirmed-panel p{color:#e4dfd1}.chip:disabled{cursor:default}

/* Compact editorial cards: two columns at every phone width, original images uncropped. */
.reference-card{box-shadow:0 8px 24px #0003}.reference-card.selected{background:linear-gradient(145deg,#30291b,#191919);box-shadow:0 0 0 2px #f1ce7630,0 8px 24px #0004}.photo-wrap img{image-rendering:auto}.pick:hover:not(:disabled){background:#f1ce760b}@media(max-width:380px){main{padding-left:10px;padding-right:10px}.gallery{gap:14px 10px}.pick span.label{font-size:12px}.pick strong{font-size:17px}.pick{padding:11px 9px}.counter{padding:7px 10px}}