@font-face{font-family:SUIT;src:url('/assets/fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
 --paper:#f7f7f4;--ink:#232323;--muted:#62625e;--accent:#b8322c;--edge:#d8d8d2;--white:#fff;
 --text-xs:14px;--text-sm:16px;--text-md:20px;--text-lg:32px;--text-xl:52px;--text-hero:88px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:20px;--space-5:32px;--space-6:48px;--space-7:80px;--space-8:128px;
 --radius-none:0;--radius-control:4px;--radius-object:16px;--shadow-none:none;--shadow-object:0 12px 32px color-mix(in srgb,var(--ink) 8%,transparent);
 --font:SUIT,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--speed-fast:.18s;--speed-reveal:.45s;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-5)}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--text-sm)/1.75 var(--font);letter-spacing:-.02em;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance}p{word-break:keep-all}h1{font-size:clamp(var(--text-xl),6.1vw,var(--text-hero));line-height:1.1;font-weight:750;letter-spacing:-.065em;white-space:pre-line}h2,h3{font-weight:700;letter-spacing:-.05em;line-height:1.22;white-space:pre-line}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p[data-ko]{white-space:pre-line}::selection{background:var(--accent);color:var(--white)}:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1)}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:1296px;margin-inline:auto}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;line-height:1.6;color:var(--muted)}.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:20;background:var(--ink);color:var(--white);padding:var(--space-3);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{min-height:120px;display:flex;align-items:center;gap:var(--space-6)}.brand{margin-right:auto;flex:none}.brand img{width:80px;height:80px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:var(--space-5)}.site-header nav a,.language{font-size:var(--text-xs);font-weight:600;min-height:44px;display:inline-flex;align-items:center;position:relative}.site-header nav a[aria-current=page]{color:var(--accent)}.site-header nav a::after{position:absolute;bottom:var(--space-2);left:0;right:0;height:2px;content:'';background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--speed-fast) var(--ease)}.site-header nav a:hover::after{transform:scaleX(1)}.language{background:none;border:0;padding:var(--space-2);color:var(--muted)}
