.dna-hero{min-height:min(74vh,620px)}.dna-hero .fg-hero-copy{max-width:720px}.dna-hero h1{font-size:clamp(2.6rem,6vw,5rem)}.dna-from{margin:12px 0 0;font:600 15px/1.45 Georgia,serif;color:#f2e7cd;text-shadow:0 2px 8px #000}.dna-from:empty{display:none}.dna-from a{color:var(--gold)}.dna-helix{position:absolute;right:clamp(210px,20vw,290px);top:10%;bottom:14%;width:110px;display:none;flex-direction:column;justify-content:space-between;pointer-events:none}.dna-helix i{position:relative;display:block;height:4px;width:100%;border-radius:2px;background:linear-gradient(90deg,#dda441,#f2e7cd 50%,#ad382b);box-shadow:0 0 10px rgba(239,182,78,.35);animation:dna-turn 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.28s)}.dna-helix i::before,.dna-helix i::after{content:"";position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid #17100c}.dna-helix i::before{left:-8px;background:#dda441}.dna-helix i::after{right:-8px;background:#ad382b}@keyframes dna-turn{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(-1);opacity:.55}}@media(min-width:1100px){.dna-helix{display:flex}}.dna-kb{width:clamp(110px,14vw,190px)}@media(max-width:700px){.dna-hero .fg-kb.dna-kb{top:14px;right:12px;width:96px}.dna-hero .fg-hero-copy{padding-top:142px}}.dna-page section[id],.dna-page .dna-match{scroll-margin-top:170px}@media(max-width:760px){.dna-page section[id],.dna-page .dna-match{scroll-margin-top:70px}}.dna-ring{margin:0 0 8px}.dna-ring .dts-note a{color:var(--gold)}.dna-example{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px dashed rgba(239,182,78,.7);background:rgba(239,182,78,.08);color:#f2e7cd;font:500 15px/1.5 Georgia,serif}.dna-example[hidden]{display:none}.dna-example b{color:var(--gold)}.dna-example .fg-cta-gold{padding:10px 16px;font-size:13px}.dna-headline{margin:6px 0 18px}.dna-kicker{margin:0;font:800 12px/1.3 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.dna-line{margin:8px 0 16px;font:italic 700 clamp(1.5rem,3.4vw,2.4rem)/1.15 Georgia,serif;color:#f2e7cd;text-shadow:3px 3px 0 #6b2a1f;max-width:30ch;overflow-wrap:anywhere}.dna-line.is-small{font-size:clamp(1.05rem,2vw,1.3rem);text-shadow:2px 2px 0 #6b2a1f;margin:10px 0 0}.dna-genes-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px}.dna-gene{display:grid;gap:3px;align-content:start;padding:12px 14px;border:1px solid #6b482f;border-top:3px solid var(--gold);background:rgba(15,11,8,.92);min-width:0}.dna-gene small{font:800 10.5px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#bda98c}.dna-gene b{font:700 1.15rem/1.2 Georgia,serif;color:#f2e7cd;overflow-wrap:anywhere}.dna-gene span{font:500 13px/1.35 Inter,sans-serif;color:#c8b69c}@media(max-width:400px){.dna-genes-top{grid-template-columns:1fr 1fr}.dna-gene{padding:10px 11px}.dna-gene b{font-size:1.02rem}}.dna-strands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:12px;margin:0 0 14px}.dna-strand{padding:16px 16px 14px;border:1px solid #6b482f;background:linear-gradient(180deg,rgba(26,16,10,.92),rgba(12,8,5,.96));min-width:0}.dna-strand header{display:grid;gap:2px;margin:0 0 10px}.dna-strand header b{font:700 1.2rem/1.2 Georgia,serif;color:#efd29b}.dna-strand header small{font:500 12.5px/1.4 Inter,sans-serif;color:#a9977f}.dna-bar{display:flex;height:30px;border:2px solid #17100c;background:#1a120c;box-shadow:4px 4px 0 #ad382b;overflow:hidden}.dna-bar i{display:block;height:100%;width:0;background:var(--c);border-right:2px solid #17100c;transition:width 1s cubic-bezier(.2,.8,.3,1)}.dna-bar i:last-child{border-right:0}.dna-strand.is-in .dna-bar i{width:var(--w)}.dna-bar i.is-none{background:repeating-linear-gradient(135deg,#2a1d15 0 7px,#3a2a1f 7px 14px)}.dna-legend{list-style:none;margin:12px 0 0;padding:0!important;display:grid;gap:5px}.dna-legend li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;font:500 14px/1.35 Inter,sans-serif;color:#f2e7cd}.dna-legend li i{width:14px;height:14px;background:var(--c);border:2px solid #17100c}.dna-legend li.is-none i{background:repeating-linear-gradient(135deg,#2a1d15 0 3px,#4a3627 3px 6px)}.dna-legend li b{font-weight:600;overflow-wrap:anywhere}.dna-legend li span{color:#c8b69c;font-variant-numeric:tabular-nums}.dna-legend li.is-none,.dna-legend li.is-none span{color:#a9977f}.dna-sub{margin:10px 0 0;font:500 13px/1.4 Inter,sans-serif;color:#a9977f}.dna-none-yet{margin:10px 0 0;font:italic 400 14px/1.45 Georgia,serif;color:#a9977f}.dna-none-yet a{color:var(--gold)}i.dna-none-yet{margin:0;font-size:13.5px}.dna-chips{list-style:none;margin:0;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}.dna-chips li{display:inline-flex;gap:8px;align-items:baseline;margin:0;padding:7px 11px;border:1px solid rgba(239,182,78,.55);background:rgba(239,182,78,.08)}.dna-chips b{font:700 15px/1.2 Georgia,serif;color:#f2e7cd}.dna-chips span{font:600 12px/1.2 Inter,sans-serif;color:var(--gold)}.dna-genes{margin:6px 0 0;border:1px solid #4a3426;background:rgba(18,12,8,.9)}.dna-genes summary{cursor:pointer;padding:14px 16px;font:700 15px/1.3 Inter,sans-serif;color:var(--gold)}.dna-genes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px;padding:0 14px 14px}.dna-gene-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid rgba(138,98,54,.45);background:rgba(10,7,5,.55)}.dna-gene-row>div>b{font:700 16px/1.3 Georgia,serif;color:#f2e7cd}.dna-gene-row>div>b a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(239,182,78,.45)}.dna-gene-row dl{margin:6px 0 0;display:grid;gap:3px}.dna-gene-row dl div{display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr);gap:8px;font:500 13px/1.35 Inter,sans-serif}.dna-gene-row dt{color:#a9977f}.dna-gene-row dd{margin:0;color:#e4d4bb;overflow-wrap:anywhere}.dna-gene-row dd small{color:#a9977f}.dna-face{position:relative;display:inline-grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:50%;border:2px solid rgba(242,231,205,.85);background:#20140c;overflow:visible}.dna-face img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.dna-face.is-initials{font:800 16px/1 Inter,sans-serif;color:var(--gold)}.dna-cousin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin:8px 0 4px}.dna-cousin{display:grid;gap:8px;align-content:start;padding:16px;border:1px solid #6b482f;border-top:3px solid #ad382b;background:rgba(12,8,5,.9);min-width:0}.dna-cousin.fg-rise.is-in:hover{transform:translateY(-3px)}.dna-cousin-who{display:flex;gap:12px;align-items:center;text-decoration:none;min-width:0}.dna-cousin-who .dna-face{width:72px;height:72px;flex-basis:72px}.dna-cousin-who b{font:700 1.15rem/1.2 Georgia,serif;color:#f2e7cd;border-bottom:1px solid rgba(239,182,78,.45);overflow-wrap:anywhere}.dna-why{margin:0;font:500 14.5px/1.45 Inter,sans-serif;color:#e4d4bb;overflow-wrap:anywhere}.dna-why b{color:var(--gold);font-weight:700}.dna-also{margin:0;font:500 13px/1.4 Inter,sans-serif;color:#a9977f}.dna-add{justify-self:start;min-height:40px;padding:10px 14px;font-size:12px!important}.dna-add.on{background:var(--gold);color:#1a1008}.dna-card-wrap{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:22px;align-items:start;margin:8px 0 0}#dnaCanvas{display:block;width:100%;height:auto;aspect-ratio:1080/1350;border:1px solid #6b482f;box-shadow:0 18px 50px rgba(0,0,0,.55),8px 8px 0 #ad382b;transform:rotate(-.8deg);animation:dna-card-in 1s cubic-bezier(.2,.8,.3,1) both}@keyframes dna-card-in{from{opacity:0;transform:rotate(-4deg) translateY(30px)}}.dna-card-acts{display:grid;gap:12px;align-content:start;justify-items:start}.dna-card-acts button{cursor:pointer;border:0}.dna-card-acts .fg-cta{border:2px solid var(--gold)}.dna-say{margin:0;min-height:1.3em;font:600 14.5px/1.45 Georgia,serif;color:#e4d4bb}.dna-say a{color:var(--gold)}.dna-card-link{overflow-wrap:anywhere}@media(max-width:760px){.dna-card-wrap{grid-template-columns:minmax(0,1fr)}#dnaCanvas{max-width:400px;margin:0 auto}}.dna-h3{margin:0 0 8px;font:700 1.1rem/1.25 Georgia,serif;color:#f2e7cd}.dna-send,.dna-paste{margin:14px 0 0;padding:16px;border:1px solid #6b482f;background:rgba(15,11,8,.92);max-width:760px}.dna-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:0 0 6px}.dna-row input{flex:1 1 240px;min-width:0;min-height:46px;padding:10px 12px;border:2px solid #6b482f;background:rgba(10,7,5,.85);color:#f8eed8;font:500 15px Inter,sans-serif}.dna-row input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(239,182,78,.25)}.dna-row .ballot-action{min-height:46px;padding:0 18px;font-size:12px!important}.dna-row .ballot-action:disabled{opacity:.45;cursor:default}.dna-match{margin:18px 0 0}.dna-match[hidden]{display:none}.dna-match-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr);gap:14px;align-items:start}.dna-match-grid.is-one{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.dna-side,.dna-score{padding:16px;border:1px solid #6b482f;background:rgba(12,8,5,.92);min-width:0}.dna-you-empty p{margin:0 0 12px;color:#e4d4bb;font:500 15px/1.5 Georgia,serif}.dna-mini{display:flex;flex-wrap:wrap;gap:6px}.dna-mini a{text-decoration:none}.dna-mini-face{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(242,231,205,.8);background:#20140c;overflow:visible}.dna-mini-face img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dna-mini-face.is-initials{font:800 13px/1 Inter,sans-serif;color:var(--gold)}.dna-score{display:grid;gap:12px;justify-items:center;text-align:center;border-top:3px solid var(--gold)}.dna-share{margin:0;display:grid}.dna-share b{font:900 3.2rem/1 Georgia,serif;color:var(--gold);text-shadow:3px 3px 0 #6b2a1f}.dna-share span{font:800 12px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c8b69c}.dna-meter{--p:0;margin:0;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#140d09 58%,transparent 59%),conic-gradient(var(--gold) calc(var(--p) * 1%),#3a2a1f 0);border:2px solid #17100c;box-shadow:0 0 24px rgba(239,182,78,.25);animation:dna-pulse 3s ease-in-out infinite}@keyframes dna-pulse{50%{box-shadow:0 0 36px rgba(239,182,78,.45)}}.dna-meter b{font:900 2rem/1 Georgia,serif;color:#f2e7cd}.dna-meter span{font:800 10.5px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c8b69c}.dna-overlaps{list-style:none;margin:0;padding:0!important;width:100%;display:grid;gap:6px;text-align:left}.dna-overlaps li{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;gap:8px;align-items:center;margin:0;font:500 13px/1.3 Inter,sans-serif;color:#e4d4bb}.dna-overlaps li i{display:block;height:10px;width:var(--w);background:var(--gold);box-shadow:2px 2px 0 #ad382b;min-width:2px}.dna-overlaps li b{text-align:right;color:#f2e7cd;font-variant-numeric:tabular-nums}.dna-overlaps li em{grid-column:2/-1;color:#a9977f;font-size:12px}.dna-shared{margin:12px 0 0}@media(max-width:900px){.dna-match-grid{grid-template-columns:minmax(0,1fr)}.dna-score{order:-1}}.dna-more{margin-top:18px}@media(prefers-reduced-motion:reduce){.dna-helix i{animation-duration:9s}.dna-bar i{transition-duration:2s}#dnaCanvas{animation-duration:2s}.dna-meter{animation-duration:7s}}@media print{.dna-strand .dna-bar i{width:var(--w)}.fg-rise{opacity:1!important;transform:none!important}.dna-card-acts,.dna-send,.dna-paste{display:none!important}}
