.page-home,.page-desktop{min-height:100svh;display:flex;flex-direction:column}.page-home .desktop-chrome,.page-desktop .desktop-chrome{border-bottom:0;background:transparent;backdrop-filter:none;position:relative}.minimal-home{width:min(760px,100%);margin:auto;padding:65px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.landing-label{letter-spacing:.18em;color:var(--tone-muted,#80678e);font-size:10px}.koko-site .minimal-home h1{font-size:clamp(58px,8vw,100px);font-weight:700;line-height:1.1;letter-spacing:-.07em;margin:20px 0 26px;color:var(--tone-accent,#70509e)}.minimal-home h1 em{font-family:'Fraunces',serif;font-weight:500}.minimal-home>p{max-width:470px;font-size:18px;line-height:1.8;margin:0 0 32px}.minimal-home .desktop-entry{padding:14px 23px;gap:14px;font-size:14px}.minimal-home .palette-invite{font:9px 'Space Mono'!important;color:var(--tone-muted,#80678e);margin-top:27px}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 40px;font:9px 'Space Mono';color:var(--tone-muted,#80678e)}.folder-desktop{width:min(1120px,100%);padding:40px 35px 55px;margin:auto}.desktop-welcome{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.desktop-welcome .mono{font-size:9px;color:var(--tone-muted,#80678e)}.koko-site .desktop-welcome h1{font-size:clamp(34px,4vw,52px);line-height:1.2;margin:12px 0 0;color:var(--tone-accent,#70509e)}.desktop-welcome p{font-size:12px;color:var(--tone-muted,#80678e)}.desktop-folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px}.desktop-folder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px;gap:10px;border-radius:12px}.desktop-folder-art{width:110px;height:94px;display:grid;place-items:center;background:#fff7e833;border-radius:12px;transition:transform .25s,background .25s}.desktop-folder-art .drawn-icon{width:90px;height:90px;filter:drop-shadow(3px 5px 0 #5c3d621c)}.desktop-folder strong{font:500 13px 'Space Mono';padding:4px 8px;background:#fff8ec88;border-radius:4px}.desktop-folder small{font-size:11px;color:var(--tone-muted,#80678e)}.desktop-folder:hover .desktop-folder-art{transform:translateY(-6px) rotate(-4deg);background:#fff7e888}.page-desktop .os-footer{width:100%;margin-top:0}.page-desktop .desktop-folder:nth-child(1){order:8}
@media(max-width:720px){.minimal-home{padding:55px 24px}.minimal-home>p{font-size:16px;max-width:330px}.minimal-home h1{font-size:64px!important}.landing-footer{font-size:7px;padding:22px 18px;gap:12px}.folder-desktop{padding:28px 18px}.desktop-welcome{display:block;margin-bottom:25px}.desktop-welcome p{margin-top:15px;font-size:11px}.desktop-folder-grid{grid-template-columns:repeat(2,1fr);gap:15px}.desktop-folder-art{height:75px;width:85px}.desktop-folder-art .drawn-icon{width:75px;height:75px}.desktop-folder strong{font-size:11px}.desktop-folder small{font-size:10px}.desktop-folder{gap:7px}}
@media(prefers-reduced-motion:reduce){.desktop-folder:hover .desktop-folder-art{transform:none}}

.minimal-home .landing-portrait{display:block;width:96px;height:116px;flex-shrink:0;object-fit:cover;object-position:center 38%;border-radius:16px;border:3px solid var(--tone-paper,#fff8ec);box-shadow:2px 3px 0 var(--tone-accent,#70509e);transform:rotate(-4deg);margin:0 0 24px}
@media(max-width:720px){.minimal-home .landing-portrait{width:80px;height:98px;margin-bottom:20px}.minimal-home{padding-top:32px;padding-bottom:32px}}

.landing-greeting{display:flex;align-items:center;justify-content:center;gap:26px;width:100%;margin:24px 0 28px}
.koko-site .landing-greeting h1{margin:0;white-space:nowrap;font-size:clamp(58px,7vw,88px)}
.minimal-home .landing-greeting .landing-portrait{margin:0}
@media(max-width:720px){.landing-greeting{flex-direction:column;gap:20px;margin:22px 0 24px}.koko-site .landing-greeting h1{font-size:clamp(44px,10vw,64px)!important}}