:root{--navy:#101a2b;--navy2:#18263a;--paper:#f5f4f0;--white:#fff;--ink:#17243a;--muted:#6f7885;--line:#dfe1df;--lime:#d2f46c;--blue:#829cf2;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--body)}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:700 13px var(--display);letter-spacing:-.03em}.brand-icon{height:34px;width:34px;border-radius:10px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:800}.brand-dot{color:var(--lime)}.nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#d4dbe5}.nav>a:not(.nav-cta):hover{color:var(--lime)}.nav-cta{background:var(--lime);color:var(--navy);padding:11px 15px;font-weight:700;border-radius:3px}.nav-cta span{padding-left:11px}.menu-toggle{display:none}.hero{min-height:670px;padding:83px 10.5% 80px;background:var(--navy);color:white;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff0c;border-radius:50%;right:-170px;top:-260px}.hero-content{position:relative;z-index:2;max-width:570px}.availability{display:flex;align-items:center;gap:9px;color:#aeb9c9;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:47px}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d2f46c20}.availability-line{width:23px;height:1px;background:#506075}.hero-kicker,.eyebrow{color:#a2adc0;font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}.hero h1{font:800 clamp(62px,8vw,102px)/.98 var(--display);letter-spacing:-.085em;margin:0}.hero h1 span{color:var(--lime)}.hero-lead{font:500 18px/1.55 var(--display);max-width:465px;margin:28px 0 11px;color:white}.hero-sub{max-width:455px;color:#aeb9c9;font-size:13px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;gap:23px;padding:13px 17px;font-size:11px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--lime);color:var(--navy)}.button-outline{border-color:#526076;color:white}.button-outline:hover{border-color:var(--lime)}.hero-location{margin-top:38px;font-size:11px;color:#8e9aae;display:flex;align-items:center;gap:8px}.location-mark{font-size:19px;color:var(--lime)}.hero-visual{height:460px;position:relative;display:grid;place-items:center}.visual-grid{position:absolute;inset:5%;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black 25%,transparent 72%)}.visual-ring{position:absolute;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-28deg)}.ring-large{width:440px;height:305px}.ring-small{width:350px;height:245px;transform:rotate(42deg)}.portrait-panel{height:355px;width:277px;position:relative;z-index:1;background:linear-gradient(145deg,#d3f479,#a7ca53);color:var(--navy);padding:24px;box-shadow:18px 20px 0 #ffffff0e;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(4deg)}.panel-label{font-size:8px;font-weight:800;letter-spacing:.17em}.portrait-monogram{font:800 116px/.9 var(--display);letter-spacing:-.1em;align-self:center}.portrait-monogram span{color:#7a92df}.panel-bottom{display:flex;justify-content:space-between;align-items:end;font-size:10px;line-height:1.6;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.panel-year{text-align:right;font-size:8px;color:#364a22}.floating-note{position:absolute;z-index:2;background:#fff;color:var(--navy);padding:13px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 35px #050a132a;font-size:9px;line-height:1.5;font-weight:700}.note-a{top:47px;right:-6px;transform:rotate(3deg)}.note-symbol{font-size:23px;color:#809a37}.note-b{bottom:42px;left:-7px;background:#23334a;color:white;transform:rotate(-4deg)}.note-number{font:700 22px var(--display);color:var(--lime)}.visual-caption{position:absolute;right:2px;bottom:0;color:#7e8ba0;font-size:8px;letter-spacing:.17em}.scroll{position:absolute;bottom:22px;left:7.5%;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.16em;color:#8491a4}.scroll span{width:27px;height:1px;background:var(--lime)}.section{padding:94px 10.5%}.section-top{display:flex;align-items:center;gap:13px;color:#8a929b;font-size:9px;letter-spacing:.17em;font-weight:700}.section-number{color:#8a9ce0;font:700 11px var(--display)}.section-line{height:1px;width:55px;background:#c8ccd0}.profile-grid{display:grid;grid-template-columns:1fr .85fr;gap:12%;margin-top:54px;align-items:start}.eyebrow{color:#8292ce;margin-bottom:14px}.profile h2,.skills h2,.journey h2,.projects h2,.contact h2{font:700 clamp(40px,5vw,61px)/1.12 var(--display);letter-spacing:-.065em;margin:0}.profile h2 em,.journey h2 em{font-style:normal;color:#7a91df}.profile-copy{font-size:13px;color:#657080;line-height:1.95}.profile-copy p{margin:0 0 15px}.profile-copy strong{color:var(--ink)}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.profile-tags span{border:1px solid #d9dce0;padding:7px 10px;font-size:9px;color:#536072}.skills,.projects{background:var(--navy);color:white}.section-top-light{color:#a0aec3}.section-top-light .section-number{color:var(--lime)}.section-top-light .section-line{background:#46546b}.skills-intro,.journey-heading,.projects-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:49px 0 42px}.skills h2,.projects h2{font-size:clamp(39px,5vw,59px)}.skills h2 em,.projects h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.section-description{max-width:315px;margin:0 0 4px;color:#aab5c4;font-size:12px;line-height:1.85}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.skill{padding:22px 22px 18px;min-height:250px;border:1px solid #ffffff24;position:relative;display:flex;flex-direction:column}.skill-count{font-size:8px;letter-spacing:.13em;color:#9ba8ba}.skill-symbol{position:absolute;right:19px;top:16px;color:var(--lime);font-size:25px}.skill h3{font:700 17px var(--display);letter-spacing:-.04em;margin:43px 0 9px}.skill p{font-size:11px;color:#acb7c5;line-height:1.8;margin:0 0 22px}.skill-foot{margin-top:auto;border-top:1px solid #ffffff21;padding-top:11px;display:flex;justify-content:space-between;color:var(--lime);font-size:8px;letter-spacing:.04em}.languages{margin-top:30px;padding:17px 0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;display:flex;align-items:center;gap:35px;color:#e0e5ed;font-size:11px}.language-label{color:#9ba8ba;font-size:8px;letter-spacing:.15em}.languages i{font-style:normal;color:#93a0b1;font-size:9px;padding-left:6px}.journey-heading{margin-bottom:43px}.journey h2{font-size:clamp(39px,5vw,59px)}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:135px 30px 1fr 30px;gap:14px;position:relative;padding:28px 5px 29px;border-bottom:1px solid var(--line)}.timeline-date{font-size:9px;font-weight:700;letter-spacing:.12em;color:#778294;padding-top:4px}.timeline-marker{height:9px;width:9px;border-radius:50%;background:#8599e3;margin-top:7px;box-shadow:0 0 0 5px #8599e322}.timeline-type{font-size:8px;color:#8495d5;letter-spacing:.14em;font-weight:700}.timeline-content h3{font:700 19px var(--display);letter-spacing:-.04em;margin:6px 0 2px}.timeline-place{font-size:10px!important;color:#778294!important;margin-bottom:8px!important}.timeline-content p{font-size:11px;line-height:1.75;color:#6b7685;margin:0;max-width:570px}.timeline-arrow{color:#8495d5;font-size:18px}.projects-head{margin-bottom:40px}.projects h2{font-size:clamp(40px,5vw,60px)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.project{background:#192940}.project-art{height:230px;position:relative;overflow:hidden;padding:18px}.art-one{background:#d3f46f;color:#203016}.art-two{background:#aab9f0;color:#18213d}.art-code{font-size:8px;font-weight:800;letter-spacing:.16em;position:relative;z-index:2}.art-orb{position:absolute;width:190px;height:190px;border-radius:50%;background:#f0a078;top:48px;left:27%;box-shadow:40px -14px 0 -15px #263550}.art-block{position:absolute;width:150px;height:142px;background:#263550;top:49px;left:50%;transform:rotate(35deg);mix-blend-mode:multiply}.art-word{position:absolute;bottom:15px;right:18px;font:800 20px/.95 var(--display);letter-spacing:-.05em;text-align:right}.art-arc{position:absolute;width:215px;height:170px;border:30px solid #f8c98e;border-radius:50%;top:63px;left:28%;transform:rotate(-35deg)}.art-square{position:absolute;width:105px;height:105px;background:#24324b;top:65px;left:48%;transform:rotate(18deg);mix-blend-mode:multiply}.project-info{padding:22px 23px 24px}.project-type{font-size:8px;color:var(--lime);letter-spacing:.13em;font-weight:700}.project-info h3{font:700 18px var(--display);margin:9px 0 5px}.project-info p{font-size:11px;color:#aab5c4;line-height:1.75;margin:0 0 17px}.project-more{display:flex;justify-content:space-between;border-top:1px solid #ffffff21;padding-top:11px;font-size:9px;color:#e6eaf0}.project-more span{color:var(--lime)}.contact{background:#18253a;color:white}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:center;margin-top:53px}.contact h2{font-size:clamp(40px,5vw,59px)}.contact-copy{max-width:410px;color:#abb7c7;font-size:12px;line-height:1.85;margin:19px 0 20px}.contact-location{font-size:10px;color:#e1e6ee}.contact-location span{color:var(--lime);font-size:18px;vertical-align:middle;padding-right:5px}.contact-card{padding:28px;background:#223149;border:1px solid #ffffff1a}.contact-card-label,.contact-detail>span{color:#9eacbd;font-size:8px;font-weight:700;letter-spacing:.16em}.contact-email{display:flex;align-items:end;justify-content:space-between;margin:18px 0 21px;font:700 clamp(19px,2.5vw,29px)/1.2 var(--display);letter-spacing:-.06em}.contact-email span{color:var(--lime);font-size:18px}.contact-divider{height:1px;background:#ffffff22;margin-bottom:17px}.contact-detail{margin-top:15px}.contact-detail>a{display:block;margin-top:5px;font-size:11px;color:white}.contact-detail p{margin:5px 0 0;font-size:10px;color:#adb8c6}.footer{min-height:75px;padding:17px 7.5%;background:#0b1320;color:#91a0b2;display:flex;align-items:center;justify-content:space-between;font-size:9px}.footer-brand{color:white}.footer-brand .brand-icon{background:var(--lime)}.back-top{color:#e8edf3}@media(max-width:900px){.header{padding:0 6%}.nav{gap:17px}.hero{padding-left:7%;padding-right:7%;grid-template-columns:1fr .85fr}.hero-visual{transform:scale(.87);margin:0 -24px}.section{padding:78px 7%}.profile-grid{gap:8%}.skill{padding:19px 16px}.footer{padding-left:6%;padding-right:6%}}@media(max-width:650px){.header{height:68px;padding:0 6%}.menu-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;color:white;font:600 11px var(--body)}.menu-toggle span{font-size:17px}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:15px 6% 22px;background:var(--navy);align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav>a{padding:13px 0}.nav .nav-cta{padding:12px 14px;margin-top:6px}.hero{padding:60px 7% 65px;grid-template-columns:1fr;gap:5px}.availability{font-size:8px;margin-bottom:34px}.hero h1{font-size:clamp(65px,17vw,90px)}.hero-lead{font-size:16px}.hero-sub{font-size:12px}.hero-visual{height:365px;transform:scale(.8);margin:-4px 0 -8px}.scroll{left:7%;bottom:17px;font-size:7px}.section{padding:68px 7%}.profile-grid,.contact-grid{grid-template-columns:1fr;gap:25px;margin-top:37px}.profile h2,.skills h2,.journey h2,.projects h2,.contact h2{font-size:clamp(39px,11vw,53px)}.skills-intro,.journey-heading,.projects-head{align-items:flex-start;flex-direction:column;gap:18px;margin:37px 0 30px}.section-description{font-size:11px}.skills-grid{grid-template-columns:1fr}.skill{min-height:214px}.skill h3{margin-top:34px}.languages{gap:12px;flex-wrap:wrap}.language-label{width:100%}.timeline-item{grid-template-columns:79px 18px 1fr 14px;gap:8px;padding:23px 0}.timeline-date{font-size:8px}.timeline-content h3{font-size:16px}.timeline-content p{font-size:10px}.project-grid{grid-template-columns:1fr}.project-art{height:205px}.contact-grid{gap:25px}.contact-card{padding:23px 19px}.contact-email{font-size:24px}.footer{padding:20px 7%;flex-wrap:wrap;gap:13px}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{min-height:100px;padding:17px 18px;display:grid;grid-template-columns:34px 1fr 20px;gap:12px;align-items:start;background:#192940;border:1px solid #ffffff12;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-3px);border-color:#d2f46c88}.service-card>span{font:700 10px var(--display);color:var(--lime);padding-top:2px}.service-card h3{font:700 13px var(--display);margin:0 0 4px;letter-spacing:-.02em}.service-card p{font-size:10px;color:#aab5c4;line-height:1.65;margin:0;max-width:390px}.service-card b{font-size:13px;font-weight:400;color:#a9b6c7;justify-self:end}
@media(max-width:650px){.service-grid{grid-template-columns:1fr;gap:8px}.service-card{padding:15px 14px;grid-template-columns:29px 1fr 15px}}
