:root{--night:#141112;--ink:#2a2426;--muted:#8a8587;--mint:#c7bdc0;--paper:#f6f4f5;--line:#ddd9da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #816d74;outline-offset:6px}img{max-width:100%}.wrap{width:min(1180px,88%);margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:#fff;padding:14px;color:#2f282a}.skip:focus{top:10px}.brand{font-size:36px;line-height:1.1;letter-spacing:-2px;font-weight:750;white-space:nowrap}.brand span{color:#c7bdc0}.brand i{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-left:3px}.studio-header,body>header{position:relative;z-index:10;background:#141112;color:#f4f2f3}nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}.studio-header nav{display:grid;grid-template-columns:1fr auto 1fr;width:min(800px,88%);gap:64px;padding:32px 0}.nav-side{display:flex;justify-content:flex-end;gap:32px;font-size:12px;color:#c2bcbe;white-space:nowrap}.nav-right{justify-content:flex-start}.nav-side a,.links a{transition:color .2s}.nav-side a:hover,.links a:hover{color:white}.links{display:flex;gap:28px;font-size:12px;color:#bbb5b7}.eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.8;font-weight:600;color:#82797c}h1,h2,h3{font-weight:600}h2{font-size:clamp(38px,4.8vw,66px);line-height:1.08;letter-spacing:-.055em;margin:20px 0}h2 span{color:#9f979a}.portfolio-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,#3e3538 0%,#231d1f 34%,#141112 74%);color:#f8f8f8;overflow:hidden;padding:35px 0 0}.hero-halo{display:none}.hero-content{text-align:center}.hero-content .eyebrow{color:#988f92;margin:0 0 22px}.portfolio-hero h1{font-size:clamp(60px,7vw,96px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:650}.portfolio-hero h1 span{color:#c7bdc0}.hero-description{font-size:18px;line-height:1.65;letter-spacing:-.02em;color:#bdb6b8;margin:26px 0 18px}.hero-link{display:inline-flex;align-items:center;gap:25px;padding:13px 23px;background:#eeebec;border-radius:30px;color:#382f32;font-size:12px}.hero-link span{font-size:18px;transition:transform .2s}.hero-link:hover span{transform:translateY(3px)}.hero-stage{position:relative;height:600px;margin-top:68px;perspective:1400px;max-width:1240px}.hero-screen{display:block;position:absolute;width:43%;border:5px solid #262022;border-radius:16px;background:#1f1b1c;box-shadow:0 35px 60px #0005;overflow:hidden;transition:transform .45s,filter .45s}.screen-chrome{height:28px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#241f21;color:#a0999b}.screen-chrome>i{height:4px;width:4px;display:block;background:#6f686a;border-radius:50%}.screen-chrome>span{margin:auto;font-size:8px;padding-right:21px;letter-spacing:.04em}.hero-screen>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.screen-caption{display:flex;justify-content:space-between;font-size:10px;padding:15px 17px;color:#c9c3c5;background:#211c1e}.hero-layla{left:0;top:75px;transform:rotate(-8deg);z-index:1;filter:brightness(.86)}.hero-person{left:27%;top:0;z-index:3;transform:rotate(-1deg);width:47%}.hero-desk{right:-1%;top:120px;z-index:4;width:34%;transform:rotate(7deg);border-color:#4a4144}.hero-layla:hover{transform:rotate(-5deg) translateY(-12px);filter:brightness(1);z-index:5}.hero-person:hover{transform:rotate(0) translateY(-12px)}.hero-desk:hover{transform:rotate(4deg) translateY(-12px)}.hero-desk-content{padding:23px 26px;background:#eeeced;color:#3d3437;min-height:220px}.hero-desk-content>b{font-size:23px;font-weight:650;letter-spacing:-1px}.hero-desk-content>b>span{font-weight:400;color:#878082}.hero-desk-line{display:block;font-size:23px;line-height:1.1;letter-spacing:-.9px;margin:16px 0}.mini-message{display:block;width:90%;background:#fff;padding:10px 12px;border-radius:3px 10px 10px;font-size:9px}.mini-message.reply{width:55%;margin:7px 0 0 auto;background:#463b3f;color:#eeebec}.hero-phone{display:block;position:absolute;z-index:6;width:16%;left:15%;top:170px;border:6px solid #211b1d;border-radius:27px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 25px 40px #0005;background:#211b1d;transition:transform .4s}.hero-phone:hover{transform:rotate(-2deg) translateY(-10px)}.hero-phone>img{display:block;width:100%;height:auto}.phone-island{position:absolute;top:5px;left:35%;width:30%;height:8px;border-radius:10px;background:#211b1d}.phone-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:13px 3px 9px;background:linear-gradient(transparent,#211b1de6);font-size:8px;color:white}.hero-proof{text-align:center;color:#898083;font-size:10px;letter-spacing:.04em;margin:20px 0 38px}.project-jump{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #a79ca024;padding:24px 0 28px;gap:28px}.project-jump>a{display:flex;gap:14px;align-items:center;font-size:12px;color:#cec9cb}.project-jump a>span{font-size:8px;color:#7e7578}.project-jump i{font-style:normal;margin-left:auto;color:#80777a}.project-jump a:hover{color:white}.section-top{text-align:center;padding:95px 0 66px}.section-top>p{font-size:17px;line-height:1.7;color:#8b8587;margin:24px 0 0}.showcase{--accent:#726b6d;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:85px max(6%,calc((100vw - 1180px)/2));overflow:hidden;scroll-margin-top:0}.showcase-art{min-width:0;min-height:530px;position:relative;display:flex;align-items:center;justify-content:center}.showcase-copy{min-width:0;padding:20px 0}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.1em;color:var(--accent)}.status{font-size:9px;letter-spacing:0;border:1px solid currentColor;border-radius:20px;padding:6px 11px;white-space:nowrap;opacity:.8}.showcase h3{font-size:clamp(38px,4.4vw,60px);letter-spacing:-.055em;line-height:1.06;margin:32px 0 24px}.showcase-copy p{font-size:15px;line-height:1.85;color:var(--accent);max-width:430px;margin:0 0 20px}.showcase-copy .project-lead{font-size:18px;font-weight:600;color:inherit;margin:0 0 14px;letter-spacing:-.02em}.project-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:14px;color:var(--accent);margin:0 0 25px;font-size:10px}.project-tags li+li:before{content:'·';margin-right:14px;opacity:.65}.project-cta{display:inline-flex;gap:30px;align-items:center;background:#2e2729;color:#f3f1f2;border-radius:30px;padding:13px 20px;font-size:12px;min-height:44px}.project-cta>span{font-size:17px;transition:transform .2s}.project-cta:hover>span{transform:translate(2px,-2px)}.availability{display:block;font-size:10px;line-height:1.7;margin-top:16px;color:var(--accent)}.art-kicker,.art-bottom{position:absolute;left:0;font-size:8px;letter-spacing:.13em;color:var(--accent);z-index:3}.art-kicker{top:0}.art-bottom{bottom:0}.layla{background:#f3f0e9;color:#413c35;--accent:#9b8c7a}.layla-art{padding:85px 0}.site-preview{display:block;position:relative;z-index:1;width:100%;overflow:hidden;border-radius:13px;border:1px solid #ffffff80;box-shadow:0 30px 60px #423d3323;background:#fff;transform:rotate(-4deg);transition:transform .5s}.site-preview:hover{transform:rotate(-2deg) translateY(-7px)}.site-preview>img{display:block;width:100%;height:auto}.preview-bar{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;font-size:8px;color:#9d928a;background:#e7e2da}.preview-dots{letter-spacing:2px;color:#bfb4a8;font-size:7px}.layla-art .site-preview{transform:rotate(-4deg) translate(-6px,-15px)}.iphone-preview{position:absolute;z-index:4;width:32%;right:0;bottom:28px;display:block;overflow:hidden;padding-top:18px;background:#eee5e3;border:6px solid #2b2a2a;border-radius:27px;box-shadow:0 25px 40px #594d3e33;transform:rotate(6deg)}.iphone-preview>img{width:100%;display:block}.iphone-island{position:absolute;left:35%;top:4px;width:30%;height:9px;border-radius:12px;background:#2b2a2a}.person{background:radial-gradient(ellipse at 70% 50%,#342c2f,#1d181a 80%);color:#f3f0f1;--accent:#9e989a}.person .showcase-art{order:2}.person-art{padding:90px 0}.person .site-preview{border-color:#6a616460;transform:rotate(4deg);box-shadow:0 30px 55px #0005}.person .preview-bar{background:#352d30;color:#938c8e}.person .project-cta{background:#e5e1e2;color:#373032}.desk{background:#ebe8e9;color:#393033;--accent:#82797c}.desk-art{padding:75px 0}.desk-preview{position:relative;width:100%;max-width:500px;z-index:1;border:1px solid #e0dcde;background:#fff;overflow:hidden;border-radius:16px;box-shadow:0 30px 60px #40373a21;transform:rotate(-4deg);transition:transform .5s}.desk-preview:hover{transform:rotate(-1deg)}.desk-preview-top{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #eceaeb}.desk-preview-top b{font-size:27px;letter-spacing:-1.5px;font-weight:600}.desk-preview-top b span{font-weight:400;color:#999395}.desk-preview-top>span{font-size:7px;color:#9d999a;letter-spacing:.1em}.desk-preview-body{display:grid;grid-template-columns:110px 1fr;min-height:300px}.desk-preview-nav{display:flex;flex-direction:column;gap:20px;background:#f7f6f6;padding:26px 12px;color:#918b8d;font-size:9px}.desk-preview-nav>span{padding:8px 4px}.desk-nav-active{background:#e8e5e6;border-radius:4px;color:#554d50}.desk-preview-chat{padding:30px 20px}.desk-preview-label{font-size:7px;letter-spacing:.1em;color:#9f9b9c}.desk-preview-chat h4{font-size:21px;font-weight:550;line-height:1.15;letter-spacing:-.8px;margin:14px 0 27px}.desk-bubble{padding:12px;background:#f1f0f0;border-radius:3px 12px 12px;font-size:10px;line-height:1.7;max-width:200px;color:#777072}.desk-reply{margin:12px 0 0 auto;max-width:130px;background:#483f42;border-radius:12px 3px 12px 12px;color:#fff}.desk-human{display:flex;align-items:center;gap:6px;font-size:8px;color:#9a9597;margin-top:28px}.desk-human i{width:5px;height:5px;border-radius:50%;background:#897e82}.game{background:radial-gradient(ellipse at 35% 50%,#3e3538,#1b1718 80%);color:#f2eff0;--accent:#9d9296}.game .showcase-art{order:2}.current-game{padding:50px 0 70px;min-height:600px}.game-screens{height:470px;position:relative;width:min(100%,450px);display:block}.game-screen{position:absolute;display:block;height:100%;width:auto;max-width:57%;object-fit:contain;border:6px solid #211b1d;border-radius:28px;box-shadow:0 25px 45px #0003;transition:transform .5s}.game-screen.back{left:2%;top:-8px;transform:rotate(-9deg)}.game-screen.front{right:2%;top:15px;transform:rotate(8deg)}.game-screens:hover .back{transform:rotate(-12deg) translateY(-5px)}.game-screens:hover .front{transform:rotate(11deg) translateY(-5px)}.game .project-cta{background:#e4dee0;color:#3a3134}.portfolio-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0}.portfolio-about>div>p{font-size:16px;line-height:1.9;color:#878183;margin-top:20px}.principles{display:flex;flex-wrap:wrap;gap:24px;font-size:10px;color:#706a6c;margin-top:30px}.principles>span{border-top:1px solid #c8c3c5;padding-top:15px}.contact{background:#e8e5e6;text-align:center;padding:78px 6% 88px}.contact h2{font-size:clamp(44px,5.6vw,76px);margin:22px 0 30px}.contact-link{display:inline-flex;gap:28px;align-items:center;padding:14px 22px;border-radius:30px;background:#3e3437;color:#f3f0f1;font-size:12px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:32px 0;font-size:10px;color:#999496}footer .brand{font-size:25px;color:#443d3f}footer .brand span{color:inherit}footer div{display:flex;gap:25px}.document{max-width:760px;padding:65px 0 90px}.document h1{font-size:58px;letter-spacing:-3px;font-weight:600}.document h2{font-size:25px;letter-spacing:-.7px;margin:32px 0 18px}.document p,.document li{font-size:15px;line-height:1.9;color:#888183}.document a{color:#504347}.document li{margin:10px 0}.button{display:inline-flex;padding:14px 22px;background:#3e3437;border-radius:30px;color:#fff!important;font-size:12px}details{border-bottom:1px solid #dbd7d8;padding:23px 0}summary{font-size:16px;cursor:pointer}.reveal{transition:opacity .8s,transform .8s}.reveal.waiting{opacity:0;transform:translateY(22px)}@media(min-width:1600px){.hero-stage{height:620px}.hero-phone{top:165px}}@media(max-width:1050px){.showcase{gap:40px}.showcase-art{min-height:470px}.showcase h3{font-size:43px}.hero-stage{height:470px}.hero-desk-content{padding:18px;min-height:190px}.hero-desk-line{font-size:20px}.hero-phone{width:17%;top:135px}.hero-desk{top:95px}.hero-layla{top:65px}.current-game{min-height:530px}.game-screens{height:390px}.portfolio-about{gap:40px}}@media(max-width:700px){html{scroll-padding-top:30px}.studio-header nav{gap:18px;width:90%;grid-template-columns:1fr auto 1fr;padding:26px 0}.brand{font-size:31px}.nav-side{gap:14px;font-size:9px}.nav-side a{white-space:nowrap}.portfolio-hero{padding-top:30px}.hero-content{width:92%}.hero-content .eyebrow{font-size:8px;margin-bottom:22px}.portfolio-hero h1{font-size:clamp(45px,10vw,65px)}.hero-description{font-size:16px;margin:23px 0 18px}.hero-link{font-size:11px;padding:12px 20px}.hero-stage{height:390px;width:100%;margin-top:50px;max-width:620px}.hero-screen{border-width:3px;border-radius:11px}.screen-chrome{height:20px;padding:0 8px;gap:3px}.screen-chrome>i{width:3px;height:3px}.screen-chrome>span{font-size:6px;padding-right:12px}.screen-caption{font-size:7px;padding:9px 10px}.hero-person{width:65%;left:13%;top:0}.hero-layla{width:57%;left:-15%;top:90px;transform:rotate(-10deg)}.hero-desk{width:47%;right:-8%;top:140px;transform:rotate(8deg)}.hero-desk-content{min-height:145px;padding:15px}.hero-desk-content>b{font-size:18px}.hero-desk-line{font-size:18px;margin:10px 0}.mini-message{font-size:6px;padding:7px;width:100%}.mini-message.reply{width:65%}.hero-phone{width:27%;left:24%;top:135px;border-width:4px;border-radius:19px}.phone-island{height:5px;top:3px}.phone-caption{font-size:5px}.hero-proof{font-size:8px;margin:12px 0 28px}.project-jump{grid-template-columns:1fr 1fr;gap:20px 25px;padding:24px 0}.project-jump>a{font-size:10px;gap:10px}.section-top{padding:60px 0 45px}.section-top h2{font-size:39px}.section-top>p{font-size:14px}.showcase{grid-template-columns:1fr;gap:28px;padding:50px 6% 60px;scroll-margin-top:0}.showcase-art{min-height:400px}.person .showcase-art,.game .showcase-art{order:0}.showcase-copy{padding:0}.showcase h3{font-size:44px;margin:27px 0 22px}.showcase-copy p{font-size:14px;max-width:none}.project-meta{font-size:8px}.status{font-size:8px}.project-tags{font-size:9px;gap:10px}.project-tags li+li:before{margin-right:10px}.project-cta{font-size:11px}.art-kicker,.art-bottom{font-size:7px}.layla-art{padding:70px 0}.iphone-preview{width:34%;border-width:5px;border-radius:23px;bottom:25px}.person-art{min-height:320px;padding:65px 0}.desk-art{min-height:410px;padding:65px 0}.desk-preview-body{grid-template-columns:85px 1fr;min-height:270px}.desk-preview-top{padding:16px}.desk-preview-top b{font-size:24px}.desk-preview-chat{padding:24px 15px}.desk-preview-chat h4{font-size:20px}.desk-preview-nav{padding:24px 9px;font-size:8px;gap:17px}.desk-bubble{font-size:9px}.desk-preview-top>span{font-size:6px}.current-game{min-height:490px;padding:55px 0 65px}.game-screens{height:365px;max-width:350px}.game-screen{border-width:5px;border-radius:23px}.portfolio-about{grid-template-columns:1fr;gap:12px;padding:60px 0}.portfolio-about h2{font-size:40px}.portfolio-about>div>p{font-size:14px;margin-top:0}.principles{gap:20px}.contact{padding:60px 6%}.contact h2{font-size:43px}.contact-link{font-size:11px}footer{flex-wrap:wrap;font-size:9px;padding:25px 0}footer .brand{font-size:23px}footer div{margin-left:auto}body>header:not(.studio-header) nav{gap:15px;padding:24px 0}body>header:not(.studio-header) .brand{font-size:25px}.links{gap:15px;font-size:10px}.document{padding:35px 0 65px}.document h1{font-size:44px}.document p,.document li{font-size:14px}}@media(max-width:360px){.nav-side{font-size:8px;gap:9px}.studio-header nav{gap:13px}.brand{font-size:28px}.hero-stage{height:350px}.hero-desk{top:110px}.hero-phone{top:115px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.waiting{opacity:1;transform:none}}

.nav-side a,.links a{display:inline-flex;min-height:44px;align-items:center}.project-jump>a{min-height:44px}

/* Selected palette: cherry background, off-white heading */
.studio-header{background:#1c0c14}.brand span{color:#e8a8bd}.portfolio-hero{background:radial-gradient(ellipse at 50% 58%,#67243e 0%,#3f1728 34%,#1c0c14 74%)}.portfolio-hero h1 span{color:#e8a8bd}.hero-content .eyebrow,.hero-description,.nav-side,.hero-proof{color:#c8a7b4}.hero-link{background:#f5e2e9;color:#62283f}.project-jump{border-color:#e8a8bd30}.project-jump>a{color:#e8a8bd}.project-jump a>span,.project-jump i{color:#c8a7b4}
.portfolio-hero h1 span{color:#e8e6e3}
body>header{background:#1c0c14}.links{color:#c8a7b4}

/* Neutral product frames within the cherry theme */
.hero-screen,.hero-phone{border-color:#343036;background:#242127}.screen-chrome{background:#29252c;color:#aca4ad}.screen-chrome>i{background:#736a76}.screen-caption{background:#27222a;color:#d4cbd2}.hero-desk{border-color:#494049}.hero-desk-content{background:#f0ecee;color:#413840}.hero-desk-content>b>span{color:#91828c}.mini-message{background:#fff;color:#6e5d68}.mini-message.reply{background:#653347;color:#f4e9ee}.hero-phone{border-color:#302a30}.phone-island{background:#302a30}.phone-caption{background:linear-gradient(transparent,#302a30e6)}