:root{--bg:#050c12;--paper:#edf5f8;--muted:#9eafb9;--cyan:#62d8ee;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip{position:fixed;top:-100px;padding:15px;background:var(--cyan);color:var(--bg);z-index:20}.skip:focus{top:5px}header{height:105px;margin:0 3.6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:18px;font-size:15px;letter-spacing:4px;white-space:nowrap}.brand b{font-size:43px;font-style:italic;letter-spacing:-8px;margin-right:8px}nav{display:flex;gap:25px;color:var(--muted);font-size:14px}nav a{padding:12px 0}nav a:hover,nav a[aria-current]{color:white}.pill{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:20px 28px;border:1px solid #a4adb5;border-radius:100px;background:transparent;color:var(--paper);font-size:14px;transition:transform .25s,background .25s}.pill span{font-size:23px}.pill:hover{transform:translateY(-3px);background:#ffffff12}.primary{background:var(--cyan);border-color:var(--cyan);color:#04121b;font-weight:700}.primary:hover{background:#a1eafb}.top-cta{padding:16px 25px;font-size:13px}.menu{display:none}.hero{height:calc(100svh - 105px);min-height:760px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:0 3.6% 40px;background:radial-gradient(ellipse at 80% 40%,#103554 0%,#07121d 45%,var(--bg) 75%)}.hero-copy{position:relative;z-index:3;pointer-events:none;width:75%}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.8px;color:var(--cyan);font-weight:700;margin:0 0 35px;line-height:1.7}h1{font-size:clamp(66px,7.7vw,130px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0 0 35px}.lead{font-size:20px;line-height:1.7;color:var(--muted);margin:0 0 30px}.status{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:14px;margin:30px 0}.status i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.actions{display:flex;gap:18px}.photo-scene{position:absolute;right:-3%;width:56%;height:95%;top:4%;z-index:1;display:flex;align-items:center;justify-content:center;will-change:transform}.photo-scene img{width:95%;max-height:95%;object-fit:contain;clip-path:circle(48.5% at 50% 51%);transform:rotate(-7deg);position:relative;z-index:2}.giant-name{position:absolute;font-size:18vw;font-weight:700;letter-spacing:-.08em;top:9%;left:-7%;color:#73bce8;opacity:.23;transform:rotate(-10deg);text-shadow:0 0 70px #2388c3}.photo-caption{position:absolute;right:11%;bottom:8%;font-size:8px;letter-spacing:2px;z-index:3;transform:rotate(-7deg);color:var(--muted)}.light{position:absolute;right:4%;top:-10%;height:70%;width:50px;background:#2787cc;filter:blur(35px);opacity:.6;transform:rotate(15deg)}.scroll{position:absolute;bottom:24px;left:3.6%;font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;gap:25px;align-items:center}.scroll span{font-size:20px}.intro-section,.skills,.projects{padding:100px 6%}h2{font-size:clamp(36px,4.3vw,70px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin:0 0 30px}h1 span,h2 span{color:var(--muted)}p{line-height:1.8}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.link-grid>a{border-top:1px solid var(--line);padding:30px 0}.link-grid small{font-size:10px;letter-spacing:2px;color:var(--cyan)}h3{font-size:25px;letter-spacing:-.5px;font-weight:400}.link-grid>a>span{font-size:13px;color:var(--muted)}.link-grid>a:hover h3{color:var(--cyan)}footer{padding:30px 3.6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer>a:first-child{letter-spacing:3px;color:var(--paper)}.page-heading{padding:100px 6% 65px;background:radial-gradient(ellipse at right top,#113656,transparent 65%);border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(56px,7vw,110px)}.page-heading .lead{max-width:750px;font-size:18px}.profile-section{padding:80px 6% 110px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.profile-image img{width:100%;display:block;border-radius:50%;box-shadow:0 0 100px #1372a51c}.profile-section p{color:var(--muted);font-size:15px}.profile-section .eyebrow{color:var(--cyan)}.fact{padding:20px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.fact>span{font-size:11px;color:var(--muted)}.fact strong{font-weight:400;font-size:16px}.profile-section .pill{margin-top:20px}.skill{display:grid;grid-template-columns:.2fr 2fr .1fr;gap:30px;border-top:1px solid var(--line);padding:45px 0}.skill>span{color:var(--cyan);font-size:14px}.skill .eyebrow{font-size:9px;margin-bottom:15px}.skill h2{font-size:38px}.skill p{max-width:660px;color:var(--muted);font-size:15px}.skill small{color:var(--cyan);font-size:11px}.skill>b{font-size:30px;font-weight:400}.band{margin:0 6%;padding:60px 0 90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0}.notice{font-size:13px;color:var(--muted);border-left:2px solid var(--cyan);padding-left:18px;margin:0 0 35px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-visual{min-height:310px;position:relative;padding:25px;overflow:hidden;background:linear-gradient(140deg,#152936,#07131d);border:1px solid #ffffff16}.project-visual>span{font-size:9px;letter-spacing:2px;color:var(--cyan)}.project-visual strong{font-size:40px;line-height:1.05;font-weight:400;letter-spacing:-2px;position:relative;display:block;margin-top:75px;z-index:2}.project-visual>b{position:absolute;right:20px;bottom:15px;font-size:70px;color:color-mix(in srgb, var(--cyan) 33.33%, transparent)}.v2{background:linear-gradient(35deg,#15212d,#244960)}.v3{background:linear-gradient(160deg,#132330,#081018)}.project .eyebrow{font-size:8px;margin:25px 0 10px}.project h3{font-size:22px;margin:0 0 10px}.project>p:last-child{font-size:13px;color:var(--muted)}.contact-layout{padding:80px 6% 100px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-layout p{color:var(--muted)}.contact-layout .eyebrow{color:var(--cyan)}form{padding:35px;background:#0d1923;border:1px solid var(--line)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}input,textarea{display:block;background:#060e16;border:1px solid #42515d;color:white;width:100%;padding:13px 15px;margin-bottom:22px;border-radius:0}textarea{resize:vertical}form .pill{width:100%}.form-note,#form-status{font-size:11px;margin-bottom:0}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.hero-copy{width:70%}.hero{min-height:900px}}
@media(max-width:1150px){.top-cta{display:none}header nav{gap:20px}.hero{min-height:720px}.hero h1{font-size:8.7vw}.hero .lead{font-size:17px}.photo-scene{width:58%;right:-6%;top:12%;height:80%}.actions .pill{font-size:12px;padding:18px 22px;gap:25px}.project-visual strong{font-size:32px}.project-visual{min-height:280px}}
@media(max-width:760px){header{height:80px;margin:0 6%}.brand{font-size:11px;letter-spacing:2px;gap:12px}.brand b{font-size:32px}.menu{display:block;border:1px solid var(--line);border-radius:30px;padding:10px 16px;color:var(--paper);background:none;font-size:12px}nav{display:none;position:absolute;top:79px;left:-7%;right:-7%;background:#09141e;padding:25px 7%;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:auto;min-height:0;max-height:none;padding:55px 6% 75px;display:block}.hero-copy{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}.hero h1{font-size:clamp(53px,12vw,85px);margin-bottom:25px}.hero .lead{font-size:15px}.hero .lead br{display:none}.status{font-size:11px}.actions{flex-wrap:wrap;gap:10px}.actions .pill{padding:16px 20px;font-size:11px;gap:22px}.photo-scene{position:relative;width:110%;height:430px;right:auto;top:auto;margin:25px -5% 0}.giant-name{font-size:29vw;top:0;left:3%}.photo-scene img{height:100%;width:auto;max-width:100%;max-height:100%}.photo-caption{bottom:3%;right:10%;font-size:7px}.scroll{left:6%;bottom:22px;font-size:8px}.intro-section,.skills,.projects{padding:65px 6%}.link-grid,.project-grid{grid-template-columns:1fr;gap:20px}.link-grid{margin-top:40px}.link-grid>a{padding:25px 0}.link-grid h3{margin:18px 0}.page-heading{padding:65px 6% 35px}.page-heading h1{font-size:clamp(49px,10vw,75px)}.page-heading .lead{font-size:16px}.page-heading .lead br{display:none}.profile-section,.contact-layout{padding:60px 6%;grid-template-columns:1fr;gap:45px}.profile-image{max-width:420px;margin:auto}.profile-section h2{font-size:42px}.skill{grid-template-columns:22px 1fr;gap:18px;padding:30px 0}.skill h2{font-size:30px}.skill>b{display:none}.skill p{font-size:14px}.band{padding:45px 0 65px;display:block}.band h2{margin-bottom:30px}.project-visual{min-height:330px}.project-visual strong{font-size:44px}form{padding:25px}footer{padding:28px 6%;flex-wrap:wrap}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.photo-scene{transform:none!important}}