@font-face{font-family:Studio Space Grotesk;src:url('brand/studio/fonts/SpaceGrotesk-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Studio DM Sans;src:url('brand/studio/fonts/DMSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Studio DM Sans;src:url('brand/studio/fonts/DMSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.studio-sender{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin:0 auto;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:#111e2d;font:600 12px/1.3 Manrope,system-ui,sans-serif;cursor:pointer}
.studio-sender:hover{background:#111e2d0b}
.studio-sender:focus-visible{outline:3px solid #ffb58d;outline-offset:3px}
.studio-sender__mark{display:block;flex:none;width:32px;height:32px;object-fit:contain}
.studio-sender__label{min-width:0;text-align:left}
#title-screen .studio-sender{color:#fff7e8;font-size:12px}
#title-screen .studio-sender__mark{width:32px;height:32px}
#title-screen .studio-sender:hover{background:#fff7e80e}
footer .studio-sender{margin:0;color:#111e2d}
.studio-about{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:560px;max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:36px;border:1px solid #111e2d1c;border-radius:24px;background:#fff7e8;color:#111e2d;text-align:center;box-shadow:0 24px 80px #111e2d45}
.studio-about::backdrop{background:#111e2dcc;backdrop-filter:blur(4px)}
.studio-about__logo{display:block;width:min(100%,360px);min-width:min(240px,100%);height:auto;aspect-ratio:1120/440;object-fit:contain;margin:12px auto 26px}
.studio-about__eyebrow{margin:0 0 8px;color:#111e2da8;font:700 10px/1.4 'Studio DM Sans',sans-serif;letter-spacing:1.6px}
.studio-about h2{margin:0;color:#111e2d;font:700 clamp(27px,7vw,38px)/1.08 'Studio Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}
.studio-about__essence{margin:9px 0 0;color:#ad5633;font:700 16px/1.4 'Studio DM Sans',sans-serif}
.studio-about__body{max-width:410px;margin:18px auto 24px;color:#111e2d;font:400 15px/1.6 'Studio DM Sans',sans-serif}
.studio-about__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#111e2d;font:400 30px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.studio-about__close:hover{background:#111e2d0b}
.studio-about__close:focus-visible,.studio-about__done:focus-visible{outline:3px solid #111e2d;outline-offset:3px}
.studio-about__done{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;min-width:160px;min-height:48px;padding:12px 22px;border:0;border-radius:14px;background:#111e2d;color:#fff7e8;font:800 15px/1.2 Manrope,system-ui,sans-serif;cursor:pointer}
.studio-about__done:hover{background:#26384b}
.studio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){.studio-about{padding:28px 20px}.studio-about__logo{margin-top:16px;margin-bottom:20px}.studio-about__body{font-size:14px;margin-block:14px 20px}}
@media(max-height:560px){.studio-about{max-height:calc(100dvh - 16px);padding-block:20px}.studio-about__logo{width:min(100%,280px);margin-block:0 12px}.studio-about__body{margin-block:10px 14px}}
@media(prefers-reduced-motion:reduce){.studio-sender,.studio-about__close,.studio-about__done{scroll-behavior:auto;transition:none!important;animation:none!important}}