:root{--black:#111016;--lilac:#b99aed;--lilac-light:#d9c9ff;--lilac-dark:#8f75c9;--paper:#f7f3ff;--muted:#777180}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Outfit,sans-serif}.page-shell{max-width:1240px;margin:auto;padding:0 44px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d0e5}.brand{display:flex;gap:12px;align-items:center;color:var(--black);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--black);color:var(--paper);border-radius:50%;font-size:17px}.status,.project-count,.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.status,.eyebrow,.project-count{color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lilac-dark)}.hero{min-height:525px;display:flex;align-items:center;justify-content:space-between}.hero-copy{padding:55px 0 65px}.eyebrow{margin:0 0 24px}.spark{color:var(--lilac-dark);font-size:18px;margin-right:7px}h1{font-size:clamp(57px,8vw,103px);letter-spacing:-.08em;line-height:.87;margin:0;font-weight:800}h1 span{color:var(--lilac-dark);text-shadow:4px 4px 0 var(--lilac-light)}h1 i{color:var(--lilac);font-size:37px;font-style:normal;vertical-align:top;margin-left:12px}.intro{max-width:390px;font-size:18px;line-height:1.45;margin:34px 0 29px;color:var(--muted)}.scroll-link{color:var(--black);text-decoration:none;font:500 12px 'DM Mono',monospace;text-transform:uppercase}.scroll-link span{font-size:19px;margin-left:10px}.hero-art{width:375px;height:330px;position:relative;margin-right:40px}.sun{position:absolute;width:190px;height:190px;border-radius:50%;background:var(--lilac-light);top:38px;left:94px}.orbit{position:absolute;border:1px solid #aaa0bd;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:145px;top:65px;left:0}.orbit-two{width:310px;height:110px;top:102px;left:40px;transform:rotate(35deg)}.planet{position:absolute;border-radius:50%}.planet-pink{width:38px;height:38px;background:var(--lilac-dark);top:40px;right:20px}.planet-blue{width:21px;height:21px;background:var(--black);bottom:47px;left:39px}.orbit-label{position:absolute;right:-22px;bottom:45px;font:500 10px 'DM Mono',monospace;line-height:1.6;text-transform:uppercase;transform:rotate(-12deg)}.projects-section{padding:27px 0 85px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading .eyebrow{margin:0 0 9px}.section-heading h2{font-size:28px;letter-spacing:-.04em;margin:0}.project-count{margin:0}.project-count span{font-size:19px;margin-left:10px}.project-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:245px 245px;gap:17px}.project-card{position:relative;overflow:hidden;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;padding:21px 22px;color:var(--black);text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #29232b18}.featured{grid-row:span 2;background:var(--lilac-light)}.notebook-card{background:var(--lilac-light)}.garden-card{background:var(--lilac-light)}.playlist-card{background:var(--lilac-light)}.card-top,.card-bottom{position:relative;z-index:2}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font:500 10px 'DM Mono',monospace;text-transform:uppercase}.arrow{font-size:23px}.card-bottom h3{margin:0;font-size:24px;letter-spacing:-.05em}.card-bottom p{margin:5px 0 0;font:11px 'DM Mono',monospace}.game-illustration{position:absolute;inset:62px 0 69px}.pixel-cloud{position:absolute;width:57px;height:16px;background:var(--paper);border-radius:20px;top:35px;left:41px}.cloud-one:before,.cloud-two:before{content:'';position:absolute;width:26px;height:26px;border-radius:50%;background:var(--paper);top:-12px;left:14px}.cloud-two{top:101px;left:auto;right:42px;transform:scale(.7)}.pixel-star{position:absolute;right:56px;top:25px;color:var(--lilac-light);font-size:31px}.pixel-hero{position:absolute;left:50%;top:73px;display:grid;place-items:center;width:48px;height:48px;border-radius:14px 14px 9px 9px;background:var(--lilac-dark);color:var(--black);font-size:28px;border:4px solid var(--black);box-shadow:0 0 0 5px var(--lilac-light);transform:translateX(-50%)}.ground{position:absolute;bottom:0;left:16%;width:68%;height:5px;background:var(--black);border-radius:4px}.notebook-art,.garden-art,.playlist-art{position:absolute;inset:54px 0 60px}.notebook-art{background:var(--lilac-dark);transform:rotate(-6deg) scale(1.05);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:23px;line-height:1.05}.notebook-art em{color:var(--lilac-light);font-style:normal}.notebook-art b{position:absolute;right:18%;bottom:11%;font-size:31px}.notebook-lines{position:absolute;inset:19px 22px;border-top:1px solid #7962af;border-bottom:1px solid #7962af}.garden-art{background:#8f75c9}.flower{position:absolute;left:50%;top:38%;font-size:75px;color:var(--lilac-light);transform:translate(-50%,-50%)}.stem{position:absolute;left:50%;top:46%;height:90px;width:5px;background:var(--black);transform:rotate(8deg)}.leaf{position:absolute;width:48px;height:25px;border-radius:100% 0;background:var(--lilac-light)}.leaf-a{left:29%;top:57%;transform:rotate(-20deg)}.leaf-b{right:24%;top:70%;transform:rotate(48deg)}.playlist-art{display:grid;place-items:center;background:#8f75c9}.disc{width:118px;height:118px;border-radius:50%;background:var(--black);border:15px solid var(--lilac-light);box-shadow:inset 0 0 0 16px var(--black)}.music-note{position:absolute;left:26%;top:20%;font-size:32px;color:var(--lilac-light)}.note-two{left:auto;right:22%;top:auto;bottom:3%;color:var(--black)}footer{border-top:1px solid #d8d0e5;padding:25px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase}.footer-symbol{color:var(--lilac-dark);font-size:18px}@media(max-width:760px){.page-shell{padding:0 20px}.topbar{height:74px}.status{display:none}.hero{min-height:auto;display:block}.hero-copy{padding:65px 0 25px}.hero-art{width:100%;height:260px;margin:0 auto}.sun{left:50%;transform:translateX(-50%);top:24px}.orbit-one{width:100%;left:0}.orbit-two{width:84%;left:8%}.projects-section{padding-top:20px}.section-heading{display:block}.project-count{margin-top:17px}.project-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,285px)}.featured{grid-row:auto}footer{gap:10px;flex-wrap:wrap}}