:root{--ink:#080808;--muted:#666;--line:#e4e4e4;--pad:clamp(24px,4vw,72px);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#111;color:#fff}a:focus-visible,button:focus-visible{outline:2px solid #111;outline-offset:6px}img{display:block;max-width:100%}.skip{position:absolute;left:24px;top:-100px;z-index:100;background:white;padding:14px}.skip:focus{top:10px}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--pad)}.wordmark{font-size:18px;letter-spacing:.16em;font-weight:700;white-space:nowrap}.nav{display:flex;align-items:center;gap:32px}.nav a,.eyebrow,.label,.text-link,.hero-bottom{font-size:11px;letter-spacing:.12em;font-weight:700}.nav a{min-height:44px;display:flex;align-items:center;text-transform:uppercase}.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px;color:#111}.menu-toggle svg{width:24px;height:24px}
.hero{min-height:calc(100svh - 92px);display:flex;flex-direction:column;padding:0 var(--pad)}.hero-main{flex:1;display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:3vw;padding:80px 0 90px}.hero h1{font-size:clamp(54px,7.35vw,118px);line-height:.91;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 span{display:block;white-space:nowrap}.hero .intro{font-size:clamp(16px,1.4vw,20px);line-height:1.5;color:var(--muted);margin:32px 0 25px}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;text-transform:uppercase}.arrow{width:22px;height:22px;flex:none;transition:transform .25s var(--ease)}a:hover>.arrow{transform:translateX(4px)}.brand-field{display:grid;place-items:center;min-height:380px;width:100%;position:relative}.master-mark{width:49%;height:auto;transform:translate(var(--x,0px),var(--y,0px));transition:transform .55s var(--ease);will-change:transform}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}.hero-bottom a{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:#111}
.section{padding:110px var(--pad)}.section-top{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.eyebrow{margin:0;text-transform:uppercase}.index{font-size:11px;color:#888}.product-list{display:grid;gap:100px}.product{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,6vw,100px);align-items:center}.product-title{font-size:clamp(38px,4.2vw,68px);line-height:.95;letter-spacing:-.06em;margin:18px 0 22px}.product-copy .lead{font-size:clamp(19px,2vw,26px);line-height:1.35;margin:0 0 20px}.body-copy{font-size:16px;line-height:1.7;color:var(--muted);max-width:380px;margin:0 0 22px}.product-status{font-size:10px;letter-spacing:.1em;color:#777;text-transform:uppercase;margin-top:24px}.product-mark-space{width:82px;padding:25px 20px 26px;margin-bottom:12px}.product-mark-space img{width:42px}.product-visual{margin:0;min-width:0}.screenshot-frame{background:#f7f7f5;border:1px solid #eee;padding:clamp(16px,2.5vw,36px)}.screenshot-frame img{width:100%;height:auto;border:1px solid #dedede}.product-visual figcaption{font-size:11px;line-height:1.5;color:#777;margin-top:14px}
.studio-content{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}.studio h2,.contact h2{font-size:clamp(42px,5.8vw,86px);line-height:.94;letter-spacing:-.065em;margin:0}.studio-content .body-copy{font-size:18px;max-width:440px;margin:0}.principles{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:10px;font-weight:700;letter-spacing:.12em}.contact{padding-top:65px;padding-bottom:100px}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:end;border-top:1px solid var(--line);padding-top:60px}.contact .eyebrow{margin-bottom:25px}.contact h2{font-size:clamp(40px,5vw,70px)}.contact a{white-space:nowrap}.footer{padding:24px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center;color:#666;font-size:11px;line-height:1.5}.footer p{margin:0}.footer-details{display:block;margin-top:4px;font-size:.9em}.footer-details span{white-space:nowrap}.footer nav{display:flex;gap:24px;flex-shrink:0}.footer a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1600px){.hero-main{grid-template-columns:1.5fr 1fr}.hero h1{font-size:clamp(118px,7.2vw,170px)}}
@media(max-width:1000px){.hero-main{grid-template-columns:1.7fr 1fr}.brand-field{min-height:260px}.product{grid-template-columns:1fr;gap:35px}.product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.product-mark-space{grid-row:1;grid-column:1}.product-title{grid-column:1}.product-copy .lead,.product-copy .body-copy,.product-copy .text-link,.product-status{grid-column:2}.product-copy .lead{grid-row:2}.product-copy .body-copy{grid-row:3}.product-copy .text-link{grid-row:4}.product-status{grid-row:5}.studio-content{gap:36px}}
@media(max-width:600px){.site-head{padding-block:18px;position:relative;z-index:5;flex-wrap:wrap}.wordmark{font-size:16px}.nav{gap:20px}.nav a{font-size:10px}.menu-ready .menu-toggle{display:block}.menu-ready .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px var(--pad) 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.menu-open .nav{display:flex}.hero{min-height:calc(100svh - 80px)}.hero-main{grid-template-columns:1fr;padding:45px 0 32px;gap:20px}.hero h1{font-size:clamp(42px,10.6vw,64px);line-height:.95}.hero .intro{margin-top:25px;font-size:16px}.brand-field{min-height:210px}.master-mark{width:116px}.hero-bottom{font-size:9px;padding:12px 0;letter-spacing:.08em}.hero-bottom .arrow{width:17px}.section{padding:75px var(--pad)}.section-top{margin-bottom:36px}.product-copy{display:block}.product-title{font-size:44px}.product-mark-space{margin-bottom:0}.product-copy .lead{font-size:23px}.product-status{margin-top:16px}.studio-content{grid-template-columns:1fr;gap:30px}.studio h2{font-size:clamp(40px,10vw,60px)}.studio-content .body-copy{font-size:17px}.contact{padding-top:25px;padding-bottom:60px}.contact-inner{display:block;padding-top:40px}.contact .text-link{margin-top:24px}.footer{gap:12px;font-size:10px}.footer nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.master-mark,.arrow{transition:none;transform:none!important}}

/* Original opening stage and logo size, with a full-hero liquid surface. */
.site-head{position:absolute;z-index:20;top:0;left:0;width:100%;padding:28px clamp(22px,3.2vw,54px)}
.site-head .wordmark{font-size:15px;letter-spacing:.12em}
.hero{height:100svh;min-height:620px;display:grid;place-items:center;position:relative;overflow:hidden;padding:0}
.mark-stage{width:min(39vw,440px);aspect-ratio:1;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;isolation:isolate}
.mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:contrast(1.2);user-select:none;-webkit-user-drag:none;mix-blend-mode:multiply}
.hero>.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;background:transparent}
.liquid-ready .liquid-canvas{opacity:1}.hero.liquid-ready .mark{opacity:0}
.hero .mark-stage.liquid-enabled{touch-action:none;user-select:none;-webkit-user-select:none}
.brand-statement{min-height:90svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px var(--pad)}
.brand-statement .eyebrow{color:#666;margin-bottom:38px}
.brand-statement h1{font-size:clamp(44px,9.2vw,142px);font-weight:700;line-height:.92;letter-spacing:-.075em;margin:0 0 36px}
.brand-statement h1 span{display:block}
@media(max-width:760px){.site-head{padding-top:22px}.mark-stage{width:min(70vw,360px)}}
@media(max-width:600px){.brand-statement{min-height:75svh;padding-block:80px}.brand-statement h1{font-size:10.6vw}.brand-statement .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.6}.hero{min-height:620px}}
@media(prefers-reduced-motion:reduce){.liquid-ready .liquid-canvas{opacity:0}.hero.liquid-ready .mark{opacity:1}.hero .mark-stage.liquid-enabled{touch-action:auto}}

/* Original scroll choreography, aligned to the original viewport stages. */
:root{--pad:clamp(22px,3.2vw,54px)}
html{scroll-padding-top:0}
.section.statement{display:block;min-height:100svh;padding:0;background:#fff}
.statement-screen{position:relative;height:100svh;display:flex;align-items:center;padding:clamp(24px,6svh,70px) var(--pad);overflow:hidden;background:#fff}
.statement-inner{width:100%}
.statement .mega{font-size:min(9.7vw,19svh,150px);font-weight:700;letter-spacing:-.075em;max-width:none;line-height:.92;margin:0}
.statement-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.statement-line>span{display:block;white-space:nowrap}
.statement .subcopy{margin-top:clamp(24px,5svh,46px)}
.statement .subcopy .eyebrow{margin-bottom:16px}
.statement.is-scroll-scene{height:260svh}
#about.is-scroll-scene{height:320svh}
.is-scroll-scene .statement-screen{position:sticky;top:0}
.is-scroll-scene .statement-line>span{will-change:transform;transform:translateY(115%)}
.is-scroll-scene .subcopy{opacity:0}
.contact-statement .statement-inner{text-align:center}
.contact-statement .text-link{margin-top:0}
.products{position:relative;padding:0;height:180svh}
.product-screen{position:sticky;top:0;height:100svh;padding:clamp(16px,3svh,32px) var(--pad);display:flex;flex-direction:column;background:white}
.product-screen .section-top{margin-bottom:24px;flex:none}
.product-screen .product-list{min-height:0;flex:1;display:flex;align-items:center}
.product-screen .product{width:100%;max-height:100%;grid-template-columns:.75fr 1.25fr}
.product-screen .product-copy{display:block}
.product-screen .screenshot-frame{padding:16px}
.product-screen .screenshot-frame img{max-height:68svh;object-fit:contain;width:100%}
@media(max-width:760px){
.statement .mega{font-size:min(11.4vw,17svh)}
.statement .subcopy{font-size:14px;max-width:85%}
.contact-statement .subcopy{margin-left:auto;margin-right:auto}
.product-screen .product{grid-template-columns:1fr;gap:16px}
.product-screen .product-visual{grid-row:1}
.product-screen .screenshot-frame{padding:8px}
.product-screen .screenshot-frame img{max-height:38svh}
.product-screen .product-mark-space{display:none}
.product-screen .product-title{font-size:clamp(28px,7vw,44px);margin:0 0 10px}
.product-screen .lead{font-size:18px;margin-bottom:8px}
.product-screen .body-copy{font-size:14px;line-height:1.4;margin-bottom:8px}
.product-screen .product-status{margin:8px 0 0}
.product-screen figcaption{display:none}
.product-screen .section-top{margin-bottom:16px;padding-top:12px}
}
@media(max-height:640px){.products{height:auto}.product-screen{position:relative;height:auto;min-height:100svh}.product-screen .product-list{display:block}.statement-screen{min-height:360px}.statement .subcopy{margin-top:18px}.statement .body-copy{font-size:14px;line-height:1.4}.statement .principles{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.statement.is-scroll-scene,#about.is-scroll-scene{height:auto}.is-scroll-scene .statement-screen{position:relative}.is-scroll-scene .statement-line>span{transform:none!important}.is-scroll-scene .subcopy{opacity:1!important;transform:none!important}.products{height:auto}.product-screen{position:relative;height:auto;min-height:100svh}}

.statement.projects-intro .mega{font-size:min(12.8vw,27svh,195px)}
.statement.projects-intro.is-scroll-scene{height:220svh}
@media(max-width:760px){.statement.projects-intro .mega{font-size:min(12.8vw,25svh)}.statement.studio .mega{font-size:min(10.6vw,17svh)}}
@media(prefers-reduced-motion:reduce){.statement.projects-intro.is-scroll-scene{height:auto}}

/* JENCHA Pixel product composition: native artwork and a real English UI crop. */
.pixel-product .product-mark-space{padding:0;margin-bottom:24px;width:42px}
.pixel-product .lead{max-width:440px;font-size:clamp(18px,1.6vw,23px);line-height:1.3;letter-spacing:-.015em}
.pixel-product .body-copy{max-width:410px;line-height:1.55;margin-bottom:18px}
.product-proof{max-width:390px;font-size:12px;line-height:1.75;color:#666;margin:0 0 22px}
.pixel-product .product-status{text-transform:none}
.pixel-demo{padding:clamp(16px,2vw,30px);background:#f7f7f5;border:1px solid #eee}
.pixel-demo-workspace{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;max-width:680px;margin:auto}
.pixel-demo-art{image-rendering:crisp-edges;image-rendering:pixelated;object-fit:contain;height:auto}
.pixel-demo-character{width:256px;justify-self:center}
.pixel-demo-layers{width:100%;max-width:264px;height:auto;justify-self:end;border:1px solid #e4e4e4;background:#fff}
.pixel-demo-collection{display:flex;justify-content:space-between;gap:12px;max-width:680px;margin:24px auto 0;padding-top:24px;border-top:1px solid #dededb}
.pixel-demo-collection .pixel-demo-art{width:64px}
@media(min-width:1440px){.pixel-demo-character{width:320px}.pixel-demo-collection .pixel-demo-art{width:96px}}
@media(min-width:901px) and (max-width:1100px){
.product-screen .pixel-product{grid-template-columns:1fr 1.15fr;gap:30px}
.pixel-product .product-title{font-size:40px}
.pixel-demo-workspace{grid-template-columns:192px minmax(0,1fr);gap:16px}
.pixel-demo-character{width:192px}
.pixel-demo-collection{gap:8px;margin-top:16px;padding-top:16px}
}
@media(max-width:900px){
.product-screen .pixel-product{grid-template-columns:1fr;gap:20px}
.pixel-product .product-copy{width:100%;max-width:560px;margin-inline:auto}
.pixel-product .product-visual{grid-row:1;width:100%;max-width:560px;margin-inline:auto}
.product-screen .pixel-product .product-mark-space{display:none}
.product-screen .pixel-product .product-title{font-size:clamp(28px,4.5vw,38px);margin:0 0 10px}
.product-screen .pixel-product .product-status{margin:8px 0 0}
.pixel-demo{padding:12px}
.pixel-demo-workspace{grid-template-columns:192px minmax(0,1fr);gap:12px;max-width:480px}
.pixel-demo-character{width:192px}
.pixel-demo-layers{width:100%;max-width:232px}
.pixel-demo-collection{max-width:480px;gap:8px;margin-top:12px;padding-top:12px}
.pixel-demo-collection .pixel-demo-art{width:64px}
.product-screen .pixel-product .lead{font-size:17px;max-width:400px;line-height:1.25;margin-bottom:12px}
.pixel-product .body-copy{max-width:480px}
.product-proof{max-width:440px;font-size:11px;line-height:1.55;margin:10px 0}
}
@media(max-width:600px){.pixel-demo-workspace{grid-template-columns:128px minmax(0,1fr);max-width:400px}.pixel-demo-character{width:128px}.pixel-demo-collection{max-width:400px}}
@media(max-width:360px){.pixel-demo-workspace{gap:8px;grid-template-columns:96px minmax(0,1fr)}.pixel-demo-character{width:96px}.pixel-demo-collection .pixel-demo-art{width:48px}}
/* Let shorter mobile screens scroll naturally instead of clipping the product. */
@media(max-width:760px) and (max-height:780px),(min-width:761px) and (max-width:900px) and (max-height:860px){#pixel.products{height:auto}#pixel .product-screen{position:relative;height:auto;min-height:100svh;padding-bottom:40px}#pixel .product-list{display:block}}

/* Official platform marks, embedded locally; the existing footer stays in place. */
.footer-socials{display:flex;align-items:center;gap:24px}
.footer-socials a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:44px;color:#000}
.footer-socials svg{display:block;flex:none}
.footer-socials a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;opacity:0}
.footer-socials a:hover::after{opacity:1}
.footer-socials a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.footer nav{align-items:center;margin-left:auto}
@media(max-width:600px){
.footer{flex-direction:column;align-items:center;gap:0;text-align:center}
.footer nav{order:-1;width:100%;margin:0;justify-content:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.footer-socials{justify-content:center;gap:24px}
.footer>p{padding-top:20px}
.footer-contact{margin-top:4px}
}