html{background:#fff9df}body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Gill Sans,Microsoft YaHei,PingFang SC,sans-serif;margin:0}::selection{background:#ffd84c;color:#17231d}:root{--ink:#17231d;--deep-ink:#0c1612;--paper:#fff9df;--rice:#fbffef;--mint:#35d6aa;--tomato:#ff6a57;--yolk:#ffd84c;--berry:#e95794;--sky:#83dff2;--line:#17231d2e;--shadow:#17231d38}*{box-sizing:border-box}a,button{font:inherit;letter-spacing:0}.site-shell{background:linear-gradient(115deg,#35d6aa2e,#0000 34%),linear-gradient(245deg,#ff6a572e,#0000 38%),repeating-linear-gradient(90deg,#17231d0d 0 1px,#0000 1px 88px),#fff9df;background:linear-gradient(115deg,#35d6aa2e,#0000 34%),linear-gradient(245deg,#ff6a572e,#0000 38%),repeating-linear-gradient(90deg,#17231d0d 0 1px,#0000 1px 88px),var(--paper);color:#17231d;color:var(--ink);min-height:100vh;overflow:hidden;position:relative}.site-shell:before{background-image:radial-gradient(circle at 20px 18px,#17231d1a 1px,#0000 0),radial-gradient(circle at 62px 54px,#e9579429 2px,#0000 0);background-size:92px 92px;content:"";inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 48%,#000);mask-image:linear-gradient(90deg,#000,#0000 48%,#000);opacity:.55;pointer-events:none;position:absolute}.stage-track{display:flex;min-height:100vh;position:relative;transform:translateX(0);transition:transform .98s cubic-bezier(.78,-.02,.18,1);width:200vw;z-index:1}.site-shell.is-projects .stage-track{transform:translateX(-100vw)}.scene{flex:0 0 100vw;min-height:100vh;padding:4.5rem 6vw;position:relative;width:100vw}.home-scene{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(20rem,.84fr) minmax(28rem,1.16fr)}.copy-cluster{max-width:38rem;position:relative;z-index:2}.eyebrow{align-items:center;display:inline-flex;font-size:.95rem;font-weight:800;gap:.6rem;letter-spacing:0;margin:0 0 1.2rem}.eyebrow:before{background:#ff6a57;background:var(--tomato);border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;box-shadow:.3rem .2rem 0 #ffd84c;box-shadow:.3rem .2rem 0 var(--yolk);content:"";height:.9rem;width:.9rem}h1,h2,h3,p{letter-spacing:0}h1{font-family:Gill Sans,Trebuchet MS,Microsoft YaHei,sans-serif;font-size:6.2rem;line-height:.88;margin:0;max-width:12ch;overflow-wrap:anywhere}.slogan{color:#ff6a57;color:var(--tomato);font-size:2rem;font-weight:900;line-height:1.1}.intro,.slogan{margin:1.4rem 0 0}.intro{font-size:1.12rem;line-height:1.8;max-width:30rem}.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-action,.secondary-action,.social-link{align-items:center;border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;box-shadow:.28rem .28rem 0 #17231d;box-shadow:.28rem .28rem 0 var(--ink);color:#17231d;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:3rem;padding:.72rem 1.05rem;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease,background-color .16s ease}.primary-action{background:#35d6aa;background:var(--mint)}.secondary-action{background:#ffd84c;background:var(--yolk);margin-top:1.6rem}.social-links{display:flex;flex-wrap:wrap;gap:.7rem}.social-link{background:#fbffef;background:var(--rice);min-width:4.6rem}.primary-action:hover,.secondary-action:hover,.social-link:hover{box-shadow:.12rem .12rem 0 #17231d;box-shadow:.12rem .12rem 0 var(--ink);transform:translate(.16rem,.16rem) rotate(-1deg)}.portrait-pendulum:focus-visible,.primary-action:focus-visible,.project-pendulum:focus-visible,.secondary-action:focus-visible,.social-link:focus-visible{outline:4px solid #83dff2;outline:4px solid var(--sky);outline-offset:5px}.tiny-status{align-items:center;background:#0c1612;background:var(--deep-ink);border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;color:#fbffef;color:var(--rice);display:inline-flex;gap:.8rem;margin-top:2rem;padding:.65rem .85rem;transform:rotate(-1.4deg)}.tiny-status span{color:#ffd84c;color:var(--yolk);font-size:.82rem;font-weight:800}.tiny-status strong{font-size:.95rem}.hanger-rig{align-items:center;display:grid;isolation:isolate;justify-items:center;min-height:44rem;position:relative}.ceiling-line{background:repeating-linear-gradient(105deg,#0c1612 0 12px,#365046 12px 21px),#0c1612;background:repeating-linear-gradient(105deg,var(--deep-ink) 0 12px,#365046 12px 21px),var(--deep-ink);border:3px solid #17231d;border:3px solid var(--ink);border-radius:8px;box-shadow:0 .6rem 0 #17231d1f;height:1rem;left:10%;position:absolute;right:8%;top:1.9rem;transform:rotate(-1.8deg);z-index:3}.portrait-pendulum{align-items:center;animation:pendulumSwing 4.8s ease-in-out infinite;background:#0000;border:0;cursor:pointer;display:grid;justify-items:center;padding:0;position:relative;transform-origin:50% -11rem;width:min(32rem,76vw);z-index:2}.portrait-pendulum.is-launched{animation:launchPortrait 1.22s cubic-bezier(.18,.82,.24,1) both}.try-me-cue{grid-gap:.35rem;align-items:center;animation:cueWiggle 2.7s ease-in-out infinite;display:grid;gap:.35rem;justify-items:end;left:1%;pointer-events:none;position:absolute;top:6.2rem;transform-origin:84% 76%;width:min(15rem,30vw);z-index:4}.try-me-cue span{background:#ffd84c;background:var(--yolk);border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;box-shadow:.22rem .22rem 0 #17231d;box-shadow:.22rem .22rem 0 var(--ink);color:#17231d;color:var(--ink);font-size:1rem;font-weight:900;line-height:1;padding:.62rem .78rem;transform:rotate(-5deg)}.try-me-cue svg{fill:none;stroke:#ff6a57;stroke:var(--tomato);stroke-linecap:round;stroke-linejoin:round;stroke-width:7;animation:arrowSway 1.9s ease-in-out infinite;height:auto;overflow:visible;transform:rotate(9deg);width:100%}.rope{background:repeating-linear-gradient(28deg,#6b4a2e 0 7px,#a87745 7px 14px);border-left:1px solid #17231d59;border-radius:999px;border-right:1px solid #17231d38;height:15rem;top:-14.2rem;width:.58rem;z-index:1}.rope,.rope span{left:50%;position:absolute;transform:translateX(-50%)}.rope span{background:#ffd84c;background:var(--yolk);border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;bottom:-.68rem;height:1.2rem;width:1.2rem}.portrait-frame{background:linear-gradient(180deg,#fff9dfeb,#fbffefc2),#fbffef;background:linear-gradient(180deg,#fff9dfeb,#fbffefc2),var(--rice);border:3px solid #17231d;border:3px solid var(--ink);border-radius:8px;box-shadow:.95rem 1.1rem 0 #17231d38,inset 0 0 0 .55rem #ffd84c5c;box-shadow:.95rem 1.1rem 0 var(--shadow),inset 0 0 0 .55rem #ffd84c5c;display:grid;min-height:32rem;overflow:visible;padding:1rem;place-items:center;position:relative;width:100%}.portrait-frame:after,.portrait-frame:before{background:#e95794;background:var(--berry);border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;content:"";height:2.6rem;opacity:.92;position:absolute;top:-1.2rem;width:7rem}.portrait-frame:before{left:1.4rem;transform:rotate(-8deg)}.portrait-frame:after{background:#83dff2;background:var(--sky);right:1.4rem;transform:rotate(7deg)}.portrait-frame img{animation:tinyBreath 2.4s ease-in-out infinite;display:block;filter:drop-shadow(.25rem .55rem 0 rgba(23,35,29,.16));height:31rem;max-width:100%;object-fit:contain;position:relative;z-index:2}.portrait-shadow{background:#17231d2e;border-radius:999px;bottom:-3.1rem;filter:blur(1px);height:1.2rem;position:absolute;transform:rotate(-2deg);width:56%;z-index:-1}.orbit-dot{border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;position:absolute;z-index:1}.dot-one{animation:bobOne 3.8s ease-in-out infinite;background:#ff6a57;background:var(--tomato);height:1.5rem;right:12%;top:22%;width:3.2rem}.dot-two{animation:bobTwo 4.4s ease-in-out infinite;background:#35d6aa;background:var(--mint);bottom:19%;height:1.1rem;left:10%;width:2.4rem}.dot-three{animation:bobOne 4.9s ease-in-out infinite reverse;background:#ffd84c;background:var(--yolk);bottom:14%;height:1.3rem;right:18%;width:1.3rem}.projects-scene{grid-gap:3rem;align-items:center;background:linear-gradient(135deg,#0c1612f0,#17231de6),repeating-linear-gradient(0deg,#fff9df0d 0 1px,#0000 1px 72px);color:#fbffef;color:var(--rice);display:grid;gap:3rem;grid-template-columns:minmax(18rem,.7fr) minmax(26rem,1.3fr)}.board-copy{max-width:30rem}.board-copy .eyebrow:before{background:#83dff2;background:var(--sky);box-shadow:.3rem .2rem 0 #e95794;box-shadow:.3rem .2rem 0 var(--berry)}.board-copy h2{color:#ffd84c;color:var(--yolk);font-family:Gill Sans,Trebuchet MS,Microsoft YaHei,sans-serif;font-size:4.8rem;line-height:.95;margin:0}.board-copy p{color:#fbffefd1;font-size:1.1rem;line-height:1.8;margin:1.2rem 0 0}.project-board{align-items:center;display:grid;min-height:39rem;position:relative}.project-board:before{background:linear-gradient(90deg,#ffd84c73,#0000 22% 78%,#35d6aa66),repeating-linear-gradient(90deg,#fbffef1f 0 2px,#0000 2px 44px);border:2px solid #fbffef4d;border-radius:8px;content:"";inset:0;position:absolute;transform:rotate(1deg)}.project-hanger-rig{isolation:isolate;justify-items:center;overflow:visible}.project-ceiling-line{background:repeating-linear-gradient(105deg,#314d44 0 12px,#fbffef 12px 16px,#0c1612 16px 28px),#0c1612;background:repeating-linear-gradient(105deg,#314d44 0 12px,#fbffef 12px 16px,#0c1612 16px 28px),var(--deep-ink);border:3px solid #fbffef;border:3px solid var(--rice);border-radius:8px;box-shadow:0 .7rem 0 #0000002e;height:1rem;left:5%;position:absolute;right:5%;top:2rem;transform:rotate(1.6deg);z-index:2}.project-pendulum{animation:projectSwing 5.2s ease-in-out infinite;background:#0000;border:0;color:#17231d;color:var(--ink);cursor:pointer;display:grid;justify-items:center;margin-top:10rem;padding:0;position:relative;transform-origin:50% -8.8rem;width:min(35rem,86%);z-index:3}.project-pendulum.is-launched{animation:launchProjectTag 1.22s cubic-bezier(.18,.82,.24,1) both}.project-pendulum:disabled{cursor:default}.project-pendulum:not(:disabled):hover{animation-duration:3.2s}.project-rope{background:repeating-linear-gradient(28deg,#6b4a2e 0 7px,#a87745 7px 14px);border-left:1px solid #fbffef5c;border-radius:999px;border-right:1px solid #0000004d;height:10.7rem;top:-10.1rem;width:.58rem}.project-rope,.project-rope span{left:50%;position:absolute;transform:translateX(-50%)}.project-rope span{background:#83dff2;background:var(--sky);border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;bottom:-.7rem;height:1.2rem;width:1.2rem}.project-tag{background:linear-gradient(180deg,#fbffeffa,#fff9dff0),#fbffef;background:linear-gradient(180deg,#fbffeffa,#fff9dff0),var(--rice);border:3px solid #17231d;border:3px solid var(--ink);border-radius:8px;box-shadow:1rem 1rem 0 #00000040,inset 0 0 0 .5rem #35d6aa2e;display:grid;min-height:23.5rem;padding:3.4rem 2.1rem 2rem;position:relative;text-align:left;width:100%}.project-tag:after,.project-tag:before{background:#ffd84c;background:var(--yolk);border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;content:"";height:2.3rem;position:absolute;top:-1.1rem;width:6.7rem}.project-tag:before{left:1.2rem;transform:rotate(-7deg)}.project-tag:after{background:#e95794;background:var(--berry);right:1.2rem;transform:rotate(8deg)}.switch-hint{background:#0c1612;background:var(--deep-ink);color:#fbffef;color:var(--rice);line-height:1;padding:.55rem .78rem;position:absolute;right:1.4rem;top:1.2rem;transform:rotate(3deg)}.project-count,.switch-hint{border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;font-size:.86rem;font-weight:900;justify-self:start}.project-count{background:#83dff2;background:var(--sky);margin-bottom:1rem;padding:.45rem .7rem}.project-status{color:#ff6a57;color:var(--tomato);font-size:.9rem;font-weight:900;margin-bottom:.7rem}.project-title{color:#17231d;color:var(--ink);font-family:Gill Sans,Trebuchet MS,Microsoft YaHei,sans-serif;font-size:3.5rem;font-weight:900;line-height:.95;margin-bottom:1rem;overflow-wrap:anywhere}.project-description{color:#17231dd1;font-size:1rem;font-weight:700;line-height:1.75}.project-shadow{background:#fbffef38;border-radius:999px;bottom:-2.5rem;filter:blur(1px);height:1.05rem;position:absolute;transform:rotate(2deg);width:58%;z-index:-1}.project-link{align-items:center;background:#35d6aa;background:var(--mint);border:2px solid #17231d;border:2px solid var(--ink);border-radius:8px;box-shadow:.28rem .28rem 0 #fbffef;box-shadow:.28rem .28rem 0 var(--rice);color:#17231d;color:var(--ink);display:inline-flex;font-weight:900;justify-content:center;margin-top:1.3rem;min-height:3rem;padding:.72rem 1.05rem;position:relative;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease;z-index:4}.project-link:hover{box-shadow:.12rem .12rem 0 #fbffef;box-shadow:.12rem .12rem 0 var(--rice);transform:translate(.16rem,.16rem) rotate(1deg)}.project-spark{border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;position:absolute;z-index:2}.spark-one{animation:bobOne 4.3s ease-in-out infinite;background:#ffd84c;background:var(--yolk);height:1.2rem;left:13%;top:25%;width:2.7rem}.spark-two{animation:bobTwo 4.7s ease-in-out infinite;background:#ff6a57;background:var(--tomato);bottom:21%;height:1.2rem;right:12%;width:1.2rem}.spark-three{animation:bobOne 5s ease-in-out infinite reverse;background:#83dff2;background:var(--sky);bottom:14%;height:1rem;left:18%;width:2.2rem}.decorative-field{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.bubble,.grain,.steam{position:absolute}.grain{background:#fbffef;background:var(--rice);border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;height:1rem;width:2.8rem}.grain-one{animation:grainDrift 8s linear infinite;left:7%;top:16%}.grain-two{animation:grainDrift 9.5s linear infinite reverse;right:12%;top:12%}.grain-three{animation:grainDrift 10s linear infinite;bottom:11%;left:24%}.grain-four{animation:grainDrift 11s linear infinite reverse;bottom:18%;right:30%}.bubble{border:2px solid #17231d;border:2px solid var(--ink);border-radius:999px;height:1.3rem;width:1.3rem}.bubble-one{animation:bubbleLift 5s ease-in-out infinite;background:#83dff2;background:var(--sky);left:48%;top:19%}.bubble-two{animation:bubbleLift 6.2s ease-in-out .7s infinite;background:#e95794;background:var(--berry);right:5%;top:46%}.bubble-three{animation:bubbleLift 7s ease-in-out .3s infinite;background:#ffd84c;background:var(--yolk);bottom:9%;left:5%}.steam{border:3px solid #0000;border-left-color:#17231d57;border-radius:50%;height:8rem;width:3.8rem}.steam-one{animation:steamWiggle 6.4s ease-in-out infinite;left:37%;top:7%}.steam-two{animation:steamWiggle 7.4s ease-in-out .9s infinite;right:22%;top:6%}.steam-three{animation:steamWiggle 7s ease-in-out .5s infinite;bottom:2%;right:10%}@keyframes pendulumSwing{0%,to{transform:rotate(-4.5deg) translateY(0)}50%{transform:rotate(4.5deg) translateY(.55rem)}}@keyframes projectSwing{0%,to{transform:rotate(3.8deg) translateY(0)}50%{transform:rotate(-3.8deg) translateY(.5rem)}}@keyframes cueWiggle{0%,to{transform:rotate(-4deg) translate(0)}50%{transform:rotate(5deg) translate(.25rem,-.35rem)}}@keyframes arrowSway{0%,to{transform:rotate(7deg) translateX(0)}50%{transform:rotate(12deg) translateX(.35rem)}}@keyframes launchProjectTag{0%{transform:rotate(3deg) translateY(0) scale(1)}28%{transform:rotate(-28deg) translateY(-124vh) scale(.92)}54%{transform:rotate(23deg) translateY(-82vh) scale(.96)}76%{transform:rotate(-10deg) translateY(1.1rem) scale(1.03)}to{transform:rotate(0deg) translateY(0) scale(1)}}@keyframes launchPortrait{0%{transform:rotate(-4deg) translateY(0) scale(1)}30%{transform:rotate(30deg) translateY(-118vh) scale(.9)}56%{transform:rotate(-24deg) translateY(-74vh) scale(.96)}76%{transform:rotate(9deg) translateY(1.1rem) scale(1.03)}to{transform:rotate(0deg) translateY(0) scale(1)}}@keyframes tinyBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.35rem) scale(1.015)}}@keyframes bobOne{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(.7rem,-.65rem) rotate(9deg)}}@keyframes bobTwo{0%,to{transform:translate(0) rotate(-7deg)}50%{transform:translate(-.8rem,.75rem) rotate(7deg)}}@keyframes noteFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-.45rem)}}@keyframes grainDrift{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-1.6rem) rotate(8deg)}}@keyframes bubbleLift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.4rem) scale(1.12)}}@keyframes steamWiggle{0%,to{opacity:.34;transform:translateY(0) rotate(10deg)}50%{opacity:.62;transform:translateY(-1.8rem) rotate(-8deg)}}@media (max-width:920px){.scene{padding:3rem 5vw}.home-scene,.projects-scene{align-content:center;grid-template-columns:1fr}h1{font-size:4.4rem}.board-copy h2{font-size:3.6rem}.hanger-rig{min-height:36rem}.portrait-pendulum{width:min(29rem,84vw)}.try-me-cue{left:0;top:4.7rem;width:min(12.5rem,34vw)}.portrait-frame{min-height:28rem}.portrait-frame img{height:27rem}.project-board{min-height:34rem}.project-pendulum{margin-top:8.5rem;width:min(32rem,88vw)}.project-tag{min-height:21.5rem}}@media (max-width:560px){.scene{padding:2rem 1.1rem}h1{font-size:3.1rem}.slogan{font-size:1.45rem}.board-copy p,.intro{font-size:1rem}.action-row,.social-links{align-items:stretch;flex-direction:column}.primary-action,.secondary-action,.social-link{width:100%}.hanger-rig{min-height:31rem}.ceiling-line{left:2%;right:2%;top:.8rem}.rope{height:11rem;top:-10.3rem}.portrait-frame{min-height:23rem}.portrait-frame img{height:22rem}.try-me-cue{left:.4rem;top:3.5rem;width:9.8rem}.try-me-cue span{font-size:.82rem;padding:.52rem .62rem}.board-copy h2{font-size:2.8rem}.project-board{min-height:29rem}.project-ceiling-line{left:2%;right:2%;top:.8rem}.project-pendulum{margin-top:7rem;width:min(100%,24rem)}.project-rope{height:8.7rem;top:-8.1rem}.project-tag{min-height:19rem;padding:3.1rem 1.25rem 1.45rem}.switch-hint{font-size:.78rem;right:.9rem;top:.95rem}.project-title{font-size:2.45rem}.project-description{font-size:.94rem;line-height:1.62}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
/*# sourceMappingURL=main.7fd2552d.css.map*/