html[data-study="thanksgiving"]{--bg:#211710;--accent:#ebbf89;--ink:#f4eee4;--muted:#c1afa0;--study-wash:#71451e60;--study-paper:#e4d7c3;--study-paper-ink:#463322}
html[data-study="christmas"]{--bg:#0d2420;--accent:#edd09b;--ink:#f5eee0;--muted:#aec6bc;--study-wash:#1e5d4955;--study-paper:#dce7db;--study-paper-ink:#234437}
html[data-study="new-year"]{--bg:#121a2c;--accent:#c4d1ff;--ink:#edf0fc;--muted:#aab7d0;--study-wash:#294c8b65;--study-paper:#dce1f1;--study-paper-ink:#2a365d}
html[data-study="birthday"]{--bg:#2a1524;--accent:#f2bfd7;--ink:#faedf2;--muted:#c9afbf;--study-wash:#794b6955;--study-paper:#efdae5;--study-paper-ink:#663e58}
html[data-study] body,html[data-study] .stage{background:var(--bg)}html[data-study] .topbar.scrolled{background:var(--bg)}html[data-study] .shade{background:linear-gradient(180deg,var(--study-wash),transparent 28%,transparent 52%,var(--bg)),linear-gradient(90deg,#10101677,transparent 40%,transparent 62%,#10101655)}html[data-study] .statement{background:var(--study-paper);color:var(--study-paper-ink)}html[data-study] .statement .section-kicker{color:var(--study-paper-ink);border-color:#0003}html[data-study] .statement h2 em,html[data-study] .about-bottom p{color:var(--study-paper-ink)}html[data-study] .process{background:color-mix(in srgb,var(--bg) 90%,white)}html[data-study] .motion-card{background:var(--study-paper);color:var(--study-paper-ink)}html[data-study] .building-note{border-color:var(--line);background:#10101699}html[data-study] .study-back{display:inline-block}html[data-study] .study-atmosphere{pointer-events:none;position:absolute;inset:0;z-index:2;overflow:hidden}html[data-study] .study-atmosphere i,html[data-study] .study-atmosphere b,html[data-study] .study-atmosphere span{position:absolute;font-family:Georgia,serif;font-weight:400;color:var(--accent);opacity:.65}html[data-study="thanksgiving"] .study-atmosphere i{top:150px;right:10%;font-size:90px;transform:rotate(18deg)}html[data-study="thanksgiving"] .study-atmosphere b{right:17%;top:250px;font-size:36px;opacity:.3}html[data-study="christmas"] .study-atmosphere i{right:10%;top:0;width:1px;height:180px;background:var(--accent)}html[data-study="christmas"] .study-atmosphere i:after{content:'';position:absolute;bottom:-42px;left:-21px;width:42px;height:42px;border:1px solid var(--accent);border-radius:50%;background:radial-gradient(ellipse at 30% 30%,#edd09b44,transparent)}html[data-study="christmas"] .study-atmosphere b{right:18%;top:0;width:1px;height:245px;background:var(--accent);opacity:.35}html[data-study="new-year"] .study-atmosphere i:before{content:'2027'}html[data-study="new-year"] .study-atmosphere i{right:7%;top:140px;font-size:85px;letter-spacing:-6px;color:transparent;-webkit-text-stroke:1px var(--accent);opacity:.5}html[data-study="new-year"] .study-atmosphere b{right:19%;top:245px;font-size:60px;opacity:.3}html[data-study="birthday"] .study-atmosphere i{right:11%;top:140px;width:56px;height:70px;border:1px solid var(--accent);border-radius:50% 50% 45% 45%;transform:rotate(8deg)}html[data-study="birthday"] .study-atmosphere i:after{content:'';position:absolute;width:1px;height:110px;background:var(--accent);left:27px;top:70px}html[data-study="birthday"] .study-atmosphere b{right:18%;top:180px;width:38px;height:50px;border:1px solid var(--accent);border-radius:50%;transform:rotate(-9deg);opacity:.35}html[data-study="birthday"] .study-atmosphere b:after{content:'';position:absolute;width:1px;height:75px;background:var(--accent);left:18px;top:50px}@media(max-width:540px){html[data-study] .study-atmosphere{opacity:.25}html[data-study="new-year"] .study-atmosphere i{top:265px;font-size:50px}html[data-study] .thought p{font-size:16px}}

html[data-study="independence-day"]{--bg:#101b32;--accent:#f2e5d5;--ink:#fff7ef;--muted:#b4c3de;--study-wash:#27487860;--study-paper:#e4e8ef;--study-paper-ink:#283b59}html[data-study="independence-day"] .study-atmosphere i{top:20%;right:10%;font-size:150px;color:#e97d7d;animation:sky-spark 5s ease-in-out infinite}html[data-study="independence-day"] .study-atmosphere b{top:16%;left:17%;font-size:90px;color:#c7deff;animation:sky-spark 5s ease-in-out -2s infinite}html[data-study="independence-day"] .fly{width:58px;height:64px}html[data-study="independence-day"] .fly i,html[data-study="independence-day"] .fly b{display:none}html[data-study="independence-day"] .fly span{left:0;top:0;width:58px;height:64px;border:0;border-radius:0;transform:none;background:transparent url('assets/birthday/firework-cursor.svg') center/contain no-repeat}@keyframes sky-spark{0%,100%{opacity:.2;transform:scale(.8) rotate(-8deg)}50%{opacity:.65;transform:scale(1) rotate(8deg)}}