.chooser{--ink:#2b2520;--muted:#6d6157;--gold:#8a6a35;color:var(--ink);background:radial-gradient(1200px 600px at 15% -10%,#fbf6ec 0%,#0000 60%),radial-gradient(900px 600px at 110% 110%,#ece2d0 0%,#0000 55%),#f4eee4;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}.chooser-main{max-width:1180px;margin:0 auto;padding:clamp(3rem,8vw,6rem) 1.25rem 3rem}.chooser-head{text-align:center;max-width:720px;margin:0 auto clamp(2.5rem,6vw,4rem)}.chooser-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 1.25rem;font-size:.72rem}.chooser h1{margin:0 0 1.25rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:400;line-height:1}.chooser h1 em{color:var(--gold)}.chooser-lede{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.75}.chooser-lede em{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.25em}.chooser-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(1.25rem,3vw,2rem);margin:0;padding:0;list-style:none;display:grid}.choice-link{height:100%;color:inherit;background:#fffdf9;border:1px solid #e4d9c6;border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .4s,box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 30px 60px -40px #3c281473}.choice-link:hover{transform:translateY(-4px);box-shadow:0 40px 70px -40px #3c281499}.choice-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.choice-preview{aspect-ratio:16/10;display:block;position:relative;overflow:hidden}.cp-bar{border-bottom:1px solid #00000014;height:12%;position:absolute;inset:0 0 auto}.cp-title{z-index:2;width:44%;font-size:clamp(1.4rem,3vw,2rem);line-height:1.05;position:absolute;top:32%;left:8%}.cp-photo{box-sizing:border-box;justify-content:flex-end;align-items:flex-end;padding:.6rem;display:flex;position:absolute}.cp-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cp-photo span{letter-spacing:.18em;text-transform:uppercase;border-radius:2px;padding:.3em .6em;font-size:.6rem;position:relative}.choice-a .choice-preview{background:#f8f3ea}.choice-a .cp-bar{background:#fffdf8}.choice-a .cp-title{color:#3a2f26;font-family:Cormorant Garamond,serif;font-style:italic}.choice-a .cp-photo{background:radial-gradient(60% 50% at 40% 35%,#f6dfb6 0%,#0000 70%),linear-gradient(160deg,#e9d6b8,#b98f62 60%,#7a5638);border-radius:999px 999px 0 0;width:36%;top:20%;bottom:10%;right:8%}.choice-a .cp-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.choice-b .choice-preview{background:#161514}.choice-b .cp-bar{background:0 0;border-color:#ffffff14}.choice-b .cp-title{color:#efe7d8;width:60%;font-family:Bodoni Moda,serif;font-size:clamp(1.6rem,3.4vw,2.4rem);top:55%;left:6%}.choice-b .cp-photo{background:radial-gradient(40% 60% at 72% 40%,#d6aa688c 0%,#0000 70%),linear-gradient(100deg,#161514 30%,#3b2c20 70%,#6b4d31);inset:0}.choice-b .cp-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cp-photo span{color:#e6d5b0;background:#0000008c;position:relative}.choice-body{flex-direction:column;flex:1;gap:.65rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.choice-label{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:.72rem}.choice-name{font-family:Cormorant Garamond,serif;font-size:clamp(1.9rem,3.5vw,2.4rem);line-height:1.05}.choice-b .choice-name{font-family:Bodoni Moda,serif;font-size:clamp(1.7rem,3.2vw,2.1rem)}.choice-summary{color:var(--muted);line-height:1.65}.choice-mood{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:.8rem}.swatches{gap:.4rem;display:flex}.swatches span{border:1px solid #0000001f;border-radius:50%;width:1.75rem;height:1.75rem}.choice-cta{letter-spacing:.04em;border-top:1px solid #ece3d4;margin-top:auto;padding-top:1rem;font-weight:500}.chooser-foot{text-align:center;max-width:640px;color:var(--muted);margin:3rem auto 0;font-size:.85rem;line-height:1.7}.credits{margin-top:1rem}.credits summary{cursor:pointer;color:var(--gold)}.credits ul{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.credits a{color:inherit}.choice-b .cp-photo{left:45%}.choice-b .cp-photo:after{content:"";background:linear-gradient(90deg,#161514 0%,#0000 40%);position:absolute;inset:0}.choice-b .cp-photo span{z-index:1}@media (prefers-reduced-motion:reduce){.choice-link{transition:none}.choice-link:hover{transform:none}}
