:root{color-scheme:dark;--bg: #110b1d;--bg-deep: #080713;--text: #f7f2ef;--muted: rgba(247, 242, 239, .64);--faint: rgba(247, 242, 239, .15);--line: rgba(255, 226, 205, .16);--accent: #ff9068;--accent-2: #ffc58f;--blue: #6ca8ff;--panel: rgba(255, 255, 255, .055);--max: 1700px;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}@font-face{font-family:Bastliga One;src:url(/assets/fonts/bastliga-one.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;background:radial-gradient(circle at 18% 18%,rgba(197,69,44,.42),transparent 34rem),radial-gradient(circle at 78% 28%,rgba(48,63,128,.28),transparent 32rem),linear-gradient(116deg,#221018,#0d0a19 52%,#090714);color:var(--text);overflow-x:hidden}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 14%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 14%,black 82%,transparent)}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.12;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.22),rgba(255,255,255,.22) 1px,transparent 1px,transparent 5px);mix-blend-mode:overlay}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img,video{display:block;max-width:100%}.page-shell{width:min(calc(100% - 96px),var(--max));margin:0 auto}.section{position:relative}.motion-section{overflow:hidden}.section-ghost-title{position:absolute;top:48px;left:50%;z-index:0;color:#ffffff0b;font-size:min(13vw,220px);font-weight:950;letter-spacing:0;line-height:.8;pointer-events:none;white-space:nowrap;transform:translate(-50%);will-change:transform,opacity}.section-ghost-title.compact{top:-18px;font-size:min(10vw,150px);opacity:.72}.motion-card,.section-heading,.motion-reveal,.motion-parallax img,.motion-parallax video,.hero-image,.hero h1,.site-header{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.motion-reveal{overflow:hidden}.eyebrow{margin:0;color:var(--accent-2);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.site-header{position:fixed;top:28px;left:50%;z-index:9999;display:grid;width:min(calc(100% - 96px),var(--max));height:74px;grid-template-columns:260px 1fr 180px;align-items:center;padding:0 18px 0 24px;border:1px solid rgba(255,229,209,.22);border-radius:18px;background:linear-gradient(90deg,#a92c2394,#100c1fb8);box-shadow:0 18px 56px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:50%;font-size:15px;font-weight:900}.brand strong,.brand small{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;line-height:1.1}.nav-links{display:flex;justify-content:center;gap:54px;color:#ffffffc7;font-size:14px;font-weight:800}.nav-links a,.contact-button,.primary-link,.secondary-link{transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.nav-links a:hover{color:#fff}.contact-button,.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border-radius:12px;font-size:14px;font-weight:900}.contact-button{border:0;background:#ffc796;color:#2b1720}.contact-button:hover,.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.hero{min-height:100vh;overflow:hidden;isolation:isolate}.hero-image,.hero-scrim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hero-image{z-index:0}.hero-scrim{z-index:1;background:linear-gradient(90deg,#9c241c47,#0d091214 46%,#0908112e 78%),linear-gradient(to bottom,#00000014,#0000003d)}.hero:before{position:absolute;inset:0;z-index:2;pointer-events:none;content:"";background:#ffffff07;-webkit-backdrop-filter:blur(3px) saturate(1.08);backdrop-filter:blur(3px) saturate(1.08);mix-blend-mode:screen}.hero-inner{position:relative;z-index:3;display:grid;min-height:100vh;grid-template-columns:minmax(620px,.78fr) 1fr;align-items:center;padding:132px 0 80px}.hero-copy{padding-top:36px}.role-line{margin:94px 0 0;color:#fff;font-size:15px;font-weight:900;letter-spacing:.1em}.hero h1{position:relative;margin:-8px 0 6px;color:#fff;font-size:clamp(150px,16vw,272px);font-weight:950;letter-spacing:0;line-height:.8;text-shadow:0 24px 44px rgba(0,0,0,.28)}.hero h1 span{position:absolute;left:8%;bottom:.07em;color:#2f92ff;font-family:Bastliga One,Brush Script MT,Segoe Script,cursive;font-size:.34em;font-weight:400;line-height:1;letter-spacing:0;text-shadow:0 3px 0 rgba(15,68,174,.72),0 16px 24px rgba(0,0,0,.28);-webkit-text-stroke:1px rgba(78,158,255,.58);transform:rotate(-9deg) skew(-10deg)}.title-bar{width:min(560px,100%);margin-top:22px;padding:13px 28px;border-top:6px double rgba(255,255,255,.92);background:#ffe8d5e6;color:#432026;font-size:22px;font-weight:900;letter-spacing:.18em;text-align:center}.hero-text{width:560px;max-width:100%;margin:18px 0 0;color:#ffffffdb;font-size:15px;font-weight:800;line-height:1.8;text-transform:uppercase}.hero-panel{justify-self:end;align-self:end;display:grid;width:360px;gap:16px;margin-bottom:24px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0a08123d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dot-grid{display:grid;width:80px;grid-template-columns:repeat(4,10px);gap:12px}.dot-grid i{width:10px;height:10px;border-radius:50%;background:#ffffffd1}.dot-grid i:nth-child(n+9){opacity:.24}.hero-panel span,.portrait-caption span,.stat-item small,.project-body small,.record-panel small,.strength-card p,.contact-footer span{color:#ffffff75;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-panel strong{display:block;margin-top:7px;font-size:14px}.profile{position:relative;padding:72px 0 84px;background:linear-gradient(112deg,#150b14cc,#0c091cf2)}.profile-grid{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.portrait-card{position:relative;width:min(430px,100%);justify-self:center;padding:18px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;box-shadow:0 24px 70px #00000052}.portrait-card:before{position:absolute;inset:-70px auto auto -110px;z-index:-1;content:"PROFILE";color:#ffffff0d;font-size:142px;font-weight:950;letter-spacing:0}.portrait-card img{width:100%;aspect-ratio:.8;object-fit:cover;object-position:28% center}.profile-shot{width:min(430px,100%);padding:16px;border-radius:8px;overflow:hidden}.profile-shot img{aspect-ratio:.72;object-fit:cover;object-position:74% center}.portrait-caption{position:absolute;right:26px;bottom:26px;padding:16px 12px;background:#08070fd1;writing-mode:vertical-rl}.portrait-caption strong{margin-inline-start:8px;font-size:11px;letter-spacing:.16em}.profile-copy h2,.section-heading h2,.strengths-hero h2,.contact-inner h2{margin:0;font-weight:950;letter-spacing:0;line-height:.95}.profile-copy h2{margin-top:22px;color:var(--accent);font-size:82px}.profile-role{margin:14px 0 36px;color:#ffffffad;font-size:14px;font-weight:900}.lead{color:#fffffff0;font-size:22px;font-weight:850;line-height:1.72}.profile-copy p:not(.eyebrow,.profile-role,.lead){color:var(--muted);font-size:16px;font-weight:650;line-height:1.9}.profile-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.profile-meta a,.profile-meta span,.skill-pills span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0d;color:#ffffffc7;font-size:13px;font-weight:800}.skill-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-item{padding:42px 36px 36px;border-right:0}.stat-item strong{position:relative;display:block;width:max-content;margin-bottom:8px;color:#ffffffe0;font-size:74px;font-weight:950;line-height:.95}.stat-item strong sup{position:absolute;top:.02em;left:calc(100% + .08em);color:var(--accent);font-size:.27em;line-height:1}.stat-item:nth-child(2) strong{color:#ffffffc2}.stat-item:nth-child(3) strong{color:#ffffff94}.stat-item:nth-child(4) strong{color:#ffffff6b}.stat-item span{display:block;margin-bottom:7px;color:#ffffffa3;font-size:12px;font-weight:850}.experience{position:relative;overflow:hidden;padding:150px 0 28px;background:linear-gradient(112deg,#150b14cc,#0c091cf2)}.experience .page-shell{position:relative;z-index:1;padding-bottom:48px;border-bottom:1px solid rgba(255,226,205,.16)}.experience .section-heading{margin-bottom:0}.experience-timeline-section{position:relative;padding:0 0 54px;background:linear-gradient(112deg,#150b14cc,#0c091cf2)}.experience-timeline-section .page-shell{position:relative;z-index:1}.section-heading{display:grid;grid-template-columns:48px 1fr;gap:24px;align-items:start;margin-bottom:62px}.section-index{display:grid;width:34px;height:34px;place-items:center;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--accent-2);font-size:11px;font-weight:900}.section-heading h2{margin-top:18px;font-size:82px}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:70px 250px 300px 1fr;gap:36px;align-items:center;min-height:142px;padding:34px 0;border-bottom:1px solid var(--line)}.timeline-row:first-child{margin-inline:-14px;padding-inline:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#ffffff14,#ffffff09)}.timeline-no{color:#ffffff7a;font-size:12px;font-weight:900}.timeline-period{color:#ffffffb8;font-size:26px;font-weight:900}.timeline-row h3{margin:0 0 10px;font-size:30px;font-weight:950}.timeline-row p{margin:0}.timeline-row div p{color:var(--accent);font-size:13px;font-weight:850}.timeline-detail{color:var(--muted);font-size:15px;font-weight:700;line-height:1.9}.projects{padding:118px 0 130px;overflow:hidden}.projects-heading{position:relative;z-index:1;grid-template-columns:48px 1fr 390px;align-items:end}.projects-heading h2{max-width:360px;color:#ffedcf;font-size:88px}.projects-heading h2 span{display:block;margin-left:102px;color:#ffd37a}.heading-note,.projects-tools p{margin:0 0 18px;color:var(--muted);font-size:16px;font-weight:750;line-height:1.8}.projects-tools{position:relative;z-index:1;justify-self:end;width:min(390px,100%)}.projects-tools button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:214px;min-height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0a;color:#ffffffeb;font-size:13px;font-weight:900}.project-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) .62fr;grid-template-areas:"media info" "rail rail";gap:0;width:min(1180px,100%);margin:72px auto 0;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(135deg,#ffffff14,#ffffff06),#100c1cb8;box-shadow:0 26px 80px #0000005c}.stage-media{grid-area:media;position:relative;display:grid;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:4px 0 0 4px;background:#000}.stage-media:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:#0000002e}.stage-media img,.stage-media video{position:relative;z-index:2;display:block;width:var(--media-display-width, 100%);height:var(--media-display-height, 100%);object-fit:fill;object-position:center center;background:#000;filter:saturate(.95) contrast(1.02);transform:none!important}.stage-media .stage-media-bg{position:absolute;inset:auto;z-index:0;width:var(--media-bg-width, 100%);height:var(--media-bg-height, 100%);object-fit:fill;object-position:center center;filter:blur(22px) saturate(1.18) brightness(.72);opacity:.78;transform:scale(1.03)!important}.stage-media.media-wide img,.stage-media.media-wide video{width:var(--media-display-width, 100%);height:var(--media-display-height, 100%);object-fit:fill}.stage-media.media-square img,.stage-media.media-square video,.stage-media.media-portrait img,.stage-media.media-portrait video{width:var(--media-display-width, 100%);height:var(--media-display-height, 100%);object-fit:fill}.stage-media.media-square .stage-media-bg,.stage-media.media-portrait .stage-media-bg{width:var(--media-bg-width, 100%);height:var(--media-bg-height, 100%)}.play-button,.float-icon,.icon-badge{display:inline-grid;place-items:center;border:0}.play-button{position:absolute;z-index:3;left:32px;bottom:28px;grid-auto-flow:column;gap:10px;min-width:104px;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#100c1c6b;color:#fff5e7f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;font-weight:950;letter-spacing:.08em}.float-icon{position:absolute;z-index:3;top:24px;right:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#100c1c6b;color:#fff5e7f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-info{grid-area:info;display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:42px 34px;border:1px solid rgba(255,255,255,.14);border-left:0;border-radius:0 4px 4px 0;background:#0d0a175c}.stage-info>span,.stage-info>strong{color:var(--accent-2);font-size:13px;font-weight:950}.stage-info small{margin-top:72px;color:#ffffff6b;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stage-info h3{margin:8px 0 10px;font-size:48px;font-weight:950}.stage-info p{margin:0;color:var(--muted);font-size:14px;font-weight:700;line-height:1.75}.stage-info .stage-desc{margin-top:22px}.editable-text{border-radius:6px;outline:0;transition:background .16s ease,box-shadow .16s ease}.editable-text:hover,.editable-text:focus{background:#ffffff0e;box-shadow:0 0 0 8px #ffffff0e}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px}.project-tags span{min-height:28px;padding:7px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffffff8a;font-size:11px;font-weight:800}.project-rail{grid-area:rail;display:grid;grid-template-columns:148px 44px minmax(560px,760px) 44px 128px;gap:16px;align-items:center;justify-content:center;padding:26px 0 0}.project-rail small{display:block;margin-bottom:8px;color:#ffffff5c;font-size:11px;font-weight:900;letter-spacing:.13em}.project-rail strong{font-size:17px;font-weight:950}.project-rail>button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#08080f9e}.project-rail .add-project-button{display:inline-flex;width:auto;min-width:128px;padding:0 18px;border-radius:999px;background:#ffffff0f;color:#ffffffe6;font-size:13px;font-weight:900}.thumb-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.thumb-list button{overflow:hidden;min-height:72px;padding:0;border:2px solid transparent;border-radius:2px;background:#ffffff12}.thumb-list button.active{border-color:var(--accent)}.thumb-list img{width:100%;height:72px;object-fit:cover;opacity:.74}.thumb-list button.active img,.thumb-list button:hover img{opacity:1}.upload-status{width:min(1180px,100%);margin:18px auto 0;color:var(--accent-2);font-size:13px;font-weight:900}.strengths{position:relative;padding:116px 0 130px;background:radial-gradient(circle at 28% 38%,rgba(96,137,216,.16),transparent 28rem),linear-gradient(112deg,#18111cb8,#0a0917f5)}.strengths-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:end;margin-bottom:58px}.strengths-hero h2{margin-top:18px;max-width:720px;font-size:94px}.strengths-hero h2 span{display:block;color:var(--blue)}.strengths-hero>p{margin:0 0 20px;color:var(--muted);font-size:16px;font-weight:800;line-height:1.9}.record-panel{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0e;overflow:hidden}.record-panel>*{min-height:180px;padding:36px;border-right:1px solid rgba(255,255,255,.1)}.record-panel>*:last-child{border-right:0}.record-panel p{display:flex;align-items:end;margin:0;color:#ffffffc7;font-size:16px;font-weight:800;line-height:1.9}.record-panel strong{display:block;font-size:64px;font-weight:950;line-height:1}.record-panel strong span{margin-left:4px;color:var(--accent);font-size:18px;vertical-align:1.4em}.record-panel small{display:block;margin-top:44px;line-height:1.5}.strength-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:96px}.strength-card{position:relative;min-height:300px;padding:150px 30px 34px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:radial-gradient(circle at 92% 12%,rgba(102,150,255,.2),transparent 9rem),linear-gradient(135deg,#ffffff12,#ffffff06)}.strength-card:nth-child(2n){background:radial-gradient(circle at 88% 14%,rgba(255,112,85,.19),transparent 10rem),linear-gradient(135deg,#ffffff0f,#ffffff06)}.card-no{position:absolute;top:28px;left:30px;color:#ffffff42;font-size:12px;font-weight:900}.icon-badge{position:absolute;top:28px;right:30px;width:46px;height:46px;border-radius:50%;background:#ffffffed;color:#3975e7}.strength-card h3{margin:12px 0 16px;font-size:32px;font-weight:950}.strength-card small{display:block;color:#ffffffa8;font-size:15px;font-weight:750;line-height:1.8}.contact-section{min-height:100vh;display:grid;align-items:center;overflow:hidden;isolation:isolate;background:#080711}.contact-section>.section-ghost-title{z-index:2;top:76px;color:#ffffff0f}.contact-section:before{position:absolute;inset:0;z-index:1;content:"";background:radial-gradient(circle at 24% 46%,rgba(227,56,43,.26),transparent 31rem),linear-gradient(90deg,#0907114d,#090711c7)}.contact-section:after{position:absolute;inset:-10px;z-index:0;content:"";background:url(/assets/contact-bottom.png) center / cover;filter:blur(2px);opacity:.9;transform:scale(1.02)}.contact-inner{position:relative;z-index:3}.contact-inner h2{width:min(1020px,100%);margin-top:26px;font-size:104px}.contact-inner>p:not(.eyebrow){width:760px;max-width:100%;margin:34px 0 0;color:#ffffffc4;font-size:20px;font-weight:750;line-height:1.9}.contact-actions{display:flex;gap:16px;margin-top:50px}.primary-link{border:0;padding:0 30px;background:#ffc796;color:#24131a}.secondary-link{min-width:136px;padding:0 24px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f}.contact-footer{display:flex;justify-content:space-between;margin-top:130px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#04040aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-modal{position:relative;width:min(520px,calc(100vw - 48px));padding:42px;border:1px solid rgba(255,226,205,.22);border-radius:16px;background:radial-gradient(circle at 18% 8%,rgba(255,144,104,.22),transparent 16rem),#0e0a19f5;box-shadow:0 28px 90px #00000085}.contact-modal h2{margin:14px 0 28px;font-size:44px;font-weight:950;letter-spacing:0}.modal-close{position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0f}.contact-list{display:grid;gap:14px}.contact-list>*{display:grid;grid-template-columns:28px 96px 1fr;gap:12px;align-items:center;min-height:64px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0e}.contact-list span{color:#ffffff7a;font-size:13px;font-weight:850}.contact-list strong{font-size:17px;font-weight:900}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:1380px){body{min-width:1100px}.hero-inner{grid-template-columns:.8fr .2fr}.profile-grid{gap:72px}.project-stage{width:100%}.stage-info h3{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-card,.section-heading,.motion-reveal,.motion-parallax img,.motion-parallax video,.hero-image,.hero h1,.site-header{will-change:auto}}