:root{--wine:#391523;--deep:#280e19;--ivory:#faf5ec;--paper:#f0e6d9;--gold:#ecd0a6;--ink:#30212a;--line:#d1baaa;--serif:Georgia,serif;--sans:system-ui,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}p{margin:0 0 1.15rem;max-width:57ch}h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.048em}h1{font-size:clamp(3.25rem,6.45vw,7rem);margin:1.3rem 0}h2{font-size:clamp(2.55rem,4.75vw,5.2rem);margin-bottom:1.25rem}h3{font-size:clamp(1.65rem,2.6vw,2.6rem);margin:.7rem 0 1rem}img{display:block;width:100%;height:auto}svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aa724d;outline-offset:4px}section[id]{scroll-margin-top:84px}.wrap{width:min(88%,1280px);margin:auto}.space{padding-block:clamp(4rem,8vw,8.5rem)}.skip{position:fixed;top:-100px;left:1rem;background:var(--ivory);padding:.65rem;z-index:9}.skip:focus{top:1rem}
header{background:var(--deep);color:var(--ivory);position:sticky;top:0;z-index:5;border-bottom:1px solid #efd3a32b}.bar{display:flex;gap:clamp(.7rem,2vw,2rem);min-height:79px;align-items:center}.brand{display:flex;align-items:center;gap:.65rem;font:1.28rem/1.1 var(--serif);white-space:nowrap}.brand img{width:41px}.brand small{display:block;font:650 .56rem/1 var(--sans);letter-spacing:.27em;margin-top:.38rem;color:var(--gold)}nav{display:flex;gap:clamp(.7rem,2vw,1.8rem);margin-left:auto;font-size:.85rem;white-space:nowrap}nav a:hover,.wine .under:hover,.hero .under:hover{color:var(--gold)}.ig{display:grid;place-items:center;min-width:36px;min-height:40px}.bar .btn{padding:.55rem .85rem;min-height:42px}#menu{display:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:clamp(570px,47vw,750px);background:var(--wine);color:var(--ivory)}.hero-copy{align-self:center;padding:4rem 1.5rem 4rem max(6vw,calc((100vw - 1280px)/2))}.hero h1{font-size:clamp(3.15rem,6.25vw,6.8rem)}em{font-weight:400;color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:34ch;color:#f3e4db;font-size:clamp(1rem,1.4vw,1.2rem)}.hero-photo{position:relative;overflow:hidden;background:#b79881}.hero-photo img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 34%;animation:portrait 1.2s ease-out both}.hero-photo figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#210b14dc);padding:4rem 8% 1.5rem;display:grid;gap:.25rem}.hero-photo strong{font:1.5rem var(--serif)}.hero-photo small,.eyebrow,.editorial figcaption{font:650 .69rem/1.45 var(--sans);letter-spacing:.17em;text-transform:uppercase}.eyebrow{display:flex;gap:.75rem;align-items:center;color:#754738;margin-bottom:1.1rem}.eyebrow:before{content:'';height:1px;width:1.8rem;background:currentColor;flex:none}.hero-photo small,.hero .eyebrow,.wine .eyebrow{color:var(--gold)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.9rem;background:var(--gold);border:1px solid var(--gold);color:var(--deep);padding:.7rem 1.1rem;font-size:.87rem;font-weight:650;min-height:47px;transition:background .2s,color .2s}.btn:hover{background:#fae9d0}.outline{background:transparent;color:var(--gold)}.outline:hover{color:var(--deep)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}.hero .actions{margin-top:1.85rem}.under{display:inline-block;font-size:.88rem;border-bottom:1px solid;padding-bottom:.12rem}.under:hover{color:#854735}.ribbon{display:flex;justify-content:center;align-items:center;gap:clamp(.55rem,5vw,4rem);padding:.88rem .4rem;background:#e5d0b7;color:#562e2d;letter-spacing:.15em;font-size:clamp(.58rem,1.1vw,.75rem);font-weight:650;text-align:center}.ribbon b{color:#825340}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center}.start{align-items:start}.editorial{margin-left:1rem;position:relative}.editorial:before{content:'';position:absolute;inset:1rem 1rem 0 -1rem;border:1px solid #b58c70;pointer-events:none}.editorial img{position:relative;aspect-ratio:1.08;object-fit:cover;object-position:center 34%}.editorial figcaption{position:relative;background:var(--ivory);padding:.55rem 0;color:#775046}.signature{font:italic 2rem var(--serif);color:#773d35}.paper{background:var(--paper)}.wine{background:var(--wine);color:var(--ivory)}.wine p:not(.eyebrow){color:#efdfd8}.rows{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:.8rem;list-style:none;cursor:pointer;padding:1rem 0;font-size:1.05rem;font-weight:600}summary::-webkit-details-marker{display:none}summary small,.three li small{color:#774638;font-size:.73rem;letter-spacing:.13em}summary i{margin-left:auto;flex:none;width:1.35rem;text-align:center;color:#794a42;font-style:normal}summary i:before{content:'+'}details[open]>summary i:before{content:'−'}details p{color:#655059;padding-right:1rem}details .under{margin-bottom:1rem}
.case-band{position:relative;overflow:hidden}.case-band .wrap{position:relative}.case-band:before,.case-band:after{content:'';position:absolute;border:1px solid #e5bd8c55;border-radius:50%;width:520px;height:520px;right:-35px;top:-95px;pointer-events:none}.case-band:after{transform:translate(60px,55px)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;padding:0;list-style:none}.three>li,.three>article{border-top:1px solid #b7947d;padding-top:1rem}.video{border-top:1px solid var(--line);max-width:680px}video{display:block;width:min(100%,340px);aspect-ratio:9/16;max-height:550px;background:var(--deep);margin-bottom:1rem}address{font-style:normal;margin:1rem 0}footer{background:var(--deep);color:var(--ivory);padding:2rem 0 3.5rem}.foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.foot p{margin:0;font-size:.85rem}.float{position:fixed;z-index:6;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#552338;color:var(--gold);border:1px solid #e4bf8e;box-shadow:0 4px 20px #240d1850;transition:transform .2s}.float:hover{transform:translateY(-3px)}.float svg{width:29px}
.back{margin-bottom:2rem}.filters{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1.15rem}.filters[hidden],.case[hidden]{display:none}.filters button{padding:.5rem .8rem;background:transparent;color:var(--wine);border:1px solid #a98470;min-height:44px}.filters button[aria-pressed=true]{background:var(--wine);color:var(--ivory);border-color:var(--wine)}.case-grid,.pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.case{min-width:0;background:var(--paper);padding:clamp(1rem,3vw,2rem)}.case h2{font-size:clamp(1.8rem,3vw,3rem)}.case small{font-weight:650}.case.first{grid-column:1/-1}.pair{margin:1.4rem 0}.pair figure{display:grid;grid-template-rows:1fr auto}.pair figcaption{background:var(--wine);color:var(--ivory);padding:.45rem .65rem;font-size:.7rem;letter-spacing:.075em}.record{width:auto;max-width:100%;max-height:630px;margin:1rem auto}
.arrived{animation:arrive .72s cubic-bezier(.2,.64,.25,1) both}@keyframes arrive{from{opacity:.56;transform:translateY(23px)}to{opacity:1;transform:none}}@keyframes portrait{from{transform:scale(1.035);opacity:.8}to{transform:scale(1);opacity:1}}
@media(max-width:960px){.bar{position:relative}.bar .btn{display:none}#menu{display:block;margin-left:auto;background:transparent;border:1px solid #af8d75;color:var(--ivory);padding:.35rem .65rem;min-height:44px}nav{display:none;position:absolute;top:100%;right:0;left:0;background:var(--deep);border:1px solid #714452;padding:.6rem 1rem}nav.open{display:grid;gap:.2rem}nav a{padding:.55rem 0}.hero{min-height:530px}.hero h1{font-size:clamp(2.7rem,6.7vw,5.5rem)}}
@media(max-width:680px){.bar{min-height:64px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{align-self:stretch;padding:3rem 6% 2.4rem}.hero h1{font-size:clamp(2.65rem,10vw,4.35rem);margin:1rem 0}.hero-photo{aspect-ratio:1.08}.hero-photo img{object-position:center 26%}.hero-photo figcaption{padding-bottom:1rem}.split,.three,.case-grid,.pair{grid-template-columns:1fr;gap:1.6rem}.foot{align-items:flex-start;flex-direction:column}.float{width:49px;height:49px;bottom:13px;right:13px}.case-band:before,.case-band:after{opacity:.45}.ribbon{letter-spacing:.095em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.consult-video{margin-top:1.5rem}@media(min-width:961px){.hero h1{font-size:clamp(3.45rem,6vw,5.6rem)}}@media(min-width:1900px){.hero-photo img{object-position:center 19%}}
:root {
  --wine: #411417;
  --deep: #411417;
  --gold: #e3bc8c;
}

header { background: #411417; }
.brand { flex-shrink: 0; }
.brand img { width: 225px; height: auto; }
.bar { min-height: 96px; }
.bar #menu { white-space: nowrap; }
.marquee {
  position: relative;
  overflow: hidden;
  background: #e5d0b7;
  color: #411417;
  padding: 17px 0;
}
.marquee-track { display: flex; width: max-content; animation: marquee 38s linear infinite; }
.marquee-group { display: flex; align-items: center; flex-shrink: 0; gap: 42px; padding-right: 42px; }
.marquee-group span { font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .17em; white-space: nowrap; }
.marquee-group b { font-size: .8rem; font-weight: 400; }
.marquee-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #825d45;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: #e5d0b7;
  color: var(--wine);
  font-size: .7rem;
}
.marquee.paused .marquee-track { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(-50%); } }
#sobre .editorial img.about-portrait { aspect-ratio: 4 / 5; object-position: center 50%; }

.focus-treatments { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 56px; }
.focus-treatment { background: var(--ivory); border: 1px solid #c9ab8b; overflow: hidden; display: flex; flex-direction: column; }
.focus-treatment > div { padding: clamp(24px, 3vw, 40px); }
.focus-treatment h3 { font-size: clamp(2rem, 3vw, 3rem); }
.focus-treatment > img { margin-top: auto; aspect-ratio: 2.25; object-fit: cover; }
.focus-prosthesis { background: var(--wine); color: var(--ivory); }
.focus-prosthesis .eyebrow { color: var(--gold); }
.focus-prosthesis p:not(.eyebrow) { color: #f0ded4; }
.case-section-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 42px; }
.case-section-head > .btn { flex-shrink: 0; margin-bottom: 1.2rem; }
.home-comparisons { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.home-comparisons h3 { font-size: 1.8rem; margin: 0 0 1rem; }
.home-comparisons small { color: #f0ded4; font-size: .75rem; }
.clinical-note { font-size: .83rem; opacity: .86; margin: 24px 0 0; max-width: 80ch; }
.case-band:before, .case-band:after { opacity: .3; }
.case-intro h1 { font-size: clamp(2.9rem, 5.2vw, 5.6rem); }
.case-grid { gap: 28px; align-items: start; }
.comparison-card { border: 1px solid #d4c0ac; padding: clamp(16px, 2.2vw, 30px); }
.comparison-card h2 { font-size: clamp(1.8rem, 2.5vw, 2.7rem); }
.comparison-card .eyebrow { font-size: .6rem; }
.comparison-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1.78;
  background: #180b0c;
  overflow: visible;
  isolation: isolate;
}
.comparison-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.comparison-before { clip-path: inset(0 calc(100% - var(--position)) 0 0); z-index: 1; }
.comparison-label { position: absolute; top: 12px; z-index: 2; padding: 5px 9px; background: #411417e8; color: #fff4e5; text-transform: uppercase; font: 600 .65rem/1.4 var(--sans); letter-spacing: .11em; pointer-events: none; }
.before-label { left: 12px; }
.after-label { right: 12px; }
.comparison-line { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--position); width: 2px; background: #f7e8d4; pointer-events: none; transform: translateX(-50%); }
.comparison-line > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; gap: 7px; border: 1px solid #f7e8d4; border-radius: 50%; color: #fff8ed; background: #411417ed; box-shadow: 0 2px 12px #12050855; font: 27px/1 var(--serif); }
.comparison-line b { font-weight: 400; }
.comparison-range { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y; }
.comparison-stage:focus-within { outline: 3px solid #b27f4c; outline-offset: 4px; }
.comparison-hint { text-align: center; margin: 10px 0 14px; font-size: .73rem; letter-spacing: .035em; }
.comparison-card .comparison-hint { color: #604037; }
.case-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #d2bbaa; }
.case-bottom small, .case-bottom .under { font-size: .7rem; }
.case-note { font-size: .85rem; }

.reviews { background: #251a18; color: var(--ivory); }
.reviews .eyebrow { color: var(--gold); }
.reviews h2 { font-size: clamp(2.4rem, 4vw, 4rem); }
.reviews-top { display: grid; grid-template-columns: 1.6fr .85fr .9fr; gap: 24px; align-items: stretch; }
.reviews-top > div:first-child { padding-right: 24px; }
.rating-card { border: 1px solid #947650; border-radius: 16px 16px 3px 3px; padding: 28px; display: flex; flex-direction: column; justify-content: center; }
.rating-card > strong { font: 3rem/1 var(--serif); margin-bottom: 8px; }
.rating-card > span { font-size: .95rem; }
.rating-card .google-word { font: 2.3rem/1.2 var(--sans); letter-spacing: -.055em; margin-bottom: 16px; }
.rating-card a, .rating-card p { font-size: .87rem; }
.rating-card .stars { font-size: 1.3rem; }
.rating-card hr { width: 100%; border: 0; border-top: 1px solid #b39b7d80; margin: 20px 0; }
.stars { color: #dca12b; letter-spacing: .06em; font-size: 1.17rem; margin: 8px 0 15px; }
.review-carousel { margin-top: 40px; }
.review-controls { display: flex; justify-content: flex-end; gap: 9px; margin-bottom: 14px; }
.review-controls[hidden] { display: none; }
.review-controls button { width: 42px; height: 42px; border: 1px solid #947650; color: #f2d6b0; background: transparent; border-radius: 50%; }
.review-controls button:disabled { opacity: .3; cursor: default; }
.review-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 54px) / 4); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #a67f52 #372c26; padding: 0 0 16px; }
.review-card { display: flex; flex-direction: column; scroll-snap-align: start; background: #fbf8f2; color: #32251f; border-radius: 12px; padding: 22px; min-height: 265px; }
.review-person { display: flex; align-items: center; gap: 10px; }
.review-avatar { background: #e8d7c0; color: #5b352b; display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; flex-shrink: 0; font-size: .8rem; font-weight: 600; }
.review-person strong { display: block; font-size: .82rem; line-height: 1.4; }
.review-person small { display: block; color: #776257; font-size: .63rem; }
.google-mark { color: #4285f4; margin-left: auto; font: 700 1.3rem var(--sans); }
.review-card blockquote { margin: 0 0 22px; font-size: .87rem; line-height: 1.65; }
.review-card > .under { margin-top: auto; align-self: start; font-size: .7rem; color: #685146; }
.review-date { font-size: .7rem; color: #d0baa1; margin-top: 14px; max-width: none; }
.review-date a { text-decoration: underline; }
.final-cta { text-align: center; }
.final-cta .eyebrow { justify-content: center; margin-inline: auto; }

footer.location-footer { position: relative; scroll-margin-top: 96px; padding: 70px 0 28px; background: linear-gradient(#411417f5, #250c0ef0), url('assets/atendimento.webp') center 45% / cover; }
.footer-top { display: flex; justify-content: space-between; gap: 28px; align-items: center; padding-bottom: 36px; margin-bottom: 34px; border-bottom: 1px solid #b9957255; }
.footer-top .brand img { width: 310px; }
.footer-top p { margin: 0; color: #e9d6c2; font-size: .82rem; }
.location-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 36px; margin-bottom: 38px; }
.location-grid h3 { font: 650 .83rem/1.4 var(--sans); text-transform: uppercase; letter-spacing: .1em; margin: 0 0 18px; color: var(--gold); }
.location-grid address, .location-grid p { color: #efdfd6; font-size: .9rem; }
.location-grid .under { font-size: .78rem; }
.contact-phone { font-size: 1.2rem; }
.social-link { display: flex; gap: 10px; align-items: center; font-size: .8rem; margin-bottom: 17px; }
.social-link svg { width: 21px; flex-shrink: 0; }
.location-map { display: block; width: 100%; height: 430px; border: 1px solid #c6a16e; border-radius: 4px; background: #eee5da; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 24px; margin-top: 32px; border-top: 1px solid #b9957255; font-size: .67rem; color: #d8bea7; }
.float { background: #411417; }

@media (max-width: 1050px) {
  .reviews-top { grid-template-columns: 1.3fr 1fr; }
  .reviews-top > div:first-child { grid-column: 1 / -1; }
  .review-track { grid-auto-columns: calc((100% - 36px) / 3); }
}
@media (max-width: 680px) {
  .brand img { width: 175px; }
  .bar { min-height: 78px; gap: 8px; }
  #menu { display: flex; gap: 7px; align-items: center; padding: .35rem .5rem; font-size: .78rem; }
  .focus-treatments, .home-comparisons, .location-grid { grid-template-columns: 1fr; }
  .focus-treatments { margin-top: 32px; }
  .case-section-head { display: block; margin-bottom: 28px; }
  .home-comparisons { gap: 35px; }
  .comparison-line > span { width: 40px; height: 40px; }
  .comparison-label { top: 8px; font-size: .58rem; }
  .before-label { left: 8px; }
  .after-label { right: 8px; }
  .marquee-group { gap: 25px; padding-right: 25px; }
  .marquee-group span { font-size: .64rem; }
  .reviews-top { gap: 14px; }
  .rating-card { padding: 20px 16px; }
  .rating-card .google-word { font-size: 1.9rem; }
  .review-track { grid-auto-columns: 88%; }
  .review-card { min-height: 245px; }
  .footer-top { align-items: start; flex-direction: column; }
  .footer-top .brand img { width: 260px; max-width: 100%; }
  .location-grid { gap: 30px; }
  .location-map { height: 360px; }
}
@media (max-width: 360px) { .brand img { width: 150px; } }
@media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; } }

#sobre .editorial:before { display: none; }
#sobre .editorial img.about-portrait { aspect-ratio: auto; object-fit: contain; }
.shade-section { background: #f9f3e9; border-top: 1px solid #dcc8ae; }
.shade-heading { display: grid; grid-template-columns: 1fr 1fr; column-gap: 8%; align-items: end; }
.shade-heading .eyebrow { grid-column: 1 / -1; }
.shade-heading h2 { margin-bottom: 0; }
.shade-heading h2 em { color: #895b3c; }
.shade-heading > p:last-child { color: #6a5045; max-width: 46ch; }
.shade-scroll { margin-top: 35px; overflow-x: auto; padding: 12px 0 20px; scrollbar-width: thin; scrollbar-color: #a9855b #e8d9c5; }
.shade-object { min-width: 900px; position: relative; }
.shade-object > img { width: 100%; height: auto; }
.shade-tabs { position: absolute; inset: 0 0 auto; height: 49%; }
.shade-tab { position: absolute; left: var(--shade-center); top: 0; width: 5.8%; height: 100%; transform: translateX(-50%); background: transparent; padding: 0; border: 0; min-width: 44px; color: #411417; transition: transform .22s ease; }
.shade-tab:before { content: ''; position: absolute; inset: 2% 2% 14%; border: 2px solid transparent; border-radius: 45% 45% 10px 10px; transition: border-color .22s, background .22s; }
.shade-tab > span { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); font: 650 clamp(.65rem, 1.1vw, .95rem)/1 var(--sans); background: #faf4e8; border: 1px solid #af8e67; padding: 9px 7px; min-width: 39px; border-radius: 4px; box-shadow: 0 2px 5px #4d301a1c; }
.shade-tab:hover, .shade-tab[aria-selected=true] { transform: translate(-50%, -6px); }
.shade-tab[aria-selected=true]:before { border-color: #784029; background: #e7bc7120; }
.shade-tab[aria-selected=true] > span { color: #fff5e6; background: #411417; border-color: #411417; }
.shade-plaque { position: absolute; left: 10%; right: 10%; top: 81.2%; transform: translateY(-50%); text-align: center; color: #77634b; font: 600 clamp(.85rem, 1.6vw, 1.3rem)/1.4 var(--sans); letter-spacing: .22em; text-shadow: 0 1px 0 #ffffffa6, 0 -1px 1px #321e0c73; pointer-events: none; }
.shade-plaque small { display: block; margin-top: .4rem; font-size: .65em; letter-spacing: .3em; }
.shade-scroll-hint { color: #7a5b43; text-align: center; font-size: .76rem; margin: 0 auto 26px; }
.shade-panel { display: grid; grid-template-columns: .55fr 1.2fr 1.15fr; gap: 30px; align-items: center; padding: clamp(22px, 3vw, 40px); background: #fffaf2; border: 1px solid #d2b694; border-radius: 4px; }
.shade-selected { background: #411417; color: #e8c99f; text-align: center; padding: 20px 15px; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.shade-selected > span { font: clamp(3rem, 4vw, 4.5rem)/1.2 var(--serif); }
.shade-selected small { font-size: .55rem; letter-spacing: .14em; margin-top: 9px; }
.shade-panel h3 { font-size: clamp(1.5rem, 2vw, 2rem); }
.shade-panel p:not(.eyebrow) { font-size: .88rem; color: #6a5045; margin-bottom: 0; }
.shade-panel .eyebrow { font-size: .61rem; margin-bottom: .7rem; }
.shade-curiosity { align-self: stretch; border-left: 1px solid #dbc2a5; padding-left: 30px; }
.shade-note { margin: 20px 0 0; font-size: .72rem; color: #775f4d; max-width: 110ch; }
.shade-note a { text-decoration: underline; }
@media (max-width: 760px) {
  .shade-heading { grid-template-columns: 1fr; gap: 20px; }
  .shade-heading .eyebrow { margin-bottom: 0; }
  .shade-panel { grid-template-columns: 1fr; gap: 24px; }
  .shade-selected { padding: 16px; flex-direction: row; align-items: center; gap: 20px; justify-content: start; }
  .shade-selected > span { font-size: 3rem; }
  .shade-selected small { margin-top: 0; }
  .shade-curiosity { padding: 22px 0 0; border-left: none; border-top: 1px solid #dbc2a5; }
  .shade-scroll { margin-top: 20px; }
}



.hero { position: relative; isolation: isolate; }
.hero-copy { isolation: isolate; }
.hero-backdrop { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.hero-backdrop video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
  object-fit: cover;
}
.hero-backdrop::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(33, 10, 12, .76), rgba(48, 15, 18, .58) 68%, rgba(65, 20, 23, .34));
}
@media (min-width: 681px) {
  .hero { grid-template-columns: 56% 44%; min-height: clamp(540px, 43vw, 720px); }
  .hero-copy { padding: 4rem 2.5rem 4rem 6vw; isolation: auto; }
  .hero-backdrop { right: 30%; }
  .hero-photo { mask-image: linear-gradient(90deg, transparent, #000 28%); }
  .hero-photo img { width: 100%; object-position: center 24%; }
  .hero-photo figcaption { padding-left: 28%; }
}
@media (max-width: 680px) {
  .hero-copy { position: relative; padding-bottom: 4.25rem; }
  .hero-backdrop { bottom: -14vw; background: url("assets/isabella-abertura-mobile.webp") center top / cover no-repeat; }
  .hero-backdrop video { object-position: center top; }
  .hero-backdrop video:not(.is-playing) { visibility: hidden; }
  .hero-photo { margin-top: -.65rem; mask-image: linear-gradient(transparent, #000 14%); }
}

.footer-credit { display: inline-flex; align-items: center; gap: .65rem; }
.footer-credit img { display: block; width: 122px; height: auto; }
.consultorio-media video {
  position: relative;
  width: 100%;
  max-height: none;
  aspect-ratio: 1.08;
  object-fit: cover;
  margin: 0;
}

/* Trajetória acadêmica na apresentação da Dra. Isabella. */
.academic { margin-top: 1.5rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--line); background: var(--paper); border-radius: .35rem; }
.academic h3 { margin: 0 0 .5rem; color: var(--wine); font: normal clamp(1.35rem, 2.5vw, 1.65rem)/1.2 var(--serif); }
.academic p { margin: 0 0 .65rem; font-size: .9rem; }
.academic ul { margin: 0 0 .75rem; padding-left: 1.15rem; font-size: .9rem; }
.academic a { color: var(--wine); text-decoration: underline; text-underline-offset: .2em; }
.academic .academic-sources { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 0; font-size: .8rem; }