@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#151515;--text:#f3f2ed;--muted:#b0b0a8;--line:#393934;--accent:#ddfa75}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.page{max-width:1440px;margin:auto;padding:0 5.5%}.skip{position:absolute;left:1rem;top:-5rem;background:var(--accent);color:#151515;padding:1rem;z-index:20}.skip:focus{top:1rem}header{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.wordmark{font-family:'Space Grotesk',Arial,sans-serif;font-size:2.6rem;font-weight:700;letter-spacing:-.15rem;line-height:1}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:.75rem;letter-spacing:.32rem;font-weight:500;margin:9px 0 0 3px}nav{display:flex;gap:2.5rem;font-size:.9375rem}nav a{padding:.5rem 0}nav span{margin-left:.5rem}.intro{padding:68px 0 70px}.eyebrow{font-size:.8125rem;letter-spacing:.12em;margin:0 0 29px;color:var(--muted)}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(4.5rem,8.4vw,7.7rem);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0}h1 em{font-style:normal;color:var(--accent)}.intro-copy{font-size:1.125rem;line-height:1.65;color:var(--muted);margin:0 8px 8px 0}.section-head{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:26px 0}h2{font-weight:500;font-size:1rem;margin:0}.section-head>span{color:var(--muted);font-size:.875rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.art{display:block;position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:8px;background:#e6b5ac}.art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}.pearno-art{background:#272123}.pearno-art img{object-position:center 46%}.pearno-art:hover img{transform:scale(1.025)}.badge{position:absolute;top:18px;left:18px;background:#171717e8;color:#f3f2ed;border:1px solid #ffffff24;border-radius:100px;padding:8px 12px;font-size:.8125rem;font-weight:500}.art-label{position:absolute;bottom:13px;left:17px;font-size:.75rem;background:#171717c9;border-radius:4px;color:#fff;padding:4px 7px}.open-icon{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#151515;display:grid;place-items:center;font-size:1.4rem}.project-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:24px 0 10px}h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.875rem;letter-spacing:-.04em;font-weight:500;margin:0}.project-type{color:var(--muted);font-size:.75rem;letter-spacing:.07em}.project p{color:var(--muted);font-size:1rem;line-height:1.65;max-width:470px;margin:0}.project-link,.coming{display:inline-flex;align-items:center;gap:18px;margin-top:22px;font-size:.9375rem}.project-link{border-bottom:1px solid var(--accent);padding:0 0 6px;color:var(--accent)}.coming{color:var(--muted);padding-bottom:7px}.coming span{color:var(--accent);font-size:1.2rem}footer{border-top:1px solid var(--line);margin-top:68px;min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.8125rem;color:var(--muted)}.footer-brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-size:1.05rem;color:var(--text);letter-spacing:-.04em}footer p{margin:0}
@media(min-width:1600px){.page{padding:0 64px}}
@media(max-width:850px){.intro-copy{font-size:1rem}.intro-row{gap:2rem}h1{font-size:clamp(3.7rem,9vw,6rem)}.project-grid{gap:24px}.project-heading{align-items:flex-start;flex-direction:column;gap:8px}.project-type{font-size:.75rem}footer{flex-wrap:wrap;padding:26px 0;gap:14px 26px}footer p{margin-left:auto}footer>span{flex-basis:100%}}
@media(max-width:580px){.page{padding:0 24px}header{min-height:98px;gap:1rem}.wordmark{font-size:2.1rem}.wordmark span{font-size:.75rem;letter-spacing:.19rem}nav{gap:1.2rem;font-size:.875rem}.intro{padding:44px 0 42px}.eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:24px}.intro-row{display:block}h1{font-size:clamp(3.7rem,15vw,5.4rem)}.intro-copy{margin:24px 0 0;font-size:1rem;line-height:1.6}.project-grid{grid-template-columns:1fr;gap:42px}.project-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.section-head{padding:22px 0}.badge{top:13px;left:13px}.project p{font-size:1rem}.project-link,.coming{margin-top:16px}footer{margin-top:45px;align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}footer>span{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

.intro-row h1{flex-shrink:0;font-size:clamp(3rem,6.8vw,6.3rem)}.intro-copy{max-width:440px}.intro-copy p{margin:0}.intro-copy p+p{margin-top:1rem}@media(min-width:581px) and (max-width:850px){.intro-row{align-items:flex-start;flex-direction:column}.intro-copy{max-width:600px;margin:0}}


.wordmark{line-height:1}.wordmark .brand-dot,.footer-brand .brand-dot{display:inline;color:var(--accent);font:inherit;letter-spacing:inherit;margin:0}.footer-brand{font-size:1.5rem}.game-hero{padding:65px 0}.game-hero h1{font-size:clamp(3.5rem,8vw,7rem)}.game-hero .intro-copy{max-width:650px;margin:26px 0}.game-art{margin:40px 0}.game-art img{width:100%;max-height:600px;object-fit:cover;border-radius:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0}.feature-grid h3{font-size:1.5rem}.feature-grid p{color:var(--muted);line-height:1.7}.game-note{color:var(--muted);line-height:1.7;max-width:760px;padding:25px 0}@media(max-width:700px){.feature-grid{grid-template-columns:1fr;gap:16px}}

/* Authentic CakeMake screenshots and gameplay */
.gameplay{margin-top:42px}.gameplay video{display:block;width:100%;height:auto;aspect-ratio:1280/726;background:#080808;border-radius:8px}.media-caption,.screenshot-grid figcaption{font-size:.9375rem;line-height:1.6;color:var(--muted)}.media-caption{margin:14px 0 0;max-width:780px}.screenshots{padding-bottom:48px}.screenshot-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}.screenshot-grid figure{margin:0}.screenshot-grid a{display:block}.screenshot-grid img{display:block;width:100%;height:auto;border-radius:8px}.screenshot-grid figcaption{margin-top:12px}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr;gap:28px}.gameplay .section-head,.screenshots .section-head{align-items:flex-start;gap:10px;flex-direction:column}}
