@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";.ripple-distortion{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.ripple-distortion canvas{display:block;width:100%;height:100%}.flex-carousel{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;outline:none}.flex-carousel[data-hover=open]{cursor:zoom-in}.flex-carousel[data-hover=close]{cursor:zoom-out}.flex-carousel[data-dragging]{cursor:grabbing}.flex-carousel:focus-visible{box-shadow:inset 0 0 0 2px #80808c8c}.flex-carousel__caption{position:absolute;left:0;right:0;top:calc(50% + var(--flex-carousel-half) * var(--flex-carousel-lift, 1) + 22px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;pointer-events:none;text-align:center;animation:flex-carousel-reveal .9s ease both}.flex-carousel__title{display:flex;flex-direction:column;align-items:center;max-width:100%;font-size:15px;font-weight:500;line-height:1.35;animation:flex-carousel-title .52s cubic-bezier(.22,1,.36,1)}.flex-carousel__subtitle{font-weight:400;opacity:.6}.flex-carousel__count{display:inline-flex;align-items:center;gap:3px;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;opacity:.5;transition:opacity .4s ease}.flex-carousel__count[data-hidden]{opacity:0}.flex-carousel__digits{display:inline-flex}.flex-carousel__digit{display:inline-block;height:1em;overflow:hidden}.flex-carousel__reel{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1)}.flex-carousel__reel span{height:1em}.flex-carousel__slash{opacity:.6}.flex-carousel__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes flex-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flex-carousel-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.flex-carousel__caption,.flex-carousel__title{animation:none}.flex-carousel__reel{transition:none}}:root{--mx: 50%;--my: 50%;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020205}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:#020205;color:#f6f6f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;overflow-x:hidden;isolation:isolate;background:#020205}.visual-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#000;contain:strict;transform:translateZ(0)}.visual-stage .ripple-distortion{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.visual-stage .ripple-distortion canvas{display:block;width:100%;height:100%}.image-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0202068c,#0202061a,#02020626 60%,#020206b3);pointer-events:none}.pointer-halo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 14rem at var(--mx) var(--my),rgba(255,255,255,.12),transparent 55%);mix-blend-mode:screen;opacity:.6;contain:strict;pointer-events:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 30%,transparent 70%,rgba(0,0,0,.4)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 70%,rgba(0,0,0,.55));pointer-events:none}.static-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.05)}.hud,.hud-copy{font-family:DM Mono,monospace;letter-spacing:.15em}.hud{background:linear-gradient(135deg,#ffffff13,#ffffff05);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff14,0 12px 40px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar{position:fixed;z-index:8;top:20px;left:24px;right:24px;height:56px;padding:0 14px 0 16px;border-radius:16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.03em}.brand-mark{width:25px;height:25px;padding:5px;display:flex;align-items:flex-end;gap:3px;border:1px solid rgba(255,255,255,.35);border-radius:7px}.brand-mark i{width:2px;border-radius:2px;background:#fff;box-shadow:0 0 10px #ffffffe6}.brand-mark i:nth-child(1){height:5px}.brand-mark i:nth-child(2){height:10px}.brand-mark i:nth-child(3){height:14px}.system-code,.footer,.eyebrow,.surface-hud{font-size:9px;line-height:1}.hero-copy{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:min(760px,92vw);padding:150px 0 120px clamp(24px,8vw,120px)}.system-code{display:flex;gap:28px;color:#ffffff6b;margin-bottom:28px}.system-code span:first-child{color:#ffffffe6}.eyebrow{margin:0 0 16px;color:#ffffff75;text-transform:uppercase}h1{margin:0;max-width:860px;font-size:clamp(48px,7.5vw,110px);line-height:.88;letter-spacing:-.07em;font-weight:600;text-wrap:balance}h1 span{color:#ffffff47}.intro{max-width:520px;margin:30px 0 0;color:#ffffff8f;font-size:clamp(15px,1.35vw,18px);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.enter-link{width:fit-content;padding:14px 14px 14px 18px;display:inline-flex;align-items:center;gap:26px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0f;font:500 9px/1 DM Mono,monospace;letter-spacing:.13em;transition:.35s ease}.enter-link-ghost{background:transparent;border-color:#ffffff1f}.enter-link:hover{color:#050507;background:#fff;border-color:#fff;box-shadow:0 0 45px #ffffff2e;transform:translateY(-2px)}.enter-glyph{font-size:17px;line-height:0;letter-spacing:0}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:48px}.hero-stats div{display:flex;flex-direction:column;gap:6px}.hero-stats strong{font:600 18px/1 Inter,sans-serif;letter-spacing:-.03em;color:#fff}.hero-stats span{color:#ffffff52;font-size:8px;letter-spacing:.14em}.surface-hud{position:absolute;z-index:4;right:clamp(24px,6vw,90px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;color:#ffffff94}.surface-index{color:#ffffff47}.surface-copy{width:180px;padding-left:20px;border-left:1px solid rgba(255,255,255,.15);display:grid;gap:8px;line-height:1.45}.surface-copy small{color:#ffffff47;font-size:8px;line-height:1.45}.crosshair{position:absolute;margin-left:-25px;width:10px;height:10px;border:1px solid rgba(255,255,255,.6)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff9}.crosshair:before{left:4px;top:-4px;width:1px;height:18px}.crosshair:after{top:4px;left:-4px;width:18px;height:1px}.about-section{position:relative;z-index:4;width:min(920px,calc(100vw - 48px));margin:0 auto 80px;min-height:280px;padding:28px;border-radius:22px;display:grid;grid-template-columns:130px 1fr;gap:36px;align-items:center}.about-label{align-self:start;padding-top:3px;color:#ffffff4d;font:500 9px/1 DM Mono,monospace;letter-spacing:.15em}.about-section h2{margin:0;font-size:clamp(40px,5.5vw,72px);line-height:.9;letter-spacing:-.06em;font-weight:600}.about-section h2 span{color:#ffffff47}.about-section p{max-width:560px;margin:20px 0 0;color:#ffffff7a;line-height:1.65;font-size:15px}.about-extra{margin-top:16px!important;color:#ffffff61!important}.about-meta{grid-column:2;display:flex;gap:22px;flex-wrap:wrap;color:#ffffff4d;font:500 8px/1 DM Mono,monospace;letter-spacing:.12em}.skills-section{position:relative;z-index:4;width:min(920px,calc(100vw - 48px));margin:0 auto 80px}.skills-label{color:#ffffff4d;margin-bottom:16px;font:500 9px/1 DM Mono,monospace;letter-spacing:.15em}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skills-block{padding:18px;border-radius:18px}.skills-block h4{margin:0 0 14px;font:500 10px/1 DM Mono,monospace;letter-spacing:.14em;color:#fff6;text-transform:uppercase}.skills-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.skill-chip{padding:8px 12px;border-radius:999px;font:500 10px/1 Inter,sans-serif;letter-spacing:.02em;color:#ffffffb8;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.work-section{position:relative;z-index:4;width:min(1080px,calc(100vw - 48px));margin:0 auto 100px}.work-head{margin-bottom:28px}.work-kicker{display:block;color:#ffffff4d;margin-bottom:12px}.work-head h2{margin:0;font-size:clamp(36px,5vw,64px);letter-spacing:-.06em;font-weight:600}.work-head p{margin:12px 0 0;color:#ffffff73;max-width:420px;line-height:1.55}.work-carousel{position:relative;width:100%;height:min(560px,70vh);border-radius:22px;overflow:hidden;isolation:isolate;contain:layout style}.work-carousel .flex-carousel{background:transparent}.work-carousel .flex-carousel__caption{color:#ffffffe6;font-family:Inter,system-ui,sans-serif}.work-carousel .flex-carousel__title{font-size:16px;letter-spacing:-.02em}.work-carousel .flex-carousel__subtitle{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.work-carousel .flex-carousel__count{font-family:DM Mono,monospace;letter-spacing:.08em}.services-section,.timeline-section{position:relative;z-index:4;width:min(1080px,calc(100vw - 48px));margin:0 auto 100px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.service-card{padding:20px;border-radius:18px;min-height:140px}.service-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.03em}.service-card p{margin:0;color:#ffffff7a;font-size:13px;line-height:1.55}.timeline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:18px 20px;border-radius:16px;align-items:start}.timeline-year{font:500 11px/1 DM Mono,monospace;letter-spacing:.12em;color:#ffffff73;padding-top:3px}.timeline-item strong{display:block;font-size:15px;letter-spacing:-.02em;margin-bottom:6px}.timeline-item p{margin:0;color:#ffffff73;font-size:13px;line-height:1.5}.connect-section{position:relative;z-index:4;width:min(920px,calc(100vw - 48px));margin:0 auto 100px;padding:28px;border-radius:22px;display:grid;grid-template-columns:130px 1fr;gap:28px 36px;align-items:start}.connect-label{color:#ffffff4d;font:500 9px/1 DM Mono,monospace;letter-spacing:.15em}.connect-section h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:.9;letter-spacing:-.06em;font-weight:600}.connect-section h2 span{color:#ffffff47}.connect-section p{margin:16px 0 0;color:#ffffff7a;line-height:1.6;max-width:420px}.social-list{grid-column:2;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.social-list a{display:flex;flex-direction:column;gap:4px;min-width:110px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;font:500 10px/1 DM Mono,monospace;letter-spacing:.12em;transition:.25s ease}.social-list a small{font-size:8px;letter-spacing:.08em;color:#ffffff52}.social-list a:hover{background:#fff;color:#050507;border-color:#fff;box-shadow:0 0 28px #ffffff24}.social-list a:hover small{color:#0505078c}.footer{position:relative;z-index:4;width:calc(100% - 48px);margin:0 24px;padding:15px 0 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#ffffff47}.site-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;font:500 8px/1 DM Mono,monospace;letter-spacing:.14em;color:#ffffff61}.site-nav a{transition:color .25s ease,text-shadow .25s ease}.site-nav a:hover{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.5)}.refresh-button{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 10px 7px 9px;display:inline-flex;align-items:center;gap:7px;color:#ffffff8c;background:#ffffff09;font:500 8px/1 DM Mono,monospace;letter-spacing:.12em;cursor:pointer;transition:.25s ease}.refresh-button:hover{color:#050507;background:#fff;border-color:#fff;box-shadow:0 0 26px #ffffff29}.refresh-glyph{font:16px/.7 Inter,sans-serif}.project-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#020206b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-panel{width:min(440px,100%);padding:22px;border-radius:20px;display:flex;flex-direction:column;gap:12px;animation:panelIn .25s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.project-panel-top{display:flex;justify-content:space-between;align-items:center;color:#ffffff59}.panel-close{border:0;background:#ffffff14;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;transition:.2s ease}.panel-close:hover{background:#fff;color:#050507}.project-panel h3{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:600}.project-panel>p{margin:0;color:#ffffff80;font-size:14px;line-height:1.55}.panel-detail{margin:0!important;color:#ffffff61!important;font-size:13px!important}.project-panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.panel-btn{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;font:500 9px/1 DM Mono,monospace;letter-spacing:.14em;transition:.25s ease}.panel-btn:hover{background:#fff;color:#050507;border-color:#fff}.panel-btn-solid{background:#ffffff24}@media(max-width:900px){.skills-grid{grid-template-columns:1fr}.site-nav a:nth-child(4){display:none}}@media(max-width:800px){.topbar{left:14px;right:14px;top:14px;height:48px;padding:0 10px 0 12px}.hero-copy{width:92vw;padding:110px 18px 80px}.system-code{flex-wrap:wrap;gap:10px 18px}h1{font-size:clamp(42px,12vw,72px)}.surface-hud{display:none}.about-section,.connect-section,.work-section,.skills-section,.services-section,.timeline-section{width:calc(100vw - 24px)}.about-section,.connect-section{grid-template-columns:1fr;gap:16px;margin-bottom:60px}.about-meta,.social-list{grid-column:1}.work-section,.services-section,.timeline-section{margin-bottom:70px}.work-carousel{height:min(380px,52vh);border-radius:16px}.work-carousel .flex-carousel__caption{top:auto;bottom:12px}.work-carousel .flex-carousel__title{font-size:14px}.timeline-item{grid-template-columns:64px 1fr;gap:12px}.hero-stats{gap:18px;margin-top:36px}.site-nav{gap:8px}.site-nav a{font-size:7px}.site-nav a:nth-child(n+4){display:none}.refresh-button span:last-child{display:none}.refresh-button{padding:7px 9px}.footer{width:calc(100% - 28px);margin:0 14px;font-size:8px}.footer span:nth-child(2){display:none}.hud{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-panel-backdrop{padding:16px;align-items:flex-end}.project-panel{width:100%;max-height:85vh;overflow-y:auto}}@media(max-width:480px){.work-carousel{height:min(320px,48vh)}h1{font-size:clamp(36px,11vw,52px)}.hero-actions{flex-direction:column;align-items:flex-start}.skills-grid,.services-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{--color-bg: #050507;--color-foreground: #f7f6fa;--color-copy: #c8c6d1;--color-muted: #a3a1ae;--color-line: rgba(255, 255, 255, .17);--color-panel: rgba(12, 12, 17, .7);--color-accent: #b63d60;--color-accent-soft: rgba(182, 61, 96, .18);--radius-card: 22px;--radius-panel: 28px;--motion-fast: .16s;--motion-base: .26s}html{scroll-padding-top:100px}body{color:var(--color-foreground);font-size:16px;line-height:1.6}[id]{scroll-margin-top:100px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid #fff;outline-offset:4px}::selection{color:#fff;background:#b63d608c}.hud{background:linear-gradient(132deg,#ffffff1b,#ffffff07 46%,#ffffff04),var(--color-panel);border-color:var(--color-line);box-shadow:inset 0 1px #ffffff21,inset 0 0 0 1px #ffffff05,0 18px 52px #0000004d;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.topbar{height:60px;top:18px;border-radius:18px;background:#08080cb3;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff24,0 16px 44px #00000052}.brand{font-size:15px}.brand-mark{border-color:#ffffff6b}.site-nav{gap:clamp(12px,1.8vw,24px);color:#ffffff9e}.site-nav a{padding:12px 0}.site-nav a:hover{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.3)}.refresh-button{min-width:42px;min-height:40px;justify-content:center;border-color:#ffffff2e;color:#ffffffc2;background:#ffffff0e}.refresh-button:hover{box-shadow:0 0 32px var(--color-accent-soft)}.hero-copy{width:100%;min-height:100vh;min-height:100svh;padding:152px clamp(24px,8vw,120px) 96px}h1{max-width:980px;font-size:clamp(56px,8.5vw,124px);line-height:.91;letter-spacing:-.078em}h1 span{background:linear-gradient(100deg,#ffffffd9,#d7d3dec7 62%,#cc7c94f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{display:flex;align-items:center;gap:10px;color:#cbc8d3;font-size:10px;line-height:1.5;letter-spacing:.16em}.eyebrow:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#c45a79;box-shadow:0 0 0 4px #c45a7921,0 0 14px #c45a79a6;animation:availabilityPulse 2.5s ease-in-out infinite}@keyframes availabilityPulse{0%,to{box-shadow:0 0 0 4px #c45a791f,0 0 12px #c45a7980}50%{box-shadow:0 0 0 7px #c45a790a,0 0 18px #c45a79bd}}.intro{max-width:590px;color:var(--color-copy);font-size:clamp(16px,1.28vw,18px);line-height:1.72}.hero-actions{gap:12px;margin-top:32px}.enter-link{min-height:48px;padding:14px 17px 14px 20px;gap:30px;background:#ffffff13;border-color:#ffffff3b;transition:background var(--motion-base) ease,color var(--motion-base) ease,border-color var(--motion-base) ease,transform var(--motion-base) ease,box-shadow var(--motion-base) ease}.enter-link-ghost{background:#0505082e;border-color:#ffffff2b}.enter-link:hover{background:#fff;color:#09090c;box-shadow:0 12px 34px #00000040,0 0 38px #ffffff1f}.hero-stats{gap:clamp(24px,3vw,42px);margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);max-width:640px}.hero-stats strong{font-size:17px}.hero-stats span{color:#f6f5fa94;font-size:9px;letter-spacing:.12em}.surface-hud{top:50%;right:clamp(26px,6vw,88px);gap:18px;color:#ffffffb8}.surface-index{color:#ffffff7a}.surface-copy{border-left-color:#ffffff40}.surface-copy small{color:#ffffff75}.work-section{width:min(1180px,calc(100vw - 64px));margin:20px auto 112px}.work-head{margin-bottom:30px}.work-kicker{color:#ffffff9e;font-size:10px;letter-spacing:.17em}.work-head h2{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.07em}.work-head p{max-width:560px;color:#c0bdc9;font-size:15px;line-height:1.7}.work-carousel{height:min(600px,68vh);min-height:360px;border-radius:26px;border:1px solid rgba(255,255,255,.19);background:radial-gradient(ellipse at 50% 0%,rgba(182,61,96,.1),transparent 52%),linear-gradient(145deg,#fff1,#08080c33);box-shadow:inset 0 1px #ffffff1a,0 24px 64px #0000003d}.work-carousel .flex-carousel__caption{text-shadow:0 2px 22px rgba(0,0,0,.5)}.work-carousel .flex-carousel__title{font-size:17px}.work-carousel .flex-carousel__subtitle{color:#ffffffbf}.about-section{width:min(1080px,calc(100vw - 64px));margin-bottom:88px;padding:clamp(24px,4vw,42px);border-radius:var(--radius-panel)}.about-section h2{font-size:clamp(40px,5.4vw,70px);line-height:.96}.about-section h2 span,.connect-section h2 span{color:#c5c0cc}.about-section p,.connect-section p{color:var(--color-copy);font-size:15px;line-height:1.75}.about-extra{color:#b2aebb!important}.about-label,.connect-label{color:#ffffff8f;font-size:10px}.about-meta{color:#ffffff91;gap:16px 22px;font-size:9px}.skills-section,.services-section,.timeline-section{width:min(1080px,calc(100vw - 64px))}.skills-section{margin-bottom:104px}.skills-label{color:#ffffff9e;font-size:10px}.skills-grid{gap:14px}.skills-block{min-height:158px;padding:22px;border-radius:var(--radius-card);transition:transform var(--motion-base) ease,border-color var(--motion-base) ease,background var(--motion-base) ease}.skills-block:hover{transform:translateY(-3px);border-color:#ffffff45;background-color:#ffffff0a}.skills-block h4{color:#c8c4d0;font-size:10px}.skills-list{gap:8px}.skill-chip{display:inline-flex;align-items:center;min-height:34px;padding:9px 12px;font-size:11px;color:#e1dfe7;background:#ffffff0e;border-color:#ffffff21}.services-section,.timeline-section{margin-bottom:108px}.services-grid{gap:14px}.service-card{min-height:176px;padding:24px;border-radius:var(--radius-card);position:relative;overflow:hidden;transition:transform var(--motion-base) ease,border-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.service-card:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(196,90,121,.75),transparent);opacity:.6}.service-card:hover{transform:translateY(-4px);border-color:#c45a7959;box-shadow:0 22px 54px #0000003d,0 0 30px #b63d600f}.service-card h3{font-size:19px}.service-card p{color:var(--color-copy);font-size:14px;line-height:1.7}.timeline-section .work-head{margin-bottom:22px}.timeline-item{padding:22px 24px;border-radius:18px;grid-template-columns:52px 1fr;border-color:#ffffff26}.timeline-year{color:#d8a1b1;font-size:11px}.timeline-item strong{font-size:16px}.timeline-item p{color:var(--color-copy);font-size:14px;line-height:1.7}.connect-section{width:min(1080px,calc(100vw - 64px));margin-bottom:112px;padding:clamp(24px,4vw,42px);border-radius:var(--radius-panel);background:radial-gradient(ellipse at 100% 0%,rgba(182,61,96,.13),transparent 42%),linear-gradient(135deg,#ffffff17,#ffffff06),#08080cc7;border-color:#d07c9545}.connect-section h2{font-size:clamp(42px,5.5vw,72px)}.social-list{gap:10px}.social-list a{min-width:148px;min-height:52px;padding:13px 16px;border-radius:16px;color:#f3f1f6;font-size:10px;background:#ffffff0e;border-color:#ffffff29;transition:background var(--motion-base) ease,color var(--motion-base) ease,border-color var(--motion-base) ease,transform var(--motion-base) ease}.social-list a small{color:#bdb8c6;font-size:9px}.social-list a:hover{background:#fff;color:#07070a;border-color:#fff;transform:translateY(-2px)}.social-list a:hover small{color:#55515e}.footer{width:calc(100% - 64px);margin:0 32px;padding:18px 0 26px;color:#ffffff85;border-color:#ffffff29;font-size:9px}.project-panel-backdrop{background:#030307c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-panel{width:min(520px,100%);padding:clamp(22px,4vw,32px);border-radius:26px;border-color:#ffffff36;max-height:min(82vh,760px);overflow-y:auto}.project-panel h3{font-size:clamp(28px,4vw,36px)}.project-panel>p{color:#cbc7d2;font-size:15px;line-height:1.7}.panel-detail{color:#b0abba!important}.work-stack{display:flex;flex-wrap:wrap;gap:8px}.work-stack>span{min-height:30px;display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);color:#e0dce6;font-size:11px}.panel-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px}.panel-btn-solid{background:#b63d6038;border-color:#d07c9566}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hud,.topbar{background:#08080cf0}}@media(max-width:1100px){.surface-hud{display:none}}@media(max-width:900px){.topbar{top:14px}.site-nav{gap:10px}.hero-copy{padding-left:32px;padding-right:32px}.work-section,.about-section,.skills-section,.services-section,.timeline-section,.connect-section{width:calc(100vw - 40px)}.work-section{margin-bottom:84px}.work-carousel{min-height:340px;height:min(480px,58vh)}.about-section{grid-template-columns:1fr;gap:18px}.about-meta{grid-column:1}.connect-section{grid-template-columns:1fr;gap:20px}.social-list{grid-column:1}.footer{width:calc(100% - 40px);margin:0 20px}}@media(max-width:800px){.hero-copy{width:100%;padding:112px 24px 76px}.topbar{height:52px}.site-nav{position:static;transform:none;margin-left:auto;margin-right:12px}.site-nav a:nth-child(n+4){display:none}.refresh-button{min-width:40px;min-height:40px}.work-carousel{height:min(410px,54vh);min-height:300px}.services-section,.timeline-section,.skills-section{margin-bottom:76px}.connect-section{margin-bottom:78px}.about-section{margin-bottom:72px}}@media(max-width:540px){.topbar{left:10px;right:10px;padding:0 8px}.brand{gap:7px}.site-nav{gap:8px;margin-right:8px}.site-nav a{font-size:7px;letter-spacing:.07em}.site-nav a:nth-child(3){display:none}.hero-copy{padding:104px 22px 64px}h1{font-size:clamp(44px,12.7vw,64px)}.eyebrow{font-size:9px;letter-spacing:.11em}.intro{font-size:15px}.hero-actions{align-items:stretch}.enter-link{width:100%;justify-content:space-between}.hero-stats{gap:18px;margin-top:32px;padding-top:18px}.hero-stats strong{font-size:15px}.hero-stats span{font-size:8px}.work-section,.about-section,.skills-section,.services-section,.timeline-section,.connect-section{width:calc(100vw - 28px)}.work-carousel{min-height:280px;height:min(340px,46vh);border-radius:20px}.skills-grid,.services-grid{grid-template-columns:1fr}.skills-block{min-height:0}.service-card{min-height:0;padding:22px}.timeline-item{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px}.social-list a{min-width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}.footer{width:calc(100% - 28px);margin:0 14px;gap:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.eyebrow:before{animation:none}.skills-block,.service-card,.enter-link,.social-list a{transition:none!important}}