:root{color-scheme:dark;--gold:#efc078;--white:#f8f8f7;--muted:#cac8c4}*{box-sizing:border-box}body{margin:0;background:#080807;color:var(--white);font-family:Arial,Helvetica,sans-serif}body::before{content:"";position:absolute;inset:0 0 auto;height:max(100vh,150vw);max-height:1800px;background:linear-gradient(0deg,#08080700 70%,#08080710),url('../assets/fundo-cinematografico.png') center top/cover no-repeat;z-index:-1}.home{width:min(100%,1024px);margin:auto;padding:248px 7.2% 42px}.hero{text-align:center}.brand-mark{position:relative;overflow:hidden;border-radius:50%;width:270px;height:270px;margin:auto;box-shadow:0 0 24px #dfa64e44}.brand-mark img{position:absolute;width:1024px;height:1536px;max-width:none;left:-378px;top:-246px}h1{font-size:64px;line-height:1.1;margin:0 0 20px;font-weight:750;letter-spacing:-1px}h1 span{color:var(--gold)}.tagline{font-size:18px;text-transform:uppercase;letter-spacing:7px;margin:0;line-height:1.6}.tagline b{color:var(--gold);font-size:14px;letter-spacing:4px}.welcome{margin:20px 0 18px;font-size:29px;line-height:1.16}.welcome::before{content:"";display:block;width:76px;height:2px;background:var(--gold);margin:0 auto 14px}.welcome p{margin:0}.welcome p+p{color:var(--muted)}nav{display:grid;gap:14px}.card{display:flex;align-items:center;width:100%;min-height:145px;padding:16px 32px;gap:44px;border:1px solid var(--gold);border-radius:30px;background:linear-gradient(110deg,#261c0fe0,#070707ed 35%,#17120be8);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 2px #ffdc9a44,0 7px 24px #0009;transition:transform .18s,background .18s}.icon{display:grid;place-items:center;flex:none;width:120px;height:112px;border:1px solid #ad8049;border-radius:23px;background:linear-gradient(135deg,#302211aa,#000 70%);box-shadow:inset 0 1px 2px #f5c47855}.icon svg{width:74px;height:74px;fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.icon use[href="#star"]{fill:var(--gold);stroke-width:1}.copy{flex:1;min-width:0}.copy strong{display:block;font-size:32px;line-height:1.18;margin-bottom:8px}.copy>span{display:block;font-size:25px;color:var(--muted);line-height:1.1}.arrow{font-size:70px;color:var(--gold);font-weight:300;line-height:1}.card:hover{transform:translateY(-2px);background:#241b10f2}a{color:inherit;text-decoration:none}footer{text-align:center;margin-top:26px}footer a{display:inline-flex;flex-direction:column;align-items:center;gap:10px;font-size:25px}footer svg{width:52px;height:52px;fill:none;stroke:var(--gold);stroke-width:3}footer p{text-transform:uppercase;letter-spacing:5px;color:var(--muted);font-size:16px;margin:14px 0 0}:focus-visible{outline:3px solid #fff;outline-offset:5px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:#000;z-index:5}.skip:focus{top:16px}dialog{max-width:min(90vw,460px);padding:28px;border:1px solid var(--gold);border-radius:20px;background:#14110d;color:var(--white)}dialog::backdrop{background:#000b}dialog h2{margin-top:0;color:var(--gold)}dialog p{line-height:1.6}.close{padding:12px 18px;min-height:44px;background:var(--gold);color:#15100a;border:0;border-radius:8px;font:inherit;cursor:pointer}
@media(min-width:1025px){body::before{height:1550px;background-size:1024px auto;background-color:#080807}.home{padding-left:74px;padding-right:74px}}
@media(max-width:700px){.home{padding:24vw 6% 30px}.brand-mark{width:180px;height:180px}.brand-mark img{width:683px;height:1024px;left:-252px;top:-164px}h1{font-size:clamp(34px,7.8vw,52px);margin:8px 0 14px}.tagline{font-size:clamp(10px,2vw,14px);letter-spacing:3px}.tagline b{font-size:10px;letter-spacing:1px}.welcome{font-size:clamp(19px,4vw,27px);margin:16px 0 20px}.card{min-height:106px;padding:14px;gap:18px;border-radius:21px}.icon{width:74px;height:74px;border-radius:16px}.icon svg{width:47px;height:47px}.copy strong{font-size:clamp(18px,4vw,26px);margin-bottom:6px}.copy>span{font-size:clamp(15px,3.2vw,21px);line-height:1.25}.arrow{font-size:42px}footer a{font-size:20px}footer svg{width:42px;height:42px}footer p{font-size:12px}nav{gap:12px}}
@media(max-width:370px){.card{gap:12px;padding:12px}.icon{width:56px;height:64px}.icon svg{width:39px;height:39px}.copy strong{font-size:17px}.copy>span{font-size:14px}.wide{display:none}.tagline{letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
/* Homepage compacta: a altura acompanha a área visível do navegador. */
body::before{position:fixed;height:100svh;max-height:none;background-size:cover;background-position:center top}
.home{width:min(100%,620px);min-height:590px;height:100svh;padding:clamp(10px,2svh,22px) 24px;display:grid;grid-template-rows:auto minmax(304px,1fr) auto;gap:clamp(8px,1.5svh,14px)}
.brand-mark{width:clamp(70px,12svh,112px);height:clamp(70px,12svh,112px)}
.brand-mark img{width:379.26%;height:568.89%;left:-140%;top:-91.11%}
h1{font-size:clamp(28px,4.8svh,42px);margin:5px 0 6px;letter-spacing:-.6px}
.tagline{font-size:11px;letter-spacing:3px;line-height:1.4}.tagline b{font-size:10px;letter-spacing:1px}
.welcome{font-size:clamp(16px,2.6svh,21px);margin:7px 0 0;line-height:1.2}.welcome::before{margin:0 auto 7px;width:52px}
nav{gap:8px;grid-template-rows:repeat(4,minmax(70px,1fr))}
.card{min-height:70px;padding:9px 16px;gap:18px;border-radius:18px}
.icon{width:clamp(44px,7.5svh,64px);height:clamp(44px,7.5svh,64px);border-radius:13px}.icon svg{width:70%;height:70%}
.copy strong{font-size:clamp(17px,2.7svh,23px);margin-bottom:4px;line-height:1.15}.copy>span{font-size:clamp(13px,2svh,16px);line-height:1.2}.arrow{font-size:40px}
footer{margin-top:0}footer a{flex-direction:row;gap:9px;font-size:16px;min-height:34px}footer svg{width:28px;height:28px}footer p{font-size:10px;letter-spacing:3px;margin:3px 0 0}
@media(max-width:420px){.home{padding:10px 16px;gap:8px}.card{padding:8px 12px;gap:12px}.copy strong{font-size:17px}.copy>span{font-size:13px}.tagline{font-size:10px;letter-spacing:2px}}
@media(max-width:350px){.home{padding-left:12px;padding-right:12px}.copy strong{font-size:16px}.card{gap:10px}.wide{display:none}}
@media(orientation:landscape) and (max-height:600px){.home{width:min(100%,900px);min-height:360px;grid-template-rows:auto minmax(150px,1fr) auto;padding:8px 20px;gap:6px}.brand-mark{width:55px;height:55px}h1{font-size:26px;margin:2px 0}.tagline{font-size:9px}.welcome{font-size:14px;margin:4px 0}.welcome::before{display:none}.welcome p{display:inline}.welcome p+p::before{content:' ' }nav{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(66px,1fr));gap:8px}.card{min-height:66px}.icon{width:42px;height:42px}.copy strong{font-size:16px}.copy>span{font-size:12px}.wide{display:none}footer a{font-size:14px;min-height:28px}footer svg{width:23px;height:23px}footer p{margin:0}}