@import url('animals-navigation.css?v=1');
/* animals-observatory-art: canonical Home and commercial visual grammar. */
@import url("../wave-shared/wave-home-base.css?v=20260907-wave2");body{letter-spacing:.01em}.animalsAnnouncements{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--store-border);background:var(--store-accent);color:var(--store-on-accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}.animalsAnnouncements span{padding:8px 10px}.animalsAnnouncements span+span{border-left:2px solid currentColor}.animalsHeader{min-height:76px;padding:0 26px;grid-template-columns:1fr auto 1fr;border-bottom:2px solid var(--store-border);background:var(--store-bg);backdrop-filter:none}.animalsHeader .waveBrand{font-size:clamp(18px,2.2vw,28px);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;text-align:center}.animalsTextButton{display:block;padding:0;text-align:left;font-size:11px;font-weight:800;letter-spacing:.12em}.animalsTools{justify-content:flex-end;gap:22px}.animalsTools a{font-size:10px;font-weight:800;letter-spacing:.1em}.animalsHero{position:relative;border-bottom:2px solid var(--store-border)}.animalsHero img{display:block;width:100%;height:min(76vh,780px);object-fit:cover;filter:saturate(.92) contrast(1.02)}.animalsHeroCopy{position:absolute;left:0;bottom:0;width:min(640px,70%);padding:clamp(24px,4vw,52px);background:var(--store-bg);border-top:2px solid var(--store-border);border-right:2px solid var(--store-border)}.animalsHeroCopy small,.animalsBreak small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.animalsHeroCopy h1{margin:10px 0;font-size:clamp(52px,8vw,112px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}.animalsHeroCopy p{max-width:520px;line-height:1.45}.animalsHeroCopy a,.animalsBreak a,.animalsManifesto a{display:inline-block;margin-top:14px;border-bottom:2px solid currentColor;padding-bottom:3px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.animalsBand{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:28px 24px;border-bottom:2px solid var(--store-border)}.animalsBand span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.animalsBand h2{margin:0;font-size:clamp(34px,5vw,70px);line-height:.9;text-transform:uppercase;letter-spacing:-.04em}.animalsGrid{padding:0 0 80px;gap:0;border-bottom:2px solid var(--store-border)}.animalsGrid .waveProduct{border-right:2px solid var(--store-border);border-bottom:2px solid var(--store-border);padding:0 0 14px}.animalsGrid .waveProduct:nth-child(4n){border-right:0}.animalsGrid .waveProductInfo{padding-inline:12px}.animalsGrid .waveProductInfo strong{text-transform:uppercase;font-size:13px;letter-spacing:.02em}.animalsGrid .waveProductInfo small{font-weight:700}.animalsManifesto{padding:clamp(60px,9vw,130px) clamp(24px,8vw,120px);border-bottom:2px solid var(--store-border)}.animalsManifesto h2{max-width:1100px;margin:10px 0;font-size:clamp(58px,10vw,150px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase}.animalsManifesto p{max-width:620px;font-size:16px;line-height:1.5}.animalsStoryGrid{display:grid;grid-template-columns:320px 1fr;border-bottom:2px solid var(--store-border)}.animalsStoryTitle{padding:30px 24px;border-right:2px solid var(--store-border)}.animalsStoryTitle h2{margin:8px 0;font-size:44px;line-height:.9;text-transform:uppercase;letter-spacing:-.04em}.animalsStoryTitle small{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.animalsDense{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.animalsDense .waveProduct{border-right:2px solid var(--store-border);padding-bottom:14px}.animalsDense .waveProduct:last-child{border-right:0}.animalsDense .waveProductInfo{padding-inline:12px}.animalsBreak{display:grid;grid-template-columns:1.2fr .8fr;border-bottom:2px solid var(--store-border)}.animalsBreak>div{min-height:500px}.animalsBreak>div:first-child{border-right:2px solid var(--store-border)}.animalsBreak img,.animalsBreak .waveMediaPlaceholder{width:100%;height:100%;min-height:500px;object-fit:cover}.animalsBreak>div:last-child{display:grid;align-content:center;padding:clamp(32px,6vw,86px)}.animalsBreak h2{margin:10px 0;font-size:clamp(48px,6vw,86px);line-height:.85;text-transform:uppercase;letter-spacing:-.055em}.animalsBreak p{line-height:1.5}.animalsLinks{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:2px solid var(--store-border)}.animalsLinks a{display:flex;justify-content:space-between;gap:18px;padding:25px;border-right:2px solid var(--store-border);border-bottom:2px solid var(--store-border);font-size:clamp(24px,3vw,46px);font-weight:800;text-transform:uppercase;letter-spacing:-.04em}.animalsLinks a:nth-child(2n){border-right:0}.animalsSignature{padding:clamp(65px,10vw,150px) 24px;text-align:center;border-bottom:2px solid var(--store-border)}.animalsSignature h2{max-width:1200px;margin:0 auto;font-size:clamp(56px,10vw,150px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase}.animalsSignature p{max-width:620px;margin:28px auto 0;line-height:1.5}.animalsBenefits{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--store-border)}.animalsBenefits p{margin:0;padding:24px;border-right:2px solid var(--store-border);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.animalsBenefits p:last-child{border-right:0}.animalsFooter{border-top:0}.animalsDrawer{font-weight:900;text-transform:uppercase}.animalsDrawer a{font-size:28px;letter-spacing:-.03em}@media(max-width:760px){.animalsAnnouncements{grid-template-columns:1fr}.animalsAnnouncements span+span{display:none}.animalsHeader{min-height:66px;padding:0 12px}.animalsHeader .waveBrand{font-size:17px}.animalsTools{gap:8px}.animalsTools a{font-size:9px}.animalsHero img{height:70vh;min-height:520px}.animalsHeroCopy{left:12px;right:12px;bottom:12px;width:auto;border:2px solid var(--store-border);padding:20px}.animalsHeroCopy h1{font-size:56px}.animalsBand{grid-template-columns:1fr;padding:20px 14px}.animalsBand h2{font-size:44px}.animalsGrid{grid-template-columns:repeat(2,1fr);padding-bottom:45px}.animalsGrid .waveProduct:nth-child(2n){border-right:0}.animalsManifesto{padding:70px 14px}.animalsManifesto h2{font-size:64px}.animalsStoryGrid{grid-template-columns:1fr}.animalsStoryTitle{border-right:0;border-bottom:2px solid var(--store-border)}.animalsDense{grid-template-columns:1fr 1fr}.animalsDense .waveProduct:nth-child(2n){border-right:0}.animalsBreak{grid-template-columns:1fr}.animalsBreak>div:first-child{border-right:0;border-bottom:2px solid var(--store-border)}.animalsBreak>div,.animalsBreak img,.animalsBreak .waveMediaPlaceholder{min-height:360px}.animalsLinks{grid-template-columns:1fr}.animalsLinks a{border-right:0}.animalsSignature h2{font-size:60px}.animalsBenefits{grid-template-columns:1fr 1fr}.animalsBenefits p:nth-child(2n){border-right:0}.waveDrawer.open{inset:95px 0 0}}

@media(max-width:760px){.animalsTools{gap:2px}.animalsTools a,html[data-store-theme="animals-observatory-art"] .tools>button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:10px;letter-spacing:.04em}.animalsTextButton{min-height:44px}}

@media(max-width:760px){html[data-store-theme="animals-observatory-art"] .animalsStoreHeader .tools{gap:2px!important}html[data-store-theme="animals-observatory-art"] .animalsStoreHeader .tools>button,html[data-store-theme="animals-observatory-art"] .animalsStoreHeader .menuButton{min-width:44px!important;min-height:44px!important;font-size:10px!important;letter-spacing:.03em!important;padding:0 3px!important}}

/* Fotos inteiras, identidade gráfica e leitura sem cobrir a roupa. */
.animalsBannerCarousel .animalsHero{aspect-ratio:16/9;height:auto;min-height:0}
.animalsBannerCarousel .animalsHero picture{display:block;width:100%;height:100%}
.animalsBannerCarousel .animalsHero img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:var(--banner-desktop-focus,center)}
.animalsBannerCarousel .animalsHeroCopy{left:0;bottom:0;width:43%;padding:clamp(22px,3vw,40px);box-sizing:border-box}
.animalsBannerCarousel .animalsHeroCopy h1{font-size:clamp(40px,5.5vw,78px);line-height:.95;letter-spacing:-.055em}
.animalsBannerCarousel .animalsHeroCopy p{font-size:14px;line-height:1.5}
.animalsBannerCarousel .animalsHeroCopy a,.animalsManifesto a,.animalsBreak a{display:inline-flex;align-items:center;min-height:44px;line-height:1.4}
.animalsBannerCarousel .facilitaBannerControls{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:0 0 0 auto;gap:0;padding:4px;background:var(--store-bg);color:var(--store-text);border:0;border-left:2px solid var(--store-border);border-radius:0;box-shadow:none;backdrop-filter:none}
.animalsBannerCarousel .facilitaBannerControls button{min-width:44px;width:44px;height:44px;background:transparent;color:inherit}
.animalsBannerCarousel .facilitaBannerDots{gap:0}.animalsBannerCarousel .facilitaBannerDots button,.animalsBannerCarousel .facilitaBannerDots button[aria-current="true"]{position:relative;width:44px;height:44px;border-radius:0;background:transparent!important}
.animalsBannerCarousel .facilitaBannerDots button:after{content:"";position:absolute;left:19px;top:19px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}
.animalsBannerCarousel .facilitaBannerDots button[aria-current="true"]:after{opacity:1;outline:2px solid currentColor;outline-offset:2px}
.animalsBannerCarousel .facilitaBannerToggle{min-width:76px!important;padding-inline:10px!important}
.animalsGrid{padding-bottom:0}.animalsStoryGrid .animalsDense{align-content:start}.animalsDense .waveProduct{border-bottom:2px solid var(--store-border)}
.animalsBand h2{font-size:clamp(32px,4vw,56px)}.animalsManifesto{padding-block:64px}.animalsManifesto h2{font-size:clamp(48px,7vw,96px);line-height:.95}.animalsSignature{padding-block:72px}.animalsSignature h2{font-size:clamp(46px,7vw,96px);line-height:.95}
.animalsBreak img{display:block;min-height:0;max-height:620px;object-fit:contain;background:var(--store-media-bg,var(--store-bg))}.animalsBreak>div{min-height:0}.animalsBreak h2{font-size:clamp(38px,5vw,64px);line-height:.95}
.animalsLinks{scroll-margin-top:100px}.animalsLinks a{font-size:clamp(24px,3vw,40px);min-height:70px;align-items:center}.animalsLinks>div{display:grid;padding:25px;gap:12px;border:1px solid var(--store-border)}
@media(max-width:760px){
 .animalsBannerCarousel .animalsHero{aspect-ratio:auto;display:flex;flex-direction:column}
 .animalsBannerCarousel .animalsHero picture{position:relative;height:auto;aspect-ratio:4/3;flex-shrink:0}
 .animalsBannerCarousel .animalsHero img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-position:var(--banner-mobile-focus,center)}
 .animalsBannerCarousel .animalsHeroCopy{position:relative;inset:auto;width:100%;border:0;border-top:2px solid var(--store-border);padding:20px 22px 16px}
 .animalsBannerCarousel .animalsHeroCopy h1{font-size:38px;line-height:.98;margin:8px 0}.animalsBannerCarousel .animalsHeroCopy small{font-size:10px;line-height:1.4}.animalsBannerCarousel .animalsHeroCopy p{margin:10px 0 0}.animalsBannerCarousel .animalsHeroCopy a{margin-top:5px}
 .animalsBannerCarousel .animalsHero[data-story-campaign="t6-rei-leao-tribo"] picture{aspect-ratio:4/3}
 .animalsBannerCarousel .facilitaBannerControls{margin:0 auto;border-left:0}
 .animalsStoryTitle{padding:24px 16px}.animalsStoryTitle h2{font-size:34px;line-height:.98}.animalsManifesto{padding:44px 18px}.animalsManifesto h2{font-size:46px}.animalsSignature{padding:48px 18px}.animalsSignature h2{font-size:46px}
 .animalsBreak img{height:auto;aspect-ratio:4/5;max-height:470px}.animalsBreak>div:last-child{padding:28px 22px}.animalsBreak h2{font-size:38px}.animalsLinks a{font-size:28px;padding:20px}
}

@media(max-width:760px){.animalsBannerCarousel .facilitaBannerSlide{display:flex}.animalsBannerCarousel .animalsHero{flex:1}.animalsBannerCarousel .animalsHeroCopy{flex:1}}

/* Direção de pôster: fotografia fiel, títulos com respiro e escolha imediata. */
.animalsBannerCarousel .animalsHero[data-creative-campaign]:not([data-creative-campaign=""]){aspect-ratio:2.25;min-height:0}
.animalsBannerCarousel .animalsHero img{filter:none}
.animalsBannerCarousel .animalsHeroCopy{width:38%;padding:clamp(22px,2.5vw,36px)}
.animalsBannerCarousel .animalsHeroCopy :is(h1,h2){margin:10px 0;font-size:clamp(36px,4.5vw,64px);font-weight:800;line-height:.98;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:normal}
.animalsBannerCarousel .animalsHeroCopy a{padding:10px 15px;border:0;background:var(--store-text,#181818);color:var(--store-bg,#f4f1e8);text-decoration:none}
.animalsMain a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.animalsLinks{grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--store-border)}
.animalsLinks a{font-size:clamp(16px,1.8vw,23px);line-height:1.15;min-height:82px;padding:16px 20px;border-bottom:0;letter-spacing:-.02em}
.animalsLinks a:nth-child(2n){border-right:2px solid var(--store-border)}
.animalsLinks a:last-child{border-right:0}
.animalsBand{padding:28px 24px;align-items:center}
.animalsBand h2{font-size:clamp(30px,3.4vw,46px);line-height:1}
.animalsStoryGrid{display:block}
.animalsStoryTitle{border-right:0;border-bottom:2px solid var(--store-border);display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center;padding:28px 24px}
.animalsStoryTitle h2{font-size:clamp(30px,3.4vw,46px);line-height:1;margin:0;text-align:right}
.animalsStoryGrid .animalsDense{grid-template-columns:repeat(3,minmax(0,1fr))}
.animalsStoryGrid .animalsDense .waveProduct:nth-child(3n){border-right:0}
.animalsStoryGrid .animalsDense .waveProductMedia{aspect-ratio:1/1.12}
.animalsDense .waveProductInfo strong{font-size:14px;line-height:1.3}
.animalsStoryGrid .animalsDense:is(.waveProducts--count-7,.waveProducts--count-8,.waveProducts--count-9,.waveProducts--count-10,.waveProducts--count-11,.waveProducts--count-12){grid-template-columns:repeat(4,minmax(0,1fr))}
.animalsOrderGuide{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:48px 32px;background:color-mix(in srgb,var(--store-bg) 88%,var(--store-text) 12%)}
.animalsOrderGuide h2{font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.045em;max-width:540px}
.animalsOrderGuide ol{list-style:none;display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--store-border)}
.animalsOrderGuide li{display:grid;grid-template-columns:44px 1fr;gap:4px 18px;padding:15px 0;border-bottom:1px solid var(--store-border)}
.animalsOrderGuide li>span{grid-row:span 2;font-size:28px;font-weight:800;line-height:1}
.animalsOrderGuide li strong{font-size:17px;line-height:1.2;text-transform:uppercase}
.animalsOrderGuide li p{grid-column:2;margin:0;font-size:14px;line-height:1.4}
.animalsOrderGuide>div>p{font-size:15px;line-height:1.5}
.animalsBreak{grid-template-columns:1fr 1fr}
.animalsBreak img{height:100%;max-height:490px;object-fit:contain}
.animalsBreak>div:last-child{padding:36px}
.animalsBreak h2{font-size:clamp(36px,4vw,52px);line-height:1}
.animalsSignature{padding-block:56px}
.animalsSignature h2{font-size:clamp(40px,5vw,68px);max-width:950px;line-height:1}
@media(max-width:760px){
 .animalsBannerCarousel .animalsHero[data-creative-campaign]:not([data-creative-campaign=""]){aspect-ratio:auto}
 .animalsBannerCarousel .animalsHeroCopy{width:100%;padding:20px 22px 22px}
 .animalsBannerCarousel .animalsHeroCopy :is(h1,h2){font-size:36px;line-height:1;letter-spacing:-.035em;margin:8px 0}
 .animalsBannerCarousel .animalsHeroCopy a{margin-top:9px}
 .animalsLinks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .animalsLinks a{font-size:18px;min-height:74px;padding:14px;border-bottom:1px solid var(--store-border)}
 .animalsLinks a:nth-child(2n){border-right:0}
 .animalsBand{padding:22px 14px;gap:10px}
 .animalsBand h2{font-size:31px;line-height:1.03}
 .animalsStoryTitle{display:block;padding:22px 14px}
 .animalsStoryTitle h2{text-align:left;margin-top:10px;font-size:31px;line-height:1.03}
 .animalsStoryGrid .animalsDense,.animalsStoryGrid .animalsDense:is(.waveProducts--count-7,.waveProducts--count-8,.waveProducts--count-9,.waveProducts--count-10,.waveProducts--count-11,.waveProducts--count-12){grid-template-columns:repeat(2,minmax(0,1fr))}
 .animalsStoryGrid .animalsDense .waveProductMedia{aspect-ratio:4/5}
 .animalsStoryGrid .animalsDense .waveProduct:nth-child(3n){border-right:2px solid var(--store-border)}
 .animalsStoryGrid .animalsDense .waveProduct:nth-child(2n){border-right:0}
 .animalsGrid .waveProductInfo strong,.animalsDense .waveProductInfo strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
 .animalsOrderGuide{grid-template-columns:1fr;padding:32px 20px;gap:24px}
 .animalsOrderGuide h2{font-size:36px;line-height:1.02}
 .animalsOrderGuide li{grid-template-columns:35px 1fr}
 .animalsOrderGuide li>span{font-size:25px}
 .animalsOrderGuide li strong{font-size:15px}
 .animalsBreak{grid-template-columns:1fr}
 .animalsBreak img{height:auto;max-height:350px;aspect-ratio:4/3}
 .animalsBreak>div:last-child{padding:28px 22px}
 .animalsBreak h2{font-size:36px}
 .animalsSignature{padding:42px 20px}
 .animalsSignature h2{font-size:38px;line-height:1.02}
}

/* Theme-owned photos: native compositions fill their intended frames. */
.animalsBreak[data-story-photo="true"]>div:first-child{position:relative;min-height:490px;overflow:hidden}
.animalsBreak[data-story-photo="true"] img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:760px){
 .animalsBannerCarousel .animalsHero[data-story-photo="true"] picture{aspect-ratio:4/5}
 .animalsBreak[data-story-photo="true"]>div:first-child{min-height:0;aspect-ratio:4/3}
}
@media(max-width:360px){.animalsLinks a{font-size:16px;gap:8px;padding-inline:10px}}