@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07080b;--surface:#101116;--ink:#f2f2f5;--muted:#a5a7b2;--line:#282a34;--accent:#bac5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#c0c9f9;color:#08090d}.wrap{width:min(1320px,calc(100% - 100px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:600;color:var(--muted)}header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 83%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:22px}.wordmark{font:800 1.1rem/1.2 Manrope,Arial,sans-serif;letter-spacing:-.06em}.wordmark span{display:block;color:var(--muted);font:400 .75rem/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.03em;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:.875rem}nav>a:hover{color:var(--accent)}.nav-contact{padding:10px 20px;border:1px solid var(--line);border-radius:50px}#theme{border:1px solid var(--line);border-radius:50%;height:40px;width:40px;background:transparent;font-size:20px}.hero{position:relative;min-height:760px;isolation:isolate;overflow:hidden;background:#06070b;color:#f2f2f5}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-inner{min-height:760px;display:flex;flex-direction:column;justify-content:space-between;padding-top:105px;padding-bottom:40px}.hero-copy{max-width:850px}.hero-copy>.eyebrow{color:#bbc0ce}.hero h1{font:600 clamp(3.8rem,6.9vw,7rem)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 27px;text-shadow:0 4px 40px #000}.hero em{font-style:normal;color:#c7ccda}.hero-copy>p{color:#b7bac7;max-width:505px;font-size:1.125rem}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-block;padding:14px 24px;border-radius:4px;background:#f2f2f5;color:#111219;font-weight:600;font-size:.875rem}.button:hover{background:#cbd2f3}.text-link{font-size:.875rem;border-bottom:1px solid #6c7183;padding:6px 0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:90px;color:#999dab;font-size:.875rem}.hero-stat{display:flex;align-items:center;gap:16px}.hero-stat strong{font:500 3rem/1 Manrope;color:#f2f2f5;letter-spacing:-.07em}.hero-stat span{font-size:.75rem;line-height:1.5}.scroll-label{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.motion{position:absolute;right:50px;bottom:104px;background:#11131a99;border:1px solid #363945;border-radius:30px;padding:5px 12px;font-size:.75rem;color:#b8bcc9}.discipline-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;text-align:center;font-size:.75rem;letter-spacing:.22em;color:var(--muted)}.discipline-bar span{padding:0 30px;color:#686c7c}.section{padding-top:115px;padding-bottom:115px}.section-heading{margin-bottom:55px}.section-heading h2,h2{font:500 clamp(2.8rem,4.9vw,5rem)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:22px 0}h2 em{font-style:normal;color:var(--muted)}.section-heading>p{max-width:510px;color:var(--muted);margin-top:28px}h3{font:600 1.4rem/1.25 Manrope,Arial,sans-serif;letter-spacing:-.035em}p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.about-intro h3{font-size:2rem;margin:15px 0 25px}.about-intro p{line-height:1.8}.about-notes>div{border-top:1px solid var(--line);padding:24px 0 12px}.about-notes span{font-size:.875rem;font-weight:600}.about-notes p{margin-top:10px}.ventures-section,.approach-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.group-banner{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:50px;padding:25px 50px 25px 20px;border:1px solid var(--line);border-radius:12px;background:#08090d;color:#f2f2f5;margin-bottom:28px}.group-banner img{width:100%;height:240px;object-fit:contain}.group-banner h3{font-size:2.5rem;margin:10px 0 15px}.group-banner p{max-width:600px;color:#a5a7b2}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:.75rem;line-height:1.4;padding:7px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.group-banner .tags span{color:#a5a7b2;border-color:#282a34}.venture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.venture{border:1px solid var(--line);padding:30px;border-radius:10px;transition:transform .3s,border-color .3s;background:var(--bg)}.venture:hover{transform:translateY(-5px);border-color:#686f8b}.venture-top{display:flex;flex-direction:column;gap:25px}.monogram{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;font:700 1.5rem Manrope;letter-spacing:-.1em;background:var(--surface)}.venture h3{font-size:1.6rem;margin-top:25px}.venture p{min-height:120px}.venture-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:.75rem;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.skill{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.skill-art{height:215px;background-color:#0a0a0c;background-image:url('skill-posters.png');background-size:300% 300%;background-position:var(--px) var(--py);border-bottom:1px solid var(--line)}.skill-copy{padding:28px}.skill-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.skill-label svg{width:22px;height:22px;flex-shrink:0;color:var(--ink)}.skill h3{margin-top:24px;min-height:55px}.skill p{margin-bottom:24px;min-height:155px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process article{border-top:1px solid var(--line);padding-top:25px}.process article>span{font-size:.875rem;color:var(--muted)}.process h3{font-size:1.6rem}.working{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.working h2{font-size:clamp(2.5rem,4vw,4.5rem)}.working p{max-width:560px}.collaborations>div{border-top:1px solid var(--line);padding:12px 0}.collaborations h3{font-size:1.2rem}.contact{padding:110px 0 40px;background:var(--surface);border-top:1px solid var(--line)}.contact h2{font-size:clamp(2.8rem,6.5vw,6.4rem)}.contact-links{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:45px}.contact-links a{border:1px solid var(--line);padding:25px 30px;border-radius:8px;transition:background .25s}.contact-links a:hover{background:var(--bg)}.contact-links small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:10px}.contact-links strong{font:500 clamp(1rem,1.8vw,1.65rem) Manrope;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:90px;padding-top:30px;color:var(--muted);font-size:.75rem}.reveal{opacity:1}.motion-enabled .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion-enabled .reveal.visible{opacity:1;transform:none}body.light{color-scheme:light;--bg:#f6f7fb;--surface:#e9ecf3;--ink:#11131a;--muted:#555c6b;--line:#ccd1dc;--accent:#3c507f}
@media(min-width:1500px){.hero,.hero-inner{min-height:850px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.skill-grid,.venture-grid{grid-template-columns:repeat(2,1fr)}nav{gap:18px}.hero h1{font-size:7.5vw}.skill p{min-height:125px}.process{grid-template-columns:repeat(2,1fr)}.about-grid,.working{gap:6%}.motion{right:32px}.discipline-bar span{padding:0 14px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px}.wordmark{font-size:.9rem}nav{gap:12px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:.75rem;padding:8px 12px}#theme{width:32px;height:32px}.hero,.hero-inner{min-height:760px}.hero-inner{padding-top:90px}.hero h1{font-size:clamp(3.1rem,10vw,4.5rem);line-height:1.1}.hero-copy>.eyebrow{font-size:.7rem;letter-spacing:.09em}.hero-copy>p{font-size:1rem;max-width:380px}.hero-bottom{align-items:flex-end;gap:14px}.hero-bottom>span{max-width:150px}.hero-stat strong{font-size:2.5rem}.scroll-label{display:none}.actions{gap:22px;flex-wrap:wrap}.motion{right:18px;bottom:120px}.discipline-bar{font-size:.65rem;letter-spacing:.07em}.discipline-bar span{padding:0 8px}.section{padding-top:75px;padding-bottom:75px}.section-heading h2,h2{font-size:2.8rem}.section-heading{margin-bottom:35px}.about-grid,.working{grid-template-columns:1fr;gap:30px}.group-banner{grid-template-columns:1fr;gap:0;padding:25px}.group-banner img{height:170px;width:200px;margin:auto}.group-banner h3{font-size:2rem}.venture-grid,.skill-grid{grid-template-columns:1fr}.venture p,.skill p,.skill h3{min-height:0}.skill-art{height:auto;aspect-ratio:1.5}.skill-copy,.venture{padding:26px}.process{gap:22px}.process h3{font-size:1.4rem}.contact{padding-top:75px}.contact-links{grid-template-columns:1fr}.contact-links a{padding:24px}.contact h2{font-size:2.9rem}footer{margin-top:65px;align-items:flex-start;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}
/* Optical glass: translucent layers, luminous rims, and a restrained liquid reflection. */
:root{--glass:rgba(24,28,43,.52);--glass-line:rgba(210,220,255,.19);--glass-shadow:0 20px 70px rgba(0,0,0,.18);--glass-highlight:rgba(255,255,255,.12)}body{background:radial-gradient(ellipse at 90% 30%,#12172a 0,transparent 38%),radial-gradient(ellipse at 0% 65%,#10182a 0,transparent 35%),var(--bg)}header{background:rgba(13,16,27,.58);border-bottom-color:var(--glass-line);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}.header-inner{min-height:84px}.nav-contact,#theme,.button,.motion{border-radius:100px}.nav-contact,#theme,.motion{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border-color:var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-highlight)}.button{box-shadow:0 8px 30px #b7c9ff19,inset 0 1px 0 #fff8}.hero h1 em{background:linear-gradient(110deg,#edf2ff,#acbdec 55%,#f2f4ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{background:linear-gradient(120deg,rgba(17,23,38,.45),rgba(17,23,38,.08));backdrop-filter:blur(5px);border-left:1px solid #ccd8ff3d;padding:16px 20px;border-radius:0 18px 18px 0}.hero-stat{padding:18px 26px;border:1px solid #e1e9ff29;border-radius:25px;background:linear-gradient(140deg,#e1ebff12,#bdccff04);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff2}.hero-bottom{margin-top:65px}.ventures-section,.approach-section,.contact{background:linear-gradient(140deg,rgba(23,29,48,.4),rgba(11,14,24,.35));border-color:var(--glass-line)}.venture,.skill,.group-banner,.contact-links a,.about-notes>div,.collaborations>div{background:linear-gradient(135deg,rgba(210,225,255,.07),rgba(116,144,214,.025)),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:26px}.venture,.skill{position:relative;transition:transform .35s,border-color .35s,box-shadow .35s}.venture:hover,.skill:hover{transform:translateY(-6px);border-color:rgba(217,229,255,.42);box-shadow:0 24px 70px #0004,inset 0 1px 0 #fff4}.skill-art{border-radius:25px 25px 0 0;opacity:.92}.skill-copy{padding-top:24px}.skill-copy h3{min-height:55px}.skill-copy p{min-height:155px}.experience-label{display:inline-block;margin-bottom:18px;border:1px solid var(--glass-line);border-radius:40px;background:#dae4ff09;padding:6px 11px;font-size:.75rem;color:var(--accent)}.card-open{position:absolute;inset:0;z-index:3;background:transparent;border:0;border-radius:inherit;width:100%;height:100%;cursor:pointer}.profile-card:has(.card-open:focus-visible){outline:2px solid var(--accent);outline-offset:5px}.card-open:focus-visible{outline:none}.card-hint{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 0;padding-top:18px;border-top:1px solid var(--glass-line);color:var(--ink);font-size:.875rem}.card-hint span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--glass-line);border-radius:50%;font-size:1.1rem}.venture-bottom{border:0;padding-top:15px;margin-top:10px}.monogram{border-radius:21px;background:linear-gradient(135deg,#e2ebff1c,#809ddd07);border-color:var(--glass-line);box-shadow:inset 0 1px 0 #fff2}.group-banner{background:linear-gradient(135deg,#242c4655,#0d101b88);padding-top:30px;padding-bottom:30px}.group-banner .card-hint{max-width:500px}.about-notes>div,.collaborations>div{padding:24px;margin-bottom:15px}.about-experience{display:flex;align-items:center;gap:22px;margin:20px 0 35px;padding:22px 26px;border:1px solid var(--glass-line);border-radius:25px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight)}.about-experience strong{font:600 2.1rem Manrope;white-space:nowrap}.about-experience span{font-size:.875rem;color:var(--muted)}.tags span{border-radius:35px;background:#d5e0ff06;border-color:var(--glass-line)}.process article{border-radius:20px;padding:26px;border:1px solid var(--glass-line);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight)}.contact-links a{border-radius:22px}.dialog-open{overflow:hidden}#profile-dialog{width:min(940px,calc(100% - 36px));max-height:90dvh;margin:auto;border:1px solid rgba(218,230,255,.3);border-radius:32px;padding:0;color:var(--ink);background:linear-gradient(130deg,rgba(37,45,69,.92),rgba(12,16,28,.95));backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);box-shadow:0 40px 150px #0009,inset 0 1px 0 #fff3;overflow:auto;overscroll-behavior:contain}#profile-dialog::backdrop{background:#030611a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#profile-dialog[open]{animation:profile-appear .3s ease-out}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 40px;border-bottom:1px solid var(--glass-line)}.dialog-close{border:1px solid var(--glass-line);border-radius:50px;background:#dce8ff0a;padding:9px 17px;font-size:.875rem;display:flex;align-items:center;gap:16px}.dialog-close:hover{background:#dce8ff1a}.dialog-close span{font-size:1.3rem;line-height:1}.profile-heading{padding:45px 50px 35px}.profile-heading h2{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1}.profile-lead{font-size:1.2rem;max-width:690px;line-height:1.6}.profile-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.profile-badges span{font-size:.875rem;padding:8px 13px;border:1px solid var(--glass-line);border-radius:30px;background:#d5e0ff08}.story-section,.knowledge-section,.application-section,.business-context{padding:35px 50px;border-top:1px solid var(--glass-line)}.story-section>h3,.knowledge-section>h3{font-size:1.9rem;line-height:1.25;margin-top:18px}.story-section>p{font-size:1.0625rem;line-height:1.8}.story-step{display:grid;grid-template-columns:40px 1fr;gap:20px;padding-top:24px}.step-index{color:var(--accent);font-size:.875rem;padding-top:3px}.story-step h4{font:600 1.15rem Manrope;margin:0 0 12px}.story-step p{margin-top:0;line-height:1.85}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.detail-item{padding:22px;border:1px solid var(--glass-line);border-radius:20px;background:linear-gradient(135deg,#c9dbff0c,#8db1ff03);box-shadow:inset 0 1px 0 #fff1}.detail-item h3{font-size:1.0625rem;margin:0 0 12px;letter-spacing:-.02em}.detail-item p{margin:0;font-size:1rem;line-height:1.7}.application-section p{font-size:1.125rem}.application-section blockquote{margin:28px 0 0;padding:20px 24px;border-left:2px solid var(--accent);background:#bfd5ff08;border-radius:0 18px 18px 0;font:500 1.45rem/1.5 Manrope;letter-spacing:-.02em}.business-context{display:grid;gap:22px}.business-context p{margin:10px 0 0;font-size:1.0625rem}.profile-note{margin:0 50px 35px;color:var(--muted);font-size:.875rem;line-height:1.7}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 50px 35px;border-top:1px solid var(--glass-line)}@keyframes profile-appear{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}body.light{--glass:rgba(250,252,255,.57);--glass-line:rgba(60,78,119,.2);--glass-shadow:0 20px 60px rgba(40,61,109,.08);--glass-highlight:rgba(255,255,255,.85);background:radial-gradient(ellipse at 90% 30%,#dfe6fa 0,transparent 38%),radial-gradient(ellipse at 0% 65%,#dce9fb 0,transparent 35%),var(--bg)}body.light header{background:rgba(247,250,255,.65)}body.light .ventures-section,body.light .approach-section,body.light .contact{background:#e5ecf640}body.light .group-banner{background:linear-gradient(135deg,#edf3ffb0,#dce6f680);color:var(--ink)}body.light .group-banner img{background:#07080b;border-radius:24px}body.light .group-banner p,body.light .group-banner .tags span{color:var(--muted)}body.light #profile-dialog{background:linear-gradient(130deg,rgba(246,250,255,.97),rgba(228,235,248,.97));border-color:#fff9;box-shadow:0 40px 150px #24395740,inset 0 1px 0 #fff}body.light #profile-dialog::backdrop{background:#18325455}
@media(max-width:1050px){.skill-copy p{min-height:135px}.process{gap:18px}}@media(max-width:700px){.header-inner{min-height:78px}.hero-stat{padding:12px 16px;border-radius:20px;gap:12px}.hero-copy>p{padding:12px 16px}.skill-copy p,.skill-copy h3{min-height:0}.about-experience{padding:18px;gap:16px}.about-experience strong{font-size:1.6rem}.about-experience span{font-size:.75rem}.process{grid-template-columns:1fr}.group-banner{padding:26px}.dialog-toolbar{padding:18px 22px;gap:12px}.dialog-toolbar .eyebrow{font-size:.65rem;letter-spacing:.07em}.profile-heading{padding:28px 24px}.profile-heading h2{font-size:2.35rem}.profile-lead{font-size:1.0625rem}.profile-badges span{font-size:.75rem}.story-section,.knowledge-section,.application-section,.business-context{padding:28px 24px}.story-section>h3,.knowledge-section>h3{font-size:1.6rem}.story-step{grid-template-columns:25px 1fr;gap:13px}.detail-grid{grid-template-columns:1fr}.profile-note{margin:0 24px 28px}.dialog-footer{padding:24px;flex-direction:column;align-items:stretch}.dialog-footer>*{text-align:center;justify-content:center}#profile-dialog{border-radius:25px;width:calc(100% - 22px);max-height:94dvh}.contact-links a{padding:24px}.application-section blockquote{font-size:1.2rem}}
.dialog-toolbar{position:sticky;top:0;z-index:2;background:rgba(21,28,45,.9);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}body.light .dialog-toolbar{background:rgba(241,246,254,.9)}@media(prefers-reduced-motion:reduce){#profile-dialog[open]{animation:none}.skill:hover,.venture:hover{transform:none}}