.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center;padding-block:var(--space-5) var(--space-7)}.hero-copy{position:relative;z-index:2;padding-bottom:var(--space-5)}.hero h1{margin-top:var(--space-5)}.hero-description{font-size:var(--text-md);line-height:1.65;color:var(--muted);margin-block:var(--space-5)}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:var(--space-4);border-radius:var(--radius-control);border:1px solid transparent;padding:var(--space-3) var(--space-5);font-weight:650;font-size:var(--text-sm);transition:transform var(--speed-fast) var(--ease),background var(--speed-fast) var(--ease)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary{background:var(--accent);color:var(--white)}.primary:hover{background:var(--ink)}.hero-object{min-width:0;align-self:stretch;display:grid;align-items:center}.logo-drop{height:500px;width:100%;position:relative}.logo-drop-canvas{display:block;width:100%;height:calc(100% - 60px);touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .3s}.logo-fallback{position:absolute;inset:0;width:100%;height:calc(100% - 60px);object-fit:contain;padding:var(--space-6);transition:opacity .3s}.logo-drop[data-renderer] .logo-drop-canvas{opacity:1}.logo-drop[data-renderer] .logo-fallback{opacity:0;pointer-events:none}.logo-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted)}.logo-controls>div{display:flex;gap:var(--space-3)}.logo-controls button{border:0;background:none;min-height:44px;padding:var(--space-1);color:var(--ink);font-size:var(--text-xs)}.logo-controls button:disabled{color:var(--muted);cursor:default}.logo-drop:not([data-renderer]) .logo-controls{visibility:hidden}.hero-footnote{position:absolute;bottom:var(--space-4);left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-xs)}
.games{padding-top:var(--space-8)}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-7);row-gap:var(--space-4);align-items:end}.section-intro .eyebrow{grid-column:1/-1}.section-intro>p:last-child{color:var(--muted);font-size:var(--text-md);max-width:500px}.game-feature{margin-top:var(--space-8)}.game-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--space-6);margin-bottom:var(--space-5)}.game-heading h3{font-size:var(--text-xl);width:65%}.scene-frame{position:relative;overflow:hidden;isolation:isolate}.project-live-scene{display:block;border:0;position:relative;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .3s}.scene-frame[data-ready] iframe{opacity:1}.scene-loading{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--ink);color:var(--white)}.scene-loading span{font-size:var(--text-lg);font-weight:750}.scene-loading small{font-size:var(--text-xs)}.scene-frame[data-ready] .scene-loading{display:none}.peg-frame{aspect-ratio:16/8;min-height:370px}.game-caption{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:start;margin-top:var(--space-5)}.game-caption p{max-width:620px;color:var(--muted)}.game-caption a{justify-self:end}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);font-weight:650;transition:color var(--speed-fast)}.text-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:var(--space-2)}.pado-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-7);padding-inline:var(--space-7)}.pado-copy h3{font-size:var(--text-xl);margin-top:var(--space-4)}.pado-copy>p:not(.eyebrow){font-size:var(--text-md);color:var(--muted);margin-block:var(--space-5)}.status-note{display:block;color:var(--muted);font-size:var(--text-xs);line-height:1.65}.pado-copy .status-note{margin-top:var(--space-3)}.phone-frame{width:100%;max-width:380px;justify-self:end;aspect-ratio:9/16;border-radius:var(--radius-object);box-shadow:var(--shadow-object)}
.art-section{padding-block:var(--space-8) var(--space-6)}.art-heading{display:flex;justify-content:space-between;gap:var(--space-6);align-items:start;margin-bottom:var(--space-6)}.art-heading h2{width:65%}.art-picture{position:relative}.art-picture>img:first-child{width:100%;aspect-ratio:3/2;object-fit:cover}.art-logo{position:absolute;right:var(--space-6);bottom:var(--space-5);width:34%;height:auto}.art-section figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}
.site-footer{padding-block:var(--space-7) var(--space-5)}.footer-title{display:block;font-size:var(--text-xl);font-weight:700;letter-spacing:-.05em;line-height:1.2;white-space:pre-line;margin-block:var(--space-5);width:fit-content;transition:color var(--speed-fast)}.footer-title:hover{color:var(--accent)}.contact-links{display:flex;gap:var(--space-5);flex-wrap:wrap}.contact-links a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm)}.contact-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-7);font-size:var(--text-xs);color:var(--muted)}.footer-bottom .text-link{font-size:var(--text-xs);font-weight:400}.motion-toggle{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:9;width:44px;height:44px;border:1px solid var(--edge);background:var(--paper);color:var(--ink);border-radius:50%;font-size:var(--text-sm)}
.page-opening{padding-block:var(--space-7)}.page-opening h1{margin-block:var(--space-5)}.page-lead{font-size:var(--text-md);line-height:1.65;color:var(--muted);max-width:720px}.page-jumps{display:flex;gap:var(--space-5);margin-top:var(--space-5)}.studio-note{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-7);padding-block:var(--space-6) var(--space-8)}.studio-note h2{margin-bottom:var(--space-5)}.studio-note p{max-width:660px;margin-top:var(--space-4);color:var(--muted);font-size:var(--text-md)}.principles{padding-bottom:var(--space-7)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-block:var(--space-5) var(--space-6)}.principle-number{font-size:var(--text-lg);color:var(--accent);font-weight:650}.principle-grid h3{font-size:var(--text-md);margin-block:var(--space-4) var(--space-3)}.principle-grid p{color:var(--muted)}.project-detail{padding-block:var(--space-6) var(--space-7)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.detail-header h2{margin-top:var(--space-3)}.detail-header>h3{color:var(--muted)}.game-gallery img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--ink)}.game-gallery figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.segmented button,.quiet-button{background:none;color:var(--ink);border:1px solid var(--edge);padding:var(--space-2) var(--space-4);min-height:44px;border-radius:var(--radius-control);font-size:var(--text-xs);transition:color var(--speed-fast),border-color var(--speed-fast),background var(--speed-fast)}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.segmented button:hover,.quiet-button:hover{border-color:var(--accent)}.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);margin-top:var(--space-6)}.detail-copy p{font-size:var(--text-md);color:var(--muted)}.surf-guide{max-width:920px;margin-inline:auto}.surf-guide ol{list-style:none;padding:0;margin-block:var(--space-6)}.surf-guide li{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);margin-bottom:var(--space-6)}.guide-step{font-size:var(--text-xs);color:var(--accent);font-weight:650}.surf-guide li h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.surf-guide li p{color:var(--muted)}
.timing-lab{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);padding-block:var(--space-6) var(--space-7)}.timing-lab h2{margin-block:var(--space-4) var(--space-5)}.timing-lab>div>p:not(.eyebrow){color:var(--muted);max-width:450px}.timing-panel{background:var(--white);border:1px solid var(--edge);border-radius:var(--radius-object);box-shadow:var(--shadow-none);text-align:center;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.timing-panel .timing-value{font-size:var(--text-hero);font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);padding-bottom:var(--space-7)}.email-link{display:block;font-size:var(--text-lg);letter-spacing:-.04em;margin-block:var(--space-4)}.contact-direct .status-note{margin-top:var(--space-2);min-height:24px}.social-contact{margin-top:var(--space-7)}.social-contact>a{display:inline-flex;align-items:center;min-height:44px;font-weight:650}.social-contact>p:last-child{color:var(--muted);font-size:var(--text-sm);max-width:360px;margin-top:var(--space-3)}.message-form{border:1px solid var(--edge);border-radius:var(--radius-object);padding:var(--space-5);background:var(--white)}fieldset{border:0;padding:0;margin:0 0 var(--space-5);min-width:0}legend{font-weight:650}label{display:block;font-size:var(--text-sm);margin-bottom:var(--space-3)}textarea{display:block;width:100%;background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius-control);padding:var(--space-4);resize:vertical;color:var(--ink)}textarea::placeholder{color:var(--muted)}.message-form>.status-note{margin-top:var(--space-3)}.message-form>.button{margin-top:var(--space-4)}
/* Four interface motion types: reveal, hover, focus feedback, scene crossfade.
   The existing draggable logo and game scenes are functional interactions. */
