.kink-discovery-page{--discovery-lilac:#b7a8ff;background:var(--canvas);color:var(--ink)}
.discovery-hero{overflow:hidden;border-block-end:var(--line);background:linear-gradient(135deg,var(--coral) 0 57%,var(--yellow) 57%)}
.discovery-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr);gap:clamp(2rem,7vw,7rem);align-items:center;min-height:39rem;padding-block:clamp(3rem,7vw,6rem)}
.discovery-hero h1{max-width:8ch;margin:.25em 0 .18em;font:1000 clamp(5rem,10vw,9.5rem)/.78 var(--display);letter-spacing:-.06em}
.discovery-hero p:not(.kicker){max-width:36rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:780;line-height:1.45}
.discovery-hero a:not(.entry-breadcrumbs a){display:inline-flex;gap:.7rem;align-items:center;margin-top:1.3rem;padding:.8rem 1rem;border:var(--thin-line);color:var(--paper);background:var(--night);box-shadow:5px 5px 0 var(--paper);font-weight:950;text-decoration:none}
.discovery-hero a:not(.entry-breadcrumbs a):is(:hover,:focus-visible){color:var(--ink);background:var(--mint);box-shadow:8px 8px 0 var(--night);transform:translate(-2px,-2px)}
.signal-poster{position:relative;display:grid;gap:.65rem;align-content:center;min-height:28rem;padding:2rem;border:var(--line);background:var(--night);box-shadow:14px 14px 0 var(--paper);rotate:2deg}
.signal-poster span{width:max-content;max-width:100%;padding:.45rem .65rem;border:var(--thin-line);color:var(--ink);background:var(--yellow);font:1000 clamp(1.25rem,3vw,2.4rem)/.9 var(--display)}
.signal-poster span:nth-child(2){margin-inline-start:13%;background:var(--mint)}
.signal-poster span:nth-child(3){margin-inline-start:4%;background:var(--coral)}
.signal-poster span:nth-child(4){margin-inline-start:20%;background:var(--discovery-lilac)}
.signal-poster span:nth-child(5){margin-inline-start:8%;background:var(--paper)}
.signal-poster strong{position:absolute;inset:auto 1rem .2rem auto;color:var(--mint);font:1000 9rem/1 var(--display);rotate:-8deg}
.privacy-strip{border-block-end:var(--line);color:var(--paper);background:var(--night)}
.privacy-strip .shell{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:2rem;align-items:center;padding-block:1.2rem}
.privacy-strip h2{margin:0;color:var(--mint);font-size:var(--step-1)}
.privacy-strip p{max-width:55rem;margin:0;font-size:.92rem;font-weight:730;line-height:1.5}
.discovery-stage{padding-block:clamp(3.8rem,8vw,7rem)}
.discovery-stage__intro{max-width:48rem;margin-bottom:2rem}
.discovery-stage__intro h2{max-width:12ch}
.discovery-noscript{margin:1.5rem 0;padding:1rem;border:var(--line);background:var(--yellow);box-shadow:var(--shadow-sm)}
.discovery-noscript h3{margin:0 0 .5rem}.discovery-noscript p{margin:0}
.discovery-form{padding:clamp(1rem,3vw,2rem);border:var(--line);background:var(--night);box-shadow:var(--shadow-lg);color:var(--paper)}
.discovery-progress{display:grid;grid-template-columns:auto minmax(8rem,1fr);gap:1rem;align-items:center;margin-bottom:1.25rem;color:var(--mint);font-weight:950}
.discovery-progress i{display:block;height:.9rem;overflow:hidden;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.08)}
.discovery-progress em{display:block;width:var(--progress,16.67%);height:100%;background:var(--mint);transition:width .2s ease}
.discovery-error{margin:0 0 1rem;padding:.8rem 1rem;border:2px solid var(--ink);color:var(--ink);background:var(--coral);font-weight:900}
.discovery-questions{display:grid;gap:1rem}
.discovery-form fieldset{min-width:0;margin:0;padding:clamp(1rem,3vw,1.5rem);border:2px solid rgba(255,255,255,.62)}
.discovery-form legend{max-width:40rem;padding-inline:.5rem;color:var(--yellow);font:1000 clamp(1.35rem,3vw,2.1rem)/1 var(--display)}
.discovery-form legend span{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;margin-inline-end:.4rem;border-radius:50%;color:var(--ink);background:var(--yellow);font:.7rem/1 var(--sans);vertical-align:middle}
.discovery-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.discovery-options label{display:flex;gap:.7rem;align-items:flex-start;min-height:7.5rem;padding:1rem;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.04);cursor:pointer}
.discovery-options label:last-child:nth-child(odd){grid-column:1/-1;min-height:auto}
.discovery-options label:is(:hover,:focus-within){border-color:var(--yellow);background:rgba(255,255,255,.1)}
.discovery-options label:has(input:checked){border-color:var(--ink);color:var(--ink);background:var(--mint);box-shadow:4px 4px 0 var(--yellow)}
.discovery-options input{flex:0 0 auto;width:1.2rem;height:1.2rem;margin:.12rem 0 0;accent-color:var(--coral)}
.discovery-options span{display:grid;gap:.4rem}
.discovery-options strong{font:1000 var(--step-1)/1 var(--display)}
.discovery-options small{font-size:.88rem;font-weight:720;line-height:1.45}
.discovery-options--pace label,.discovery-options--compact label{min-height:6.5rem}
.discovery-actions{display:flex;gap:.8rem;justify-content:space-between;flex-wrap:wrap;margin-top:1.25rem}
.discovery-back{color:var(--ink);background:var(--paper)}
.discovery-result{margin-top:1.5rem;padding:clamp(1rem,4vw,2rem);border:var(--line);color:var(--ink);background:var(--yellow);box-shadow:10px 10px 0 var(--mint)}
.discovery-result:focus{outline:4px solid var(--coral);outline-offset:4px}
.discovery-result__headline{display:grid;grid-template-columns:4.2rem 1fr;gap:1rem;align-items:center;margin:1rem 0}
.discovery-result__headline>span{display:grid;place-items:center;width:4rem;height:4rem;border:var(--line);border-radius:50%;background:var(--paper);font-weight:1000}
.discovery-result__headline p{margin:0;font-size:.75rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.discovery-result h2{margin:.15rem 0 0;font-size:clamp(2.5rem,7vw,5.7rem);line-height:.84}
.discovery-result__lead{max-width:50rem;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:790;line-height:1.5}
.discovery-result__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.4rem 0}
.discovery-result__cards article{padding:1rem;border:var(--thin-line);background:var(--paper)}
.discovery-result__cards article:nth-child(2){background:var(--coral)}
.discovery-result__cards article:nth-child(3){color:var(--paper);background:var(--night)}
.discovery-result__cards span{display:block;font-size:.66rem;font-weight:1000;letter-spacing:.08em}
.discovery-result__cards strong{display:block;margin:.65rem 0 .35rem;font:1000 var(--step-1)/1 var(--display)}
.discovery-result__cards p{margin:0;font-size:.9rem;line-height:1.45}
.discovery-result__routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.discovery-result__routes a{display:flex;min-height:7rem;flex-direction:column;justify-content:space-between;padding:.9rem;border:var(--thin-line);color:var(--paper);background:var(--night);font-weight:950;text-decoration:none}
.discovery-result__routes a:nth-child(2){color:var(--ink);background:var(--mint)}
.discovery-result__routes a:nth-child(3){color:var(--ink);background:var(--coral)}
.discovery-result__routes a:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:5px 6px 0 var(--ink)}
.discovery-result__routes small{font-size:.68rem;letter-spacing:.07em}
.discovery-result__note{max-width:48rem;font-size:.82rem;font-weight:750}
.discovery-reset{margin-top:.5rem;background:var(--paper)}
.discovery-explainer{padding-block:clamp(3.8rem,8vw,7rem);border-block:var(--line);background:var(--mint)}
.discovery-explainer h2{max-width:12ch}
.signal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:var(--line);box-shadow:var(--shadow-lg)}
.signal-grid article{min-width:0;padding:1rem;border-inline-end:var(--thin-line);background:var(--paper)}
.signal-grid article:nth-child(2){background:var(--yellow)}
.signal-grid article:nth-child(3){background:var(--coral)}
.signal-grid article:nth-child(4){background:var(--discovery-lilac)}
.signal-grid article:last-child{border-inline-end:0;color:var(--paper);background:var(--night)}
.signal-grid span{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:var(--thin-line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:.7rem;font-weight:1000}
.signal-grid h3{margin:2.5rem 0 .6rem;font-size:var(--step-1)}
.signal-grid p{margin:0;font-size:.9rem;line-height:1.5}
.signal-grid__note{margin:1.4rem 0 0;padding:1rem;border:var(--thin-line);background:var(--paper);box-shadow:var(--shadow-sm)}
.discovery-next-read{padding-block:clamp(3.8rem,8vw,6rem)}
.discovery-next-read>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.discovery-next-read a{display:grid;grid-template-columns:1fr auto;gap:.75rem;min-height:10rem;padding:1rem;border:var(--line);color:var(--ink);background:var(--yellow);box-shadow:var(--shadow-sm);text-decoration:none}
.discovery-next-read a:nth-child(2){background:var(--coral)}
.discovery-next-read a:nth-child(3){background:var(--mint)}
.discovery-next-read a span{grid-column:1/-1;font-size:.68rem;font-weight:1000;letter-spacing:.08em}
.discovery-next-read a strong{align-self:end;font:1000 var(--step-1)/1 var(--display)}
.discovery-next-read a b{align-self:end;font-size:1.5rem}
.discovery-next-read a:is(:hover,:focus-visible){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
@media(max-width:980px){.discovery-hero__grid{grid-template-columns:1fr}.signal-poster{min-height:22rem;max-width:38rem}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-grid article{border-block-end:var(--thin-line)}.signal-grid article:nth-child(even){border-inline-end:0}.signal-grid article:last-child{grid-column:1/-1;border-block-end:0}.privacy-strip .shell{grid-template-columns:1fr;gap:.45rem}}
@media(max-width:720px){.discovery-hero{background:linear-gradient(155deg,var(--coral) 0 72%,var(--yellow) 72%)}.discovery-hero__grid{min-height:auto}.discovery-hero h1{font-size:clamp(4.6rem,23vw,7rem)}.signal-poster{min-height:20rem;margin-inline:.4rem}.discovery-options,.discovery-result__cards,.discovery-result__routes,.discovery-next-read>div{grid-template-columns:1fr}.discovery-options label:last-child:nth-child(odd){grid-column:auto}.discovery-options label{min-height:auto}.discovery-result__headline{grid-template-columns:3.3rem 1fr}.discovery-result__headline>span{width:3.2rem;height:3.2rem}.discovery-progress{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}.signal-grid article:nth-child(n){grid-column:auto;border-inline-end:0}.discovery-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.signal-poster{rotate:0}.discovery-progress em,.discovery-result__routes a,.discovery-next-read a{transition:none}.discovery-hero a:not(.entry-breadcrumbs a):is(:hover,:focus-visible),.discovery-result__routes a:is(:hover,:focus-visible),.discovery-next-read a:is(:hover,:focus-visible){transform:none}}
