.kinks-hero { background: linear-gradient(135deg,var(--coral) 0 52%,var(--yellow) 52% 100%); }
.kinks-hero .entry-hero__grid { align-items: center; }.kinks-hero .entry-hero__visual { rotate: -1deg; }.kinks-hero .entry-hero__visual img { aspect-ratio:3/2; }
.hero-jump { display:inline-flex; gap:.65rem; align-items:center; margin-block-start:1.55rem; padding:.7rem .95rem; border:var(--thin-line); background:var(--paper); font-weight:950; text-decoration:none; box-shadow:4px 4px 0 var(--ink); }.hero-jump span { font-size:1.35rem; }
.kinks-definition { margin:0 0 2.25rem; padding:clamp(1.25rem,3vw,2rem); border:var(--line); background:var(--mint); box-shadow:var(--shadow); font-size:clamp(1.15rem,2.3vw,1.55rem); font-weight:850; line-height:1.45; }
.map-scene { margin:1.8rem 0; border:var(--line); background:var(--paper); box-shadow:var(--shadow); }.map-scene img { display:block; width:100%; height:auto; }.map-scene figcaption { padding:.85rem 1rem; border-block-start:var(--thin-line); font-weight:750; }
.family-map { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.6rem 0; }.family-card { display:grid; grid-template-columns:auto 1fr; gap:.35rem .8rem; padding:1.15rem; border:var(--line); background:var(--paper); box-shadow:var(--shadow-sm); }.family-card:nth-child(3) { background:var(--yellow); }.family-card:nth-child(4) { background:var(--coral); }.family-card:nth-child(5) { grid-column:1/-1; background:var(--night); color:var(--paper); }.family-card span { grid-row:span 2; display:grid; place-items:center; width:2.2rem; height:2.2rem; border:var(--thin-line); border-radius:50%; background:var(--yellow); color:var(--ink); font-size:.72rem; font-weight:1000; }.family-card h3 { margin:0; }.family-card p { grid-column:2; margin:0; }.family-card a { grid-column:1/-1; align-self:end; margin-top:.55rem; padding-top:.65rem; border-top:var(--thin-line); color:inherit; font-weight:950; text-underline-offset:3px; }.family-card--sense { background:var(--mint); }.family-card--watch { background:var(--yellow); }.family-card--fantasy { background:var(--coral); }.family-card--focus a { color:var(--mint); }
.word-cards { display:none; }.pull-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }.pull-grid article { min-height:11rem; padding:1.15rem; border:var(--line); background:var(--paper); box-shadow:var(--shadow-sm); }.pull-grid article:nth-child(1),.pull-grid article:nth-child(4) { background:var(--mint); }.pull-grid article:nth-child(2) { background:var(--yellow); }.pull-grid article:nth-child(3) { background:var(--coral); }.pull-grid article:nth-child(5) { grid-column:1/-1; color:var(--paper); background:var(--night); }.pull-grid h3 { margin:0 0 .6rem; }.pull-grid p { margin:0; }.pull-grid a { color:var(--mint); font-weight:900; }
.takeaway-ink { margin:1.5rem 0; padding:1.15rem; border:var(--line); color:var(--paper); background:var(--night); box-shadow:var(--shadow); font-size:1.08rem; }.search-chart { margin:1.6rem 0; padding:clamp(1.1rem,3vw,1.8rem); border:var(--line); color:var(--paper); background:var(--night); box-shadow:var(--shadow); }.search-chart h3 { margin:0 0 1.15rem; color:var(--paper); }.search-bars { display:grid; gap:.85rem; margin:0; padding:0; list-style:none; }.search-bars li { display:grid; grid-template-columns:11rem minmax(7rem,1fr) 4rem; gap:.75rem; align-items:center; }.search-bars strong,.search-bars b { font-size:.9rem; }.search-bars b { text-align:end; }.search-bars i { display:block; overflow:hidden; height:1.15rem; border:1px solid rgba(255,255,255,.72); }.search-bars em { display:block; width:var(--bar); height:100%; background:var(--bar-color); }.search-chart__note { margin:1.3rem 0 0; padding-top:1rem; border-top:1px solid rgba(255,255,255,.45); font-size:.8rem; font-weight:750; }.chart-data { border:var(--thin-line); background:var(--paper); }.chart-data summary { padding:.85rem 1rem; cursor:pointer; font-weight:950; }.chart-data summary::marker { color:var(--coral); }
.kink-library { margin-inline:calc(50% - 50vw); padding:clamp(2.5rem,6vw,5rem) max(1rem,calc(50vw - 36rem)); border-block:var(--line); background:var(--canvas); }.kink-library>h2,.kink-deep-dives>h2 { max-width:15ch; }.kink-library__filter { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:end; margin:1.6rem 0; }.kink-library__filter label { display:grid; gap:.45rem; font-weight:950; }.kink-library__filter input { min-height:3.4rem; padding:.75rem 1rem; border:var(--line); background:var(--paper); box-shadow:var(--shadow-sm); }.kink-library__filter p { margin:0; font-weight:950; }.kink-library__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.kink-term { display:flex; min-width:0; min-height:15rem; flex-direction:column; padding:1rem; border:var(--line); background:var(--paper); box-shadow:var(--shadow-sm); }.kink-term>span { font-size:.68rem; font-weight:1000; letter-spacing:.08em; }.kink-term h3 { margin:2rem 0 .65rem; font:1000 var(--step-1)/1 var(--display); }.kink-term p { margin:0; }.kink-term a { margin-top:auto; padding-top:1rem; color:inherit; font-weight:950; text-underline-offset:3px; }.kink-term--yellow { background:var(--yellow); }.kink-term--mint { background:var(--mint); }.kink-term--coral { background:var(--coral); }.kink-term--blue { color:var(--paper); background:var(--blue); }.kink-term--night { color:var(--paper); background:var(--night); }.kink-library__empty { padding:1rem; border:var(--line); background:var(--paper); font-weight:850; }.kink-deep-dives { margin-block:3rem; }.kink-deep-dives__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }.kink-deep-dives__grid a { display:flex; min-height:16rem; flex-direction:column; padding:1.2rem; border:var(--line); background:var(--yellow); box-shadow:var(--shadow); color:var(--ink); text-decoration:none; }.kink-deep-dives__grid a:nth-child(2) { background:var(--coral); }.kink-deep-dives__grid a:nth-child(3) { color:var(--paper); background:var(--blue); }.kink-deep-dives__grid a:nth-child(4) { background:var(--mint); }.kink-deep-dives__grid span { font-size:.7rem; font-weight:1000; letter-spacing:.08em; }.kink-deep-dives__grid strong { max-width:13ch; margin:2rem 0 .65rem; font:1000 var(--step-2)/.92 var(--display); }.kink-deep-dives__grid p { max-width:26rem; margin:0; }.kink-deep-dives__grid b { margin-top:auto; padding-top:1rem; }.kink-deep-dives__grid a:is(:hover,:focus-visible) { translate:-3px -3px; box-shadow:9px 9px 0 var(--ink); }
.sentence-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.4rem 0; }.sentence-board article { min-height:9rem; padding:1rem; border:var(--line); background:var(--paper); box-shadow:var(--shadow-sm); }.sentence-board article:first-child { color:var(--paper); background:var(--night); }.sentence-board article:nth-child(2) { background:var(--yellow); }.sentence-board article:nth-child(3) { background:var(--mint); }.sentence-board article:nth-child(4) { background:var(--coral); }.sentence-board span { font-size:.72rem; font-weight:1000; letter-spacing:.08em; }.sentence-board p { margin:.75rem 0 0; font:1000 var(--step-1)/1.05 var(--display); }
.reading-trail { padding:clamp(1.25rem,4vw,2.2rem); border:var(--line); color:var(--paper); background:var(--night); box-shadow:var(--shadow); }.reading-trail h2 { color:var(--paper); }.reading-trail ol { margin:1.4rem 0 0; padding:0; list-style:none; }.reading-trail li { border-block-start:1px solid rgba(255,255,255,.4); }.reading-trail li:last-child { border-block-end:1px solid rgba(255,255,255,.4); }.reading-trail a { display:grid; grid-template-columns:2.6rem 1fr auto; gap:.85rem; align-items:center; padding:1rem .15rem; color:var(--paper); text-decoration:none; }.reading-trail a>span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; color:var(--ink); background:var(--mint); font-size:.7rem; font-weight:1000; }.reading-trail a strong { font:1000 var(--step-1)/1 var(--display); }.reading-trail a p { margin:.25rem 0 0; font-size:.9rem; }.reading-trail a:is(:hover,:focus-visible) { color:var(--ink); background:var(--yellow); }.reading-trail a:is(:hover,:focus-visible)>span { background:var(--coral); }
.kink-library { margin:3rem 0; padding:clamp(1.25rem,4vw,2.5rem); border:var(--line); box-shadow:var(--shadow); }
@media (max-width:900px) { .kink-library__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .family-map,.pull-grid,.sentence-board,.kink-deep-dives__grid { grid-template-columns:1fr; }.family-card:nth-child(5),.pull-grid article:nth-child(5) { grid-column:auto; }.dynamics-table.kinks-table { display:none; }.word-cards { display:grid; gap:.85rem; margin:1rem 0; }.word-cards article { padding:1rem; border:var(--line); background:var(--paper); }.word-cards article:nth-child(2) { background:var(--mint); }.word-cards article:nth-child(3) { background:var(--yellow); }.word-cards h3 { margin:0 0 .75rem; }.word-cards dl { margin:0; }.word-cards div { display:grid; grid-template-columns:7rem 1fr; gap:.55rem; padding:.45rem 0; border-top:var(--thin-line); }.word-cards dt { font-weight:950; }.word-cards dd { margin:0; }.search-bars li { grid-template-columns:1fr 4.2rem; }.search-bars i { grid-column:1/-1; grid-row:2; }.search-bars b { grid-column:2; grid-row:1; }.reading-trail a { grid-template-columns:2.3rem 1fr auto; }.kink-library__filter,.kink-library__grid { grid-template-columns:1fr; }.kink-term { min-height:12rem; }.kink-deep-dives__grid a { min-height:13rem; } }
@media (prefers-reduced-motion:reduce) { .reading-trail a { transition:none; } }
.kinks-hero__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.2rem; }
.kinks-hero__actions .hero-jump { margin-top:0; }
.hero-jump--discovery { color:var(--paper); background:var(--night); }
.kink-discovery-teaser { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr); gap:1rem; margin:3rem 0; padding:clamp(1.2rem,4vw,2rem); border:var(--line); background:var(--yellow); box-shadow:var(--shadow-lg); }
.kink-discovery-teaser h2 { max-width:13ch; }
.kink-discovery-teaser ul { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 1.3rem; padding:0; list-style:none; }
.kink-discovery-teaser li { padding:.35rem .55rem; border:var(--thin-line); border-radius:999px; background:var(--paper); font-size:.78rem; font-weight:950; }
.kink-discovery-teaser aside { display:flex; min-width:0; flex-direction:column; justify-content:center; padding:1.2rem; border:var(--line); color:var(--paper); background:var(--night); box-shadow:var(--shadow-sm); }
.kink-discovery-teaser aside span { color:var(--mint); font-size:.7rem; font-weight:1000; letter-spacing:.09em; }
.kink-discovery-teaser aside strong { max-width:12ch; margin:2rem 0 .8rem; font:1000 var(--step-2)/.92 var(--display); }
.kink-discovery-teaser aside p { margin:0; }
@media (max-width:700px) { .kink-discovery-teaser { grid-template-columns:1fr; }.kinks-hero__actions { align-items:stretch; flex-direction:column; }.kinks-hero__actions .hero-jump { justify-content:space-between; } }