:root{--bg:#060d19;--panel:#0c1728;--ink:#eff4fc;--muted:#a0aec1;--line:#213047;--blue:#4285ff;--cyan:#83d9ed;color-scheme:dark;font-family:Sora,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#102b4c 0,transparent 42%),var(--bg);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-weight:600;letter-spacing:-.04em;font-size:20px}.wordmark span{color:var(--cyan)}.nav-links{display:flex;gap:30px;font-size:13px;color:var(--muted)}.nav-links a:hover,footer a:hover{color:var(--cyan)}.hero{min-height:690px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:80px;padding:90px 0}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.eyebrow.dot:before{content:'';display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:10px}h1{font-size:clamp(44px,5.6vw,72px);letter-spacing:-.065em;font-weight:600;line-height:1.09;margin:24px 0}h1 span{color:var(--cyan)}.intro{max-width:480px;color:var(--muted);font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1px solid var(--line);border-radius:7px;padding:12px 20px;font-size:12px;font-weight:400;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#172b45}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#286ae0}.identity{position:relative;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid #30445f;border-radius:160px 160px 18px 18px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#204b73,transparent 68%),#0c1a2c;box-shadow:24px 24px 0 -1px var(--bg),24px 24px 0 0 var(--line)}.identity-top{align-self:center;margin-top:30px;font-size:10px;letter-spacing:.22em;color:var(--muted)}.initials{font-size:clamp(90px,13vw,170px);font-weight:300;line-height:1;letter-spacing:-.1em;text-align:center;color:#b5dfef}.identity-bottom{border-top:1px solid #3b526b;padding-top:20px;display:flex;align-items:center;gap:14px}.identity-bottom img{width:42px;height:42px;border-radius:50%}.identity-bottom strong{display:block;font-size:13px;font-weight:400}.identity-bottom small{color:var(--muted);font-size:10px}.section{padding:90px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:38px}h2{font-weight:400;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.2;margin:14px 0 0}.section-number{font-size:12px;color:var(--muted)}.work{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.brand-stage{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse,#14395b,transparent 75%),#081221;border-right:1px solid var(--line)}.brand-stage img{width:180px;height:180px;border-radius:50%;box-shadow:0 0 70px #3277cc26}.brand-stage span{color:var(--muted);font-size:10px;letter-spacing:.18em}.work-copy{padding:46px}h3{font-size:29px;letter-spacing:-.04em;font-weight:400;margin:16px 0}.work-copy p,.story p{color:var(--muted);font-size:14px}.facts{margin:25px 0 0;border-top:1px solid var(--line)}.facts div{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.facts dt{color:var(--muted)}.facts dd{margin:0}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;color:var(--cyan);padding:18px 0 5px}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story p:first-child{margin-top:0}.story .signature{color:var(--ink);font-size:18px;margin-bottom:0}.contact{padding:60px;border:1px solid #2c425c;border-radius:16px;background:radial-gradient(ellipse at top right,#173859,transparent 65%),var(--panel)}.contact h2{max-width:600px;font-size:clamp(34px,5vw,58px)}.contact p{color:var(--muted);max-width:530px;font-size:14px}.email{display:inline-block;margin-top:20px;font-size:clamp(16px,2.8vw,30px);letter-spacing:-.03em;border-bottom:1px solid var(--cyan);padding-bottom:8px;overflow-wrap:anywhere}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.socials{display:flex;gap:24px;font-size:12px;color:var(--muted)}.copy{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:7px;padding:12px 16px;min-height:44px;font-size:11px;cursor:pointer}.copy:hover{border-color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 36px;color:var(--muted);font-size:10px}.reveal{animation:arrive .8s ease-out both}.identity{animation-delay:.15s}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1400px){.hero{min-height:760px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{gap:35px;min-height:auto;padding:70px 0}.identity{padding:22px}.identity-top{font-size:8px}.work-copy{padding:28px}.brand-stage{min-height:350px}.story{gap:40px}.contact{padding:36px}}@media(max-width:580px){nav{min-height:74px}.wordmark{font-size:17px}.nav-links{gap:16px;font-size:11px}.hero{grid-template-columns:1fr;padding:56px 0 65px;gap:48px}h1{font-size:49px}.identity{width:80%;max-width:330px;margin:0 auto 22px;aspect-ratio:1}.identity-top{margin-top:10px}.initials{font-size:110px}.section{padding:56px 0}.section-heading{margin-bottom:28px}.work{grid-template-columns:1fr}.brand-stage{min-height:270px;border-right:0;border-bottom:1px solid var(--line)}.brand-stage img{width:140px;height:140px}.work-copy{padding:28px}.story{grid-template-columns:1fr;gap:28px}.contact{padding:27px 22px}.contact-bottom{align-items:start;flex-direction:column;gap:24px}.button{padding:12px 16px}.actions{gap:10px}.socials a{padding:10px 0}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.identity{padding:0;border-radius:18px;isolation:isolate}
.identity .portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% 42%;z-index:-2}
.identity:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(4,11,22,.93));z-index:-1}
.identity-bottom{margin-top:auto;padding:22px;border:0}
.identity-bottom small{color:#c4d1df}
.brand-stage{position:relative;min-height:530px;overflow:hidden}
.brand-stage img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center;box-shadow:none}
.offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.offerings article{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:26px}
.offerings h3{font-size:19px;line-height:1.4;margin:15px 0 12px}
.offerings p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:800px){.offerings{gap:12px}.offerings article{padding:20px}.identity{padding:0}}
@media(max-width:580px){.identity{width:100%;max-width:380px;aspect-ratio:4/5;padding:0}.offerings{grid-template-columns:1fr}.brand-stage{min-height:440px}.section-number{white-space:nowrap;font-size:10px}}