.reveal{opacity:1}.reveal.is-entering{animation:arrive var(--speed-reveal) var(--ease) both}@keyframes arrive{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.hero{min-height:740px}.logo-drop{height:560px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{gap:var(--space-4)}.site-header nav{gap:var(--space-4)}.hero{min-height:620px}.logo-drop{height:430px}.hero-description{font-size:var(--text-sm)}.pado-feature{padding-inline:0;gap:var(--space-6)}.game-heading h3,.pado-copy h3{font-size:var(--text-lg)}.email-link{font-size:var(--text-md)}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:104px;display:grid;grid-template-columns:1fr auto;gap:0}.brand{grid-column:1;grid-row:1}.brand img{width:56px;height:56px}.language{grid-column:2;grid-row:1;justify-self:end}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:var(--space-2)}.site-header nav a{font-size:var(--text-xs)}.hero{min-height:0;padding-top:var(--space-5);padding-bottom:var(--space-6);grid-template-columns:1fr;gap:var(--space-4)}.hero-copy{padding-bottom:0}.hero h1{font-size:var(--text-xl);margin-top:var(--space-4)}.hero-description{font-size:var(--text-sm);margin-block:var(--space-4);line-height:1.65}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:0}.hero .button{min-height:48px}.hero-object{margin-top:var(--space-2)}.logo-drop{height:300px}.logo-drop-canvas,.logo-fallback{height:250px}.logo-fallback{padding:var(--space-4)}.logo-controls{font-size:var(--text-xs);gap:var(--space-2)}.logo-controls>span{max-width:160px;line-height:1.4}.logo-controls>div{gap:var(--space-2)}.hero-footnote{position:static;margin-top:var(--space-4);font-size:var(--text-xs)}.hero-footnote>span:last-child{display:none}.games{padding-top:var(--space-7)}h2{font-size:var(--text-lg)}.section-intro{grid-template-columns:1fr;gap:var(--space-4)}.section-intro>p:last-child{font-size:var(--text-sm)}.game-feature{margin-top:var(--space-7)}.game-heading{display:block;margin-bottom:var(--space-5)}.game-heading h3{width:auto;margin-top:var(--space-4);font-size:var(--text-lg)}.peg-frame{aspect-ratio:4/3;min-height:0}.game-caption{grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-4)}.game-caption a{justify-self:start}.pado-feature{grid-template-columns:1fr;gap:var(--space-5)}.pado-copy h3{margin-top:var(--space-4)}.pado-copy>p:not(.eyebrow){font-size:var(--text-sm);margin-block:var(--space-4)}.phone-frame{max-width:350px;justify-self:center}.art-section{padding-top:var(--space-7)}.art-heading{display:block;margin-bottom:var(--space-5)}.art-heading h2{width:auto;margin-top:var(--space-4)}.art-logo{bottom:var(--space-3);right:var(--space-3);width:36%}.site-footer{padding-top:var(--space-6)}.footer-title{font-size:var(--text-lg);margin-block:var(--space-4)}.contact-links{gap:var(--space-4)}.contact-links a{font-size:var(--text-xs)}.footer-bottom{align-items:start;flex-wrap:wrap;margin-top:var(--space-6);gap:var(--space-3)}.footer-bottom>span:nth-child(2){display:none}.motion-toggle{right:var(--space-3);bottom:var(--space-3)}.page-opening{padding-block:var(--space-6)}.page-opening h1{font-size:var(--text-xl);margin-block:var(--space-4)}.page-lead{font-size:var(--text-sm)}.studio-note{grid-template-columns:1fr;gap:var(--space-5);padding-bottom:var(--space-7)}.studio-note p{font-size:var(--text-sm)}.principle-grid{grid-template-columns:1fr;gap:var(--space-5)}.principle-grid article{display:grid;grid-template-columns:var(--space-6) 1fr;column-gap:var(--space-4)}.principle-grid h3{margin-block:var(--space-2) var(--space-3)}.principle-grid p{grid-column:2}.project-detail{padding-block:var(--space-5) var(--space-6)}.detail-header{display:block;margin-bottom:var(--space-5)}.detail-header h2{font-size:var(--text-lg)}.detail-header>h3{font-size:var(--text-md);margin-top:var(--space-4)}.detail-copy{grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-5)}.detail-copy h3{font-size:var(--text-lg)}.detail-copy p{font-size:var(--text-sm)}.surf-guide li{grid-template-columns:1fr;gap:var(--space-3)}.surf-guide li h3{font-size:var(--text-md)}.timing-lab,.contact-layout{grid-template-columns:1fr;gap:var(--space-5)}.timing-panel{padding:var(--space-5)}.timing-lab h2{font-size:var(--text-lg)}.email-link{font-size:var(--text-md)}.social-contact{margin-top:var(--space-5)}.message-form{padding:var(--space-4)}.message-form .segmented{gap:var(--space-2)}.segmented button{padding-inline:var(--space-3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V27: tactile type and a mobile composition built around play. */
:root{--paper:#fcfcf7;--ink:#242720;--muted:#62665b;--accent:#242720;--edge:#d9ddd0}
body{letter-spacing:-.025em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.065em}.site-header{position:relative;z-index:12;min-height:110px}.site-header nav a[aria-current=page]{color:var(--ink);font-weight:850}.site-header nav a::after{display:none}.site-header nav a:hover{transform:rotate(-3deg)}.mobile-games,.menu-toggle{display:none}
.hero{min-height:680px;grid-template-columns:1.08fr 1fr;column-gap:16px;padding-block:24px 64px;align-items:center}.hero-copy{padding-bottom:0}.hero h1{font-weight:900;letter-spacing:-.065em;line-height:1.05;margin-top:22px;cursor:default}.hero h1:focus-visible{outline-offset:10px;border-radius:12px}.kinetic-type{display:flex;flex-direction:column;align-items:flex-start;white-space:normal;isolation:isolate}.type-line{display:block;position:relative;width:max-content;max-width:none;white-space:pre;transform-origin:left center;line-height:1.15}.type-glyph{display:inline-block;white-space:pre;transform-origin:50% 85%;will-change:auto}.hero h1 .type-line-0{font-size:72px;transform:rotate(-3deg);z-index:2}.hero h1 .type-line-1{font-size:44px;letter-spacing:-.035em;margin-top:6px;margin-left:50px;transform:rotate(3deg)}.hero h1 .type-line-2{font-size:112px;font-weight:950;letter-spacing:-.075em;transform:rotate(-2deg);text-shadow:none;z-index:2;margin-top:0}.hero-description{font-size:16px;line-height:1.7;margin-block:24px 18px;max-width:490px}.hero-copy>.eyebrow{color:var(--ink)}.hero-footnote{font-size:11px;bottom:10px;opacity:.8}.hero-object{align-self:center}.logo-drop{height:440px}.logo-drop-canvas,.logo-fallback{height:calc(100% - 50px)}.logo-fallback{padding:24px}.logo-controls{font-size:12px;gap:8px}.logo-controls button{font-size:12px;font-weight:650}.logo-controls>div{gap:8px}.logo-controls>span{font-style:italic;max-width:210px}.logo-controls button:hover{transform:rotate(-4deg)}
.button.primary,.button.primary:hover{background:none;color:var(--ink);border:0;border-radius:0;padding:0;box-shadow:none;gap:16px;min-height:64px;justify-content:flex-start;font-size:20px;font-weight:850;letter-spacing:-.04em}.button.primary:hover{transform:none}.button.primary:active{transform:none}.button-label{display:inline-block}.button-launch{display:inline-flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;background:var(--ink);color:var(--white);border:1.5px solid var(--ink);border-radius:47% 53% 45% 55%;font-size:28px;font-weight:650;line-height:1;box-shadow:3px 3px 0 var(--ink);transform:rotate(-6deg);transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s}.button:hover .button-launch{transform:translate(1px,-3px) rotate(9deg);box-shadow:4px 6px 0 var(--ink)}.button:active .button-launch{transform:translate(3px,3px) rotate(-4deg);box-shadow:0 0 0 var(--ink)}.button:hover .button-label{animation:invite-wiggle .42s ease-out}@keyframes invite-wiggle{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px) rotate(-2deg)}70%{transform:translateY(1px)}}
.page-opening{padding-block:62px 70px}.page-opening h1{font-weight:850;line-height:1.15;letter-spacing:-.06em;margin-block:24px}.page-opening h1 .type-line:nth-child(2){margin-left:28px;transform:rotate(-1.5deg)}.page-opening h1 .type-line:first-child{transform:rotate(1deg)}.page-lead{font-size:18px}.game-heading h3 .type-line:nth-child(2),.pado-copy h3 .type-line:nth-child(2){margin-left:14px;transform:rotate(-2deg)}.section-intro h2 .type-line:nth-child(2),.art-heading h2 .type-line:nth-child(2){margin-left:18px}.section-intro h2,.game-heading h3,.pado-copy h3,.art-heading h2{font-weight:800}.games{padding-top:94px}.game-feature{margin-top:100px}.pado-copy .text-link,.game-caption .text-link{font-weight:800}.text-link:hover{color:var(--ink)}.footer-title{font-weight:850}.footer-title .type-line:nth-child(2){margin-left:20px;transform:rotate(-2deg)}.footer-title:hover{color:var(--ink)}.footer-bottom{margin-top:68px}
.segmented{gap:10px}.segmented button{border:1.5px solid var(--edge);border-radius:18px 16px 19px 15px;padding-inline:18px;font-weight:650}.segmented button[aria-pressed=true]{background:var(--ink);transform:rotate(-2deg);box-shadow:none}.message-form{border:0;border-radius:0;background:transparent;padding:0}.message-form textarea{border:1.5px solid var(--edge);border-radius:16px;background:#fff;min-height:190px;padding:20px}.message-form textarea:focus{border-color:var(--ink)}.message-form>.button{font-size:18px;margin-top:22px}.quiet-button{border-radius:18px;min-height:44px;padding-inline:20px;border:1.5px solid var(--edge);font-weight:650}.quiet-button:active{transform:rotate(-3deg)}.timing-panel{background:transparent;border:0;border-radius:0;padding:28px;gap:20px}.timing-panel .timing-value{font-weight:900;color:var(--ink);font-size:110px;letter-spacing:-.075em;transform:rotate(-4deg);text-shadow:none}.principle-number{font-weight:850;color:var(--ink)}.guide-step{color:var(--ink);font-weight:800}.motion-toggle{background:var(--paper);border-color:var(--ink);border-width:1.5px;font-weight:700;box-shadow:2px 2px 0 var(--ink)}
@media(max-width:1100px) and (min-width:701px){.hero h1 .type-line-0{font-size:58px}.hero h1 .type-line-1{font-size:38px}.hero h1 .type-line-2{font-size:88px}.logo-drop{height:390px}.logo-controls{flex-wrap:wrap;justify-content:flex-end}.logo-controls>span{margin-right:auto}}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}.site-header{min-height:84px;display:flex;gap:12px;align-items:center}.brand{margin-right:auto}.brand img{width:64px;height:64px}.site-header .language{padding:8px 4px;font-size:12px;min-height:44px}.mobile-games{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:800}.menu-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 0 0 2px;min-height:44px;font-size:13px;font-weight:800;border:0;background:none;color:var(--ink)}.menu-plus{font-size:23px;line-height:1;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-plus{transform:rotate(45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:80px;padding:24px;background:var(--paper);border:1.5px solid var(--ink);border-radius:20px 18px 24px 16px;box-shadow:4px 5px 0 var(--ink);grid-template-columns:1fr 1fr;gap:10px;z-index:20}.site-header nav.menu-open{display:grid}.site-header nav a{font-size:20px;min-height:50px;padding:5px}.site-header nav a[aria-current=page]{transform:rotate(-4deg)}
 .hero{display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding-top:13px;padding-bottom:18px}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:14px}.hero h1{align-items:center;align-self:stretch;margin-top:0;line-height:1.05;letter-spacing:-.065em}.hero h1 .type-line-0{font-size:54px;transform:translateX(-24px) rotate(-4deg)}.hero h1 .type-line-1{font-size:30px;transform:translateX(45px) rotate(4deg);margin-top:3px;margin-left:0}.hero h1 .type-line-2{font-size:82px;line-height:1.08;margin-top:0;transform:translateX(-2px) rotate(-3deg);letter-spacing:-.075em;text-shadow:none}.hero-description{font-size:14px;line-height:1.65;text-align:center;max-width:340px;margin-block:18px 10px;letter-spacing:-.035em}.hero .button.primary{min-height:54px;gap:13px;font-size:19px;line-height:1.2}.hero .button-launch{width:44px;height:44px;font-size:25px;box-shadow:2px 3px 0 var(--ink)}.hero-object{margin-top:4px;margin-inline:-8px;align-self:stretch}.logo-drop{height:280px}.logo-drop-canvas,.logo-fallback{height:232px}.logo-fallback{padding:12px}.logo-controls{padding-inline:8px;gap:8px;font-size:11px}.logo-controls>span{font-size:11px;max-width:180px;line-height:1.4;font-style:normal}.logo-controls>div{gap:5px}.logo-controls button{font-size:11px;padding-inline:3px}.hero-footnote{position:static;width:100%;margin-top:8px;display:block;text-align:center;font-size:9px;letter-spacing:.06em}.hero-footnote>span:last-child{display:none}
 .games{padding-top:58px}.section-intro{gap:16px}.section-intro .eyebrow{font-size:10px}.section-intro h2{font-size:35px}.section-intro>p:last-child{font-size:15px}.game-feature{margin-top:64px}.game-heading h3,.pado-copy h3{font-size:38px}.game-heading .eyebrow,.pado-copy>.eyebrow{font-size:11px}.game-heading h3{margin-top:20px}.game-caption{gap:6px}.game-caption p{font-size:15px;line-height:1.8}.game-caption .text-link{font-size:15px}.pado-copy>p:not(.eyebrow){font-size:15px}.phone-frame{border-radius:25px 21px 23px 19px}.art-heading h2{font-size:36px}.art-section{padding-top:72px}.site-footer{padding-top:46px}.footer-title{font-size:38px;margin-block:18px}.contact-links{gap:16px}.contact-links a{font-size:13px}.footer-bottom{margin-top:42px;font-size:11px}.motion-toggle{width:40px;height:40px;right:12px;bottom:12px;font-size:14px}
 .page-opening{padding-top:30px;padding-bottom:46px}.page-opening .eyebrow{font-size:10px;letter-spacing:.1em}.page-opening h1{font-size:45px;margin-block:22px;line-height:1.18}.page-opening h1 .type-line:nth-child(2){margin-left:12px;transform:rotate(-2deg)}.page-opening h1 .type-line:first-child{transform:rotate(1.5deg)}.page-lead{font-size:15px;line-height:1.75}.studio-note{padding-top:14px}.studio-note h2{font-size:35px}.principle-grid{gap:32px}.principle-grid h3{font-size:20px}.timing-lab{padding-top:8px}.timing-lab h2{font-size:36px}.timing-panel{padding:8px 18px 22px}.timing-panel .timing-value{font-size:100px}.button.primary{font-size:18px;gap:14px}.button-launch{width:46px;height:46px;font-size:26px}.contact-layout{gap:32px}.contact-direct>.eyebrow,.social-contact>.eyebrow{font-size:11px}.message-form{padding-top:8px}.segmented button{font-size:12px;padding-inline:14px}.message-form textarea{min-height:200px}.contact-links a:hover{transform:rotate(-2deg)}
}
@media(prefers-reduced-motion:reduce){.type-glyph{transform:none!important;opacity:1!important}.button:hover .button-label{animation:none}.button-launch,.menu-plus{transition:none}.kinetic-type{cursor:default!important}}
.hero-copy{min-width:0;max-width:100%}.hero h1{width:100%;min-width:0}.kinetic-type{min-width:0;max-width:100%}.hero-object{min-width:0;max-width:100%}.motion-toggle{width:44px;height:44px}
@media(max-width:700px){.site-header nav.menu-open{transform-origin:top right;animation:menu-pop .28s cubic-bezier(.2,.8,.3,1.2)}}
@keyframes menu-pop{from{opacity:.4;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-header nav.menu-open{animation:none}}
@media(max-width:360px){.hero h1 .type-line-0{transform:translateX(-12px) rotate(-4deg)}.hero h1 .type-line-1{transform:translateX(30px) rotate(4deg);font-size:28px}}

@media(max-width:700px){.footer-bottom{padding-right:64px}}

/* V28 navigation: type and space, without a floating menu card. */
.menu-panel{display:contents}.menu-intro,.menu-footer,.nav-index,.nav-arrow{display:none}.site-header{gap:38px}.site-header nav{gap:30px}.site-header nav a{font-size:18px;line-height:1.2;font-weight:750;min-height:52px;padding:5px 0}.site-header nav a:hover{transform:none}.nav-label{display:inline-block;transition:transform .22s cubic-bezier(.2,.8,.3,1.4)}.site-header nav a:hover .nav-label{transform:translateY(-4px) rotate(-3deg)}.site-header nav a[aria-current=page] .nav-label{text-shadow:none}.site-header .language{font-size:13px;font-weight:750}.menu-toggle{font-family:inherit}
@media(min-width:701px) and (max-width:1000px){.site-header{gap:22px}.site-header nav{gap:22px}.site-header nav a{font-size:16px}}
@media(max-width:700px){
 .site-header{min-height:84px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:84px;gap:0 22px;align-items:center}.brand{grid-column:1;grid-row:1;justify-self:start}.site-header .language{grid-column:2;grid-row:1;font-size:13px;padding:8px 0}.menu-toggle{grid-column:3;grid-row:1;display:flex;gap:9px;padding:0;min-height:48px;font-size:15px;font-weight:850;letter-spacing:-.04em}.menu-plus{font-size:32px;font-weight:650}.menu-panel{display:none}.mobile-games{display:none}.site-header nav a[aria-current=page]{transform:none}
 .site-header.menu-is-open{position:fixed;inset:0;z-index:50;width:100%;height:100svh;min-height:0;margin:0;padding:0 24px;background:var(--paper);grid-template-rows:84px minmax(0,1fr);overflow:auto}.menu-is-open .brand{position:relative;z-index:2}.menu-is-open .menu-panel{grid-column:1/-1;grid-row:2;align-self:stretch;min-height:0;display:flex;flex-direction:column;padding-top:20px;padding-bottom:max(26px,env(safe-area-inset-bottom));overflow-y:auto}.menu-intro{display:block;font-size:14px;color:var(--muted);margin:0 0 12px;font-weight:600}.site-header.menu-is-open nav{display:flex;position:static;flex-direction:column;align-items:stretch;justify-content:space-evenly;flex:1;min-height:330px;padding:8px 0 24px;gap:2px;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none}.site-header.menu-is-open nav a{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;column-gap:12px;min-height:62px;width:100%;font-size:clamp(34px,8.5vw,52px);line-height:1.2;font-weight:850;letter-spacing:-.055em;padding:6px 0}.nav-index{display:block;align-self:center;font-size:12px;color:var(--muted);font-weight:550;letter-spacing:0}.nav-arrow{display:block;justify-self:end;font-size:30px;font-weight:500;transition:transform .2s}.site-header nav a:hover .nav-arrow{transform:translate(3px,-3px)}.site-header nav a[aria-current=page] .nav-label{text-shadow:none}.menu-is-open .nav-label{animation:nav-arrive .42s calc(var(--nav-i)*.025s) cubic-bezier(.2,.7,.25,1.2) both}.menu-footer{display:block;font-size:13px;color:var(--muted);padding-top:10px}.menu-footer a{display:inline-flex;min-height:44px;align-items:center}.menu-is-open .menu-plus{transform:rotate(45deg)}body.menu-locked{overflow:hidden}
}
@keyframes nav-arrive{0%{opacity:0;transform:translateY(16px) rotate(3deg)}65%{opacity:1;transform:translateY(-3px) rotate(-1deg)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.menu-is-open .nav-label{animation:none}.nav-label,.nav-arrow,.menu-plus{transition:none}.site-header nav a:hover .nav-label,.site-header nav a:hover .nav-arrow{transform:none}}
.motion-paused .menu-is-open .nav-label{animation:none}

/* V29: neutral interface accents. */
.site-header nav a[aria-current=page] .nav-label{font-weight:900;text-shadow:none}.site-header nav a[aria-current=page] .nav-index{color:var(--ink);font-weight:850}