:root{--surface:#fff;--line:#d5d0de}
html[data-theme="dark"]{color-scheme:dark;--paper:#11111d;--paper-2:#191927;--surface:#222232;--ink:#f5f2f6;--ink-soft:#c6c4d5;--pink-deep:#ff80b5;--line:#454253}
body,header.site,.hero,.modal-box{transition:background-color .3s,color .3s}
header.site{background:var(--paper);border-bottom:1px solid var(--line);gap:20px}
.language-control{margin-left:auto}.language-control select{font:600 12px Sora,sans-serif;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:10px;border-radius:30px;cursor:pointer}
.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}
.hero{background:var(--paper);color:var(--ink)}
.hero .grain,.hero .sparkle{display:none}
.hero-eyebrow,.hero-sub{color:var(--ink-soft)}
.hero h1 .flourish{color:var(--pink-deep)}
.hero-tagline{margin-top:26px;font-size:clamp(17px,2vw,23px);font-weight:500;color:var(--pink-deep)}
.hero h1{font-size:clamp(38px,5.6vw,72px);max-width:1060px}
.hero .theme-play{margin:0 0 28px}
.theme-play{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:13px}
#themeToggle{width:88px;height:44px;border:1px solid var(--line);border-radius:30px;padding:5px;background:var(--pink-soft);flex-shrink:0}
#themeToggle span{display:block;width:32px;height:32px;border-radius:50%;background:var(--pink);transition:transform .3s}
html[data-theme="dark"] #themeToggle{background:#3a2640}
html[data-theme="dark"] #themeToggle span{transform:translateX(43px)}
#themeCaption{color:var(--ink-soft);font-size:12px}
.hero .btn-ghost{color:var(--ink);border-color:var(--line)}
.hero .stat-strip{border-color:var(--line)}.hero .stat b{color:var(--ink)}.hero .stat span{color:var(--ink-soft)}
.proj-card{background:transparent;border-radius:0;box-shadow:none;color:var(--ink)}
.proj-card:hover{box-shadow:none;transform:translateY(-3px)}
.proj-card .thumb{background:var(--surface);border-radius:4px}
.proj-card .thumb img{object-fit:contain}.proj-card:hover .thumb img{transform:none}
.proj-card .info{padding:17px 0 22px}
.proj-card .thumb.multi{background:var(--surface)!important}
.filter-btn{border-color:var(--line)}.filter-btn.active{background:var(--ink);color:var(--paper)}
.modal-box{background:var(--surface);color:var(--ink);border-radius:8px;max-width:960px}
.modal-media.multi{padding:24px;gap:24px;align-items:center;background:var(--surface)!important}
.modal-media.multi img{width:auto;max-width:100%;max-height:none;border-radius:0;object-fit:contain}
.modal-body .papel{background:var(--paper-2)}
html[data-theme="dark"] header.site .logo{content:url('brand/logo-branco.png')}
html[data-theme="dark"] .about{background:var(--paper)}
.store-row,.store-list .store-row:last-child,.soft-block,.timeline .row{border-color:var(--line)}
.store-url{border-color:var(--line)}
:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
@media(max-width:860px){header.site{justify-content:space-between}.language-control{margin-left:auto}.hero{padding-top:125px}}
@media(max-width:640px){.theme-play{gap:12px}#themeCaption{flex-basis:100%}.modal-overlay{padding:10px}.modal-media.multi{padding:14px;gap:16px}}