:root{color-scheme:dark;--bg:#0b0b10;--card:#11121a;--text:#e5e7eb;--muted:#a1a1aa;--accent1:#85b7ed;--accent2:#e2c179;--accent3:#8bd78f;--accent4: #ee9cb6;--header-h:64px;--g1y:22%;--g2y:78%;--accent-season1: #a8ddb5;--accent-season2: #ffb3c6}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--text);background:radial-gradient(1000px 500px at 20% 10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(1000px 500px at 80% 90%,rgba(56,189,248,.08),transparent 60%),var(--bg);background-attachment:fixed}.site-header{position:sticky;top:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 20px;background:#0a0c12d9;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:.1px solid rgba(255,255,255,.06)}@supports not (backdrop-filter: blur(10px)){.site-header{background:#0a0c12f2}}@supports (backdrop-filter: blur(10px)){.site-header{background:#0a0c128c}}.brand{font-weight:700;letter-spacing:.2px;color:#ffffffac;text-decoration:none}.nav{display:flex;gap:12px}.nav a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#ffffffac;text-decoration:none;border:none;transition:transform .15s ease,background .15s ease,color .15s ease}.nav a:hover{color:#ffffffac;background:#ffffff1a;transform:translateY(-2px)}html{scroll-behavior:smooth}.hero-index{margin-top:4px}.hero-index ul{list-style:none;padding:0;margin:0;max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}.hero-index a{display:inline-block;position:relative;padding-right:1.4rem;text-decoration:none;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.hero-index em{font-style:normal;font-size:.65rem;color:#6b7280;position:absolute;right:0;top:-.85em;margin:0;pointer-events:none}.hero-index span{font-size:.9rem;color:#e8edf3;white-space:nowrap;position:relative;display:inline-block}.hero-index a:hover span,.hero-index a:focus-visible span{color:#fff}.hero-index a:hover span:after,.hero-index a:focus-visible span:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:linear-gradient(90deg,var(--accent1),var(--accent2));opacity:.9}.hero-index a.is-active span{color:var(--accent1);background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1024px){.hero-index ul{grid-template-columns:repeat(4,1fr);gap:20px}}@media (max-width: 768px){.hero-index ul{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 560px){.hero-index ul{grid-template-columns:repeat(2,1fr);gap:16px}.hero-index{margin-top:20px}}.hero-split{display:flex;justify-content:center;align-items:center;gap:64px;padding:64px 64px 48px;position:relative;overflow:hidden;background:transparent;min-height:500px;height:90vh}.hero-left{display:flex;flex-direction:column;justify-content:center;max-width:560px}.hero-right{display:flex;justify-content:center;align-items:center}#tree-container{width:min(450px,80vw);height:min(450px,80vw);display:flex;justify-content:center;align-items:center}.tree-animation-container{display:flex;justify-content:center;align-items:center}.headline{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.06;margin:0 0 .5rem;color:#e2e8f0}.accent{color:var(--accent-season1);background:linear-gradient(90deg,var(--accent-season1),var(--accent-season2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;transition:background 1.5s ease,color 1.5s ease}.caret{font-family:Roboto Mono,monospace;text-transform:lowercase;display:inline-block;margin-left:.08em;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.subheadline{font-family:Roboto Mono,monospace;text-transform:lowercase}.lede{font-family:Roboto Mono,monospace;text-transform:lowercase;letter-spacing:1px;color:var(--muted);max-width:60ch;margin:-1rem 0 1.25rem}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-block;padding:.8rem 1.2rem;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.15);color:#fff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 12px 30px #00000040}.btn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2))}.btn.ghost{background:transparent}.btn:hover{transform:translateY(-2px);border-color:#ffffff4d}.section{min-height:40vh;background:transparent;border-top:0;position:relative}.wash{position:relative;background:transparent}.wash:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;--g1x:15%;--g1y:var(--g1y);--g2x:85%;--g2y:var(--g2y);--c1: rgba(124,58,237,.1);--c2: rgba(56,189,248,.08);background:radial-gradient(900px 460px at var(--g1x) var(--g1y),var(--c1),transparent 60%),radial-gradient(900px 460px at var(--g2x) var(--g2y),var(--c2),transparent 60%)}.wash:nth-of-type(2n):before{--g1x:85%;--g2x:15%;--c1: rgba(56,189,248,.1);--c2: rgba(124,58,237,.08)}.wash>*{position:relative;z-index:1}#about{scroll-margin-top:17vh}.about{background:transparent;padding:80px 64px}.about__wrap{max-width:1200px;margin:0 auto;display:grid;gap:40px;grid-template-columns:minmax(320px,1fr) 440px;align-items:start}.about__title{margin:0 0 20px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;color:#e2e8f0;letter-spacing:-.5px;font-family:Roboto Mono,monospace;text-transform:lowercase}.about .slash{color:var(--accent3);margin-right:6px;opacity:.9;font-family:Roboto Mono,monospace;text-transform:lowercase}.about__p{color:#c7ccd6;line-height:1.85;font-size:1.05rem;margin:0 0 18px;font-family:Source Code Pro,monospace}.about__p strong{font-family:Source Code Pro,monospace;color:#e9edf5}.accent-link{color:var(--accent2);text-decoration:none;border-bottom:1px dashed rgba(91,134,233,.35)}.accent-link:hover{opacity:.9}.about__h3{margin:22px 0 10px;color:#e5e7eb;font-size:1rem;opacity:.95;font-family:Roboto Mono,monospace;text-transform:uppercase;font-weight:600}.about__tech{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px 32px;list-style:none;padding:0;margin:8px 0 22px;font-family:Source Code Pro,monospace}.about__tech li{position:relative;padding-left:20px;color:#d6dbe5}.about__tech li:before{content:"▸";position:absolute;left:0;color:var(--accent2);opacity:.9}.about__card{margin:0;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 40px #00000059;overflow:hidden;aspect-ratio:4/5}.about__img{display:block;width:100%;height:auto;object-fit:cover;object-position:50% 30%}#experience{scroll-margin-top:15vh;padding:10vh 0}.experience__container{max-width:1250px;margin:0 auto;padding:0 20px}.experience__layout{display:grid;grid-template-columns:220px 1fr;gap:48px;max-width:1400px;margin:0 auto;padding:0 20px}.experience__companies{list-style:none;margin:0;padding:0}.experience__companies li{font-family:Roboto Mono,monospace;text-transform:uppercase;padding:10px 0;color:#94a3b8;cursor:pointer;transition:color .2s;font-size:small}.experience__companies li:hover{color:#e2e8f0}.experience__companies .active{color:var(--accent2);border-left:2px solid var(--accent2);padding-left:10px;font-weight:600}.job-meta{margin-bottom:8px;font-size:.95rem;color:#9ca3af;display:flex;gap:10px;flex-wrap:wrap;font-family:Roboto Mono,monospace;text-transform:uppercase}.job-location{font-style:italic;margin-bottom:8px}.experience__details .role{font-family:Roboto Mono,monospace;font-size:1.2rem;font-weight:600;margin:0 0 6px;color:#e2e8f0;text-transform:uppercase}.experience__details .role span{color:var(--accent2)}.experience__details .date{color:#94a3b8;margin:0 0 18px}.highlights{list-style:none;margin:0;padding:0}.highlights li{position:relative;margin:0 0 16px;color:#cbd5e1;line-height:1.6;font-family:Source Code Pro,monospace}.highlights li:before{content:"▹";position:absolute;left:-20px;color:var(--accent2)}@media (max-width: 800px){.experience__layout{grid-template-columns:1fr;gap:24px}}#expertise{scroll-margin-top:10vh;padding:10vh 0}.expertise{padding:72px 64px}.xp-wrap{max-width:1200px;margin:0 auto}.xp-title{margin:0 0 20px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;color:#e2e8f0;letter-spacing:-.5px;font-family:Roboto Mono,monospace;text-transform:lowercase}.xp-title .slash{font-weight:700;color:var(--accent3);opacity:.9}.xp-rule{flex:1 1 auto;height:1px;background:linear-gradient(90deg,#ffffff26,#fff0)}.xp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.xp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.xp-grid{grid-template-columns:1fr}}.xp-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;box-shadow:0 18px 40px #00000059}.xp-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.xp-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#dbeafe;flex-shrink:0}.xp-heading{margin:0;font-weight:800;font-size:1.2rem;line-height:1.1;color:var(--accent1);background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent1));background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:xp-sheen 6s ease-in-out infinite}@keyframes xp-sheen{0%{background-position:0% 0}50%{background-position:100% 0}to{background-position:0% 0}}.xp-card p{color:#c7ccd6;margin:0 0 14px;line-height:1.6;font-size:.95rem;margin-top:2rem;margin-bottom:2rem;font-family:Source Code Pro,monospace}.xp-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.xp-tags li{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e9edf5;font-size:.82rem;font-family:Source Code Pro,monospace}.projects{padding:72px 64px}.projects__wrap{max-width:1200px;margin:0 auto}.proj-filter{display:flex;align-items:center;gap:14px;margin:6px 0 22px;flex-wrap:wrap}.pf-sep{opacity:.5}.pf-btn{background:transparent;border:0;padding:0;color:#dbe0ea;font-weight:700;letter-spacing:.2px;cursor:pointer;position:relative}.pf-btn .count{font-weight:600;opacity:.7}.pf-btn.active{color:#fff}.pf-btn.active:after{content:"";position:absolute;left:0;right:-2px;bottom:-6px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent1),var(--accent2))}.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}@media (max-width: 1100px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.projects{padding:48px 20px}.proj-grid{grid-template-columns:1fr}}.proj-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #00000059;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.proj-card:hover{transform:translateY(-4px);border-color:#ffffff2e;box-shadow:0 22px 50px #00000073}.proj-card .thumb{display:block;aspect-ratio:16 / 9;overflow:hidden}.proj-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.proj-card:hover .thumb img{transform:scale(1.04)}.proj-card .meta{padding:16px 16px 18px}.proj-card .title{margin:0 0 6px;font-size:1.25rem;font-weight:800;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#eaf0f7;background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent1));background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.proj-card:hover .title{background-position:100% 0;transition:background-position .8s ease}.proj-card .cat{margin:0;color:#aeb7c4}.proj-card[hidden]{display:none!important}@media (max-width:1000px){.about__wrap{grid-template-columns:1fr}.about__right{order:-1}}@media (max-width:900px){.hero-split{flex-direction:column;padding:80px 20px 40px;gap:20px;height:auto!important;min-height:auto!important;overflow:visible}.hero-left{width:100%}.hero-right{order:-1;width:100%;display:flex;justify-content:center;flex-shrink:0;margin-bottom:20px}#tree-container{width:min(50vw,280px);height:min(50vw,280px);transform:scale(.55);transform-origin:center center}.nav a{width:36px;height:36px}}@media (max-width:600px){.about{padding:56px 20px}.about__tech{columns:1}}.branch1{top:190px;right:0}.branch1 .branch-inner1{width:60px;height:40px;transform:scale(var(--season-scale)) rotate(35deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-left-radius:100% 70%;left:50px;top:0;border-width:5px}.branch1 .branch-inner2{width:50px;height:20px;transform:rotate(-40deg);border-bottom-left-radius:100% 70%;left:26px;top:13px;border-width:4px}.branch1 .branch-inner3{width:20px;height:10px;transform:rotate(40deg);border-bottom-left-radius:100% 70%;left:16px;top:15px;border-width:3px}.branch1 .branch-inner1 .leaf1{transform:rotate(-100deg);top:30px;left:30px}.branch1 .branch-inner1 .leaf2{width:17px;height:17px;transform:rotate(110deg);top:30px;left:20px}.branch1 .branch-inner1 .leaf3{width:17px;height:17px;transform:rotate(-130deg);top:21px;left:14px}.branch1 .branch-inner2 .leaf1{transform:rotate(80deg);left:40px;top:20px}.branch1 .branch-inner2 .leaf2{width:20px;height:20px;transform:rotate(-170deg);left:30px;top:14px}.branch1 .branch-inner2 .leaf3{width:17px;height:17px;transform:rotate(100deg);left:10px;top:12px}.branch1 .branch-inner3 .leaf1{width:15px;height:15px;transform:rotate(-150deg);left:18px;top:5px}.branch1 .branch-inner3 .leaf2{width:15px;height:15px;transform:rotate(80deg);left:9px;top:15px}.branch1>.flower1{right:100%;bottom:100%;width:30px;height:30px;margin-right:-15px;margin-bottom:-15px}.branch1 .branch-inner1 .flower1{width:18px;height:18px;top:-3px;left:-9px;transform:rotate(-25deg)}.branch1 .branch-inner2 .flower1{width:20px;height:20px;top:-10px;left:-12px;transform:rotate(-55deg)}.branch2{height:60px;top:150px;left:0}.branch2 .branch-inner1{width:60px;height:70px;transform:scale(var(--season-scale)) rotate(90deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-left-radius:100% 70%;left:-26px;top:-13px;border-width:5px}.branch2 .branch-inner2{width:60px;height:80px;transform:scale(var(--season-scale)) rotate(80deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-right-radius:100% 70%;left:55px;top:-26px;border-width:4px}.branch2 .branch-inner3{width:40px;height:30px;transform:scale(var(--season-scale)) rotate(30deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-right-radius:100%;left:110px;top:10px;border-width:3px}.branch2 .branch-inner4{width:20px;height:15px;transform:scale(var(--season-scale)) rotate(180deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-left-radius:100%;left:0;top:8px;border-width:2px}.branch2 .branch-inner1 .leaf1{transform:rotate(80deg);top:68px;left:45px}.branch2 .branch-inner1 .leaf2{transform:rotate(235deg);top:56px;left:30px;width:20px;height:20px}.branch2 .branch-inner1 .leaf3{transform:rotate(100deg);top:60px;left:28px;width:17px;height:17px}.branch2 .branch-inner2 .leaf1{transform:rotate(20deg);top:77px;left:15px}.branch2 .branch-inner2 .leaf2{transform:rotate(250deg);top:73px;left:15px;width:20px;height:20px}.branch2 .branch-inner2 .leaf3{transform:rotate(-35deg);top:65px;left:35px;width:17px;height:17px}.branch2 .branch-inner3>.leaf1{transform:rotate(20deg);top:29px;left:10px;width:20px;height:20px}.branch2 .branch-inner3 .leaf2{transform:rotate(-120deg);top:22px;left:19px;width:20px;height:20px}.branch2 .branch-inner3 .leaf3{transform:rotate(-42deg);top:10px;left:37px;width:17px;height:17px}.branch2 .branch-inner4>.leaf1{transform:rotate(120deg);top:1px;left:-1px;width:14px;height:14px}.branch2>.flower1{width:25px;height:25px;right:-12px;top:-8px}.branch2 .branch-inner1 .flower1{width:25px;height:25px;left:-5px;top:25px}.branch2 .branch-inner2 .flower1{transform:rotate(10deg);width:20px;height:20px;right:-5px;bottom:45px}.branch2 .branch-inner4 .flower1{width:20px;height:20px;left:-10px;top:-10px}.branch2 .branch-inner3>.flower1{transform:rotate(30deg);width:15px;height:15px;right:-7px;top:-4px}.branch3{top:93px;right:0;width:160px;height:70px}.branch3 .branch-inner1{width:60px;height:40px;transform:scale(var(--season-scale)) rotate(-100deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-right-radius:100%;left:70px;top:15px;border-width:4px}.branch3 .branch-inner2{width:60px;height:60px;transform:scale(var(--season-scale)) rotate(-40deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-left-radius:100% 70%;left:36px;top:5px;border-width:4px}.branch3 .branch-inner1 .leaf1{transform:rotate(-5deg);top:38px;left:15px}.branch3 .branch-inner1 .leaf2{width:17px;height:17px;transform:rotate(-110deg);top:33px;left:23px}.branch3 .branch-inner1 .leaf3{width:17px;height:17px;transform:rotate(-30deg);top:30px;left:39px}.branch3 .branch-inner2 .leaf1{transform:rotate(80deg);left:50px;top:59px}.branch3 .branch-inner2 .leaf2{width:20px;height:20px;transform:rotate(-150deg);left:35px;top:50px}.branch3 .branch-inner2 .leaf3{width:17px;height:17px;transform:rotate(120deg);left:23px;top:47px}.branch3>.leaf1{right:60px;transform:rotate(-180deg);bottom:-8px;width:18px;height:18px}.branch3>.leaf2{right:110px;transform:rotate(125deg);bottom:2px;width:18px;height:18px}.branch3 .flower.petal5{right:100%;bottom:100%;width:30px;height:30px;margin-right:-15px;margin-bottom:-15px}.branch3 .branch-inner1 .heart{width:18px;height:18px;top:0;left:50px;transform:rotate(35deg)}.branch3 .branch-inner2 .tulip{width:20px;height:20px;top:20px;left:0;transform:rotate(-25deg)}.branch4{width:120px;height:40px;top:50px;left:0}.branch4 .branch-inner1{width:50px;height:60px;transform:rotate(90deg);border-bottom-left-radius:100% 70%;left:-26px;top:-25px;border-width:5px}.branch4 .branch-inner2{width:50px;height:70px;transform:rotate(60deg);border-bottom-right-radius:100% 70%;left:55px;top:-36px;border-width:4px}.branch4 .branch-inner1 .leaf1{transform:rotate(120deg);top:59px;left:42px}.branch4 .branch-inner1 .leaf2{transform:rotate(220deg);top:51px;left:30px;width:20px;height:20px}.branch4 .branch-inner1 .leaf3{transform:rotate(130deg);top:45px;left:17px;width:17px;height:17px}.branch4 .branch-inner2 .leaf1{transform:rotate(-20deg);top:68px;left:10px}.branch4 .branch-inner2 .leaf2{transform:rotate(-120deg);top:63px;left:15px;width:20px;height:20px}.branch4 .branch-inner2 .leaf3{transform:rotate(-40deg);top:60px;left:25px;width:17px;height:17px}.branch4>.flower1{width:25px;height:25px;right:-12px;top:-9px}.branch4 .branch-inner1 .flower1{width:25px;height:25px;left:-13px;top:0}.branch4 .tulip1{transform:rotate(10deg);width:20px;height:20px;right:-1px;bottom:30px}.branch5{top:15px;right:0;width:90px;height:30px}.branch5 .branch-inner1{width:30px;height:30px;border-bottom-right-radius:100%;left:50px;top:-5px;border-width:4px;transform:scale(var(--season-scale)) rotate(-60deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y))}.branch5 .branch-inner2{width:40px;height:40px;transform:scale(var(--season-scale)) rotate(-50deg) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y));border-bottom-left-radius:100% 80%;left:26px;top:-10px;border-width:4px}.branch5 .branch-inner1 .leaf1{transform:rotate(-15deg);left:30%;bottom:-54%;width:18px;height:18px}.branch5 .branch-inner1 .leaf2{width:16px;height:16px;transform:rotate(-120deg);top:77%;left:40%}.branch5 .branch-inner1 .leaf3{width:14px;height:14px;transform:rotate(-40deg);top:60%;left:80%}.branch5 .branch-inner2 .leaf1{transform:rotate(100deg);left:70%;top:93%;width:18px;height:18px}.branch5 .branch-inner2 .leaf2{width:16px;height:16px;transform:rotate(-70deg);left:20%;top:60%}.branch5 .branch-inner2 .leaf3{width:14px;height:14px;transform:rotate(130deg);left:20%;top:60%}.branch5 .flower.petal5{right:100%;bottom:100%;width:20px;height:20px;margin-right:-15px;margin-bottom:-15px}.branch5 .branch-inner1 .heart{width:18px;height:18px;top:-20%;left:80%;transform:rotate(35deg)}.branch5 .branch-inner2 .tulip{width:20px;height:20px;top:5px;left:-5px;transform:rotate(-15deg)}@property --leaf-color{syntax: "<color>"; inherits: true; initial-value: #7fd58a;}@property --flower-hue{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --flower-sat{syntax: "<number>"; inherits: true; initial-value: 1;}@property --flower-bright{syntax: "<number>"; inherits: true; initial-value: 1;}@property --flower-sepia{syntax: "<number>"; inherits: true; initial-value: 0;}@property --flower-contrast{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes leaf-fall{0%{transform:translate3d(0,-16px,0);opacity:0}40%{transform:translate3d(0,160px,0);opacity:.85}70%{transform:translate3d(0,280px,0);opacity:.7}to{transform:translate3d(0,360px,0);opacity:0}}@keyframes branch-leaf-drop{0%{margin-top:0;opacity:0}35%{margin-top:120px;opacity:.9}70%{margin-top:240px;opacity:.6}to{margin-top:320px;opacity:0}}@keyframes fall-vertical{0%{transform:translate(-50%,-10px);opacity:0}6%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,380px);opacity:0}}.season-fall{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease}.season--fall .season-fall{opacity:1}.season-fall__leaf{position:absolute;left:var(--x, 0px);top:var(--y, 0px);width:var(--size, 14px);height:var(--size, 20px);border-radius:0 100%;background:linear-gradient(135deg,#b07c32,#ff9837 55%,#f18242);box-shadow:0 .5px #00000026 inset;opacity:0;transform:translate(-50%);animation:fall-vertical var(--dur, 6.5s) linear var(--delay, 0s) forwards}.season-fall{-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#000 50%,transparent 66%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#000 50%,transparent 66%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.season-fall__leaf{--flipX: 1;--tilt: 0deg}@keyframes fall-vertical{0%{transform:scaleX(var(--flipX)) rotate(var(--tilt)) translateY(-30px);opacity:0}8%{opacity:.9}90%{opacity:.85}to{transform:scaleX(var(--flipX)) rotate(var(--tilt)) translateY(420px);opacity:0}}.season-fall__leaf:nth-child(2n){--flipX: -1}.season-fall__leaf:nth-child(3n){--tilt: -8deg}.season-fall__leaf:nth-child(4n){--tilt: 10deg}@keyframes snow-vertical{0%{transform:translateY(-24px);opacity:0}10%{opacity:.9}to{transform:translateY(440px);opacity:0}}.season-snow{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .4s ease}.season--winter .season-snow{opacity:1}.season-snow__flake{position:absolute;top:-24px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffffffb3 60%,#fff0);filter:blur(.3px);opacity:0;animation-name:snow-vertical;animation-timing-function:linear;animation-iteration-count:infinite}.season-snow__flake--1{left:6%;animation-duration:8.2s;animation-delay:.2s}.season-snow__flake--2{left:10%;animation-duration:9.1s;animation-delay:.9s}.season-snow__flake--3{left:15%;animation-duration:7.8s;animation-delay:.4s}.season-snow__flake--4{left:20%;animation-duration:9.4s;animation-delay:1.2s}.season-snow__flake--5{left:25%;animation-duration:8.5s;animation-delay:.1s}.season-snow__flake--6{left:30%;animation-duration:9.6s;animation-delay:.7s}.season-snow__flake--7{left:36%;animation-duration:8s;animation-delay:1.1s}.season-snow__flake--8{left:43%;animation-duration:9.2s;animation-delay:.5s}.season-snow__flake--9{left:50%;animation-duration:8.6s;animation-delay:1.5s}.season-snow__flake--10{left:58%;animation-duration:9.8s;animation-delay:.6s}.season-snow__flake--11{left:65%;animation-duration:8.3s;animation-delay:1s}.season-snow__flake--12{left:70%;animation-duration:9s;animation-delay:.3s}.season-snow__flake--13{left:75%;animation-duration:8.1s;animation-delay:1.3s}.season-snow__flake--14{left:80%;animation-duration:9.7s;animation-delay:.8s}.season-snow__flake--15{left:86%;animation-duration:8.4s;animation-delay:1.7s}.season-snow__flake--16{left:90%;animation-duration:9.3s;animation-delay:.2s}.season-snow__flake--17{left:54%;animation-duration:8.9s;animation-delay:1.9s}.season-snow__flake--18{left:32%;animation-duration:9.5s;animation-delay:1.4s}.season-snow__flake--19{left:68%;animation-duration:8.7s;animation-delay:.1s}.season-snow__flake--20{left:22%;animation-duration:9.9s;animation-delay:.6s}.season--winter .leaf{--leaf-color: #e7f2e9;transition:--leaf-color .9s ease,opacity 1.2s ease}.season--winter .flower,.season--winter .heart,.season--winter .tulip{transition:filter .9s ease,opacity 1.2s ease}.season-frame{position:relative;width:28rem;height:28rem}.season-frame__halo,.season-frame__ground{position:absolute;inset:0;pointer-events:none}.season-frame__ground{top:auto;left:16%;right:16%;bottom:.75rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg,#ff742600,#ff742659 45%,#ff742600);filter:blur(2px)}.season-background{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.background{width:350px;height:445px;position:absolute;bottom:0;left:50%;transform:translate(-50%);--season-scale: 0;--leaf-opacity: 0;--flower-opacity: 0;--leaf-color: #ccefd2}.season--spring{--season-scale: 1;--leaf-opacity: .85;--flower-opacity: .65;--leaf-color: #bff0c5;--flower-hue: 0deg;--flower-sat: 1;--flower-bright: 1;--flower-sepia: 0;--flower-contrast: 1;--slope-color: #8fe89a;--slope-spot: #f6efc8}.season--summer{--season-scale: 1;--leaf-opacity: 1;--flower-opacity: 1;--leaf-color: #7fd58a;--flower-hue: 0deg;--flower-sat: 1;--flower-bright: 1;--flower-sepia: 0;--flower-contrast: 1;--extra-leaf-scale: 1;--slope-color: #49ad55;--slope-spot: #f0e1a1}.season--fall{--season-scale: 1;--leaf-opacity: .95;--flower-opacity: .9;--leaf-color: #f1a24c;--flower-hue: -15deg;--flower-sat: 1.35;--flower-bright: .98;--flower-sepia: .9;--flower-contrast: 1.05;--slope-color: #e19959;--slope-spot: #ebcc94}.season--winter{--season-scale: 1;--leaf-opacity: 0;--flower-opacity: 0;--leaf-color: #ccefd2;--flower-hue: -15deg;--flower-sat: 1.35;--flower-bright: .98;--flower-sepia: .9;--flower-contrast: 1.05;--slope-color: #eff5faf6;--slope-spot: #b9b9b9e1}.season--dormant{--season-scale: 0;--leaf-opacity: 0;--flower-opacity: 0}.slope{background:var(--slope-color);width:100%;height:100px;border-radius:50% 50% 0 0/100% 100% 0 0;overflow:hidden;position:absolute;bottom:0;transition:background-color 2.2s ease-in-out,background 2.2s ease-in-out}.slope:before{content:"";background:var(--slope-spot);border-radius:50%;width:80px;height:30px;position:absolute;left:50%;margin-left:-40px;top:-5px;transition:background-color 2.2s ease-in-out,background 2.2s ease-in-out}.tree{width:2px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:300px solid #816954;position:absolute;left:50%;transform-origin:50% 300px;top:50px;margin-left:-8px;transform:scale(var(--season-scale));transition:transform 1.2s ease}.branch{--joint-nudge-x: 0px;--joint-nudge-y: 0px;position:absolute;width:150px;height:40px;border:0;background:transparent;box-shadow:inset 0 -5px #816954;transition:none;backface-visibility:hidden;overflow:visible;transform:scale(var(--season-scale)) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y))}.branch:before,.branch:after{content:none}.branch.left,.branch.left:before,.branch.left:after{transform-origin:0 0}.branch.right,.branch.right:before,.branch.right:after{transform-origin:100% 0}.branch.left{border-bottom-left-radius:100%;transform-origin:100% 100%}.branch.right{border-bottom-right-radius:100%;transform-origin:0 100%;margin-left:1px}.tree>.branch.left{transform:scale(var(--season-scale)) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y))}.tree>.branch.right{transform:scale(var(--season-scale)) translate(var(--joint-nudge-x)) translateY(var(--joint-nudge-y))}.branch>.branch{--joint-nudge-y: 2px}.branch.left>.branch{--joint-nudge-x: -6px}.branch.right>.branch{--joint-nudge-x: 6px}.branch.branch2>.branch-inner1{--joint-nudge-x: -19px;--joint-nudge-y: -10px}.branch.branch2>.branch-inner2{--joint-nudge-x: -20px;--joint-nudge-y: 2px}.branch.branch2>.branch-inner3{--joint-nudge-x: -20px;--joint-nudge-y: 2px}.branch.branch2>.branch-inner3>.branch-inner4{--joint-nudge-x: 1px;--joint-nudge-y: 1px}.branch.branch3>.branch.branch-inner1{--joint-nudge-x: 12px;--joint-nudge-y: 50px}.branch.branch3>.branch.branch-inner2{--joint-nudge-x: 48px;--joint-nudge-y: 6px}.branch.branch5>.branch.branch-inner1{--joint-nudge-x: 14px;--joint-nudge-y: 50px}.branch.branch5>.branch.branch-inner2{--joint-nudge-x: -1px;--joint-nudge-y: 0px}.leaf{--extra-leaf-scale: 0;position:absolute;width:23px;height:23px;background:var(--leaf-color);border-radius:0 100%;z-index:1;transform-origin:0 0;opacity:var(--leaf-opacity);transition:--leaf-color 2.2s ease-in-out,opacity .9s ease var(--pop-delay, 0s)}.leaf:before,.leaf:after{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;background:var(--leaf-color);opacity:calc(var(--leaf-opacity) * .9);transform-origin:0 0;transition:transform .8s ease var(--pop-delay, 0s),opacity .8s ease var(--pop-delay, 0s)}.leaf:before{transform:translate(8px,-6px) rotate(18deg) scale(var(--extra-leaf-scale))}.leaf:after{transform:translate(-7px,8px) rotate(-22deg) scale(var(--extra-leaf-scale))}.tree>.leaf1{width:15px;height:15px;transform:rotate(-150deg)}.tree>.leaf2{width:15px;height:15px;transform:rotate(-100deg)}.flower,.heart,.tulip{position:absolute;width:50px;height:50px;z-index:2;opacity:var(--flower-opacity);transition:filter 2.2s ease-in-out,opacity .9s ease var(--pop-delay, 0s);filter:sepia(var(--flower-sepia)) saturate(var(--flower-sat)) hue-rotate(var(--flower-hue)) brightness(var(--flower-bright)) contrast(var(--flower-contrast))}.flower:after{content:"";position:absolute;inset:0;background:#e55;border-radius:50%;width:30%;height:30%;margin:auto}.flower .petal{width:100%;height:100%;position:absolute;transform:rotate(72deg)}.flower .petal:before,.flower .petal:after{content:"";position:absolute;width:60%;height:60%;background:#f0a5a6;border-radius:0 100px;top:50%;left:50%;margin-left:-20%;margin-top:-20%;transform-origin:33% 33%}.flower .petal:after{transform:rotate(36deg)}.flower.petal5 .petal{transform:rotate(144deg)}.flower.petal5 .petal:after{transform:rotate(-72deg)}.flower.petal5>.petal:after{content:none}.flower.roundpetal .petal:before,.flower.roundpetal .petal:after{width:30%;margin-left:-15%;margin-top:0;top:0;height:50%;border-radius:50% 50% 0 0;transform-origin:50% 100%}.heart:before,.heart:after{position:absolute;content:"";width:80%;height:80%;border-radius:100% 0%;background:#f0a5a6;left:50%;top:20%;transform-origin:0% 100%}.heart:before{transform:rotate(-65deg)}.heart:after{transform:rotate(-25deg)}.tulip:before,.tulip:after,.tulip .peak{position:absolute;content:"";width:80%;height:80%;border-radius:100% 0%;background:#f0a5a6;left:50%;top:20%;transform-origin:0% 100%}.tulip:before{transform:rotate(-70deg)}.tulip:after{transform:rotate(-20deg)}.tulip .peak{transform:rotate(-45deg)}.redflower:before,.redflower:after,.redflower .peak,.redflower .petal:before,.redflower .petal:after{background:#f0a5a6}.greenflower:before,.greenflower:after,.greenflower .peak,.greenflower .petal:before,.greenflower .petal:after{background:#d5e4b6}.blueflower:before,.blueflower:after,.blueflower .peak,.blueflower .petal:before,.blueflower .petal:after{background:#a7d3ed}.yellowflower:before,.yellowflower:after,.yellowflower .peak,.yellowflower .petal:before,.yellowflower .petal:after{background:#fedfbc}.purpleflower:before,.purpleflower:after,.purpleflower .peak,.purpleflower .petal:before,.purpleflower .petal:after{background:#f0ccfe}.branch .branch:after{content:none}.season-snow{-webkit-mask-image:radial-gradient(circle at 50% 42%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 66%);mask-image:radial-gradient(circle at 50% 42%,#000 0% 50%,#0000 66%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}