.inline-link{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.roles{margin:26px 0 0;font-size:12px}
.roles div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.roles dt{color:var(--muted)}.roles dd{margin:0;text-align:right}

.gallery-intro{color:var(--muted);font-size:14px;max-width:650px;margin:0 0 28px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.gallery-card.featured{grid-column:1/-1}.screenshot{display:block;position:relative;width:100%;padding:0;border:0;background:#102134;cursor:zoom-in;overflow:hidden;color:white}.screenshot img{display:block;width:100%;height:auto;aspect-ratio:1920/920;object-fit:contain;transition:transform .3s}.screenshot:hover img{transform:scale(1.02)}.screenshot span{position:absolute;right:12px;bottom:12px;padding:7px 12px;background:#060d19e8;border:1px solid #3a5169;border-radius:6px;font-size:10px}.gallery-copy{padding:22px 26px}.gallery-copy h3{font-size:20px;margin:0 0 8px}.gallery-copy p,.experience-grid p{color:var(--muted);font-size:13px;margin:0}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.experience-grid article{border-top:1px solid var(--line);padding-top:24px}.experience-grid h3{font-size:20px;line-height:1.4}.image-dialog{width:min(1400px,96vw);max-height:94vh;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}.image-dialog::backdrop{background:#020610e8}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dialog-bar h2{font-size:18px;margin:0}.image-dialog img{display:block;width:100%;height:auto}.image-dialog .copy{min-width:70px}@media(max-width:580px){.gallery,.experience-grid{grid-template-columns:1fr}.gallery-card.featured{grid-column:auto}.gallery-copy{padding:20px}.section-heading{flex-wrap:wrap}.image-dialog{padding:10px}}

#copy-status{font-size:12px;color:var(--cyan)}

.socials{flex-wrap:wrap}.contact-bottom>*{min-width:0}.copy{flex-shrink:0}

.identity .portrait-slide{object-position:50% 35%;opacity:0;transition:opacity .7s ease;pointer-events:none}
.identity .portrait-slide.is-active{opacity:1}
.portrait-toggle{position:absolute;top:14px;right:14px;border:1px solid #ffffff55;border-radius:6px;background:#060d19bb;color:white;font:inherit;font-size:10px;padding:9px 12px;min-height:44px;cursor:pointer}
.portrait-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}