@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#111114;color:#f5f1e9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #eebc7f;outline-offset:3px}.top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem max(5vw,1.25rem);border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:.75rem;font:700 1.1rem 'Space Grotesk',sans-serif}.brand small{display:block;font:600 .65rem 'DM Sans',sans-serif;letter-spacing:.17em;color:#b8aaa0;margin-top:.2rem}.top nav{display:flex;gap:1.7rem;font-size:.92rem}main{max-width:1240px;margin:auto;padding:clamp(2rem,5vw,5rem) max(5vw,1.25rem) 7rem}.eyebrow,.step-title,.pairing legend>span{color:#e4b383;font-size:.78rem;font-weight:700;letter-spacing:.14em}.intro h1{font:700 clamp(3.3rem,7vw,7rem)/.99 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:1.1rem 0}.intro h1 em{font-style:normal;color:#e2a96d}.intro>p:last-of-type{font-size:1.1rem;color:#ccc5bf;line-height:1.65;max-width:48rem}.caution{display:flex;gap:1rem;align-items:center;max-width:56rem;padding:1rem 1.2rem;margin:2rem 0 3rem;border:1px solid #a8835e;background:#241d1b;line-height:1.5}.caution strong{flex:0 0 12rem;font-size:.8rem;letter-spacing:.08em;color:#eebc7f}.caution span{color:#d5cac2}.pairing{border:0;padding:0;margin:0}.pairing legend{font:700 clamp(1.8rem,3vw,2.6rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em}.pairing legend span{display:block;margin-bottom:.6rem;font-family:'DM Sans',sans-serif}.pairing>p{color:#bdb4ae;line-height:1.5}.pair-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 3rem}.pair-options label{cursor:pointer;position:relative}.pair-options input{position:absolute;opacity:0;width:1px;height:1px}.pair-options span{display:block;border:1px solid #655b58;padding:1.3rem;background:#1d1d20;font:700 1.45rem 'Space Grotesk',sans-serif;transition:border-color .2s,background .2s}.pair-options small{display:block;margin-top:.55rem;color:#bcb2ac;font:400 .88rem 'DM Sans',sans-serif}.pair-options input:checked+span{border-color:#eebc7f;background:#30231c}.pair-options input:focus-visible+span{outline:2px solid #eebc7f;outline-offset:3px}.step-title{margin-bottom:1.5rem}.person{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem;padding:2rem;margin-bottom:1rem;background:#1d1d20;border:1px solid #ffffff24}.person-head,.person-controls,.choose{grid-column:1}.person h2,.summary h2{font:700 clamp(1.8rem,3vw,2.7rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:.5rem 0}.person-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.person label:not(.choose){font-size:.9rem;font-weight:600}.person select{display:block;width:100%;margin-top:.5rem;padding:.8rem;background:#121214;color:#f5f1e9;border:1px solid #83766c;font:inherit}.choose{font-size:.9rem;font-weight:600}.evidence{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:minmax(125px,1fr) 1fr;align-items:center;gap:1rem;background:#282427}.evidence img{width:100%;aspect-ratio:1;object-fit:cover}.evidence h3{font:700 1.35rem 'Space Grotesk',sans-serif;margin:.6rem 0}.evidence p{color:#c9bfb9}.evidence strong,.evidence a{display:block;margin-top:.6rem}.evidence a{color:#eebc7f;font-size:.9rem}.summary{margin-top:3rem;padding:2rem;border:1px solid #aa8261;background:#241d1b;max-width:760px}.selected,.math{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid #ffffff24;line-height:1.5}.total{font-size:1.4rem;font-weight:700;border-bottom:0}.small{color:#c9bfb9;font-size:.9rem;line-height:1.55}.action{margin-top:1rem;background:#e9b277;color:#211c19;padding:1rem 1.4rem;border:0;font:700 1rem 'DM Sans',sans-serif;cursor:pointer}.action:hover{background:#ffca8b}footer{display:flex;justify-content:space-between;padding:2rem max(5vw,1.25rem);border-top:1px solid #ffffff24;color:#a69d98;font-size:.85rem}@media(max-width:850px){.person{display:block}.person-controls{margin:1rem 0}.choose{display:block;margin:1rem 0}.evidence{margin-top:1.3rem}}@media(max-width:650px){.top{gap:.7rem}.top nav{gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.top nav a{font-size:.8rem}.brand{font-size:.95rem}.brand small{display:none}.pair-options{grid-template-columns:1fr}.caution{display:block}.caution strong{display:block;margin-bottom:.5rem}.person-controls{grid-template-columns:1fr}.evidence{grid-template-columns:1fr 1fr}.evidence .eyebrow{font-size:.68rem}.summary{padding:1.25rem}.selected,.math{font-size:.9rem}footer{gap:1rem;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.pair-options span{transition:none}}
/* Match the collection's signature actions. */
.action{background:#d9ff65;color:#151519}.action:hover{background:#edffac}.pair-options input:checked+span{border-color:#d9ff65}.pair-options input:focus-visible+span{outline-color:#d9ff65}

.signature-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:2rem 0 4rem;padding:2rem;background:#201d20;border:1px solid #ffffff30}.signature-pair h2{font:700 clamp(1.8rem,3vw,3rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:.6rem 0}.signature-pair p:not(.eyebrow){line-height:1.6;color:#d0c5be}.pair-art{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pair-art img{width:100%;aspect-ratio:1;object-fit:cover;background:#e8e5e1}@media(max-width:760px){.signature-pair{grid-template-columns:1fr;padding:1.2rem;margin-bottom:3rem}}