@font-face{font-family:Studio;src:url('/assets/studio-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Studio;src:url('/assets/studio-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#04151f;--surface:#08232f;--ice:#9dedfb;--white:#edf9ff;--muted:#aec4cf;--line:#21404d;--focus:#72e4f4;font-family:Studio,system-ui,sans-serif;font-size:16px;color:var(--white);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse at 76% 18%,#10344788,transparent 46%),linear-gradient(180deg,#05141f 0%,#052330 58%,#04151f 100%);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a:hover{color:var(--ice)}img{display:block;max-width:100%}.shell{max-width:1240px;margin:0 auto;padding-left:48px;padding-right:48px}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #21404d66}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2em;font-size:1.05rem;line-height:1.3}.brand img{object-fit:contain}.brand-sub{display:block;font-size:.63rem;letter-spacing:.32em;margin-top:4px;font-weight:400;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:.875rem}.nav-cta{padding:10px 17px;border:1px solid #496c7a;border-radius:3px}.hero{position:relative;min-height:650px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px;padding-top:50px;padding-bottom:90px}.eyebrow{font-size:.75rem;letter-spacing:.19em;color:var(--ice);font-weight:700;margin:0 0 24px}.hero h1{font-size:clamp(3rem,5.2vw,4.7rem);font-weight:700;line-height:1.08;letter-spacing:-.045em;margin:0 0 27px}.hero h1 span{color:var(--ice)}.intro{font-size:1.08rem;line-height:1.7;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;font-weight:700;font-size:.9375rem;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:background .15s,color .15s,transform .15s}.primary{background:var(--ice);color:#06202a}.primary:hover{background:#c9f8ff;color:#04151f;transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait;transform:none}.text-link{font-size:.875rem;display:inline-block;border-bottom:1px solid #74c5d880;padding-bottom:3px;color:var(--ice)}.fox-stage{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:470px;isolation:isolate;overflow:hidden}.fox-glow{position:absolute;width:350px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#28788a30,transparent 70%);z-index:-1}.hero-fox{width:360px;height:360px;object-fit:contain;image-rendering:pixelated;transform:translateY(-16px);animation:float 7s ease-in-out infinite}.waterline{position:absolute;left:6%;right:6%;top:75%;height:1px;background:linear-gradient(90deg,transparent,#63d8f05c,transparent);box-shadow:0 16px 25px #63d8f012}.fox-reflection{position:absolute;top:75%;width:320px;height:100px;object-fit:fill;transform:scaleY(-1);opacity:.09;image-rendering:pixelated;mask-image:linear-gradient(to top,#000,transparent)}.studio-signature{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:1.1rem;color:var(--ice);font-weight:700;letter-spacing:.4em;line-height:1.7}.studio-signature span{display:block;font-size:.7rem;letter-spacing:.45em;font-weight:400;color:var(--muted)}.hero-foot{position:absolute;bottom:27px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#8aaab9;border-top:1px solid #21404d66;padding-top:20px;letter-spacing:.025em}.project{padding-top:74px;padding-bottom:80px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.section-top .eyebrow{margin:0}.tag{font-size:.6875rem;letter-spacing:.12em;border:1px solid #2d5363;color:var(--muted);padding:5px 10px}.project-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:58px;align-items:center}.project-index{color:#87a7b8;font-size:.75rem;letter-spacing:.13em;margin:0 0 17px}.project h2{font-size:3rem;line-height:1.2;letter-spacing:-.04em;margin:0 0 22px}.working-title{display:block;font-size:.625rem;letter-spacing:.14em;font-weight:400;color:#90abba;margin-top:9px}.project-lead{font-size:1.25rem;line-height:1.5;color:var(--white);margin:0 0 15px}.project-copy>p:not(.project-index):not(.project-lead){color:var(--muted);font-size:1rem}.game-notes{display:flex;flex-wrap:wrap;gap:7px 18px;margin:21px 0 24px;font-size:.75rem;color:#adcedb}.game-notes span+span{position:relative}.game-notes span+span:before{content:'/';position:absolute;left:-12px;color:#547886}.game-preview{margin:0;border:1px solid #315765;background:#061d28;box-shadow:0 18px 65px #0003}.game-preview img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.game-preview figcaption{display:flex;justify-content:space-between;gap:10px;padding:15px 17px;font-size:.6875rem;color:var(--muted)}.game-preview figcaption span:first-child{letter-spacing:.08em;color:var(--ice)}.playtest{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:75px;padding-bottom:90px;position:relative}.playtest:before{content:'';position:absolute;top:0;left:48px;right:48px;border-top:1px solid var(--line)}.playtest h2{font-size:clamp(2.3rem,3.5vw,3rem);line-height:1.16;letter-spacing:-.04em;margin:0 0 23px}.playtest-copy>p:not(.eyebrow){max-width:400px;color:var(--muted)}.quiet{color:#93b0be}.playtest-copy>.quiet{font-size:.875rem!important}.form-panel{padding:28px;background:#0a253277;border:1px solid #2b4a58;border-radius:4px;align-self:start}.field-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:10px}input[type=email]{width:100%;background:#041722;color:var(--white);border:1px solid #486774;border-radius:3px;padding:12px 14px;height:52px}input::placeholder{color:#88a4b2}.field-note{font-size:.75rem;color:var(--muted);margin:7px 0 24px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:.8125rem;line-height:1.55;color:#cadce5;cursor:pointer}.consent input{margin:4px 0 0;width:17px;height:17px;flex-shrink:0;accent-color:var(--ice)}.consent .quiet{display:block;margin-top:5px}.signup-button{width:100%;margin-top:24px}.form-privacy{font-size:.75rem;color:#9cb7c6;margin:14px 0 0;line-height:1.6}.form-privacy a,.legal a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:.875rem;margin:0;color:var(--ice)}.form-status:not(:empty){margin-top:18px}.form-status[data-error=true]{color:#ffb8b2}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:100px;border-top:1px solid #21404d66;font-size:.75rem;color:#8faaB9}.footer-name{letter-spacing:.12em;color:var(--ice);font-weight:700}.skip-link{position:absolute;left:16px;top:-100px;z-index:9;background:var(--ice);color:#06202a;padding:10px 16px}.skip-link:focus{top:16px}.legal{max-width:800px;padding-top:65px;padding-bottom:90px;min-height:75vh}.legal h1{font-size:2.6rem;line-height:1.2;margin:0 0 24px}.legal h2{font-size:1.3rem;margin-top:34px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:22px}.legal .button{margin-top:20px}.manage-panel{max-width:500px;margin-top:35px}.manage-panel label{display:flex;gap:12px;margin:18px 0}.manage-panel input{accent-color:var(--ice)}@keyframes float{0%,100%{transform:translateY(-16px)}50%{transform:translateY(-23px)}}
@media(min-width:1500px){.hero{min-height:735px}}
@media(max-width:950px){.shell{padding-left:30px;padding-right:30px}.hero{grid-template-columns:1.2fr 1fr;min-height:610px;gap:0}.hero h1{font-size:3.4rem}.hero-fox{width:290px;height:290px}.fox-stage{min-height:400px}.studio-signature{font-size:.85rem}.hero-foot{left:30px;right:30px}.hero-actions{gap:18px}.project-layout{gap:30px;grid-template-columns:.9fr 1.2fr}.game-preview figcaption{flex-direction:column;font-size:.75rem}.playtest{gap:35px}.playtest:before{left:30px;right:30px}}
@media(max-width:680px){.shell{padding-left:22px;padding-right:22px}.header{min-height:90px;gap:12px}.brand{font-size:.85rem;gap:8px}.brand img{width:34px;height:34px}.brand-sub{font-size:.6rem}nav{gap:12px;font-size:.8125rem}nav>a:first-child{display:none}.nav-cta{padding:8px 10px}.hero{grid-template-columns:1fr;min-height:0;padding-top:43px;padding-bottom:85px;gap:4px}.hero h1{font-size:clamp(2.8rem,11vw,4rem);margin-bottom:21px}.hero .eyebrow{margin-bottom:18px}.intro{font-size:1rem;margin-bottom:22px}.desktop-break{display:none}.hero-actions{gap:20px}.hero-actions .button{padding-left:18px;padding-right:18px}.fox-stage{min-height:330px;margin-top:23px}.hero-fox{width:270px;height:270px;transform:translateY(-23px)}.waterline,.fox-reflection{top:76%}.fox-reflection{height:68px;width:235px}.studio-signature{bottom:0;font-size:.9rem}.studio-signature span{font-size:.625rem}.hero-foot{left:22px;right:22px;bottom:20px;font-size:.6875rem;gap:15px}.project{padding-top:39px;padding-bottom:49px}.section-top{gap:12px;margin-bottom:28px}.section-top .eyebrow{font-size:.6875rem;letter-spacing:.13em}.tag{font-size:.625rem;padding:4px 7px}.project-layout{grid-template-columns:1fr;gap:32px}.project h2{font-size:2.8rem}.project-copy>p:not(.project-index):not(.project-lead){max-width:440px}.game-preview figcaption{font-size:.6875rem;padding:12px 14px}.playtest{grid-template-columns:1fr;gap:27px;padding-top:45px;padding-bottom:49px}.playtest:before{left:22px;right:22px}.playtest h2{font-size:2.5rem}.playtest-copy>.eyebrow{margin-bottom:17px}.form-panel{padding:22px}.footer{align-items:flex-start;justify-content:flex-start;gap:12px;flex-wrap:wrap;padding-top:25px;padding-bottom:30px}.footer-name{width:100%}.legal{padding-top:40px}.legal h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable interface type; pixel lettering is limited to studio branding. */
:root{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
body{line-height:1.7}
.brand,.hero h1,.studio-signature,.footer-name{font-family:Studio,"Segoe UI",sans-serif}
nav,.text-link{font-size:1rem}
.eyebrow,.project-index,.feature-number,.section-top .eyebrow,.tag,.working-title{font-size:.875rem;letter-spacing:.1em}
.project-copy>p:not(.project-index):not(.project-lead),.playtest-copy>p:not(.eyebrow){font-size:1.0625rem}
.game-notes,.hero-foot,.game-preview figcaption,.footer,.field-note,.form-privacy{font-size:.875rem}
.field-label,.consent,.playtest-copy>.quiet{font-size:1rem!important}
.quiet{color:var(--muted)}
input[type=email],.button{font-size:1rem}
.form-panel{padding:30px}
.legal p,.legal li{font-size:1.0625rem}
@media(max-width:680px){nav,.text-link{font-size:.9375rem}.tag,.working-title{font-size:.8125rem}.section-top .eyebrow{font-size:.8125rem}.game-preview figcaption,.hero-foot{font-size:.875rem}.hero-foot{align-items:flex-start}.form-panel{padding:22px}.footer{font-size:.875rem}.game-notes{gap:7px 18px}}