@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#faf8f2;--ink:#17332c;--deep:#102d25;--gold:#ead49e;--line:#dedbd0;--muted:#50665e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bc8c3a;outline-offset:4px}img{display:block;width:100%;height:auto}h1,h2,h3,.brand{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1;margin:0}h1,.slide h2{font-size:clamp(3.7rem,6.8vw,7.5rem);letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.025em}h3{font-size:2.1rem}p{margin:0 0 1rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:10}
.header{min-height:83px;padding:12px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);position:relative}.brand{font-size:2rem;white-space:nowrap;display:inline-block}.brand small{display:block;font:700 .61rem 'DM Sans',sans-serif;letter-spacing:.29em;margin-bottom:.22rem}.header nav{display:flex;align-items:center;gap:clamp(.65rem,1.55vw,1.6rem);font-size:.87rem;font-weight:700}.header nav a:hover,.header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:.65em;padding:.8rem 1.2rem;border:1px solid transparent;border-radius:2px;background:var(--gold);color:var(--deep);font-weight:700;font-size:.9rem}.button:hover{background:#f5e3b5}.secondary{background:transparent;color:inherit;border-color:currentColor}.secondary:hover{background:#ffffff1a}.header-cta,.story .button{background:var(--deep);color:var(--paper)}.header-cta:hover,.story .button:hover{background:#285347}
.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:var(--paper);min-height:clamp(485px,49vw,710px)}.hero-copy{padding:clamp(2.5rem,6vw,7rem);align-self:center}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;margin:0 0 1rem}.hero .eyebrow{color:var(--gold)}.lead{max-width:38ch;margin:1.4rem 0 1.8rem;color:#ebeee5;font-size:clamp(1rem,1.4vw,1.17rem)}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.hero-photo{position:relative;min-height:300px}.hero-photo img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 38%}[hidden]{display:none!important}
.controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;border-bottom:1px solid var(--line);font-size:.85rem}.controls button,.menu{border:1px solid var(--line);background:transparent;color:var(--ink);padding:.35rem .8rem}.controls button:hover,.menu:hover{background:#e9e9df}
.section{padding:clamp(3rem,7vw,7rem) max(5%,calc((100% - 1320px)/2))}.section h2{margin-bottom:1.8rem}.eyebrow:empty{display:none}.grid,.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.card,.topics article{border:1px solid var(--line);background:#fffdf8}.card{display:flex;flex-direction:column}.card img{aspect-ratio:1.45;object-fit:cover;object-position:center 40%}.card>div,.topics article{padding:1.5rem}.card>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}.card h3,.topics h3{margin-bottom:.75rem}.card p:not(.eyebrow),.topics p,.story p{color:var(--muted)}.text-link{margin-top:auto;font-weight:700;text-decoration:underline;text-underline-offset:4px}.text-link:hover{color:#206951}.story{display:grid;grid-template-columns:1fr 1fr;background:#edeae0}.story>img{height:100%;max-height:620px;min-height:370px;object-fit:cover;object-position:center 45%}.story>div{align-self:center;padding:clamp(2rem,6vw,6rem)}.story h2{margin-bottom:1.2rem}.story p{max-width:53ch}.story .actions{margin-top:1.25rem}footer{background:var(--deep);color:var(--paper);padding:3rem 5%;display:flex;gap:1.5rem;justify-content:space-between}footer p{margin:.85rem 0 0}footer div+div{display:grid;align-content:center;gap:.35rem}footer div+div a{text-decoration:underline}
@media(max-width:1040px){.header{flex-wrap:wrap}.header .menu{display:block;order:2}.header-cta{order:1;margin-left:auto}.header nav{display:none;width:100%;order:3;flex-wrap:wrap;padding:0 0 1rem}.header nav.open{display:flex}}
@media(max-width:760px){.hero,.story{grid-template-columns:1fr}.hero-copy{padding:2.65rem 6% 2rem}.hero-photo{min-height:0;aspect-ratio:1.22}.hero-photo img{object-position:center 37%}.grid,.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.story>img{min-height:0;max-height:380px;aspect-ratio:1.4}.header{gap:.6rem;min-height:70px}.brand{font-size:1.65rem}.header-cta{padding:.45rem .55rem;font-size:.75rem}.section{padding-left:6%;padding-right:6%}}
@media(max-width:490px){.grid,.topics{grid-template-columns:1fr}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Portrait framing and catalog */
:root{--paper:#fcf9f2;--gold:#efd8a0;--deep:#132d26}
.hero{background:radial-gradient(ellipse at 0 30%,#24483a,var(--deep) 68%)}
.hero-copy{padding:clamp(2.4rem,5vw,6.2rem)}
.hero-photo{background:#203b31;overflow:hidden}
.page-index .slide:first-child .hero-photo img,.page-instituto .hero-photo img{object-position:50% 28%}
.hero-photo img[src$="elevare-cover.jpg"]{object-fit:contain;background:#203b31}
.hero-photo img[src$="expositor.jpg"]{object-fit:contain;background:#e8e2d4}
.hero-photo img[src$="detox-atendimento.jpeg"]{object-position:50% 48%}
.hero-photo img[src$="drenagem-contemporanea.jpeg"]{object-position:50% 30%}
.card img[src$="elevare-cover.jpg"],.card img[src$="ivani.jpg"]{object-fit:contain;background:#e9e5da}
.card img[src$="josy-atendimento.jpeg"],.card img[src$="josy-event.jpeg"],.card img[src$="ruti.jpg"]{object-position:center 22%}
.story>img[src$="kit-josy.jpeg"],.story>img[src$="josy-room.jpeg"]{object-position:50% 67%}
.card{overflow:hidden;border-radius:5px}
.catalog-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.5rem}
.catalog-nav a{padding:.45rem .85rem;border:1px solid var(--line);border-radius:30px;font-weight:700}
.catalog-nav a:hover{background:#eae6d8}
.catalog-group{margin:0 0 3rem;scroll-margin-top:1rem}
.catalog-group>h3{font-size:clamp(2.1rem,4vw,3.3rem);margin:0 0 1rem}
.catalog-card figure{margin:0;position:relative;background:#ece7db}
.catalog-card figure img{aspect-ratio:4/3;object-fit:contain}
.catalog-card .button{margin-top:auto;width:100%}
.photo-note{position:absolute;bottom:.5rem;left:.5rem;background:var(--paper);padding:.15rem .4rem}
@media(max-width:760px){
 .hero-photo{aspect-ratio:4/3}
 .page-index .slide:first-child .hero-photo{aspect-ratio:5/4}
 .hero-copy h1,.hero-copy h2{font-size:clamp(2.8rem,10vw,5.1rem)}
 .hero-copy{padding:2.1rem 6%}
 .hero-photo img[src$="expositor.jpg"]{object-fit:cover;object-position:50% 46%}
}

.hero-photo img[src$="josy-abertura.webp"],.card img[src$="josy-abertura.webp"]{object-position:center 22%}

.formacao-detox .hero-photo{background:#203b31}
.formacao-detox .hero-photo img{object-fit:contain;object-position:center}
.formacao-detox .section>p:not(.eyebrow){max-width:67ch}
.formacao-detox .topics{margin-top:1.5rem}
.course-tinted{background:#edeae0}
.course-action{margin-top:1.5rem}
