/* First Light soft theme: remove this file reference to return to the base design.
   The base stylesheet, text, programme data and all functional paths remain unchanged. */
html:not([data-theme="original"]){--paper:#f5f1ec;--ink:#221f1d;--soft:#eee9e3;--muted:#5a544f;--line:#d9d0c7;--bronze:#76543a}
html:not([data-theme="original"]) body{background:var(--paper);color:var(--ink)}
html:not([data-theme="original"]) .header{position:relative;z-index:3;min-height:110px;gap:20px}
html:not([data-theme="original"]) .header nav{gap:0;padding:8px;background:rgba(250,247,243,.8);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:8px 9px 23px rgba(135,118,104,.16),-5px -5px 18px rgba(255,255,255,.88);backdrop-filter:blur(16px)}
html:not([data-theme="original"]) .header nav a{padding:11px 15px;border-radius:999px;color:#35302c;font-size:13px}
html:not([data-theme="original"]) .header nav a:hover{background:#e9e1d8;color:#3b2c22}
html:not([data-theme="original"]) .hero h1,html:not([data-theme="original"]) .page-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
html:not([data-theme="original"]) .hero h1 span{color:#79583f}
html:not([data-theme="original"]) .section-head h2,html:not([data-theme="original"]) .story h2,html:not([data-theme="original"]) .section-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
html:not([data-theme="original"]) .hero{gap:5%;padding-top:65px}
html:not([data-theme="original"]) .hero-art{background:linear-gradient(145deg,#f7f2ec,#e9e0d6);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:18px 20px 42px rgba(142,121,103,.19),-12px -12px 35px rgba(255,255,255,.95);isolation:isolate}
html:not([data-theme="original"]) .hero-art::before{content:"";position:absolute;z-index:0;inset:-10%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.65) 0deg 0.55deg,transparent .6deg 14deg);mask-image:radial-gradient(circle at center,transparent 0 28%,#000 29% 49%,transparent 63%);opacity:.8;pointer-events:none}
html:not([data-theme="original"]) .sun{z-index:1;top:18%;width:51%;height:auto;aspect-ratio:1;left:24.5%;background:radial-gradient(circle at 40% 30%,#fffefb,#f5e5ce 50%,#d7bfaa);box-shadow:inset -15px -18px 32px rgba(164,132,105,.18),inset 9px 8px 25px rgba(255,255,255,.9),0 10px 48px rgba(189,152,113,.24)}
html:not([data-theme="original"]) .horizon{z-index:2;height:40%;border-top:1px solid rgba(255,255,255,.85);border-radius:50% 50% 0 0 / 20% 22% 0 0;background:linear-gradient(165deg,#f5f0e9,#dcd0c4)}
html:not([data-theme="original"]) .art-note,html:not([data-theme="original"]) .art-index{z-index:3;color:#554a41}
html:not([data-theme="original"]) .nav-button,html:not([data-theme="original"]) .button{border-radius:999px;background:#76543a;color:#fff;border:1px solid #76543a;box-shadow:7px 9px 18px rgba(120,96,76,.22),-5px -5px 14px rgba(255,255,255,.8)}
html:not([data-theme="original"]) .button.secondary{background:#f4f0eb;color:#28221e;border:1px solid #b8aa9c}
html:not([data-theme="original"]) .nav-button:hover,html:not([data-theme="original"]) .button:not(.secondary):hover{background:#5c3e29;border-color:#5c3e29}
html:not([data-theme="original"]) .card,html:not([data-theme="original"]) .phase-card,html:not([data-theme="original"]) .month-card,html:not([data-theme="original"]) .week-card,html:not([data-theme="original"]) .reference-card,html:not([data-theme="original"]) .toolkit-grid article{background:#f6f2ed;border:1px solid #fff;border-radius:22px;box-shadow:11px 13px 27px rgba(134,117,102,.14),-8px -8px 20px rgba(255,255,255,.87)}
html:not([data-theme="original"]) .cards,html:not([data-theme="original"]) .phase-grid,html:not([data-theme="original"]) .month-grid,html:not([data-theme="original"]) .week-grid,html:not([data-theme="original"]) .reference-grid{gap:23px}
html:not([data-theme="original"]) .card h3,html:not([data-theme="original"]) .phase-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
html:not([data-theme="original"]) .card p,html:not([data-theme="original"]) .phase-card p,html:not([data-theme="original"]) .month-card p,html:not([data-theme="original"]) .month-card li,html:not([data-theme="original"]) .week-card p,html:not([data-theme="original"]) .reference-card p,html:not([data-theme="original"]) .toolkit-grid p,html:not([data-theme="original"]) .project-body p,html:not([data-theme="original"]) .project-note{color:#5a544f}
html:not([data-theme="original"]) .card .tag,html:not([data-theme="original"]) .tag,html:not([data-theme="original"]) .eyebrow{color:#795339}
html:not([data-theme="original"]) .project-card{border-radius:20px;border:1px solid #fff;background:#f5f1ec;box-shadow:12px 15px 30px rgba(134,117,102,.17),-8px -8px 20px rgba(255,255,255,.87)}
html:not([data-theme="original"]) .project-preview{border-radius:15px;margin:13px 13px 0;border:1px solid rgba(255,255,255,.9);box-shadow:inset 4px 5px 10px rgba(146,130,115,.12),inset -5px -5px 12px rgba(255,255,255,.6)}
html:not([data-theme="original"]) .toolkit-grid{background:transparent;gap:18px;border:0}
html:not([data-theme="original"]) .facts,html:not([data-theme="original"]) .quiet{background:#eee9e3;color:#514943;border:1px solid #fff;border-radius:20px;box-shadow:inset 5px 5px 13px rgba(140,123,108,.1),inset -5px -5px 14px rgba(255,255,255,.8)}
html:not([data-theme="original"]) .filter button{background:#f2ede8;border:1px solid #bcb0a4;color:#352e29;border-radius:999px;box-shadow:4px 4px 10px rgba(130,115,101,.13),-3px -3px 8px #fff}
html:not([data-theme="original"]) .filter button[aria-pressed="true"]{background:#76543a;border-color:#76543a;color:#fff}
html:not([data-theme="original"]) .page-about .content-grid>div,html:not([data-theme="original"]) .page-about .story>div:last-child{background:#f5f1ec;border:1px solid #fff;border-radius:22px;padding:30px;box-shadow:11px 13px 27px rgba(134,117,102,.14),-8px -8px 20px rgba(255,255,255,.87)}
html:not([data-theme="original"]) .page-about .page-hero{position:relative;overflow:hidden}
html:not([data-theme="original"]) .page-about .page-hero::after{content:"";position:absolute;right:5%;top:20%;width:28%;aspect-ratio:1;border:1px solid #ddcbb9;border-radius:50%;background:radial-gradient(circle,#d9b893 0 7%,#f3e4d1 8% 12%,transparent 13%),repeating-conic-gradient(from 0deg,transparent 0deg 29deg,#e0cdbc 29.2deg 29.6deg,transparent 30deg 45deg);opacity:.6;z-index:-1;pointer-events:none}
html:not([data-theme="original"]) .section.dark .button.secondary{color:#fff;background:transparent;border-color:#ded5ca}
.theme-switch{padding:10px 15px;border:1px solid #685e55;border-radius:999px;background:#fff;color:#241f1a;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 5px 18px #0002;cursor:pointer}
.theme-switch:not([hidden]){display:block;margin:16px auto 24px}
.theme-switch:focus-visible{outline:3px solid #4a75a0;outline-offset:4px}
@media(max-width:1100px){html:not([data-theme="original"]) .header nav a{padding:10px 9px}}
@media(max-width:850px){html:not([data-theme="original"]) .header{min-height:90px}html:not([data-theme="original"]) .hero-art{height:390px}html:not([data-theme="original"]) .page-about .page-hero::after{opacity:.28;width:40%;right:0}html:not([data-theme="original"]) .page-about .content-grid>div,html:not([data-theme="original"]) .page-about .story>div:last-child{padding:24px}.theme-switch{right:12px;bottom:12px}}
@media(max-width:520px){html:not([data-theme="original"]) .hero-art{height:310px}html:not([data-theme="original"]) .header .nav-button{padding:12px;font-size:11px}html:not([data-theme="original"]) .cards,html:not([data-theme="original"]) .project-grid,html:not([data-theme="original"]) .phase-grid,html:not([data-theme="original"]) .month-grid{gap:16px}html:not([data-theme="original"]) .page-about .page-hero::after{display:none}.theme-switch{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html:not([data-theme="original"]) .sun{animation:none}}
html:not([data-theme="original"]) .brand small,html:not([data-theme="original"]) .facts dt,html:not([data-theme="original"]) .footnote{color:#625c56}
html:not([data-theme="original"]) .section.dark .eyebrow{color:#dfc5aa}
/* Keep the same destinations available on small screens. */
@media(max-width:850px){
  html:not([data-theme="original"]) .header{height:auto;min-height:0;flex-wrap:wrap;padding-top:20px;padding-bottom:10px;row-gap:14px}
  html:not([data-theme="original"]) .header nav{display:flex;order:3;flex:0 0 100%;overflow-x:auto;justify-content:space-between;scrollbar-width:thin}
  html:not([data-theme="original"]) .header nav a{flex:none;white-space:nowrap}
}
@media(max-width:520px){
  html:not([data-theme="original"]) .header{column-gap:8px}
  html:not([data-theme="original"]) .header .brand{gap:7px;font-size:13px}
  html:not([data-theme="original"]) .header .brand small{font-size:7px}
  html:not([data-theme="original"]) .header .brand .brand-tagline{font-size:6px}
  html:not([data-theme="original"]) .header .sunmark{width:34px;height:34px}
  html:not([data-theme="original"]) .header .nav-button{gap:9px;padding:10px;font-size:10px}
}
@media(max-width:520px){
  html:not([data-theme="original"]) .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not([data-theme="original"]) .footer-grid>div:first-child{grid-column:1/-1}
}
