@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&family=Patrick+Hand&display=swap";:root{font-family:Inter,sans-serif;color:#fff;background:#f0440b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange: #f0440b;--orange-dark: #a82405;--yellow: #ffb51b;--black: #11100f;--white: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--orange);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit}main{width:100%;overflow:hidden}.hero{position:relative;min-height:100vh;height:100vh;overflow:hidden;background:radial-gradient(circle at 56% 53%,#ffd229,#ffb20f,#ff7a08 30%,#f0440b 57%,#bd2707)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 20%,transparent 70%,rgba(60,10,0,.2) 100%);z-index:1}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:80px 80px;z-index:0}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.18}.orb-one{width:360px;height:360px;left:38%;top:35%;background:#ffd83d}.orb-two{width:280px;height:280px;right:5%;bottom:2%;background:#ff7b19}.nav{position:absolute;z-index:50;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;padding:0 6.7vw;color:#fff}.brand{display:flex;align-items:center;gap:17px;font-size:15px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;line-height:1}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:42px}.nav-links a{font-size:12px;font-weight:700;letter-spacing:.08em;transition:opacity .2s ease}.nav-links a:hover{opacity:.65}.talk{margin-left:auto;display:flex;align-items:center;gap:16px;padding:14px 23px;border-radius:999px;background:#11100f;font-size:11px;font-weight:800;letter-spacing:.08em;transition:transform .2s ease,background .2s ease}.talk:hover{transform:translateY(-2px);background:#000}.menu{display:none;border:0;background:transparent;color:#fff;cursor:pointer}.hero-copy{position:absolute;z-index:10;left:6.7vw;top:14.4vh;width:540px}.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:11px 19px;border:1px solid rgba(255,255,255,.6);border-radius:999px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.2em;white-space:nowrap}.eyebrow span{opacity:.7}.hero h1{margin:28px 0 0;font-size:clamp(90px,9.1vw,150px);line-height:.74;letter-spacing:-.075em;font-weight:900}.hero h1 span{display:block;color:#fff}.hero h1 strong{display:block;color:#11100f;font-weight:900;text-shadow:0 7px 0 rgba(0,0,0,.13)}.script-label{position:absolute;left:380px;top:278px;white-space:nowrap;font-family:Patrick Hand,cursive;font-size:38px;line-height:1;color:#fff;transform:rotate(-2deg)}.hero-rule{width:440px;height:1px;margin-top:51px;background:#ffffff7a}.hero-kicker{margin:18px 0 0;font-size:16px;line-height:1.7;font-weight:800;letter-spacing:.18em}.hero-desc{width:550px;margin:4px 0 0;font-size:15px;line-height:1.7;font-weight:400}.actions{display:flex;align-items:center;gap:12px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:178px;padding:15px 20px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button.dark{background:#11100f;color:#fff}.button.light{border:1px solid rgba(255,255,255,.65);color:#fff}.socials{display:flex;align-items:center;gap:11px;margin-top:25px}.socials a{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:11px;font-weight:700;transition:transform .2s ease,background .2s ease}.socials a:hover{transform:translateY(-2px);background:#ffffff1f}.tool-backdrop{position:absolute;z-index:12;left:42%;right:1%;top:4%;bottom:2%;width:auto;height:auto;pointer-events:none;overflow:visible}.mac-stage{position:relative;width:100%;height:100%;max-width:820px;margin:0 auto}.macbook{position:absolute;left:50%;top:52%;width:min(34vw,620px);min-width:420px;transform:translate(-50%,-50%);z-index:2}.macbook-inner{position:relative;width:100%;transform:perspective(1400px) rotateX(18deg) rotateY(-28deg) rotate(4deg);transform-style:preserve-3d}.macbook-lid{position:relative;transform-origin:bottom center;transform-style:preserve-3d;z-index:2;animation:lid-open 1.1s cubic-bezier(.22,1,.36,1) .1s forwards;transform:rotateX(-70deg)}@keyframes lid-open{0%{transform:rotateX(-75deg)}to{transform:rotateX(-8deg)}}.macbook-lid-chrome{background:linear-gradient(180deg,#4a4a50,#3a3a40 35%,#2c2c32);border-radius:14px 14px 2px 2px;padding:10px 10px 8px;box-shadow:0 1px #ffffff1f inset,0 -1px #00000059 inset,0 22px 50px #00000073}.macbook-bezel{position:relative;border-radius:6px;overflow:hidden;background:#0a0a0c}.macbook-camera{position:absolute;top:7px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#1a1a1e;box-shadow:0 0 0 2px #0a0a0c;z-index:3}.macbook-display{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0a080c}.macbook-glow{position:absolute;left:0;right:0;top:-15%;height:60%;background:radial-gradient(ellipse at 50% 100%,rgba(255,120,30,.35),transparent 65%);pointer-events:none;z-index:3;opacity:0;animation:glow-on .6s ease 1s forwards}@keyframes glow-on{to{opacity:1}}.screen-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,rgba(255,100,20,.4),transparent 55%),#120c10}.screen-face img{position:absolute;left:52%;top:-8%;width:145%;max-width:none;height:auto;transform:translate(-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center 8%;object-position:center 8%;filter:saturate(1.08) contrast(1.06)}.screen-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,rgba(8,6,10,.82) 0%,rgba(8,6,10,.35) 42%,transparent 65%);z-index:1;pointer-events:none}.screen-overlay{position:absolute;left:6%;top:12%;bottom:12%;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:10%;max-width:48%;pointer-events:none}.screen-brand{font-family:DM Mono,monospace;font-size:clamp(7px,.85vw,10px);font-weight:600;letter-spacing:.2em;color:#ffffffb3}.screen-headline{margin:0;font-size:clamp(14px,1.9vw,26px);font-weight:900;line-height:.92;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.45)}.screen-headline em{font-style:normal;color:#ff6b1e}.macbook-hinge{height:5px;margin:0 1%;background:linear-gradient(180deg,#3a3a40,#25252a)}.macbook-base{transform-origin:top center;transform:rotateX(3deg);z-index:1}.macbook-deck{background:linear-gradient(180deg,#3e3e44,#2e2e34 40%,#242428);border-radius:0 0 12px 12px;padding:14px 18px 16px;box-shadow:0 1px #ffffff14 inset,0 16px 40px #0006;clip-path:polygon(1.5% 0%,98.5% 0%,100% 100%,0% 100%)}.macbook-keys{height:48px;border-radius:5px;background:repeating-linear-gradient(90deg,#2a2a30,#2a2a30 11px,#1e1e24 11px,#1e1e24 13px);background-color:#28282e;box-shadow:0 2px 4px #0000004d inset}.macbook-pad{width:30%;height:30px;margin:11px auto 0;border-radius:5px;background:linear-gradient(180deg,#34343a,#2a2a30);box-shadow:0 0 0 1px #00000059}.macbook-shadow{position:absolute;left:5%;right:0;bottom:-20px;height:40px;background:#00000080;filter:blur(28px);border-radius:50%;z-index:-1;transform:rotate(-6deg) scaleX(1.15)}.macbook:after{content:"";position:absolute;left:10%;right:-5%;bottom:-8%;height:35%;background:radial-gradient(ellipse at 50% 50%,rgba(255,160,40,.45),transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none}.logo-orbit{position:absolute;left:50%;top:48%;width:0;height:0;z-index:14;--orbit-r: 380px}.logo-orbit-ring{position:absolute;left:0;top:0;width:calc(var(--orbit-r) * 2);height:calc(var(--orbit-r) * 2);margin-left:calc(var(--orbit-r) * -1);margin-top:calc(var(--orbit-r) * -1);border-radius:50%;border:2px solid rgba(255,200,60,.55);box-shadow:0 0 28px #ffaa2873,0 0 70px #ff781447;pointer-events:none;opacity:0;animation:ring-in .9s ease 1.15s forwards}@keyframes ring-in{to{opacity:1}}.logo-orbit-slot{position:absolute;left:0;top:0;width:0;height:0;opacity:0;animation:slot-appear .01s linear forwards}@keyframes slot-appear{to{opacity:1}}.logo-orbit-slot .logo-piece{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(var(--angle) * -1)) scale(.2);animation:logo-pop .95s cubic-bezier(.16,1,.3,1) forwards,logo-spin 20s linear infinite;animation-delay:inherit,2.3s}@keyframes logo-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotate(calc(var(--angle) * -1)) scale(.15)}to{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1)) rotate(calc(var(--angle) * -1)) scale(1)}}@keyframes logo-spin{0%{transform:rotate(var(--angle)) translateY(calc(var(--orbit-r) * -1)) rotate(calc(var(--angle) * -1)) scale(1)}to{transform:rotate(calc(var(--angle) + 360deg)) translateY(calc(var(--orbit-r) * -1)) rotate(calc((var(--angle) + 360deg) * -1)) scale(1)}}.logo-tile{width:64px;height:64px;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px #0006,0 1px #ffffff1f inset;flex-shrink:0}.logo-tile-img{width:64px;height:64px;border-radius:15px;-o-object-fit:contain;object-fit:contain;background:transparent;box-shadow:0 12px 28px #0006}.logo-mark{font-size:14px;font-weight:800;letter-spacing:-.03em;line-height:1}.logo-caption{display:block;font-size:10px;font-weight:700;letter-spacing:.02em;color:#fffffff2;text-shadow:0 1px 8px rgba(0,0,0,.7);white-space:nowrap;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.character-wrap{position:absolute;z-index:8;left:28%;right:auto;bottom:-2px;width:min(50vw,660px);height:99vh;pointer-events:none;perspective:1000px}.character-stage{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.character-figure{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:112%;aspect-ratio:941 / 1672;z-index:2}.character-head{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 32%;will-change:transform}.character{display:block;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.character-eyes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.character-glow{position:absolute;width:85%;height:55%;left:7.5%;bottom:4%;border-radius:50%;background:#ffc11f40;filter:blur(70px);z-index:0}.hero-side-note,.character-caption,.scroll-cue{display:none!important}.scroll-cue{position:absolute;z-index:20;left:37%;bottom:17px;display:flex;align-items:center;gap:13px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl;color:#ffffffe6}.intro-strip,.work,.experience,.skills,.contact{position:relative;width:100%}.section-label{font-family:DM Mono,monospace;font-size:14px;font-weight:600;letter-spacing:.16em;opacity:.85}.intro-strip{display:grid;grid-template-columns:.35fr 1fr;gap:70px;padding:150px 8vw;background:#151310}.intro-strip h2{max-width:900px;margin:0;font-size:clamp(46px,6vw,90px);line-height:.96;letter-spacing:-.055em}.intro-strip h2 em{color:#ff6b21;font-style:normal}.intro-strip p{max-width:680px;margin:45px 0 0;font-size:17px;line-height:1.8;color:#ffffffb3}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:32px;font-size:11px;font-weight:800;letter-spacing:.08em}.work{padding:140px 7vw;background:#f1ede7;color:#11100f}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.section-head h2{margin:25px 0 0;font-size:clamp(50px,6vw,100px);line-height:.92;letter-spacing:-.06em}.section-head h2 span{color:#e84b12}.section-head>p{max-width:420px;margin:0;font-size:15px;line-height:1.7;color:#11100fa6}.filters{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:80px;padding-bottom:22px;border-bottom:1px solid rgba(17,16,15,.18)}.filter{border:0;background:transparent;padding:0;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:#11100f66;transition:color .2s ease}.filter:hover{color:#11100fbf}.filter.active{color:#11100f;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}.project{min-height:580px;padding:25px;position:relative;overflow:hidden;border-radius:4px;color:#fff;display:block;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.project:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0000002e}.project.sunset{background:radial-gradient(circle at 50% 45%,#ffcb2e,#ef6715 55%,#9d2108)}.project.charcoal{background:#191817}.project.red{background:#d82f17}.project.blue{background:#254b83}.project-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:DM Mono,monospace;font-size:10px;position:relative;z-index:3}.project-year{margin-left:auto;opacity:.65;letter-spacing:.08em}.project-art{position:absolute;top:70px;right:30px;bottom:140px;left:30px;display:flex;align-items:center;justify-content:center}.project-client{position:relative;z-index:2;font-size:clamp(38px,5vw,80px);font-weight:900;letter-spacing:-.06em;transition:transform .4s cubic-bezier(.22,1,.36,1)}.project:hover .project-client{transform:scale(1.04)}.project-shape{position:absolute;width:280px;height:280px;border-radius:50%;background:#ffffff1a;filter:blur(2px);transition:transform .5s cubic-bezier(.22,1,.36,1)}.project:hover .project-shape{transform:scale(1.15)}.project-meta{position:absolute;left:25px;right:25px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:3}.project-meta h3{margin:0 0 8px;font-size:19px;line-height:1.25}.project-desc{margin:0;font-size:13px;line-height:1.5;font-weight:400;opacity:.75;max-width:280px}.project-tag{margin:0;font-family:DM Mono,monospace;font-size:9px;opacity:.7;text-align:right;white-space:nowrap}.project-empty{margin:48px 0 0;font-size:14px;opacity:.55}.experience{padding:150px 8vw;background:#11100f}.experience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-top:70px}.experience h2{margin:0;font-size:clamp(50px,6vw,100px);line-height:.94;letter-spacing:-.06em}.experience h2 span{color:#ff6a1c}.timeline{border-top:1px solid rgba(255,255,255,.18)}.timeline-row{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.18)}.timeline-row b{font-family:DM Mono,monospace;font-size:9px;opacity:.55}.timeline-row span{font-size:15px;line-height:1.5}.skills{padding:150px 8vw;background:radial-gradient(circle at 75% 40%,#ff7c20,#f0440b 48%,#bc2606)}.skills h2{margin:55px 0 70px;font-size:clamp(60px,8vw,125px);line-height:.87;letter-spacing:-.065em}.skills h2 span{color:#11100f}.skill-cloud{display:flex;flex-wrap:wrap;gap:12px}.skill-cloud span{padding:13px 19px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em}.contact{padding:150px 8vw 60px;background:#11100f}.contact-inner{width:100%;max-width:none;margin:0;text-align:left}.contact .section-label{margin:0}.contact h2{margin:28px 0 40px;font-size:clamp(52px,7vw,110px);line-height:.92;letter-spacing:-.055em;max-width:18ch}.contact h2 span{color:#ff6b1e}.contact-mail{display:inline-flex;align-items:center;gap:16px;font-size:clamp(20px,2.4vw,32px);font-weight:600}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:100px;padding-top:25px;border-top:1px solid rgba(255,255,255,.18);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;opacity:.65}@media (max-width: 1100px){.nav{padding:0 5vw}.hero-copy{left:5vw;width:48vw}.hero h1{font-size:10vw}.script-label{left:70%;top:255px}.hero-desc{width:90%}.character-wrap{left:38%;width:min(50vw,520px)}.tool-backdrop{left:42%}.logo-tile,.logo-tile-img{width:52px;height:52px}.logo-mark{font-size:12px}.scroll-cue{left:37%}}@media (max-width: 760px){.hero{min-height:900px;height:auto}.nav{height:75px;padding:0 22px}.brand{font-size:13px}.nav-links{display:none;position:absolute;top:75px;left:20px;right:20px;transform:none;flex-direction:column;align-items:flex-start;gap:22px;padding:25px;border-radius:15px;background:#11100ff2}.nav-links.open{display:flex}.talk{display:none}.menu{display:block;margin-left:auto}.hero-copy{position:relative;left:auto;top:auto;width:auto;padding:130px 24px 0}.eyebrow{font-size:8px}.hero h1{margin-top:25px;font-size:22vw}.script-label{position:relative;left:auto;top:auto;margin-top:30px;font-size:32px}.hero-rule{width:100%;margin-top:25px}.hero-kicker{font-size:13px}.hero-desc{width:100%;font-size:13px}.actions{flex-wrap:wrap}.button{min-width:155px}.character-wrap{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:620px;margin-top:10px}.character-figure{width:100%;left:50%;transform:translate(-50%)}.tool-backdrop,.hero-side-note,.scroll-cue,.character-caption{display:none}.intro-strip,.experience-grid,.section-head{grid-template-columns:1fr}.intro-strip,.work,.experience,.skills,.contact{padding:90px 24px}.section-head{gap:35px}.filters{overflow-x:auto;white-space:nowrap}.project-grid{grid-template-columns:1fr}.project{min-height:480px}.experience-grid{gap:60px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width: 480px){.hero{min-height:850px}.hero-copy{padding-left:20px;padding-right:20px}.hero h1{font-size:23vw}.actions{gap:8px}.button{min-width:145px;padding:14px 16px}.character-wrap{height:570px}.intro-strip h2,.section-head h2{font-size:48px}.timeline-row{grid-template-columns:75px 1fr;gap:15px}}