/* Creative portfolio: charcoal, acid green, and large product imagery. */
:root{color-scheme:dark;--paper:#141615;--ink:#eff1eb;--muted:#a3aaa2;--line:#343934;--accent:#d3f89b;background:var(--paper);color:var(--ink)}
body{background:var(--paper)}.wrap{max-width:1260px;padding:0 6%}.site-header{background:rgba(20,22,21,.92);border-color:var(--line)}.header-inner{min-height:79px}.logo{font-size:13px;font-weight:500;letter-spacing:.12em}.logo::before{content:'';display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:10px;transform:rotate(45deg)}nav{font-size:13px;gap:29px}.languages{background:#242925;border:1px solid #3b423a;border-radius:4px}.languages a{border-radius:2px;color:#b7beb5}.languages [aria-current=page]{background:var(--accent);color:#1b2117}.reading-progress{background:var(--accent)}.skip{color:#111}.intro-section{padding:48px 0 36px}.identity{display:flex;align-items:center;gap:16px}.identity-face{width:58px;height:58px;flex:none;border-radius:50%;overflow:hidden;background:white;border:3px solid #30362d;transition:border-color .25s,transform .25s}.identity-face:hover{border-color:var(--accent);transform:rotate(-5deg)}.identity-face img{width:100%;height:100%;object-fit:cover}.intro-byline{font-size:15px;margin:0 0 6px;letter-spacing:.015em}.intro-byline span{font-size:12px;margin-left:5px;color:var(--muted)}.identity-caption{font-size:10px;letter-spacing:.15em;color:#adb4a9;margin:0}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-top:24px}.studio-intro h1{font-size:30px;letter-spacing:.025em;font-weight:400;line-height:1.7;margin:0}.studio-intro h1 span{color:#a9b2a3}.intro-description{font-size:14px;line-height:1.95;letter-spacing:.02em;max-width:none;margin:0 0 4px}.section{padding:64px 0;border-color:var(--line)}.section-head{margin-bottom:27px;align-items:center}.section h2,.section-head h2{font-size:23px;font-weight:400;letter-spacing:.025em;margin:0}.section-head .eyebrow{color:var(--muted)}.section-label{display:block;margin-bottom:12px}.apps-section{padding-top:26px}.apps-section .section-head{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:21px}.apps-section .section-head h2{font-size:14px;color:#c7cec3;letter-spacing:.06em}.apps-section .section-head>.eyebrow{font-size:10px;letter-spacing:.13em}.apps-grid{gap:30px}.app-card{background:transparent;border:0;position:relative;border-radius:0}.project-heading{display:flex;align-items:center;gap:15px;padding-bottom:20px}.project-number{font-size:11px;color:#969f90;font-variant-numeric:tabular-nums}.app-name{gap:10px}.app-name img{width:28px;height:28px;border-radius:7px}.app-name h3{font-size:25px;font-weight:400;letter-spacing:-.02em}.app-visit{position:static;margin-left:auto;width:32px;height:32px;background:transparent;border:1px solid #515a49;color:var(--accent);font-size:21px;border-radius:50%}.app-card:hover .app-visit,.app-card:focus-visible .app-visit{background:var(--accent);color:#141615;border-color:var(--accent);transform:rotate(45deg)}.app-art{height:340px;border:none;border-radius:3px;isolation:isolate;position:relative;overflow:hidden;background:#dfe6e5}.tamika .app-art{background:#eadbce}.app-cover{width:100%;height:100%;mix-blend-mode:multiply;object-fit:contain;transition:transform .6s cubic-bezier(.2,.75,.2,1);will-change:transform}.headlight .app-cover{padding:13px 20px 36px;background:white;object-fit:contain}.tamika .app-cover{padding:17px 28px 35px;background:white;object-fit:contain}.app-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#ffffff1a,transparent 50%,#18291a12);box-shadow:inset 0 0 0 1px #ffffff25}.project-type{position:absolute;bottom:16px;left:20px;font-size:10px;letter-spacing:.13em;color:#36433d;z-index:2}.app-card:hover .app-cover{transform:translate(var(--move-x,0),var(--move-y,-5px)) scale(1.035)}.app-info{padding:22px 0 5px}.app-tagline{font-size:17px;font-weight:400;letter-spacing:.015em;margin:0 0 9px}.app-description{color:#a8b0a4;font-size:14px;line-height:1.95;max-width:440px;margin-bottom:17px}.app-link{color:var(--accent);font-size:12px;border:0;padding:0}.work .media-wrap{border-radius:3px;filter:saturate(.85)}.work a:hover .media-wrap{filter:saturate(1)}.play-icon{background:#ecf2e4;color:#111}.work a:hover .play-icon{background:var(--accent);color:#111}.work h3{font-size:15px;color:#c8cfc3;font-weight:400;line-height:1.8}.stats{border-color:var(--line);margin-top:37px}.stat strong{font-size:37px;color:var(--accent);font-weight:400}.stat span{color:#acb5a5;font-size:12px}.stat+.stat{border-color:var(--line)}.section-dark{background:#1d221d;color:var(--ink);border-top:1px solid #384032;border-bottom:1px solid #384032}.section-dark .section-label{color:var(--accent)}.about-main{font-size:18px;font-weight:400;line-height:2}.about-detail,.personal{color:#b4bdae;line-height:2}.facts li,.personal{border-color:#394233}.fact-index{color:#a0ae93}.explore{border-color:var(--line);padding:24px 0}.explore:hover{color:var(--accent)}.explore h3{font-size:25px;font-weight:400}.explore .num{color:var(--accent);font-family:Outfit,sans-serif}.explore p{color:#adb5a6}.text-link{border-color:#738065;font-size:13px}.text-link:hover{color:var(--accent)}.footer-title{font-size:24px;font-weight:400;letter-spacing:.02em;color:#c7d1bf}.footer-bottom{border-color:var(--line)}.socials{font-size:13px}.pills .pill{border-color:#69765b}.pill:hover{background:var(--accent);color:#172011}.music-visual{border-radius:3px}.track{border-color:var(--line)}.tracks{border-color:var(--line)}.page-title h1{font-size:clamp(40px,6vw,76px)}.photo figcaption{color:var(--muted)}.poem{border-color:var(--line)}.embed-frame{background:#f0f9ff;border-color:var(--line)}.studio-intro,.identity{animation:studio-in .65s cubic-bezier(.2,.7,.2,1) both}.studio-intro{animation-delay:.07s}
@keyframes studio-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.app-art{height:380px}.studio-intro{grid-template-columns:1.05fr 1fr}.intro-section{padding-top:55px}}
@media(max-width:950px){.studio-intro{gap:35px}.app-art{height:300px}.app-description{font-size:13px}.studio-intro h1{font-size:28px}.intro-description{font-size:13px}}
@media(max-width:650px){.wrap{padding:0 6%}.header-inner{padding:16px 0 13px;min-height:74px}.site-header .header-inner{margin:0 6%}.logo{font-size:12px;letter-spacing:.08em}nav{margin-top:17px;font-size:12px;gap:15px}.languages a{font-size:10px}.intro-section{padding:31px 0 26px}.identity{gap:13px}.identity-face{width:49px;height:49px}.intro-byline{font-size:14px}.identity-caption{font-size:9px;letter-spacing:.1em}.studio-intro{grid-template-columns:1fr;gap:15px;margin-top:22px}.studio-intro h1{font-size:26px;line-height:1.65}.intro-description{font-size:13px;line-height:1.9}.section{padding:43px 0}.apps-section{padding-top:17px}.apps-section .section-head h2{font-size:13px}.apps-section .section-head>.eyebrow{font-size:9px;padding:0}.apps-grid{grid-template-columns:1fr;gap:38px}.project-heading{padding-bottom:15px}.app-name h3{font-size:25px}.app-art{height:315px}.headlight .app-cover{padding:16px 20px 36px}.tamika .app-cover{padding:18px 25px 36px}.app-tagline{font-size:16px}.app-description{font-size:14px}.app-info{padding-top:18px}.section h2{font-size:22px}.section-head .text-link{font-size:11px}.stat strong{font-size:27px}.stat:last-child strong{font-size:22px}.stat span{font-size:11px}.about-main{font-size:16px}.footer-title{font-size:21px}.socials{font-size:12px}.page-title h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.studio-intro,.identity{animation:none}.app-card:hover .app-cover{transform:none}}
/* Icon-only project cards: no promotional illustration or device photography. */
.apps-grid{gap:22px}.app-card{padding:28px;background:#1c201d;border:1px solid #3a4237;border-radius:10px;overflow:hidden;isolation:isolate;transition:border-color .35s,background .35s,translate .35s}.app-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 5% 0%,#d3f89b09,transparent 65%);z-index:-1}.app-card:hover,.app-card:focus-visible{background:#22291f;border-color:#a5be8a;translate:0 -4px}.project-heading{position:relative;padding:0;gap:0;align-items:start}.project-number{position:absolute;right:0;top:-4px;font-size:10px;color:#a5b19b}.app-name{gap:19px;align-items:center;padding-right:18px}.app-name img{width:70px;height:70px;border-radius:17px;box-shadow:0 8px 22px #0003}.app-name h3{font-size:28px;letter-spacing:-.025em}.app-visit{position:absolute;right:0;top:32px;border:0;background:transparent;width:24px;height:24px;font-size:25px}.app-card:hover .app-visit{background:transparent;color:var(--accent);transform:translate(2px,-2px)}.app-info{padding:26px 0 0}.app-tagline{font-size:17px;margin-bottom:10px}.app-description{min-height:55px;margin-bottom:23px}.app-link{font-size:12px}.studio-intro h1{font-size:30px;font-weight:400;line-height:1.65;letter-spacing:.06em}.studio-intro h1 span{color:var(--accent)}.intro-description{max-width:480px;font-size:14px}.intro-section{padding-bottom:30px}
@media(max-width:950px){.app-card{padding:23px}.app-name{gap:14px}.app-name img{width:57px;height:57px;border-radius:14px}.app-name h3{font-size:25px}.app-visit{top:27px;font-size:22px}.app-info{padding-top:24px}.app-tagline{font-size:16px}.app-description{font-size:13px;min-height:75px}.studio-intro h1{font-size:28px}}
@media(max-width:650px){.apps-grid{gap:16px}.app-card{padding:23px}.app-name img{width:62px;height:62px;border-radius:15px}.app-name h3{font-size:27px}.app-name{gap:17px}.app-info{padding-top:22px}.app-tagline{font-size:16px}.app-description{font-size:14px;min-height:0;margin-bottom:19px}.studio-intro h1{font-size:27px}.intro-description{font-size:13px}.project-heading{padding:0}}
@media(prefers-reduced-motion:reduce){.app-card:hover{translate:none}}
/* White canvas requested by the owner; retain the compact project layout. */
:root{color-scheme:light;--paper:#fff;--ink:#202624;--muted:#66716c;--line:#dfe5e1;--accent:#26715f;background:#fff;color:var(--ink)}
body{background:#fff}.site-header{background:rgba(255,255,255,.95);border-color:var(--line)}.logo::before{background:var(--accent)}.languages{background:#f4f6f4;border-color:#e0e5df}.languages a{color:#637067}.languages [aria-current=page]{background:#202624;color:#fff}.identity-face{border:2px solid #e4e9e3}.identity-face:hover{border-color:var(--accent)}.identity-caption,.intro-byline span{color:#69766d}.studio-intro h1 span{color:var(--accent)}.intro-description{color:#606c64}.apps-section .section-head h2{color:#3e4d43}.apps-section .section-head>.eyebrow{color:#738077}.app-card{background:#f8faf7;border:1px solid #dbe3d8}.app-card::before{background:radial-gradient(ellipse at 0 0,#e3ecdc55,transparent 65%)}.app-card:hover,.app-card:focus-visible{background:#f0f5ed;border-color:#819b7b;box-shadow:0 12px 25px #27392508}.project-number{color:#788672}.app-name img{box-shadow:0 5px 14px #24342112}.app-visit,.app-link{color:var(--accent)}.app-tagline{color:#26352a}.app-description{color:#65715f}.work h3{color:#3b493f}.stat strong{color:var(--accent)}.stat span{color:#63725f}.section-dark{background:#f5f7f3;color:var(--ink);border-color:#e0e7da}.section-dark .section-label{color:var(--accent)}.about-detail,.personal{color:#63705d}.facts li,.personal{border-color:#dae3d4}.fact-index{color:#73866a}.explore p{color:#6d7b64}.explore .num{color:#5f7855}.footer-title{color:#394834}.text-link{border-color:#acbda1}.footer-bottom{color:#6a7763}.pill:hover{background:#202624;color:white}.page-title p:not(.eyebrow){color:var(--muted)}.reading-progress{background:var(--accent)}