:root{color-scheme:dark;--bg: #0b0d12;--surface: #11151c;--surface-raised: #151a23;--line: rgba(174, 192, 208, .13);--text: #edf2f7;--muted: #95a1b0;--subtle: #657180;--cyan: #70f2e2;--blue: #8c9eff;--violet: #bf9aff;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif;--display: "Space Grotesk", sans-serif;--content: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(143,166,185,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(143,166,185,.06) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{color:#071112;background:var(--cyan)}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 18px;transform:translateY(-150%);border-radius:6px;background:var(--cyan);color:#091111}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;z-index:60;inset:0 0 auto;height:2px;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet))}.site-header{position:fixed;z-index:50;inset:0 0 auto;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease}.site-header.is-scrolled{border-color:var(--line);background:#0b0d12d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(var(--content),calc(100% - 64px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{color:var(--text);font:700 19px/1 var(--display);letter-spacing:-.1em}.brand-mark span{color:var(--cyan)}.brand-name{color:#c8d0d8;font:500 13px/1 var(--sans);letter-spacing:-.02em}.primary-navigation{display:flex;align-items:center;gap:clamp(15px,2.25vw,31px)}.primary-navigation a,.header-cta{color:var(--muted);font:500 13px/1.3 var(--sans);transition:color .2s ease}.primary-navigation a:hover,.primary-navigation a[aria-current=location],.header-cta:hover{color:var(--cyan)}.header-cta{color:var(--text);padding:12px 15px;border:1px solid var(--line);border-radius:4px}.header-cta span{margin-left:8px;color:var(--cyan)}.menu-toggle{display:none}.hero{position:relative;min-height:790px;min-height:min(900px,100svh);overflow:hidden;display:grid;place-items:center;padding:130px 24px 105px;isolation:isolate}.hero:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,rgba(11,13,18,.1) 0%,rgba(11,13,18,.05) 60%,var(--bg) 100%);pointer-events:none}.hero-canvas{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.92}.hero-glow{position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(110px);opacity:.1;pointer-events:none}.hero-glow-one{top:12%;left:14%;background:var(--cyan);animation:glow-drift 12s ease-in-out infinite alternate}.hero-glow-two{right:12%;bottom:18%;background:#7857df;animation:glow-drift 14s ease-in-out infinite alternate-reverse}.hero-content{width:min(780px,100%);text-align:center;transform:perspective(1400px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transform-style:preserve-3d;transition:transform .2s ease-out}.eyebrow{margin:0;color:var(--muted);font:500 11px/1.6 var(--mono);letter-spacing:.11em}.hero-location{display:inline-flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--line);border-radius:3px;background:#11151cbd}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:status-pulse 2.2s ease-in-out infinite}.eyebrow-separator{color:var(--subtle)}.hero-monogram{position:relative;width:112px;height:112px;margin:44px auto 27px;display:grid;place-items:center;border:1px solid rgba(112,242,226,.42);border-radius:50%;color:var(--cyan);background:radial-gradient(circle at 45% 40%,#70f2e226,#11151c33 68%);box-shadow:inset 0 0 32px #70f2e214,0 0 50px #70f2e214;font:600 30px/1 var(--display);letter-spacing:-.11em;transform:translateZ(25px);animation:monogram-float 6s ease-in-out infinite}.orbit{position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border:1px solid rgba(140,158,255,.23);border-radius:50%;transform:rotate(-28deg) scaleY(.42)}.orbit-two{top:-27px;right:-27px;bottom:-27px;left:-27px;border-color:#70f2e22e;transform:rotate(46deg) scaleY(.42)}.orbit-three{top:-40px;right:-40px;bottom:-40px;left:-40px;border-color:#bf9aff26;transform:rotate(-65deg) scaleY(.42)}.hero-intro{color:var(--cyan);letter-spacing:.16em}h1,h2,h3,p{margin-top:0}.hero h1{margin:20px 0 12px;font:600 clamp(56px,9vw,108px)/.98 var(--display);letter-spacing:-.065em;transform:translateZ(14px)}.gradient-text{color:var(--cyan);background:linear-gradient(105deg,var(--cyan) 0%,#a5d9ff 45%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-role{min-height:26px;margin:23px 0 12px;color:#c7d1dd;font:400 14px/1.6 var(--mono)}.typing-cursor{display:inline-block;width:1px;height:16px;margin-left:4px;vertical-align:-3px;background:var(--cyan);animation:cursor-blink .9s step-end infinite}.hero-description{max-width:530px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;transform:translateZ(8px)}.button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:4px;font:600 13px/1.3 var(--sans);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--cyan);background:var(--cyan);color:#071112;box-shadow:0 7px 26px #70f2e224}.button-primary:hover{box-shadow:0 9px 30px #70f2e247}.button-secondary{border-color:var(--line);background:#11151ca3;color:var(--text)}.button-secondary:hover{border-color:#70f2e280}.text-link{padding:12px 10px;color:var(--muted);font:400 12px/1.4 var(--mono);transition:color .2s ease}.text-link:hover{color:var(--cyan)}.text-link span{margin-left:5px}.scroll-cue{position:absolute;bottom:42px;left:50%;display:flex;flex-direction:column;align-items:center;gap:11px;transform:translate(-50%);color:var(--subtle);font:400 10px/1.3 var(--mono);letter-spacing:.1em}.scroll-cue span{width:1px;height:28px;background:linear-gradient(var(--cyan),transparent);animation:cue-drop 1.8s ease-in-out infinite}.hero-index{position:absolute;right:max(32px,calc((100% - var(--content))/2));bottom:42px;color:var(--muted);font:400 10px var(--mono)}.hero-index span{margin:0 5px;color:var(--subtle)}.section{width:min(var(--content),calc(100% - 64px));margin:0 auto;padding:118px 0}.section-number{margin-right:12px;color:var(--cyan)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-heading h2,.section-topline h2,.contact-copy h2{margin:21px 0 0;font:600 clamp(38px,5vw,62px)/1.08 var(--display);letter-spacing:-.045em}.muted{color:var(--muted)}.about-portrait{position:relative;height:320px;margin:31px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#e8e8e8}.about-portrait:after{position:absolute;top:40%;right:0;bottom:0;left:0;content:"";background:linear-gradient(transparent,#080b0fc4);pointer-events:none}.about-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.about-portrait:hover img{transform:scale(1.035)}.about-portrait figcaption{position:absolute;z-index:1;right:17px;bottom:15px;left:17px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#fff;font:400 8px/1.4 var(--mono);letter-spacing:.1em}.about-portrait figcaption span:last-child{color:var(--cyan)}.about-portrait figcaption i{margin-left:3px;font-style:normal}.about-copy{max-width:520px;padding-top:29px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.8}.about-copy .lead{color:#dce4eb;font-size:18px;line-height:1.7}.about-meta{margin-top:28px;padding-top:18px;display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid var(--line);color:var(--muted);font:400 11px/1.5 var(--mono)}.meta-icon{margin-right:7px;color:var(--cyan)}.stats-grid{margin-top:76px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-card{min-height:130px;padding:27px 24px;display:flex;flex-direction:column;justify-content:center;gap:10px;border-right:1px solid var(--line)}.stat-card:first-child{padding-left:0}.stat-card:last-child{border-right:0}.stat-value{font:500 36px/1 var(--display);letter-spacing:-.06em}.stat-value span{color:var(--cyan)}.stat-label{color:var(--muted);font:400 11px/1.5 var(--mono)}.skills-section,.projects-section{max-width:none;width:100%;padding-right:max(32px,calc((100% - var(--content))/2));padding-left:max(32px,calc((100% - var(--content))/2));background:linear-gradient(180deg,transparent,rgba(17,21,28,.54) 14%,rgba(17,21,28,.54) 87%,transparent)}.section-topline{margin-bottom:49px;display:flex;align-items:end;justify-content:space-between;gap:35px}.section-topline h2{margin-top:18px}.section-aside{max-width:300px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.75}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill-card{min-height:205px;padding:26px;border:1px solid var(--line);border-radius:5px;background:#12161e9e;transition:transform .25s ease,border-color .25s ease,background .25s ease}.skill-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#70f2e259;background-color:#151a23eb}.skill-index{color:var(--subtle);font:400 10px/1.4 var(--mono);letter-spacing:.08em}.skill-card h3{margin:22px 0 18px;font:500 19px/1.3 var(--display);letter-spacing:-.03em}.tag-list{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}.tag-list li{padding:7px 9px;border:1px solid rgba(174,192,208,.12);border-radius:3px;background:#ffffff06;color:#aeb8c5;font:400 10px/1.2 var(--mono)}.skill-note{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#70f2e214,#8c9eff0a)}.skill-note .note-symbol{color:var(--cyan);font-size:25px}.skill-note p{max-width:260px;margin:18px 0 0;color:#c9d4dc;font:400 15px/1.65 var(--sans)}.experience-list{border-top:1px solid var(--line)}.experience-item{display:grid;grid-template-columns:160px 1fr 30px;gap:25px;align-items:start;padding:28px 5px;border-bottom:1px solid var(--line);transition:padding .25s ease,background .25s ease}.experience-item:hover{padding-right:12px;padding-left:12px;background:#ffffff05}.experience-date{padding-top:6px;color:var(--subtle);font:400 10px/1.5 var(--mono);letter-spacing:.07em}.experience-item h3{margin:0 0 8px;font:600 17px/1.4 var(--display);letter-spacing:-.02em}.experience-company{color:var(--cyan);font-size:13px;font-weight:400}.experience-item p{max-width:690px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.experience-arrow{color:var(--subtle);transition:transform .2s ease,color .2s ease}.experience-item:hover .experience-arrow{transform:translate(2px,-2px);color:var(--cyan)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#11151cd1;transition:transform .25s ease,border-color .25s ease,background .25s ease}.project-art{position:relative;height:218px;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid var(--line)}.project-art:before,.project-art:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.1);border-radius:50%}.project-art:before{width:250px;height:250px}.project-art:after{width:320px;height:320px}.art-ayunetra{background:radial-gradient(ellipse at 52% 50%,rgba(47,224,201,.17),transparent 66%),#101b20}.art-benam{background:radial-gradient(ellipse at 55% 48%,rgba(171,130,255,.21),transparent 67%),#171321}.art-workforce{background:radial-gradient(ellipse at 50% 55%,rgba(108,149,255,.2),transparent 67%),#111624}.art-label{position:absolute;left:17px;bottom:14px;color:#dce6ed9e;font:400 8px/1 var(--mono);letter-spacing:.12em}.phone-frame{position:relative;z-index:1;width:95px;height:162px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(112,242,226,.57);border-radius:17px;background:linear-gradient(155deg,#1f383bf2,#0c1418f2);box-shadow:0 15px 55px #00000059,0 0 32px #70f2e21f;transform:rotate(-7deg);transition:transform .4s ease}.project-card:hover .phone-frame{transform:rotate(0) translateY(-3px)}.phone-bar,.phone-line,.phone-button,.shop-topline,.shop-caption,.dash-heading,.dash-card{display:block;border-radius:10px;background:#70f2e22b}.phone-bar{width:25px;height:3px;margin-bottom:17px}.phone-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(112,242,226,.4);border-radius:50%;color:var(--cyan);font-size:18px}.phone-line{width:65px;height:4px;margin-top:12px}.phone-line.short{width:42px;margin-top:6px;opacity:.55}.phone-button{width:64px;height:18px;margin-top:auto;background:#70f2e28c}.shop-window{position:relative;z-index:1;width:230px;height:135px;padding:14px;border:1px solid rgba(191,154,255,.35);background:#16121fd9;box-shadow:0 15px 50px #0000004d;transform:rotate(3deg);transition:transform .4s ease}.project-card:hover .shop-window{transform:rotate(0) translateY(-3px)}.shop-topline{width:100%;height:4px;margin-bottom:10px;background:#bf9aff45}.shop-piece{position:absolute;top:30px;width:55px;height:77px;border:1px solid rgba(191,154,255,.28);background:linear-gradient(145deg,#bf9aff33,#895ccf0a)}.piece-one{left:14px}.piece-two{left:82px;top:37px;height:70px}.piece-three{right:14px;top:25px;height:82px}.shop-caption{position:absolute;right:0;bottom:0;left:0;height:4px;background:#bf9aff2e}.dashboard-window{position:relative;z-index:1;width:238px;height:140px;border:1px solid rgba(140,158,255,.36);background:#0e131fed;box-shadow:0 15px 50px #00000059;transform:rotate(-2deg);transition:transform .4s ease}.project-card:hover .dashboard-window{transform:rotate(0) translateY(-3px)}.dash-sidebar{position:absolute;inset:0 auto 0 0;width:37px;border-right:1px solid rgba(140,158,255,.2);background:#8c9eff14}.dash-sidebar:after{position:absolute;top:20px;left:12px;width:12px;height:12px;border:1px solid rgba(140,158,255,.65);border-radius:4px;content:""}.dash-heading{position:absolute;top:17px;left:53px;width:72px;height:5px;background:#8c9eff59}.dash-chart{position:absolute;right:14px;bottom:17px;left:53px;height:57px;background:linear-gradient(160deg,transparent 45%,rgba(140,158,255,.7) 46%,rgba(140,158,255,.1) 48%,transparent 68%);border-bottom:1px solid rgba(140,158,255,.25)}.dash-card{position:absolute;top:37px;left:53px;width:62px;height:22px;background:#70f2e221}.dash-card.second{left:125px;background:#bf9aff21}.project-content{padding:22px}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.project-title-row h3{margin:0;font:500 21px/1.2 var(--display);letter-spacing:-.04em}.project-status{flex:0 0 auto;color:var(--cyan);font:400 9px/1.3 var(--mono);letter-spacing:.05em}.status-live{color:var(--violet)}.status-concept{color:#9cb0ff}.project-content>p{min-height:98px;margin:14px 0 16px;color:var(--muted);font-size:14px;line-height:1.75}.project-content .tag-list{margin-bottom:20px}.project-link{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);color:#dbe3e9;font:500 12px/1.4 var(--sans);transition:color .2s ease}.project-link span,.project-link:hover{color:var(--cyan)}.recognition-section{padding-bottom:145px}.recognition-section .section-heading{max-width:760px}.recognition-section .section-aside{max-width:450px;margin-top:23px}.recognition-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.recognition-card{min-height:205px;padding:24px 21px;border-right:1px solid var(--line);transition:background .2s ease}.recognition-card:first-child{padding-left:0}.recognition-card:last-child{border:0}.recognition-card:hover{background:#ffffff06}.recognition-mark{color:var(--cyan);font:400 11px var(--mono)}.recognition-card h3{margin:27px 0 10px;font:600 17px/1.4 var(--display)}.recognition-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.contact-section{position:relative;overflow:hidden;padding:108px max(32px,calc((100% - var(--content))/2)) 120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(140deg,#11151ce6,#0d0f16e0);isolation:isolate}.contact-orb{position:absolute;z-index:-1;top:-250px;left:-170px;width:580px;height:580px;border:1px solid rgba(112,242,226,.08);border-radius:50%;box-shadow:0 0 0 50px #70f2e205,0 0 0 100px #70f2e203}.contact-grid{width:min(var(--content),100%);margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.contact-copy h2{max-width:530px;margin:20px 0}.contact-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:16px;line-height:1.8}.contact-email{display:inline-flex;align-items:center;gap:12px;margin-top:15px;color:var(--cyan);font:500 15px/1.6 var(--sans);overflow-wrap:anywhere}.contact-email span{transition:transform .2s ease}.contact-email:hover span{transform:translate(2px,-2px)}.social-links{margin-top:33px;display:flex;flex-wrap:wrap;gap:22px}.social-links a{color:var(--muted);font:500 12px/1.4 var(--sans);transition:color .2s ease}.social-links a:hover{color:var(--cyan)}.social-links span{margin-left:4px;color:var(--subtle)}.contact-form{padding:27px;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:5px;background:#0b0d1285}.contact-form label{margin:0 0 8px;color:#c0c9d2;font:500 12px/1.4 var(--sans);letter-spacing:.01em}.contact-form input,.contact-form textarea{width:100%;min-height:46px;margin-bottom:19px;padding:12px 13px;border:1px solid rgba(174,192,208,.15);border-radius:3px;outline:0;background:#ffffff06;color:var(--text);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#657180}.contact-form input:focus,.contact-form textarea:focus{border-color:#70f2e2a6;box-shadow:0 0 0 3px #70f2e214}.contact-form textarea{min-height:105px;resize:vertical}.submit-button{width:100%}.form-note{margin:12px 0 0;color:var(--subtle);text-align:center;font:400 10px/1.6 var(--mono)}.form-note.is-error{color:#ff9d9d}.site-footer{width:min(var(--content),calc(100% - 64px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand .brand-mark{font-size:16px}.footer-brand .brand-name{font-size:11px}.site-footer p,.footer-year{margin:0;color:var(--subtle);font:400 11px/1.5 var(--sans)}.back-to-top{color:var(--muted);font:500 11px/1.4 var(--sans);transition:color .2s ease}.back-to-top:hover{color:var(--cyan)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.stats-grid .reveal:nth-child(2),.skills-grid .reveal:nth-child(3n+2),.projects-grid .reveal:nth-child(3n+2),.recognition-grid .reveal:nth-child(4n+2){transition-delay:.08s}.stats-grid .reveal:nth-child(3),.skills-grid .reveal:nth-child(3n+3),.projects-grid .reveal:nth-child(3n+3),.recognition-grid .reveal:nth-child(4n+3){transition-delay:.16s}.recognition-grid .reveal:nth-child(4n+4){transition-delay:.24s}@keyframes cursor-blink{50%{opacity:0}}@keyframes status-pulse{50%{opacity:.5;box-shadow:0 0 3px var(--cyan)}}@keyframes monogram-float{50%{transform:translateY(-7px)}}@keyframes cue-drop{50%{transform:scaleY(.6);transform-origin:top;opacity:.5}}@keyframes glow-drift{to{transform:translate3d(30px,-22px,0) scale(1.08)}}@media (max-width: 920px){.header-inner{gap:18px}.primary-navigation{gap:14px}.brand-name{display:none}.section-grid{gap:45px}.contact-grid{gap:55px}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:.9fr 1fr}.project-card:last-child .project-art{height:100%;min-height:260px;border-right:1px solid var(--line);border-bottom:0}}@media (max-width: 800px){html{scroll-padding-top:72px}.header-inner{width:calc(100% - 40px);height:68px}.brand-name{display:inline}.header-cta{margin-left:auto;padding:10px 12px}.menu-toggle{width:40px;height:40px;padding:11px 9px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);cursor:pointer}.menu-toggle span{width:20px;height:1px;display:block;background:currentColor;transition:transform .2s ease}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-navigation{position:absolute;top:68px;right:0;left:0;padding:8px 20px 18px;display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);background:#0b0d12f7;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.primary-navigation.is-open{opacity:1;visibility:visible;transform:translateY(0)}.primary-navigation a{padding:14px 3px;border-bottom:1px solid rgba(174,192,208,.08)}.primary-navigation a:last-child{border:0}.hero{min-height:max(720px,100svh);padding:115px 22px 100px}.hero-location{gap:7px;font-size:9px}.hero-monogram{width:92px;height:92px;margin-top:40px;font-size:26px}.orbit-three{top:-30px;right:-30px;bottom:-30px;left:-30px}.hero h1{font-size:clamp(52px,15vw,80px)}.hero-description{max-width:400px;font-size:15px}.hero-actions{max-width:380px;margin-right:auto;margin-left:auto}.hero-index{right:20px;bottom:38px}.section{width:calc(100% - 40px);padding:83px 0}.section-grid{grid-template-columns:1fr;gap:18px}.section-heading h2,.section-topline h2,.contact-copy h2{font-size:clamp(38px,10vw,52px)}.about-copy{padding-top:0}.about-portrait{height:min(370px,92vw)}.stats-grid{margin-top:48px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:108px;padding:22px 15px;border-bottom:1px solid var(--line)}.stat-card:first-child{padding-left:15px}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(3),.stat-card:nth-child(4){border-bottom:0}.skills-section,.projects-section{width:100%;padding:83px 20px}.section-topline{margin-bottom:32px;display:block}.section-aside{margin-top:18px}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{min-height:185px;padding:20px 16px}.skill-card h3{font-size:17px}.experience-item{grid-template-columns:1fr 24px;gap:9px 14px;padding:23px 2px}.experience-date{grid-column:1 / -1}.experience-item>div{grid-column:1}.experience-arrow{grid-column:2;grid-row:2}.projects-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto;display:flex}.project-card:last-child .project-art{height:218px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.project-content>p{min-height:0}.recognition-section{padding-bottom:95px}.recognition-grid{grid-template-columns:repeat(2,1fr)}.recognition-card{min-height:190px;padding:20px 15px;border-bottom:1px solid var(--line)}.recognition-card:first-child{padding-left:15px}.recognition-card:nth-child(2){border-right:0}.recognition-card:nth-child(3),.recognition-card:nth-child(4){border-bottom:0}.contact-section{padding:82px 20px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-form{padding:20px}.site-footer{width:calc(100% - 40px);min-height:115px;padding:20px 0;display:grid;grid-template-columns:1fr auto}.site-footer p{display:none}.footer-year{grid-column:1;grid-row:2}.back-to-top{grid-column:2;grid-row:1 / 3}}@media (max-width: 420px){.brand-name{font-size:11px}.header-inner{gap:10px}.header-cta{font-size:9px}.hero-actions{gap:7px}.button{min-height:44px;padding:0 13px;gap:10px;font-size:11px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:160px}.project-title-row h3{font-size:19px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}