@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#e9e9e5;--muted:#a0a19e;--black:#090a0d;--lime:#d9ff57;--orange:#ff6b45;--line:#e9e9e529;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.shell{width:min(1240px,100% - 64px);margin:auto}.noise{opacity:.045;z-index:20;pointer-events:none;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:10;justify-content:space-between;align-items:center;height:90px;display:flex;position:relative}.brand{letter-spacing:-2px;font:700 20px DM Mono}.brand span{color:var(--lime)}.navlinks{gap:32px;display:flex}.navlinks button,.text-btn{letter-spacing:.04em;font-size:12px;font-weight:700}.navlinks button{color:#b9bab7;transition:color .2s}.navlinks button:hover{color:var(--lime)}.nav-cta{background:var(--lime);color:#111;border-radius:99px;align-items:center;gap:12px;padding:13px 18px;font-size:12px;font-weight:800;display:flex}.nav svg,.primary svg,.email svg,.about a svg,.project button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px}.menu{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:670px;padding:55px 0 74px;display:grid;position:relative}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#bdbeb9;margin:0;font:500 10px DM Mono}.status-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #d9ff571f}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.07em;margin:27px 0 26px;font-size:clamp(58px,6.4vw,96px);font-weight:700;line-height:.93}.hero h1 em,h2 em,.big-copy em{letter-spacing:-.06em;font-family:Playfair Display;font-weight:500}.intro{max-width:390px;color:var(--muted);font-size:14px;line-height:1.75}.hero-actions{align-items:center;gap:25px;margin-top:35px;display:flex}.primary{background:var(--ink);color:#111;border-radius:99px;align-items:center;gap:14px;padding:15px 20px;font-size:12px;font-weight:800;display:flex}.primary svg{width:17px}.text-btn{color:var(--muted)}.text-btn span{color:var(--lime);margin-left:6px;font-size:17px}.portrait-stage{perspective:800px;justify-content:center;align-items:center;height:515px;display:flex;position:relative}.sun{filter:blur(2px);opacity:.58;width:390px;height:390px;transform:translate(calc(var(--mx)*-8px),calc(var(--my)*-8px));background:radial-gradient(circle,#e4f887 0,#b7d967 18%,#57723c 48%,#0000 70%);border-radius:50%;position:absolute}.portrait-card{width:258px;height:358px;transform:rotateY(calc(var(--mx)*-5deg)) rotateX(calc(var(--my)*4deg));border:1px solid #ffffff8c;border-radius:140px 140px 22px 22px;transition:transform .15s;position:relative;overflow:hidden;box-shadow:18px 25px 70px #00000080}.portrait-card img{object-fit:cover;object-position:center top;filter:contrast(1.05)saturate(.85);width:100%;height:100%}.portrait-shine{mix-blend-mode:overlay;background:linear-gradient(115deg,#ffffff59,#0000 22% 70%,#ffffff24);position:absolute;inset:0}.ring{border:1px solid #d9ff57a6;border-radius:50%;position:absolute;transform:rotateX(72deg)rotate(-18deg)}.ring-one{width:500px;height:135px}.ring-two{border-color:#fff6;width:365px;height:100px;transform:rotateX(72deg)rotate(67deg)}.orbit-tag{z-index:2;background:#1a1b1e;border:1px solid #ffffff2b;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font:500 10px DM Mono;display:flex;position:absolute;box-shadow:0 10px 30px #0006}.orbit-tag svg{width:14px;fill:var(--lime)}.tag-one{animation:5s ease-in-out infinite float;top:17%;right:3%}.tag-two{animation:5s ease-in-out 1s infinite float;bottom:22%;left:5%}.code-mark{color:var(--orange);font-weight:700}.vertical-text{letter-spacing:.2em;writing-mode:vertical-rl;color:#a7a7a2;font:10px DM Mono;position:absolute;bottom:10%;right:1%}.hero-foot{border-top:1px solid var(--line);letter-spacing:.1em;color:#81827f;gap:60px;padding-top:15px;font:9px DM Mono;display:flex;position:absolute;bottom:14px;left:0;right:0}.hero-foot p{margin:0;line-height:1.6}.hero-foot strong{color:var(--ink);font-weight:500}.scroll-cue{align-items:center;gap:12px;margin-left:auto;display:flex}.scroll-cue i{background:linear-gradient(90deg,var(--lime) 30%,var(--line) 30%);width:76px;height:1px}.marquee{border-block:1px solid var(--line);color:var(--lime);white-space:nowrap;padding:15px 0;overflow:hidden}.marquee div{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:37px;font:500 12px DM Mono;animation:22s linear infinite marquee;display:inline-flex}.marquee b{color:var(--orange);font-size:19px}.work{padding:125px 0}.section-head{grid-template-columns:1fr 1.2fr .72fr;align-items:end;margin-bottom:64px;display:grid}.section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,72px);line-height:.98}.section-head>p:last-child{color:var(--muted);margin:0 0 3px;font-size:13px;line-height:1.7}.projects{gap:74px;display:grid}.project{grid-template-columns:1.3fr .7fr;align-items:end;gap:25px;display:grid}.project:nth-child(2n){grid-template-columns:.7fr 1.3fr}.project:nth-child(2n) .project-art{order:2}.project-art{border-radius:4px;height:430px;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.project:hover .project-art{transform:translateY(-8px)rotate(-.5deg)}.project-info{padding:0 18px}.project-type{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font:10px DM Mono}.project h3{letter-spacing:-.055em;margin:8px 0 30px;font-size:32px}.project-caption{color:var(--muted);max-width:290px;font-size:13px;line-height:1.75}.tags{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:26px;padding-top:14px;display:flex}.tags span{border:1px solid var(--line);color:#babbba;border-radius:99px;padding:5px 8px;font:9px DM Mono}.tags button{background:var(--ink);color:#111;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.tags button svg{width:15px}.amazon .project-art{color:#161718;background:#f4f0e8;padding:30px}.amazon-top{letter-spacing:-.08em;font-size:28px;font-weight:800}.amazon-top span{letter-spacing:.08em;margin-left:3px;font-size:11px;display:block}.amazon-top i{background:#ff9c00;border-radius:9px;width:80px;height:4px;position:absolute;top:62px;left:30px}.amazon-search{border:3px solid #1f2730;border-radius:3px;width:70%;height:26px;margin-top:65px}.product-boxes{background:linear-gradient(#e7eff7,#c8d8e6);align-items:end;gap:15px;height:55%;padding:34px;display:flex;position:absolute;bottom:0;left:0;right:0}.product-boxes b{letter-spacing:-.08em;font-size:25px;line-height:.86}.product-boxes i{background:linear-gradient(140deg,#ff9c00,#ffda75);width:100px;height:150px;display:block;box-shadow:8px 8px #d38100}.product-boxes i:last-child{background:linear-gradient(140deg,#202a3c,#61769a);height:110px;box-shadow:8px 8px #172130}.spotify .project-art{color:#111;background:#d5ff57;padding:35px}.disc{background:repeating-radial-gradient(#111 0 2px,#242424 3px 6px);border-radius:50%;width:265px;height:265px;animation:13s linear infinite spin;position:absolute;top:10%;right:10%;box-shadow:0 16px 25px #0005}.disc i{background:#d5ff57;border:5px solid #111;border-radius:50%;position:absolute;inset:42%}.music-name{letter-spacing:-.09em;font-size:45px;font-weight:800;line-height:.82;position:absolute;bottom:70px;left:35px}.music-name em{font-family:Playfair Display;font-weight:500}.equalizer{letter-spacing:9px;font-size:24px;position:absolute;bottom:29px}.portfolio .project-art{background:#ff6b45;padding:35px}.mini-orbit{letter-spacing:-.12em;place-items:center;font-size:64px;font-weight:800;display:grid;position:absolute;inset:0}.mini-orbit:before,.mini-orbit:after{content:"";border:1px solid #171717;border-radius:50%;width:78%;height:30%;position:absolute;transform:rotate(-20deg)}.mini-orbit:after{width:58%;height:44%;transform:rotate(65deg)}.mini-orbit span{z-index:1}.mini-orbit i{background:var(--lime);z-index:0;border-radius:50%;width:35%;height:35%;position:absolute}.mini-orbit b{font-size:34px;position:absolute;top:18%;right:20%}.mini-orbit em{letter-spacing:.12em;font:10px DM Mono;position:absolute;bottom:22px;left:35px}.art-no{opacity:.6;font:11px DM Mono;position:absolute;bottom:22px;right:22px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;padding:110px 0 130px;display:grid}.about-index{color:var(--lime);font:11px DM Mono}.about-index span{color:#a3a49f}.big-copy{letter-spacing:-.06em;max-width:830px;font-size:clamp(32px,4.1vw,60px);line-height:1.1}.about-bottom{grid-template-columns:1fr 1fr;gap:100px;margin-top:55px;display:grid}.about-bottom p{color:var(--muted);max-width:330px;font-size:13px;line-height:1.8}.about a{border-bottom:1px solid var(--ink);justify-content:space-between;align-self:start;padding-bottom:9px;font-size:13px;text-decoration:none;display:flex}.about a svg{width:19px}.toolkit{border-top:1px solid var(--line);padding:115px 0}.toolkit .section-head{grid-template-columns:1fr 1fr}.skills{border-top:1px solid var(--line)}.skill{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr 1fr 40px;align-items:center;min-height:105px;transition:padding .3s,background .3s;display:grid}.skill:hover{background:#151619;padding:0 18px}.skill span{color:var(--lime);font:10px DM Mono}.skill h3{letter-spacing:-.05em;margin:0;font-size:24px}.skill p{color:var(--muted);margin:0;font-size:12px}.skill b{font-size:24px;font-weight:400}.footer{color:#111;background:#d9ff57;padding:105px 0 25px;position:relative;overflow:hidden}.footer-glow{filter:blur();opacity:.9;background:#ff865c;border-radius:50%;width:800px;height:800px;position:absolute;top:-300px;right:-150px}.footer .shell{position:relative}.footer .eyebrow{color:#28331a}.footer h2{letter-spacing:-.075em;margin:28px 0 42px;font-size:clamp(46px,6vw,85px);line-height:.96}.email{letter-spacing:-.04em;border-top:1px solid #19200f;border-bottom:1px solid #19200f;justify-content:space-between;padding:18px 0;font-size:clamp(18px,2.6vw,35px);text-decoration:none;display:flex}.email svg{width:25px}.footer-bottom{letter-spacing:.08em;align-items:center;gap:40px;margin-top:80px;font:10px DM Mono;display:flex}.footer-bottom div{gap:18px;margin-left:auto;display:flex}.footer-bottom a{text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-11px)}}@keyframes marquee{to{transform:translate(-45%)}}@media (width<=760px){.shell{width:calc(100% - 36px)}.nav{height:75px}.nav-cta{display:none}.menu{flex-direction:column;gap:6px;display:flex}.menu i{background:#fff;width:24px;height:1px}.navlinks{background:#1b1c1e;flex-direction:column;min-width:150px;padding:20px;display:none;position:absolute;top:67px;right:0}.navlinks.open{display:flex}.hero{min-height:auto;padding-top:65px;display:block}.hero h1{font-size:57px}.portrait-stage{height:430px;margin-top:35px}.portrait-card{width:222px;height:308px}.sun{width:330px;height:330px}.ring-one{width:390px}.tag-one{right:0}.tag-two{left:0}.vertical-text{display:none}.hero-foot{gap:20px;margin-top:28px;position:relative;bottom:auto}.scroll-cue{display:none}.section-head{margin-bottom:40px;display:block}.section-head h2{margin:19px 0}.section-head>p:last-child{max-width:380px}.work{padding:90px 0}.projects{gap:55px}.project,.project:nth-child(2n){flex-direction:column;align-items:stretch;gap:18px;display:flex}.project:nth-child(2n) .project-art{order:0}.project-art{height:330px}.project-info{padding:0}.project h3{margin-bottom:17px}.spotify .disc{width:205px;height:205px}.music-name{font-size:35px}.about{padding:80px 0;display:block}.about-index{margin-bottom:30px}.about-bottom{margin-top:32px;display:block}.about-bottom a{margin-top:25px}.toolkit{padding:80px 0}.skill{grid-template-columns:45px 1fr 25px;min-height:0;padding:20px 0}.skill p{display:none}.footer{padding-top:80px}.footer-bottom{flex-wrap:wrap;gap:13px;margin-top:50px}.footer-bottom div{flex-basis:100%;margin-left:0}}.project-art{background:#141518;border:1px solid #ffffff1f;height:330px}.project-art img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block}.project:hover .project-art img{transform:scale(1.035)}.phone{color:#1d2512;letter-spacing:.06em;border-bottom:1px solid #1d2512;margin-top:17px;padding-bottom:4px;font:11px DM Mono,monospace;text-decoration:none;display:inline-block}@media (width<=760px){.project-art{height:230px}}