*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#111;font-family:"DM Sans",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:10}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:#ff5a36;z-index:100}.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(244,243,239,.86);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid rgba(17,17,17,.08)}.brand{font:700 25px "Space Grotesk";color:#111;text-decoration:none;letter-spacing:-1px}.brand span{color:#ff5a36}.nav nav{display:flex;gap:30px}.nav nav a{font-size:13px;font-weight:600;color:#333;text-decoration:none}.nav nav a:hover{color:#ff5a36}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:100vh;padding:140px 7vw 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#555;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:#ff5a36;display:inline-block}.hero h1,.section h2,.contact h2{font-family:"Space Grotesk";font-size:clamp(48px,6.7vw,94px);line-height:.95;letter-spacing:-4px;margin:22px 0 28px}.hero h1 em,.section h2 span,.contact h2 em{font-style:normal;color:#ff5a36}.hero-text{max-width:650px;font-size:18px;color:#4b4b4b}.hero-actions{display:flex;gap:12px;margin:32px 0 45px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 21px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;transition:.25s}.btn.primary{background:#111;color:white}.btn.primary:hover{background:#ff5a36;transform:translateY(-2px)}.btn.ghost{border:1px solid #bbb;color:#111}.btn.ghost:hover{border-color:#111}.btn.light{background:white;color:#111}.hero-meta{display:flex;gap:38px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font:700 22px "Space Grotesk"}.hero-meta span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px}.hero-visual{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}.photo-frame{width:min(420px,80%);aspect-ratio:4/5;position:relative;z-index:2;border-radius:220px 220px 24px 24px;overflow:hidden;background:#171717;border:12px solid #111;box-shadow:28px 28px 0 #ff5a36}.photo-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}.photo-tag{position:absolute;bottom:20px;left:20px;background:#f4f3ef;color:#111;padding:8px 12px;font-size:10px;letter-spacing:1.3px;font-weight:700}.orb{position:absolute;border-radius:50%;z-index:1}.orb-a{width:260px;height:260px;background:#f6b43c;right:0;top:30px;opacity:.9}.orb-b{width:120px;height:120px;background:#ff5a36;left:2%;bottom:70px}.floating-card{position:absolute;z-index:3;bottom:20px;right:0;background:#fff;padding:15px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);border-radius:12px}.floating-card small{display:block;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:1px}.floating-card strong{font-size:13px}.status-dot{width:9px;height:9px;background:#42b883;border-radius:50%}.marquee{overflow:hidden;background:#111;color:#fff;padding:17px 0;font:600 12px "Space Grotesk";letter-spacing:1.8px;white-space:nowrap}.marquee div{animation:marquee 28s linear infinite}.marquee b{color:#ff5a36;margin:0 25px}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:125px 7vw}.section-label{font-size:11px;letter-spacing:2px;color:#777;text-transform:uppercase;margin-bottom:60px}.about{background:#e9e7e1}.about-grid,.services-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw}.section h2{font-size:clamp(46px,5vw,72px);margin:0}.about-copy{max-width:700px}.lead{font-size:25px;line-height:1.35;margin-top:0}.about-copy p:not(.lead){color:#555}.quote{margin-top:38px;padding:25px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;font:600 18px "Space Grotesk";color:#222}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.section-heading h2{margin:0}.section-heading p{max-width:340px;color:#666}.timeline{border-top:1px solid #ccc}.job{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:35px 0;border-bottom:1px solid #ccc}.job.current{background:#eeece6;margin:0 -20px;padding:35px 20px;border-left:3px solid #ff5a36}.job-year{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#777}.company{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#ff5a36;font-weight:700;margin:0 0 7px}.job h3,.project h3,.service h3,.education-card h3{font:600 25px "Space Grotesk";margin:0 0 12px;letter-spacing:-.6px}.job p:not(.company){color:#555;max-width:800px;margin:0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chips span,.skill-cloud span{border:1px solid #ccc;border-radius:999px;padding:6px 10px;font-size:10px;color:#555}.projects{background:#171717;color:#fff}.projects .section-label{color:#aaa}.projects .section-heading p{color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#555}.project{background:#171717;min-height:320px;padding:38px;position:relative;border:1px solid #333;transition:.25s}.project:hover{background:#202020;transform:translateY(-3px)}.project.featured{background:#ff5a36;color:#111}.project.featured .project-type{color:#111}.project.featured p{color:#262626}.project-number{font:600 12px "Space Grotesk";color:#999}.featured .project-number{color:#333}.project-type{font-size:10px;letter-spacing:1.7px;color:#ff8a70;margin:65px 0 10px}.project h3{font-size:31px}.project p{max-width:480px;color:#aaa}.project-arrow{position:absolute;right:32px;bottom:30px;font-size:25px}.services{background:#e9e7e1}.service-list{border-top:1px solid #bbb}.service{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #bbb}.service>b{font:600 12px "Space Grotesk";color:#ff5a36}.service h3{font-size:22px}.service p{color:#666;margin:0}.skill-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:70px}.skill-cloud span{border-color:#aaa;background:#f4f3ef}.education{padding-top:80px;padding-bottom:110px}.education-card{border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:30px 0;display:grid;grid-template-columns:240px 1fr;gap:40px}.edu-year{font-size:11px;letter-spacing:1.4px;color:#777;font-weight:700}.education-card h3{margin:0;font-size:24px}.contact{background:#ff5a36;color:#111;padding:125px 7vw}.contact-inner{max-width:850px}.contact .eyebrow{color:#333}.contact h2{margin:20px 0;font-size:clamp(55px,8vw,110px)}.contact p:not(.eyebrow){font-size:18px;max-width:600px}.contact-actions{display:flex;gap:12px;margin-top:30px}footer{padding:25px 7vw;background:#111;color:#aaa;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.5px}@media(max-width:800px){.nav{height:65px;padding:0 6vw}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#f4f3ef;padding:20px 6vw 25px;flex-direction:column;gap:18px;border-bottom:1px solid #ccc}.nav nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:115px 6vw 70px}.hero h1{font-size:56px;letter-spacing:-3px}.hero-visual{min-height:500px}.photo-frame{width:70%}.floating-card{right:3%}.section{padding:85px 6vw}.about-grid,.services-grid{grid-template-columns:1fr;gap:45px}.section-heading{display:block}.section-heading p{margin-top:25px}.job{grid-template-columns:1fr;gap:12px}.project-grid{grid-template-columns:1fr}.project{min-height:290px}.education-card{grid-template-columns:1fr;gap:10px}.contact{padding:90px 6vw}footer{padding:22px 6vw;flex-direction:column;gap:8px}.hero-meta{gap:22px}}@media(max-width:480px){.hero h1{font-size:48px}.hero-text{font-size:16px}.hero-meta strong{font-size:18px}.hero-meta span{font-size:9px}.photo-frame{width:78%}.hero-visual{min-height:430px}.floating-card{font-size:11px;padding:12px}.project{padding:28px}.contact-actions{flex-direction:column;align-items:flex-start}}