/* Fita com peças de quebra-cabeça: faixa lateral exclusiva, sem cobrir textos. */
body{padding-right:78px}
.site-head{right:78px;width:auto}
.float-wa{right:94px}
.ribbon{position:fixed;z-index:24;top:-2vh;right:-30px;width:180px;height:104vh;opacity:.9;border-radius:0;filter:saturate(.48) brightness(1.32) contrast(.78);transform:none;pointer-events:none;background:url('assets/images/autism-awareness-ribbon-v1.png') center/100% 100% no-repeat;clip-path:none;box-shadow:none}
@media(max-width:850px){body{padding-right:42px}.site-head{right:42px}.float-wa{right:56px}.ribbon{right:-28px;width:112px}}

/* Cabeçalho: marca sempre na área clara e menu em uma única linha. */
.site-head{left:0;background:linear-gradient(90deg,#f8f3e9 0 39%,transparent 39%)}
.site-head .nav{width:100%;max-width:none;padding-left:24px;padding-right:18px;margin:0}
.site-head .brand{flex:0 0 calc(39% - 24px);white-space:nowrap}
.site-head .brand strong{white-space:nowrap}
.site-head .links{flex:1;justify-content:space-between;gap:8px;white-space:nowrap}
.site-head .links a{white-space:nowrap;font-size:9px}
@media(max-width:850px){.site-head{background:#f8f3e9}.site-head .nav{padding-left:15px;padding-right:12px}.site-head .brand{flex:1 1 auto}.site-head .links{flex:0 0 auto}.site-head .links a{font-size:9px}}

/* Hero 2.6: cabeçalho independente, sem qualquer texto sobre a fotografia. */
.site-head{position:relative;top:auto;right:auto;left:auto;width:auto;min-height:92px;background:#f8f3e9}
.site-head .nav{min-height:92px}
.hero{min-height:630px}
.hero-copy{padding-top:58px;padding-bottom:58px}
.hero-photo{min-height:630px;max-height:630px}
.hero-photo img{object-position:center 56%}
.hero-photo img[src*="edsonhiga-35"]{object-position:center 48%}
.hero h1{font-size:clamp(42px,4.6vw,68px)}
@media(max-width:850px){.site-head{min-height:82px}.site-head .nav{min-height:82px}.hero{padding-top:0;min-height:auto}.hero-copy{padding-top:48px;padding-bottom:42px}.hero-photo{min-height:500px;max-height:500px}.hero-photo img{object-position:center 58%}}
@media(max-width:850px){.hero-photo img[src*="edsonhiga-35"]{object-position:center 45%}}
@media(max-width:520px){.hero-photo{min-height:430px;max-height:430px}}