/* Cool gallery light. The photograph and all motion stay behind the content. */
body.ambient-cold {
  --paper:#f4f5f5; --ink:#25282a; --muted:#4c565d; --line:#d5dadd;
  --rust:#515a60; --olive:#3d474d; --kk-indigo:#39444b; --kk-vermilion:#596269; --kk-ochre:#d7dcdf;
  --learn-paper:#f4f5f5; --learn-white:#fff; --learn-ink:#25282a; --learn-indigo:#39444b;
  --learn-red:#596269; --learn-yellow:#d7dcdf; --learn-sage:#cbd2d0; --learn-line:#d5dadd; --learn-muted:#4c565d;
  --read-paper:#f4f5f5; --read-white:#fff; --read-ink:#25282a; --read-indigo:#39444b;
  --read-red:#596269; --read-line:#d5dadd; --read-muted:#4c565d;
  --study-paper:#f4f5f5; --study-white:#fff; --study-ink:#25282a; --study-accent:#39444b; --study-line:#d5dadd; --study-muted:#4c565d;
  --write-paper:#f4f5f5; --write-white:#fff; --write-ink:#25282a; --write-muted:#4c565d;
  --writing-paper:#f4f5f5; --writing-white:#fff; --writing-ink:#25282a; --writing-muted:#4c565d;
  position:relative; isolation:isolate; background:#f4f5f5; color:#25282a;
}
.kk-cold-atmosphere { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; contain:strict; }
.kk-cold-photo { position:absolute; inset:-5%; background:url('/assets/cold-window-light.png') center/cover no-repeat; opacity:.36; transform:scale(1.025); animation:kk-cold-drift 22s ease-in-out infinite alternate; }
.kk-cold-light { position:absolute; inset:-35%; background:linear-gradient(110deg,transparent 34%,#ffffff80 45%,#ffffff08 57%,transparent 64%); opacity:.42; animation:kk-cold-light 18s ease-in-out infinite alternate; }
.kk-cold-atmosphere::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#f4f5f5b3,#f4f5f59e 70%,#f4f5f59e); }
.kk-cold-trace { position:absolute; right:18px; top:25%; width:1px; height:88px; background:linear-gradient(transparent,#747f8859,transparent); animation:kk-cold-trace 12s ease-in-out infinite alternate; }
.kk-cold-trace::after { content:""; position:absolute; top:0; left:-2px; width:5px; height:5px; border-radius:50%; background:#8e989e80; }
@keyframes kk-cold-drift { from { transform:translate3d(-.7%,-.4%,0) scale(1.035); } to { transform:translate3d(.8%,.5%,0) scale(1.065); } }
@keyframes kk-cold-light { from { transform:translate3d(-13%,0,0); opacity:.3; } to { transform:translate3d(13%,2%,0); opacity:.5; } }
@keyframes kk-cold-trace { from { transform:translateY(0); opacity:.25; } to { transform:translateY(130px); opacity:.65; } }
.ambient-cold.kk-cold-paused .kk-cold-atmosphere * { animation-play-state:paused!important; }
body.ambient-cold.art-root > .art-background { display:none!important; }
body.ambient-cold .site-header { position:sticky; top:0; z-index:30; background:#f4f5f5f2; border-bottom-color:#cdd3d6; backdrop-filter:blur(12px); }
body.ambient-cold .header-inner { min-height:100px; }
body.ambient-cold .site-header .brand { display:flex; align-items:center; gap:14px; padding-block:12px; }
body.ambient-cold .site-header .brand-logo { display:block; width:64px; height:64px; flex:0 0 64px; object-fit:contain; padding:4px; background:#fff; border:1px solid #e0e3e4; border-radius:0; filter:none; }
body.ambient-cold .site-header .brand-name { font-size:27px; line-height:1.25; color:#25282a; }
body.ambient-cold .site-header .brand-roman { font-size:10px; color:#626c73; }
body.ambient-cold :is(.hero-translation,.hero-copy>.eyebrow,.about-label>.eyebrow,.themes-intro .eyebrow) { color:#4c565d; }
body.ambient-cold #home-sections .hero .button { background:#343e45; border-color:#343e45; color:white; }
body.ambient-cold #home-sections .hero .button:hover { background:#202a30; border-color:#202a30; }
body.ambient-cold #home-sections .about-label { border-top-color:#7f898f; }
body.ambient-cold #home-sections .themes-strip > a { background:#414c53; color:#fff; }
body.ambient-cold #home-sections .themes-strip > a:nth-of-type(2) { background:#69757b; color:#fff; }
body.ambient-cold #home-sections .themes-strip > a:nth-of-type(3) { background:#d3dadd; color:#25282a; }
body.ambient-cold #home-sections .themes-strip > a[data-category-link="topic-e85bbbaf-9839-42bc-aa35-8efa7f92384c"] { background:#c8d1ca; color:#25282a; }
body.ambient-cold #home-sections #themes > a[data-learning-entry] { background:#e0e4e7; color:#303b42; }
body.ambient-cold #home-sections #themes > a[data-reading-entry] { background:#c9cfd3; color:#303b42; }
body.ambient-cold #home-sections .editorial-band { background:#edf0f1d9; border-top-color:#7e898f; }
body.ambient-cold #home-sections .two-languages > span { background:#fff; color:#3d474d; border-color:#7d888f; }
body.ambient-cold #home-sections .two-languages > span:last-child { background:#dce1e3; color:#3d474d; }
body.ambient-cold .kk-bear-garden { color:#4c565e; }
body.ambient-cold .kk-bear-book { fill:#e1e4e5; stroke:#68747a; }
body.ambient-cold .kk-daisy-center { fill:#d6dbd8; stroke:#8e9890; }
body.ambient-cold .kk-daisy-stem { stroke:#8e9890; }
body.ambient-cold .site-footer { background:#f0f2f3c9; border-top-color:#aab3b8; }
body.ambient-cold #home-sections .kk-page-actions { display:none!important; }
body.ambient-cold .learn-card,body.ambient-cold .reading-book { background:#fff; border-color:#d9dfe2; box-shadow:0 5px 25px #39444b06; }
body.ambient-cold :is(.learn-card__image,.reading-cover) { background:#edf0f1; border-bottom-color:#e0e4e6; }
body.ambient-cold .learn-card__image--type { background:#edf0f1; color:#566269; }
body.ambient-cold .learn-card__image--type::after { background:#c5cdd2; }
body.ambient-cold .learn-card--zh .learn-card__language { color:#57655d; }
body.ambient-cold .learn-card--zh .learn-card__back { border-top-color:#85928a; }
body.ambient-cold :is(.learn-state__mark,.reading-state__mark,.reading-index) { background:#e0e5e8; color:#39444b; }
body.ambient-cold .reading-cover--type { background:#edf0f1; }
body.ambient-cold .reading-cover--type::before { background:#fff; border-color:#cdd5d9; border-left-color:#aebbc2; }
body.ambient-cold :is(.learn-header,.reading-header,.study-header,.writing-header) { background:#f4f5f5e8; backdrop-filter:blur(10px); }
body.ambient-cold :is(.study-card,.study-note-image,.writing-card) { background:#fff; border-color:#d9dfe2; box-shadow:0 5px 25px #39444b06; }
body.ambient-cold #home-sections :is(.kk-study-home__eyebrow,.kk-study-home__date,.kk-study-home__course,.kk-study-home__provider,.kk-study-home__empty-copy) { color:#4c565d; }
.kk-cold-brand-logo { display:inline-block; width:38px; height:38px; flex:0 0 38px; object-fit:contain; background:#fff; padding:3px; border:1px solid #e0e3e4; }
body.ambient-cold :is(#learning-brand,#reading-brand,#study-brand,#writing-brand) { display:inline-flex; align-items:center; gap:12px; }
@media(max-width:760px) {
  .kk-cold-photo { opacity:.28; background-position:65% center; }
  .kk-cold-trace { display:none; }
  body.ambient-cold .header-inner { min-height:80px; }
  body.ambient-cold .site-header .brand { gap:9px; padding-block:8px; }
  body.ambient-cold .site-header .brand-logo { width:44px; height:44px; flex-basis:44px; padding:2px; }
  body.ambient-cold .site-header .brand-name { font-size:20px; }
  body.ambient-cold .site-header .brand-roman { font-size:9px; }
  .kk-cold-brand-logo { width:30px; height:30px; flex-basis:30px; }
  body.ambient-cold :is(#learning-brand,#reading-brand,#study-brand,#writing-brand) { gap:7px; font-size:9px; letter-spacing:.05em; }
}
@media(max-width:480px) {
  body.ambient-cold :is(#learning-brand,#reading-brand,#study-brand,#writing-brand) { width:32px; font-size:0; gap:0; }
}
@media(prefers-reduced-motion:reduce) { .kk-cold-atmosphere *,.kk-cold-atmosphere::after { animation:none!important; transition:none!important; transform:none!important; } }
@media print { .kk-cold-atmosphere { display:none!important; } body.ambient-cold { background:white; } }

/* Hide only the decorative arrow on the original hero cover. */
.hero-visual .feature-arrow{display:none!important}