:root{--ink:#0b1220;--navy:#142a37;--paper:#faf9f4;--copper:#a4512a;--muted:#4d5960;--line:#d8cfc3;--display:'Playfair Display',Georgia,serif;--body:'Inter',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--body)}
a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:3;padding:.6rem 1rem;background:var(--navy);color:#fff}.skip-link:focus{top:1rem}
.page-shell{width:min(1120px,100% - 48px);margin-inline:auto;padding-bottom:54px}
.brand-line{display:flex;align-items:center;gap:12px;padding-block:19px;border-bottom:1px solid var(--line);color:var(--navy);font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.brand-mark{font:400 1.55rem/1 var(--display);letter-spacing:-.07em}.brand-mark span{color:var(--copper)}
.welcome-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"copy art";align-items:center;gap:clamp(32px,6vw,90px);padding-block:42px 48px}.welcome-copy{grid-area:copy}
.eyebrow{margin:0 0 15px;color:var(--copper);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.028em;text-wrap:balance}
h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.07;margin-bottom:24px}h2{font-size:clamp(2rem,3vw,3rem);line-height:1.15;margin-bottom:28px}h3{font-size:1.38rem;line-height:1.2;margin-bottom:8px}
.lead{max-width:47ch;color:var(--muted);font-size:1.04rem;line-height:1.75;text-wrap:pretty}
.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:1.2em;min-height:48px;margin-top:12px;padding:11px 20px;background:var(--navy);color:#fff;font-size:.91rem;font-weight:600;text-decoration:none}.primary-link:hover{background:#244153}.primary-link span{color:#e2a578}
.access-note{max-width:48ch;margin:20px 0 0;color:var(--muted);font-size:.8rem}
.welcome-art{grid-area:art;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}
.orientation{border-top:1px solid var(--line);padding-top:32px}.orientation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:0;list-style:none}.orientation li{display:flex;gap:15px;border-top:2px solid var(--navy);padding-top:18px}.orientation p:not(.eyebrow){margin-bottom:0;color:var(--muted);font-size:.87rem;line-height:1.65}.step-number{flex:none;color:var(--copper);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding-top:4px}
@media(max-width:760px){.welcome-grid{grid-template-columns:1fr;grid-template-areas:"art" "copy";gap:28px;padding-block:32px 38px}.welcome-art{width:min(100%,440px);justify-self:center}.orientation ol{grid-template-columns:1fr;gap:17px}.orientation li{padding-top:14px}}
@media(max-width:640px){.page-shell{width:100%;padding-inline:20px;padding-bottom:36px}.brand-line{padding-block:15px}.welcome-grid{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-block:24px 38px}.welcome-art{width:min(100%,380px);align-self:center}h1{font-size:clamp(2.45rem,2rem + 2.5vw,3.5rem)}.lead{font-size:.96rem}.primary-link{width:100%}.orientation{padding-top:27px}h2{margin-bottom:23px}}

/* O portal conduz o olhar; os controles mantêm resposta discreta. */
body{-webkit-font-smoothing:antialiased}
.welcome-art{border:0;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
.primary-link{padding-inline:20px 18px;transition:background-color .14s ease-out}
.access-note,.orientation li p{text-wrap:pretty}
@media(prefers-reduced-motion:reduce){.primary-link{transition:none}}