/* Shared visual channels for the randomized homepage and fixed comparison previews. */
:root[data-color-study]{--ink:var(--study-ink);--lime:var(--study-bg);--pink:var(--study-note);--blue:var(--study-accent);color:var(--study-ink);background:var(--study-bg)}
[data-color-study] .hero h1{font-family:var(--study-font),sans-serif;font-weight:400;letter-spacing:-.035em;line-height:.85;color:var(--study-title)}
[data-color-study] .hero h1>span+span{color:var(--study-second);margin-left:3%}
[data-color-study] .question{color:var(--study-accent);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--study-title)}
[data-color-study] .hero-kicker{font-weight:800;letter-spacing:.12em}
[data-color-study] .pink-note{background:var(--study-note);color:var(--study-noteInk)}
[data-color-study] .paper-note{background:var(--study-paper);color:var(--study-paperInk)}
[data-color-study].is-story .pink-note,[data-color-study].is-story .paper-note{background:none}
[data-color-study] .paper-note .sheet-surface{background:var(--study-paper)}
[data-color-study] .pink-note .sheet-surface{background:var(--study-note)}
[data-color-study] .pink-note strong{font-weight:900;letter-spacing:-.06em}
[data-color-study] .seed-seal{--seed-ink:var(--study-stamp);color:var(--study-stampInk)}
[data-color-study] .seed-seal::before{background:var(--study-title)}
[data-color-study] .tape{background:var(--study-accent);opacity:.65}
[data-color-study] .black-sticker{background:var(--study-title);color:var(--study-bg);outline-color:var(--study-title);border-radius:0;transform-origin:center}
[data-color-study] .remix-group button{background:var(--study-title);color:var(--study-bg);border-color:var(--study-title);box-shadow:5px 5px 0 var(--study-accent)}
[data-color-study] .remix-group button:hover{background:var(--study-accent);color:var(--study-title)}
[data-color-study] .manifesto{color:var(--study-paperInk)}
[data-color-study] .manifesto h2 span,[data-color-study] .skill-entry-arrow{color:var(--study-paperAccent)}
[data-color-study] .statements article{border-color:var(--study-paperInk)}
[data-color-study] .about{background:var(--study-note);color:var(--study-noteInk)}
[data-color-study].is-story .about{background:none}
[data-color-study] .about h2{font-family:var(--study-font),sans-serif;font-weight:400;letter-spacing:-.04em}
[data-color-study] .ticker,[data-color-study] .ticker-toggle{background:var(--study-ticker);color:var(--study-tickerInk)}
[data-color-study] .ticker{font-family:var(--study-font),'PingFang SC',sans-serif;letter-spacing:0}
[data-color-study] .ticker-toggle{box-shadow:0 0 0 8px var(--study-ticker)}
[data-color-study] .paper-return{color:var(--study-paperInk)}
[data-color-study]:not(.is-story) .manifesto{background:var(--study-paper)}
[data-color-study]:not(.is-story) .ticker{transform:none}
[data-color-study]:not(.is-story) .site-footer{background:var(--study-note);color:var(--study-noteInk)}
[data-color-study].is-story[data-study-scene="1"] .site-header{color:var(--study-paperInk);--ink:var(--study-paperInk);--blue:var(--study-paperAccent);--lime:var(--study-paper)}
[data-color-study].is-story[data-study-scene="2"] .site-header{color:var(--study-noteInk);--ink:var(--study-noteInk);--blue:var(--study-paperAccent);--lime:var(--study-note)}
[data-color-study] .site-header .seed-x img{filter:brightness(0)!important}
:is([data-color-study="ultraviolet"],[data-color-study="blueletter"],[data-color-study="nightshift"])[data-study-scene="0"] .site-header .seed-x img{filter:brightness(0) invert(1)!important}
[data-color-study] button:focus-visible,[data-color-study] a:focus-visible{outline-color:currentColor}
[data-color-study] .scene-next:hover{color:inherit;text-decoration:underline;text-underline-offset:4px}
[data-color-study] .ink-fault-plates{opacity:.16}
[data-color-study="chili"] .remix-group button,[data-color-study="chili"] .black-sticker{color:var(--study-ink)}
[data-color-study="chili"] .hero h1{font-size:clamp(170px,25vw,350px);letter-spacing:-.018em;line-height:.83;text-shadow:var(--study-offset) 0 0 var(--study-accent)}
[data-color-study="chili"].is-story .hero h1{font-size:min(25vw,34svh)}
[data-color-study="chili"] .hero h1>span+span{margin-left:13%}
[data-color-study="chili"] .pink-note strong{font-family:'Noto Serif SC','Songti SC',serif}
[data-color-study="ultraviolet"] .hero h1{font-size:clamp(120px,18vw,260px);letter-spacing:-.075em;line-height:.85;text-shadow:var(--study-offset) var(--study-offset) 0 #2f1158}
[data-color-study="ultraviolet"].is-story .hero h1{font-size:min(18vw,29svh)}
[data-color-study="ultraviolet"] .manifesto h2,[data-color-study="ultraviolet"] .pink-note strong{font-family:'Noto Serif SC','Songti SC',serif}
[data-color-study="blueletter"] .hero h1{font-style:italic;letter-spacing:-.055em;line-height:.84;font-size:clamp(125px,21vw,310px);text-shadow:3px 3px 0 #00249d}
[data-color-study="blueletter"].is-story .hero h1{font-size:min(21vw,34svh)}
[data-color-study="blueletter"] .hero h1>span+span{margin-left:0}
[data-color-study="blueletter"] .question{font-style:normal;transform:rotate(-12deg);margin-left:.025em}
[data-color-study="blueletter"] .pink-note strong,[data-color-study="blueletter"] .manifesto h2{font-family:'Noto Serif SC','Songti SC',serif;letter-spacing:-.085em}
[data-color-study="blueletter"] .about h2{font-style:italic}
[data-color-study="pinknoise"] .hero h1{font-weight:800;letter-spacing:-.075em;line-height:.84;font-size:clamp(95px,12.8vw,195px);text-shadow:0 var(--study-offset) 0 #cfff63}
[data-color-study="pinknoise"].is-story .hero h1{font-size:min(12.8vw,30svh)}
[data-color-study="pinknoise"] .hero h1>span+span{margin-left:0;letter-spacing:-.085em}
[data-color-study="pinknoise"] .about h2{font-weight:800;font-size:clamp(40px,7vw,105px)}
[data-color-study="pinknoise"] .black-sticker{border-radius:50%}
[data-color-study="nightshift"] .hero h1{font-weight:700;letter-spacing:-.1em;line-height:.84;font-size:clamp(110px,18vw,265px);text-shadow:var(--study-offset) var(--study-offset) 0 #ff503c}
[data-color-study="nightshift"].is-story .hero h1{font-size:min(18vw,30svh)}
[data-color-study="nightshift"] .hero-kicker{font-family:'Noto Serif SC','Songti SC',serif;color:var(--study-title)}
[data-color-study="nightshift"] .hero h1>span+span{margin-left:0}
[data-color-study="nightshift"] .pink-note{box-shadow:8px 9px 0 #c4ff29}
[data-color-study="nightshift"] .pink-note .sheet-surface{box-shadow:8px 9px 0 #c4ff29}
[data-color-study="nightshift"] .about h2{font-weight:700}
@media(max-width:950px) and (min-width:701px){
  [data-color-study="blueletter"].is-story .hero h1{font-size:min(20vw,32svh)}
  [data-color-study="pinknoise"].is-story .hero h1{font-size:12vw}
}
@media(max-width:700px){
  [data-color-study] .hero h1{font-size:29vw;line-height:.84}
  [data-color-study="chili"] .hero h1{font-size:39vw}
  [data-color-study="blueletter"] .hero h1{font-size:33vw}
  [data-color-study="pinknoise"] .hero h1{font-size:20.5vw}
  [data-color-study="nightshift"] .hero h1{font-size:29vw}
  [data-color-study].is-story .hero h1{font-size:min(29vw,16svh)}
  [data-color-study="chili"].is-story .hero h1{font-size:min(39vw,17svh)}
  [data-color-study="blueletter"].is-story .hero h1{font-size:min(33vw,17svh)}
  [data-color-study="pinknoise"].is-story .hero h1{font-size:min(20.5vw,16svh)}
  [data-color-study="nightshift"].is-story .hero h1{font-size:min(29vw,16svh)}
  [data-color-study] .hero-kicker{letter-spacing:.03em}
  [data-color-study="pinknoise"] .about h2{font-size:clamp(32px,8vw,48px)}
  [data-color-study="nightshift"] .about h2{font-size:clamp(30px,8vw,42px)}
}