:root{--bg:#f1f0eb;--ink:#17191a;--muted:#71736f;--line:#d7d6d0;--acid:#c9f36a;--violet:#a999ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;z-index:10;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{width:420px;height:420px;position:fixed;top:-210px;left:-210px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(201,243,106,.19),transparent 65%);z-index:0;transition:transform .14s ease-out}header,footer{padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:88px;position:relative;z-index:1}.brand{font:500 12px 'DM Mono',monospace;letter-spacing:.7px;text-decoration:none;color:var(--ink)}.brand span{font-size:17px;color:#809c35;margin-right:6px}nav{display:flex;gap:32px;margin-left:120px}nav a,.availability,footer span{font-size:12px;color:var(--ink);text-decoration:none}.availability{border:1px solid var(--line);border-radius:30px;padding:8px 13px}.availability i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81ad24;margin:0 7px 1px 0;box-shadow:0 0 0 3px #dcecbc}.hero{min-height:calc(100vh - 88px);position:relative;padding:25px 5.5vw 42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-top,.section-heading>p,.section-heading>span,.about-label,.principles>p{font:10px 'DM Mono',monospace;letter-spacing:.7px;text-transform:uppercase}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-copy{position:relative;z-index:1;margin:8vh 0 7vh}.kicker{font:500 11px/1.45 'DM Mono',monospace;letter-spacing:.4px;color:#688124;margin:0 0 25px}.hero h1{font:500 clamp(54px,8.45vw,126px)/.89 'DM Sans',sans-serif;letter-spacing:-6px;margin:0;max-width:1000px}.hero h1 em,.section-heading h2 em,.about-copy em,.principle h3 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:16px;line-height:1.55;max-width:350px;margin:35px 0 0 44%;color:#555854}.reveal{opacity:0;transform:translateY(20px);animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards}.kicker{animation-delay:.05s}.hero h1{animation-delay:.13s}.intro{animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:none}}.hero-orbit{width:425px;height:425px;position:absolute;right:3%;bottom:8%;border-radius:50%;z-index:0}.hero-orbit>span{position:absolute;left:48%;top:45%;font-size:35px;color:#30322d}.orbit{position:absolute;border:1px solid #d1d0c9;border-radius:50%;inset:0;animation:spin 20s linear infinite}.orbit-b{inset:58px;border-style:dashed;animation-direction:reverse;animation-duration:15s}.orb{width:17px;height:17px;background:var(--violet);border-radius:50%;position:absolute;top:30px;left:63px;box-shadow:0 0 40px 12px rgba(169,153,238,.4);animation:breathe 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.4);box-shadow:0 0 50px 18px rgba(169,153,238,.5)}}.scroll-prompt{font:10px 'DM Mono',monospace;letter-spacing:.7px;color:var(--ink);text-decoration:none;position:relative;z-index:1}.scroll-prompt b{font-size:19px;font-weight:400;margin-left:10px}.work-section{padding:140px 5.5vw 115px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2.5fr auto;gap:20px;align-items:start;margin-bottom:66px}.section-heading>p,.section-heading>span{margin:10px 0;color:var(--muted)}.section-heading h2{font-size:clamp(37px,4.2vw,64px);font-weight:500;letter-spacing:-3px;line-height:.98;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{color:var(--ink);text-decoration:none}.project:first-child{grid-column:span 2}.project-art{height:420px;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project:hover .project-art{transform:scale(.98)}.project-lume .project-art{height:520px;background:#e1daff;display:grid;place-items:center}.lume-card{width:245px;height:370px;border-radius:17px;padding:26px;background:#22202b;color:white;display:flex;flex-direction:column;position:relative;z-index:1;box-shadow:25px 32px 45px rgba(62,51,130,.25);transform:rotate(-8deg);transition:transform .5s ease}.project:hover .lume-card{transform:rotate(-3deg) translateY(-8px)}.lume-card span,.arc-ui span{font:10px 'DM Mono',monospace;letter-spacing:2px}.lume-card i{display:block;width:35px;height:35px;border-radius:50%;background:var(--acid);margin:55px 0 19px}.lume-card b{font-size:25px;line-height:1.04;letter-spacing:-1px}.lume-card small{font:9px 'DM Mono',monospace;margin-top:auto;color:#c2c0cc}.lume-disc{position:absolute;width:330px;height:330px;border-radius:50%;right:13%;top:16%;background:linear-gradient(145deg,#96d9fc,#8272dd 50%,#f6b5e3);mix-blend-mode:multiply}.project-arc .project-art{background:#dce9de}.arc-ui{height:275px;width:72%;position:absolute;background:#1f2525;left:11%;top:17%;color:#eff1e9;padding:22px;border-radius:5px;box-shadow:22px 23px 0 #8ac1a2}.arc-ui strong{display:block;font:500 46px 'DM Sans';letter-spacing:-3px;margin-top:35px}.arc-ui strong small{font:11px 'DM Mono',monospace;letter-spacing:1px}.arc-chart{height:50px;display:flex;align-items:end;gap:5px;margin-top:18px}.arc-chart i{background:#b9e968;width:100%;display:block}.arc-chart i:nth-child(1){height:30%}.arc-chart i:nth-child(2){height:55%}.arc-chart i:nth-child(3){height:43%}.arc-chart i:nth-child(4){height:85%}.arc-chart i:nth-child(5){height:70%}.arc-chart i:nth-child(6){height:95%}.arc-chart i:nth-child(7){height:78%}.arc-chart i:nth-child(8){height:100%}.arc-ui p{font-size:11px;color:#b9e968}.arc-ui p small{color:#bfc7c2}.arc-shape{position:absolute;width:120px;height:120px;border:18px solid #8adbb2;border-radius:50%;right:7%;bottom:8%}.project-flora .project-art{background:#ded3c1}.flora-phone{height:350px;width:205px;background:#f1eee4;border-radius:26px;position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) rotate(5deg);padding:25px;z-index:1;box-shadow:20px 22px 0 #a2a06a;transition:transform .5s ease}.project:hover .flora-phone{transform:translate(-50%,-53%) rotate(1deg)}.flora-phone span{font:500 15px Georgia,serif}.flora-blob{width:134px;height:120px;background:#88b183;border-radius:65% 35% 64% 36%;margin:30px auto 15px}.flora-phone p{font-size:16px;line-height:1.1}.flora-phone small{font:9px 'DM Mono',monospace}.flora-shadow{width:200px;height:200px;background:#eced93;border-radius:50%;position:absolute;right:8%;top:11%;filter:blur(3px)}.project-info{display:flex;align-items:flex-start;gap:25px;padding:17px 3px 0}.project-info>span{font:10px 'DM Mono',monospace;color:var(--muted);padding-top:5px}.project-info h3{font-size:17px;margin:0}.project-info p{font-size:13px;margin:4px 0;color:var(--muted)}.project-info>b{margin-left:auto;font-size:23px;font-weight:400;transition:transform .25s}.project:hover .project-info>b{transform:translate(4px,-4px)}.about-section{background:#1f2221;color:#eeeee8;padding:120px 10vw;display:grid;grid-template-columns:1fr 2fr;gap:80px}.about-label{color:#a7a9a3}.about-copy>p{font-size:clamp(28px,3.4vw,51px);line-height:1.08;letter-spacing:-2px;margin:0}.about-copy>p em{color:var(--acid)}.about-bottom{margin-top:70px;display:flex;justify-content:space-between;align-items:end;gap:30px}.about-bottom span{font-size:14px;line-height:1.55;color:#b8bab4;max-width:335px}.line-link{font-size:14px;color:var(--acid);text-decoration:none;border-bottom:1px solid #687741;padding-bottom:7px}.line-link b{font-size:20px;margin-left:20px}.principles{padding:120px 10vw}.principles>p{color:var(--muted);margin:0 0 80px}.principle{display:grid;grid-template-columns:14% 1fr 27%;padding:30px 0;border-top:1px solid var(--line);gap:20px}.principle>span{font:10px 'DM Mono',monospace;color:var(--muted);padding-top:9px}.principle h3{font-size:32px;line-height:1.02;letter-spacing:-1.5px;margin:0}.principle p{font-size:13px;color:var(--muted);line-height:1.5}.contact{min-height:620px;background:var(--violet);padding:95px 8vw;position:relative}.spark{font-size:34px}.contact>p{font:10px 'DM Mono',monospace;letter-spacing:.7px;text-transform:uppercase;margin:75px 0 15px}.contact h2{font-size:clamp(45px,6.4vw,89px);line-height:.92;letter-spacing:-5px;margin:0}.email{font:500 18px 'DM Mono',monospace;color:var(--ink);text-decoration:none;display:inline-block;margin-top:45px;border-bottom:1px solid #6259a1;padding-bottom:12px}.email span{font-size:27px;margin-left:17px}.socials{position:absolute;right:8vw;bottom:55px;display:flex;gap:23px}.socials a{font:12px 'DM Mono',monospace;color:var(--ink);text-decoration:none}footer{border-bottom:0;height:74px}footer span{color:var(--muted)}#theme-toggle{border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}body.dark{--bg:#171919;--ink:#edede6;--muted:#a0a29d;--line:#343735}body.dark .project-lume .project-art{background:#514c70}body.dark .project-arc .project-art{background:#385142}body.dark .project-flora .project-art{background:#564f40}@media(max-width:760px){header{height:72px;padding:0 24px}header nav,.availability{display:none}.hero{padding:22px 24px 33px;min-height:620px}.hero h1{font-size:54px;letter-spacing:-3.8px}.hero-copy{margin:80px 0}.intro{margin:29px 0 0;font-size:15px}.hero-orbit{width:270px;height:270px;right:-70px;bottom:90px}.work-section{padding:80px 24px}.section-heading{display:block;margin-bottom:45px}.section-heading h2{margin:19px 0}.section-heading>span{display:none}.project-grid{display:block}.project{display:block;margin-bottom:44px}.project:first-child .project-art{height:350px}.project-art{height:300px!important}.lume-card{transform:scale(.75) rotate(-8deg)}.lume-disc{width:210px;height:210px;right:4%}.about-section{padding:72px 24px;display:block}.about-copy{margin-top:49px}.about-bottom{margin-top:45px;display:block}.about-bottom .line-link{display:inline-block;margin-top:30px}.principles{padding:72px 24px}.principles>p{margin-bottom:48px}.principle{grid-template-columns:38px 1fr;gap:12px}.principle p{grid-column:2;margin:0}.principle h3{font-size:27px}.contact{min-height:550px;padding:65px 24px}.contact>p{margin-top:60px}.contact h2{letter-spacing:-3px}.socials{position:static;margin-top:65px;gap:15px;flex-wrap:wrap}footer{padding:0 24px}footer span{display:none}}
