:root{color-scheme:dark;--ink:#090a10;--panel:#11131d;--violet:#9675ff;--blue:#7186ff;--line:rgba(255,255,255,.1);--muted:#a1a1ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{min-width:320px;margin:0;background:var(--ink);color:#f7f7fb;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(9,10,16,.94);backdrop-filter:blur(16px)}.nav-shell{width:min(1160px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--blue));font:500 16px 'DM Mono',monospace}.brand-light{color:#a99aff}.site-menu{display:flex;align-items:center;gap:8px}.site-menu a{padding:10px 14px;border:1px solid transparent;border-radius:8px;color:#a4a4b1;font-size:13px;transition:color .18s,border-color .18s,background .18s}.site-menu a:hover,.site-menu a.active{border-color:#ffffff12;background:#ffffff08;color:#fff}.site-menu a[aria-current=page]{color:#d2c6ff}.menu-toggle{display:none}.home-hero{width:min(1160px,calc(100% - 48px));min-height:630px;margin:auto;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:80px;padding:65px 0 82px}.hero-copy{max-width:610px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:#b8a8ff;font:500 10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.status-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#89d8ad;box-shadow:0 0 12px #89d8ad88}.hero-copy h1,.page-hero h1{margin:24px 0 20px;font-size:clamp(48px,6vw,78px);font-weight:750;line-height:1.03;letter-spacing:-.075em}.gradient-text{background:linear-gradient(115deg,#b49dff,#8294ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{max-width:545px;margin:0;color:#a4a5b1;font-size:16px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button-primary,.button-secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650;transition:transform .18s,background .18s,border-color .18s}.button-primary{background:linear-gradient(120deg,#8c69f0,#637af2);box-shadow:0 8px 22px #7762eb36}.button-primary:hover{transform:translateY(-2px);box-shadow:0 11px 30px #7762eb57}.button-secondary{border-color:#ffffff1e;background:#ffffff06;color:#e7e5ee}.button-secondary:hover{transform:translateY(-2px);border-color:#a48eff77;background:#ffffff0d}.button-primary:focus-visible,.button-secondary:focus-visible,.site-menu a:focus-visible,.text-link:focus-visible,.contact-links a:focus-visible{outline:2px solid #b7a5ff;outline-offset:3px}.hero-footnote{display:flex;align-items:center;gap:9px;margin:31px 0 0;color:#797b89;font:10px 'DM Mono',monospace}.hero-footnote .status-dot{width:6px;height:6px}.portrait-wrap{position:relative;width:min(100%,410px);height:468px;justify-self:center;display:flex;align-items:flex-end;justify-content:center}.portrait-halo{position:absolute;inset:30px 0 4px;border:1px solid #9675ff35;border-radius:48% 48% 18px 18px;background:radial-gradient(ellipse at 48% 28%,#997aff29,transparent 58%),linear-gradient(160deg,#171725,#11121a 75%)}.founder-portrait{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 40px #0008)}.portrait-caption{position:absolute;z-index:2;bottom:23px;left:-27px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ffffff1a;border-radius:9px;background:#11121aee;box-shadow:0 12px 30px #0005}.caption-mark{color:#bdadff;font:16px 'DM Mono',monospace}.portrait-caption strong,.portrait-caption small{display:block}.portrait-caption strong{font-size:11px}.portrait-caption small{margin-top:4px;color:#9b9ca8;font-size:9px}.portrait-index{position:absolute;right:2px;top:13px;color:#898998;font:10px 'DM Mono',monospace}.content-width{width:min(1040px,calc(100% - 48px));margin-right:auto;margin-left:auto}.home-intro{display:grid;grid-template-columns:1fr .8fr;gap:70px;padding:78px 0;border-top:1px solid var(--line)}.home-intro h2,.section-top h2,.home-contact h2,.about-story h2,.contact-message h2{margin:15px 0 0;font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.06em}.intro-copy{align-self:end;color:#a0a1ad;font-size:14px;line-height:1.8}.intro-copy p{margin:0 0 16px}.text-link{display:inline-flex;align-items:center;gap:9px;color:#d6ccff;font-size:12px;font-weight:650}.text-link:hover{color:#fff}.home-work{padding:10px 0 84px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-top h2{font-size:28px}.featured-project{position:relative;display:grid;grid-template-columns:240px 1fr;min-height:220px;align-items:center;gap:34px;padding:24px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(115deg,#151522,#101117);transition:border-color .2s,transform .2s}.featured-project:hover{transform:translateY(-3px);border-color:#9675ff66}.featured-logo{height:168px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:10px;background:radial-gradient(ellipse,#8f70f02a,transparent 72%),#0d0e14}.featured-logo img{width:130px;height:130px;object-fit:contain}.featured-copy{max-width:540px}.featured-copy h3{margin:10px 0;font-size:24px;letter-spacing:-.04em}.featured-copy>p:not(.eyebrow){margin:0 0 14px;color:#9c9daa;font-size:13px;line-height:1.7}.project-visit{display:inline-flex;gap:7px;color:#d1c4ff;font-size:11px;font-weight:650}.featured-number{position:absolute;top:22px;right:24px;color:#777889;font:10px 'DM Mono',monospace}.home-contact{padding:61px 0 80px;border-top:1px solid var(--line)}.home-contact h2{margin:12px 0 20px;font-size:clamp(36px,5vw,55px)}
.page-hero{padding:76px 0 46px}.page-hero h1{max-width:850px;margin-top:20px;font-size:clamp(44px,6.5vw,72px)}.page-lead{max-width:590px;margin:0;color:#a1a2ae;font-size:16px;line-height:1.8}.about-profile{display:grid;grid-template-columns:.78fr 1fr;gap:68px;align-items:center;padding:20px 0 88px}.about-photo{position:relative;min-height:390px;overflow:hidden;border:1px solid #ffffff17;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#9675ff32,transparent 65%),#11121a}.about-photo img{width:100%;height:390px;object-fit:contain;object-position:center bottom}.photo-label{position:absolute;bottom:14px;left:14px;padding:8px 10px;border-radius:5px;background:#090a10d9;color:#d0c3ff;font:9px 'DM Mono',monospace;letter-spacing:.08em}.about-story h2{margin:15px 0 18px;font-size:clamp(29px,4vw,42px)}.about-story>p:not(.eyebrow){color:#a1a2ae;font-size:14px;line-height:1.85}.about-story .button-secondary{margin-top:8px}.principles{padding:36px 0 90px;border-top:1px solid var(--line)}.principles .section-top{margin-bottom:22px}.principles .section-top h2{font-size:30px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-grid article{min-height:165px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.principle-grid article>span{color:#a590ff;font:10px 'DM Mono',monospace}.principle-grid h3{margin:23px 0 8px;font-size:15px}.principle-grid p{margin:0;color:#999ba8;font-size:12px;line-height:1.7}
.portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:5px 0 22px}.portfolio-project{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#14151d,#0f1016)}.portfolio-featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;min-height:280px}.portfolio-art{position:relative;min-height:205px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#9675ff31,transparent 68%),#12131c}.portfolio-featured .portfolio-art{min-height:280px}.afrilen-art img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 10px 28px #9675ff4b)}.art-label{position:absolute;left:20px;bottom:17px;color:#a9a1c8;font:9px 'DM Mono',monospace;letter-spacing:.12em}.code-art{background:radial-gradient(ellipse at 80% 20%,#7186ff24,transparent 55%),#11131a}.code-decoration{color:#dfd9f5;font:500 clamp(26px,4vw,42px)/1.35 'DM Mono',monospace}.code-decoration em{color:#a990ff;font-style:normal}.teaching-art{background:radial-gradient(ellipse at 70% 35%,#b47bff2d,transparent 58%),#17121c}.teacher-symbol{color:#d3c2ff;font:700 76px 'DM Mono',monospace;letter-spacing:-.12em}.portfolio-details{padding:24px}.portfolio-featured .portfolio-details{align-self:center;padding:30px}.portfolio-details h2{margin:11px 0;font-size:23px;letter-spacing:-.04em}.portfolio-details>p:not(.eyebrow){color:#9c9daa;font-size:12px;line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.tag-list span{padding:6px 9px;border:1px solid #ffffff14;border-radius:20px;color:#b5b5c1;font-size:9px}.portfolio-details .text-link{margin-top:4px}.portfolio-disclaimer{padding-bottom:76px;color:#777987;font-size:11px;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:.9fr 1fr;gap:70px;padding:12px 0 86px}.contact-message h2{margin:14px 0;font-size:clamp(30px,4vw,42px)}.contact-message>p:not(.eyebrow){max-width:420px;margin:0 0 22px;color:#a1a2ae;font-size:13px;line-height:1.8}.social-list{border-top:1px solid var(--line)}.social-list a{display:grid;grid-template-columns:110px 1fr 18px;gap:15px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);color:#bbbcc8;font-size:12px;transition:color .18s,padding .18s}.social-list a:hover{padding-left:5px;color:white}.social-list .social-name{color:#858694}.social-list b{color:#b39fff;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0 65px;border-top:1px solid var(--line);color:#9495a2;font-size:12px}
.site-footer{border-top:1px solid var(--line);background:#090a10}.footer-inner{width:min(1160px,calc(100% - 48px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{margin:0;color:#858694;font-size:10px}.footer-inner>a:last-child:hover{color:#ddd}.footer-inner .brand{color:#f5f5f7;font-size:12px}.footer-inner .brand-mark{width:29px;height:29px;font-size:13px}
@media(max-width:760px){.nav-shell,.home-hero,.content-width,.footer-inner{width:calc(100% - 36px)}.nav-shell{height:68px}.menu-toggle{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:7px;background:transparent}.menu-toggle span{width:17px;height:1px;background:#fff}.site-menu{position:absolute;top:100%;left:0;right:0;display:none;align-items:stretch;gap:2px;padding:10px 18px 15px;border-bottom:1px solid var(--line);background:#0c0d13}.site-menu.open{display:flex;flex-direction:column}.site-menu a{padding:12px}.home-hero{grid-template-columns:1fr;gap:36px;padding-top:55px;padding-bottom:54px}.hero-copy h1{font-size:clamp(47px,11vw,68px)}.hero-intro{font-size:14px}.portrait-wrap{width:min(100%,360px);height:400px}.portrait-caption{left:-10px;bottom:17px}.home-intro{grid-template-columns:1fr;gap:15px;padding:55px 0}.home-intro h2{font-size:34px}.home-work{padding-bottom:57px}.section-top{align-items:flex-start}.section-top h2{font-size:24px}.section-top>.text-link{align-self:flex-end;white-space:nowrap;font-size:10px}.featured-project{grid-template-columns:110px 1fr;gap:17px;padding:15px;min-height:170px}.featured-logo{height:120px}.featured-logo img{width:95px;height:95px}.featured-copy h3{font-size:18px}.featured-copy>p:not(.eyebrow){font-size:11px}.featured-number{top:12px;right:12px}.featured-copy .eyebrow{font-size:8px}.home-contact{padding:48px 0 58px}.page-hero{padding:56px 0 32px}.page-hero h1{font-size:clamp(42px,10vw,62px)}.page-lead{font-size:14px}.about-profile{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.about-photo,.about-photo img{height:330px;min-height:330px}.about-photo{max-width:440px}.about-story h2{font-size:34px}.principles{padding:28px 0 60px}.principle-grid{grid-template-columns:1fr;gap:9px}.principle-grid article{min-height:0;padding:16px}.principle-grid h3{margin:12px 0 6px}.portfolio-list{grid-template-columns:1fr}.portfolio-featured{grid-column:auto;grid-template-columns:1fr}.portfolio-featured .portfolio-art{min-height:220px}.portfolio-featured .portfolio-details{padding:22px}.portfolio-disclaimer{padding-bottom:55px}.contact-layout{grid-template-columns:1fr;gap:34px;padding-bottom:58px}.contact-bottom{padding-bottom:48px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:19px 0}.footer-inner p{order:2}}
@media(max-width:420px){.featured-project{grid-template-columns:1fr}.featured-logo{height:115px}.featured-number{top:130px}.section-top{flex-direction:column}.section-top>.text-link{align-self:flex-start}.social-list a{grid-template-columns:86px 1fr 16px;gap:8px;font-size:10px}.contact-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}