@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#19251f;--paper:#f4f2e9;--green:#d5f56b;--muted:#74796f;--line:#19251f2e;--purple:#dcd5fa;--orange:#ff8b65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.topbar{height:80px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font:11px 'DM Mono',monospace;letter-spacing:.09em}.brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--green);border-radius:50%;font:700 21px 'Space Grotesk'}.topbar nav{display:flex;align-items:center;gap:32px;font-size:12px}.topbar nav a:hover{opacity:.6}.pill{border:1px solid var(--ink);border-radius:30px;padding:11px 16px}#menuBtn{display:none}.hero{min-height:calc(100svh - 80px);padding:50px 9% 38px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.kicker,.eyebrow,.label,.index,.vertical,.cardtop,.hint,footer>span,footer>a:last-child{font:10px 'DM Mono',monospace;letter-spacing:.08em}.kicker{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#7ba64b;box-shadow:0 0 0 4px #7ba64b20}.time{margin-left:auto;color:var(--muted)}.hero-main{position:relative;max-width:1000px;width:100%;margin:50px auto}.eyebrow{color:var(--muted);margin-bottom:20px}h1{font:600 clamp(5.5rem,14vw,13rem)/.78 'Space Grotesk';letter-spacing:-.095em;margin:0;position:relative;z-index:2}h1 em{font-weight:400;letter-spacing:-.11em}.period{color:#8ea63e}.orbit{position:absolute;right:7%;top:5%;width:min(30vw,330px);aspect-ratio:1;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.ring{position:absolute;border:1px solid #19251f3b;border-radius:50%;width:100%;height:100%;transform:rotate(-25deg) scaleY(.58)}.r2{width:75%;height:125%;transform:rotate(42deg) scaleY(.7);border-style:dashed}.core{width:37%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--green);font:700 6rem 'Space Grotesk';letter-spacing:-.12em;box-shadow:0 14px 35px #19251f15}.core span{color:#8ea63e}.orbit i,.orbit small{position:absolute;font-style:normal;font-size:2rem;animation:spin 18s linear infinite}.orbit i{right:6%;top:9%;color:#8ea63e}.orbit small{left:7%;bottom:14%}.hero-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px}.hero-foot>p{max-width:340px;line-height:1.7;font-size:14px;margin:0}.down{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.25s}.down:hover{background:var(--green);transform:translateY(4px)}.index{text-align:right;line-height:2}.index small{color:var(--muted);font-size:9px}.vertical{position:absolute;right:2%;top:42%;writing-mode:vertical-rl;color:var(--muted);font-size:9px}.section{padding:105px 9%;border-top:1px solid var(--line)}.label{color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:6%}h2{font:500 clamp(3rem,6.5vw,6.3rem)/1.02 'Space Grotesk';letter-spacing:-.07em;margin:0}h2 em{font-weight:400;color:#879d43}.intro-foot{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-top:45px}.intro-foot p{max-width:420px;font-size:14px;line-height:1.8;color:#555d53;margin:0}.intro-foot span{white-space:nowrap;font:10px 'DM Mono';letter-spacing:.08em}.projects{background:#e9e8de}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:45px 0}.heading p{max-width:220px;font-size:13px;line-height:1.7;color:#5e665b;margin:0 0 7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:flex;flex-direction:column;padding:17px;border-radius:4px;transition:transform .3s}.card:hover{transform:translateY(-7px)}.lime{background:var(--green)}.lilac{background:var(--purple)}.orange{background:var(--orange)}.cardtop{display:flex;justify-content:space-between;font-size:9px}.art{height:230px;display:grid;place-items:center;position:relative;overflow:hidden}.orbitart:before,.orbitart:after{content:'';position:absolute;width:155px;height:155px;border:1px solid var(--ink);border-radius:50%}.orbitart:after{width:190px;height:95px;transform:rotate(-35deg)}.orbitart i{font-size:68px;font-style:normal;animation:spin 25s linear infinite}.typeart{font:600 3rem/.83 'Space Grotesk';letter-spacing:-.08em;transform:none}.typeart em{color:#7b6ab5}.sunart:before{content:'';position:absolute;width:210px;height:210px;border:1px solid var(--ink);transform:rotate(45deg)}.sunart i{width:115px;height:115px;border-radius:50%;background:var(--ink);color:var(--orange);display:grid;place-items:center;font:4rem 'Space Grotesk';font-style:normal;z-index:1}.cardbottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #19251f40;padding-top:14px}.cardbottom h3{font:500 19px 'Space Grotesk';margin:0 0 4px}.cardbottom p{font-size:11px;margin:0;color:#3d463c}.cardbottom>b{font-size:23px}.hint{margin:20px 0 0;color:var(--muted);font-size:9px;letter-spacing:.02em}.notesgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;margin-top:50px}.notelist{border-top:1px solid var(--line)}.notelist>div{display:grid;grid-template-columns:32px 1fr 20px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0;font-size:14px}.notelist small{font:10px 'DM Mono';color:var(--muted)}.notelist p{margin:0}.notelist span{font-size:20px;transition:transform .2s}.notelist>div:hover span{transform:translate(3px,-3px)}.contact{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;min-height:520px}.contact .label{color:#aab2a7}.contactbody{margin:60px 0 0 17%;position:relative;z-index:2}.contact .eyebrow{color:#aab2a7}.contact h2{font-size:clamp(3.4rem,8vw,8rem);margin-bottom:40px}.contact h2 em{color:var(--green)}.email{display:inline-block;padding-bottom:8px;border-bottom:1px solid #aab2a7;font-size:15px}.sticker{position:absolute;right:10%;top:30%;width:130px;height:130px;border-radius:50%;background:var(--green);color:var(--ink);display:grid;place-content:center;text-align:center;font:700 18px/.95 'Space Grotesk';transform:rotate(12deg);animation:float 6s ease-in-out infinite}.sticker span{font-size:28px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5.5%}footer>span{font-size:9px;color:var(--muted)}footer>span span{color:#8ea63e}footer>a:last-child{font-size:9px}@keyframes float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -13px;rotate:4deg}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{height:70px;padding:0 6%}#menuBtn{display:block;border:0;background:none;font:10px 'DM Mono';letter-spacing:.1em}.topbar nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}.topbar nav.open{display:flex}.hero{min-height:calc(90svh - 70px);padding:38px 6% 32px}.kicker{font-size:8px}.hero-main{margin:75px 0}.orbit{width:35vw;right:0;top:-38%;opacity:.8}.core{font-size:3rem}h1{font-size:clamp(5rem,21vw,9rem)}.hero-foot{grid-template-columns:1fr auto;gap:20px}.hero-foot>p{font-size:12px}.index{grid-column:1/-1;display:flex;justify-content:space-between}.vertical{display:none}.section{padding:75px 6%}.intro{grid-template-columns:1fr;gap:40px}.intro-foot{align-items:start;flex-direction:column;gap:22px}.heading{align-items:start;flex-direction:column;margin:35px 0}.cards{grid-template-columns:1fr}.art{height:220px}.notesgrid{grid-template-columns:1fr;gap:35px;margin-top:38px}.contact{min-height:510px}.contactbody{margin:70px 0 0}.contact h2{font-size:clamp(3.2rem,12vw,6rem)}.sticker{width:82px;height:82px;font-size:12px;right:6%;top:12%}.sticker span{font-size:20px}.email{font-size:12px}footer{padding:24px 6%;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}