/* Responsive review site: natural document flow, no scaled artboard. */
html { scroll-behavior:smooth; scroll-padding-top:116px; }
body { overflow-x:clip; }
.page { width:100%; overflow:clip; padding-top:88px; }
.wrap { width:min(1200px,calc(100% - 80px)); }
:root { --texto-3:#35333F; }
.display { font-size:clamp(56px,7.78vw,112px); letter-spacing:-.04em; }
.t1 { font-size:clamp(42px,4.45vw,64px); }
button, input { font:inherit; }
button, summary, label { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #722900; outline-offset:5px; }
.header { position:fixed; inset:0 0 auto; z-index:30; padding:20px 0 0; pointer-events:none; transition:padding .3s ease; }
.nav { width:min(1040px,calc(100% - 40px)); pointer-events:auto; transition:background .3s ease,box-shadow .3s ease, border-color .3s ease; }
.header.is-scrolled { padding-top:10px; }
.header.is-scrolled .nav { background:rgba(255,255,255,.96); border-color:rgba(13,12,17,.16); box-shadow:0 8px 28px rgba(13,12,17,.14); }
.nav .btn { min-height:52px; font-size:18px; }
.nav-links a { font-size:18px; }
.nav-links { gap:24px; }
.menu-btn { border:0; cursor:pointer; }
.hero { padding-top:100px; }
.why-grid, .steps-grid, .programs-head, .units-head, .family-grid, .faq-grid { gap:clamp(40px,7vw,100px); }
.why { padding:100px 70px !important; }
.why h2 { max-width:13ch; }
.why h2.split { overflow:visible; }
.stat strong { font-size:clamp(100px,13vw,188px); }
#ambiente { height:650px; }
#ambiente img { object-position:center 38%; }
.amb-shade { background:linear-gradient(0deg,rgba(13,12,17,.96),rgba(13,12,17,.78) 22%,transparent 65%); }
.amb-copy { bottom:48px; left:48px; right:48px; }
.amb-copy p { color:#fff; }
/* The color enters and leaves gradually at the section boundaries. */
#unidades { margin-top:64px; padding:160px 0; background:linear-gradient(to bottom,var(--papel),#2D5A55 140px,#2D5A55 calc(100% - 140px),var(--papel)); }
#unidades > .wrap > .rule { display:none; }
#unidades .units-head { color:#fff; }
#unidades .units-head p { color:#fff; }
#unidades .ponto { color:#fff; }
.units { gap:24px; margin-top:56px; }
.unit { padding:32px; min-height:220px; border:1px solid rgba(13,12,17,.1); border-radius:20px; background:var(--papel); color:var(--tinta); box-shadow:0 4px 16px rgba(13,12,17,.05); }
.unit h3 { font-size:28px; }
.unit .link { margin-top:auto; padding-top:18px; min-height:52px; }
.unit:hover { background:#fff; }
#familia { padding-top:56px !important; padding-bottom:100px; }
#duvidas { padding-top:120px !important; padding-bottom:140px; background:linear-gradient(to bottom,var(--papel),var(--areia) 120px,var(--areia) calc(100% - 120px),var(--papel)); }
#duvidas > .wrap > .rule { display:none; }
.faq { display:block; padding:0; }
.faq-q { min-height:88px; align-items:center; padding:24px 0; cursor:pointer; list-style:none; font-size:28px; }
.faq-q::-webkit-details-marker { display:none; }
.faq-q span::before { content:'+'; }
.faq[open] .faq-q span::before { content:'−'; }
.faq-a { padding-bottom:28px; font-size:18px; }
.faq[open] .faq-a { animation:answer-in .22s ease-out; }
@keyframes answer-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }
.footer { padding-bottom:32px; }
/* Native dialog: side sheet on desktop, bottom sheet on smaller screens. */
.booking-sheet { box-sizing:border-box; position:fixed; inset:0 0 0 auto; margin:0; width:min(520px,100%); height:100dvh; max-width:100%; max-height:100dvh; border:0; padding:32px; background:var(--papel); color:var(--tinta); overflow:auto; overscroll-behavior:contain; }
.booking-sheet::backdrop { background:rgba(13,12,17,.48); backdrop-filter:blur(5px); }
.booking-sheet[open] { animation:sheet-in .3s cubic-bezier(.16,.84,.3,1); }
@keyframes sheet-in { from { transform:translateX(100%); } to { transform:none; } }
.sheet-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; }
.sheet-top > span { font-size:14px; font-weight:600; letter-spacing:.12em; color:#722900; }
.sheet-close { width:52px; height:52px; flex:none; border:1px solid var(--linha-forte); border-radius:50%; background:transparent; font-size:28px; cursor:pointer; }
.booking-sheet h2 { font-size:36px; font-weight:600; line-height:1.12; letter-spacing:-.025em; margin-bottom:18px; }
#booking-description { font-size:18px; color:#35333F; }
.unit-options { border:0; padding:0; margin:28px 0; min-width:0; display:grid; gap:12px; }
.unit-options legend { position:absolute; width:1px; height:1px; padding:0; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
.unit-option { position:relative; display:flex; gap:14px; align-items:center; padding:18px; border:1px solid var(--linha-forte); border-radius:14px; cursor:pointer; background:#fff; }
.unit-option:has(input:checked) { border:2px solid #722900; padding:17px; background:var(--areia); }
.unit-option input { width:22px; height:22px; accent-color:#722900; flex:none; }
.unit-option strong { display:block; font-size:18px; line-height:1.3; font-weight:600; }
.unit-option small { display:block; font-size:16px; line-height:1.4; color:#35333F; margin-top:5px; }
.booking-continue { display:flex; align-items:center; justify-content:center; gap:12px; padding:18px; min-height:60px; font-size:18px; font-weight:600; line-height:1.3; border-radius:999px; background:var(--laranja); color:var(--tinta); text-align:center; }
.booking-continue:hover { color:var(--tinta); }
.booking-continue[aria-disabled=true] { background:#EADCC2; cursor:not-allowed; }
.sheet-note { font-size:14px; color:#35333F; text-align:center; margin-top:14px; }
body:has(.booking-sheet[open]) { overflow:hidden; }
@media (max-width:1100px) and (min-width:761px) {
 .nav { gap:20px; } .nav-links { gap:16px; } .nav img { width:150px; }
 .nav-links a { font-size:16px; } .nav .btn { padding:0 16px; font-size:18px; }
 .steps-grid,.faq-grid { grid-template-columns:.85fr 1.15fr; }
 .why { padding:80px 48px !important; }
 .amb-copy { gap:30px; }
}
@media (max-width:760px) {
 html { scroll-padding-top:96px; }
 .page { padding-top:80px; }
 .wrap { width:calc(100% - 40px); }
 .header { padding-top:12px; }
 .nav { position:relative; width:calc(100% - 24px); min-height:60px; padding-left:16px; gap:12px; }
 .nav img { width:150px; }
 .menu-btn { display:inline-flex; }
 .nav-links { display:none; position:absolute; left:0; right:0; top:calc(100% + 8px); margin:0; padding:20px; border:1px solid var(--linha); border-radius:24px; background:#fff; box-shadow:0 12px 24px rgba(13,12,17,.12); }
 .nav-links.is-open { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
 .nav-links a { padding:14px; font-size:18px; }
 .hero { padding-top:56px; }
 .display { font-size:clamp(42px,12vw,64px); }
 .t1 { font-size:42px; } .destaque { font-size:22px; } .corpo { font-size:18px; }
 .hero-actions { flex-direction:column; align-items:stretch; margin-top:32px; }
 .btn { white-space:normal; text-align:center; font-size:18px; padding:16px 22px; }
 .hero-media { height:460px; margin-top:56px; margin-bottom:72px; }
 .hero-caption { left:16px; right:16px; bottom:16px; font-size:18px; }
 .sec { padding:72px 0 96px; } .rule { margin-bottom:64px; }
 .pillars,.why-grid,.steps-grid,.programs-head,.units-head,.units,.family-grid,.faq-grid,.foot-top { grid-template-columns:1fr; gap:36px; }
 .pillars { gap:32px; }
 .why,.cta { padding:64px 28px !important; }
 .stat strong { font-size:112px; }
 .stat span { font-size:22px; }
 .steps-intro,.faq-intro { position:static; }
 .steps li { grid-template-columns:36px 1fr; gap:12px; padding:28px 0; }
 .steps h3 { font-size:28px; }
 .program-list { margin-top:40px; }
 .program { grid-template-columns:1fr; gap:10px; padding:28px 0; }
 .program h3 { font-size:28px; }
 #ambiente { height:560px; }
 #ambiente img { object-position:52% center; }
 .amb-copy { left:24px; right:24px; bottom:28px; flex-direction:column; align-items:flex-start; gap:18px; }
 .amb-copy h2 { font-size:36px; } .amb-copy p { font-size:18px; }
 #unidades { margin-top:24px; padding:112px 0; background:linear-gradient(to bottom,var(--papel),#2D5A55 96px,#2D5A55 calc(100% - 96px),var(--papel)); }
 .units { gap:16px; margin-top:36px; }
 .unit { padding:24px; min-height:210px; }
 .unit h3 { font-size:28px; }
 #familia { padding-top:32px !important; padding-bottom:64px; }
 #duvidas { padding:88px 0 96px !important; background:linear-gradient(to bottom,var(--papel),var(--areia) 80px,var(--areia) calc(100% - 80px),var(--papel)); }
 .faq-q { font-size:22px; gap:16px; }
 .faq-a { padding-right:0; }
 .family-grid .btn { width:100%; }
 .proof li { font-size:22px; }
 .foot-top { padding-bottom:32px; }
 .foot-nav { gap:8px 16px; grid-template-columns:1fr 1fr; }
 .foot-nav a { display:flex; align-items:center; min-height:44px; }
 .foot-bottom { flex-direction:column; gap:8px; }
 .footer { padding-top:56px; padding-bottom:24px; }
 .booking-sheet { inset:auto 0 0; width:100%; height:auto; max-height:92dvh; padding:24px 20px max(24px,env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; }
 .booking-sheet[open] { animation:sheet-up .3s cubic-bezier(.16,.84,.3,1); }
 .sheet-top { margin-bottom:20px; }
 .booking-sheet h2 { font-size:28px; }
 .unit-options { margin:20px 0; gap:10px; }
 .unit-option { padding:14px; } .unit-option:has(input:checked) { padding:13px; }
 @keyframes sheet-up { from { transform:translateY(100%); } to { transform:none; } }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none !important; transition:none !important; }
}
@media (max-width:760px) {
 /* Keep both faces in view instead of cropping the landscape photo vertically. */
 #ambiente { height:auto; }
 #ambiente img { height:auto; aspect-ratio:1.2; object-fit:cover; object-position:center; animation:none; transform:none; }
 #ambiente .amb-shade { display:none; }
 #ambiente .amb-copy { position:static; padding:28px 24px 32px; }
}

/* Editorial rhythm and a single, shared motion vocabulary. */
:root { --ease:cubic-bezier(.22,1,.36,1); --radius:24px; }
.display { font-size:clamp(48px,6.8vw,96px); font-weight:600; line-height:1.02; letter-spacing:-.04em; }
.t1 { font-size:clamp(36px,4.2vw,60px); line-height:1.08; letter-spacing:-.035em; }
.t2 { font-size:36px; }
.destaque { font-size:22px; line-height:1.5; }
.corpo { font-size:18px; line-height:1.65; }
.apoio { font-size:16px; }
p { text-wrap:pretty; }
.hero { padding-top:88px; }
.hero-lead { max-width:600px; margin-top:28px; }
.hero-actions { margin-top:36px; }
.hero-media { margin-top:72px; margin-bottom:88px; height:580px; border-radius:32px; }
.hero-media img { object-position:center 35%; }
.hero-caption { border:1px solid rgba(255,255,255,.65); backdrop-filter:blur(14px); }
.sec { padding-top:104px; padding-bottom:120px; }
.rule { margin-bottom:72px; }
.pillar { gap:16px; padding-top:24px; }
.pillar strong { font-size:28px; max-width:18ch; }
.why { border-radius:32px; }
.why-grid { grid-template-columns:1.15fr .85fr; align-items:center; }
.why h2 { max-width:13ch; font-size:clamp(42px,4.7vw,68px); }
.stat { border-left:1px solid rgba(255,255,255,.2); padding-left:48px; }
.stat strong { font-size:clamp(100px,12vw,172px); letter-spacing:-.04em; }
.stat span { font-size:22px; }
.steps-grid { grid-template-columns:.72fr 1.28fr; gap:64px; }
.steps { display:grid; grid-template-columns:1fr 1fr; gap:20px; border:0; }
.steps li { display:flex; flex-direction:column; gap:24px; min-height:220px; padding:28px; border:1px solid var(--linha); border-radius:var(--radius); background:#fff; }
.steps h3 { font-size:28px; line-height:1.15; margin-bottom:16px; }
.steps li:nth-child(2),.steps li:nth-child(3) { background:var(--areia); }
.steps-intro p { max-width:25ch; }
.programs-head { gap:48px; }
.program-list { border:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; margin-top:48px; }
.program { position:relative; isolation:isolate; grid-column:span 2; display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-height:260px; padding:32px; border:1px solid var(--linha); border-radius:var(--radius); background:#fff; overflow:hidden; }
.program:nth-child(n+4) { grid-column:span 3; min-height:250px; }
.program:nth-child(1) { --signal:#EFC51B; --program-ink:#4D3F05; }
.program:nth-child(2) { --signal:#F25700; --program-ink:#722900; }
.program:nth-child(3) { --signal:#4EBD79; --program-ink:#0F3D22; }
.program:nth-child(4) { --signal:#2D5A55; --program-ink:#1E3B38; }
.program:nth-child(5) { --signal:#F6B9B8; --program-ink:#6E2523; }
.program h3 { font-size:28px; max-width:18ch; line-height:1.14; letter-spacing:-.025em; }
.program h3::after { color:var(--program-ink); }
.program p { max-width:40ch; margin-top:auto; }
.program:hover h3,.unit:hover h3 { transform:none; }
.program,.steps li,.unit { transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s ease; }
#ambiente { height:620px; }
.amb-copy { bottom:40px; }
.units { gap:20px; }
.unit { border-radius:var(--radius); min-height:240px; }
.unit .link .arrow { transition:transform .3s var(--ease); }
.unit:hover .link .arrow { transform:translate(3px,-3px); }
#familia .family-grid { grid-template-columns:1fr 1fr; gap:64px; }
.proof { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.proof li,.proof li:last-child { padding:28px; border:1px solid var(--linha); border-radius:var(--radius); background:#fff; font-size:22px; font-weight:600; gap:16px; }
.proof li span { font-size:18px; line-height:1.5; }
.faq-q { font-size:22px; letter-spacing:-.02em; }
.faq-q span { transition:background .25s ease,border-color .25s ease; }
.faq[open] .faq-q span { background:var(--tinta); color:#fff; border-color:var(--tinta); }
.faq[open] .faq-a { animation:none; }
@supports (interpolate-size:allow-keywords) {
 .faq { interpolate-size:allow-keywords; }
 .faq::details-content { height:0; opacity:0; overflow:clip; transition:height .32s var(--ease),opacity .25s ease,content-visibility .32s allow-discrete; }
 .faq[open]::details-content { height:auto; opacity:1; }
}
.cta { position:relative; overflow:hidden; padding:104px 64px !important; }
.cta h2 { max-width:17ch; }
.cta-actions { margin-top:32px; }
.foot-nav a { font-size:18px; }
.foot-bottom { font-size:14px; }
.btn,.booking-continue { transition:background .25s ease,color .25s ease,transform .3s var(--ease),box-shadow .3s var(--ease); }
.btn:active,.booking-continue:active { transform:scale(.98); }
.btn .arrow { transition:transform .3s var(--ease); }
.btn:hover .arrow { transform:translate(3px,-3px); }
.nav { position:relative; }
.nav::after { content:''; position:absolute; height:2px; left:24px; right:24px; bottom:0; background:var(--laranja); transform:scaleX(var(--reading-progress,0)); transform-origin:left; border-radius:2px; }
.nav-links a[aria-current=location]:not(.btn) { color:#722900; }
.sheet-close { transition:transform .3s var(--ease),background .2s; }
.sheet-close:hover { transform:rotate(90deg); background:var(--areia); }
.booking-sheet::backdrop { animation:backdrop-in .3s ease; }
@keyframes backdrop-in { from { background:rgba(13,12,17,0); backdrop-filter:blur(0); } to { background:rgba(13,12,17,.48); backdrop-filter:blur(5px); } }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .program:hover,.steps li:hover,.unit:hover { transform:translateY(-6px); box-shadow:0 16px 32px rgba(13,12,17,.08); }
 .btn:hover { transform:translateY(-2px); }
}
@media (prefers-reduced-motion:no-preference) {
 @supports (animation-timeline:view()) {
  .hero-media img { animation:image-drift linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
  #ambiente img { animation:image-drift linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
  @keyframes image-drift { from { transform:scale(1.08) translateY(-2%); } to { transform:scale(1.08) translateY(2%); } }
 }
}
@media(max-width:1000px) {
 .steps-grid { grid-template-columns:1fr; gap:36px; }
 .steps-intro { position:static; max-width:640px; }
 .steps-intro p { max-width:50ch; }
 .program { padding:28px; }
 .program-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .program,.program:nth-child(n+4) { grid-column:auto; min-height:280px; }
 .program:last-child { grid-column:1/-1; min-height:230px; }
 #familia .family-grid { gap:36px; }
 .proof li,.proof li:last-child { padding:22px; }
}
@media(max-width:760px) {
 .hero { padding-top:48px; }
 .display { font-size:clamp(42px,11.8vw,64px); }
 .t1 { font-size:36px; }
 .hero-media { height:420px; margin-top:48px; margin-bottom:64px; border-radius:24px; }
 .sec { padding:72px 0 88px; }
 .rule { margin-bottom:48px; }
 .why-grid { grid-template-columns:1fr; }
 .why h2 { font-size:42px; }
 .stat { border-left:0; border-top:1px solid rgba(255,255,255,.2); padding:32px 0 0; }
 .steps { gap:14px; }
 .steps li { padding:22px; min-height:220px; gap:20px; }
 .steps h3 { font-size:22px; }
 .program-list { grid-template-columns:1fr; gap:16px; margin-top:32px; }
 .program,.program:nth-child(n+4),.program:last-child { grid-column:auto; padding:28px; min-height:260px; gap:24px; }
 #ambiente { height:auto; }
 #ambiente img { animation:none; transform:none; }
 #familia .family-grid { grid-template-columns:1fr; }
 .proof { grid-template-columns:1fr 1fr; }
 .proof li,.proof li:last-child { padding:24px; font-size:22px; }
 .unit { min-height:220px; }
 .cta { padding:64px 28px !important; }
 .nav-links.is-open { animation:menu-in .25s var(--ease); }
 @keyframes menu-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
}
@media(max-width:480px) {
 .steps { grid-template-columns:1fr; }
 .steps li { min-height:0; padding:28px; flex-direction:row; gap:20px; }
 .proof { grid-template-columns:1fr; }
 .proof li,.proof li:last-child { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none !important; transition:none !important; }
 .hero-media img,#ambiente img { transform:none !important; }
}

/* Solid fallback colors; scroll scenes animate the entire canvas in JS. */
#unidades { background:#2D5A55; margin-top:96px; padding:104px 0; }
#duvidas { background:#0D0C11; color:#fff; padding-top:104px !important; padding-bottom:104px; }
#duvidas .corpo,#duvidas .faq-a { color:#fff; }
#duvidas .faq-list,#duvidas .faq { border-color:rgba(255,255,255,.3); }
#duvidas .faq-q span { color:#fff; border-color:rgba(255,255,255,.5); }
#duvidas .faq[open] .faq-q span { background:#fff; color:#0D0C11; }
#duvidas :focus-visible { outline-color:#F79863; }
.sheet-top { justify-content:flex-end; margin-bottom:20px; }
html.lenis,html.lenis body { height:auto; }
html.lenis { scroll-behavior:auto !important; }
html:has(.booking-sheet[open]) { overflow:hidden; }
body.scroll-scenes {
 --scene-bg:#FAF6F0; --scene-ink:#0D0C11; --scene-secondary:#35333F; --scene-line:rgba(13,12,17,.2);
 --texto:var(--scene-ink); --texto-2:var(--scene-secondary); --texto-3:var(--scene-secondary);
 background:var(--scene-bg); color:var(--scene-ink);
 transition:background-color .75s cubic-bezier(.22,1,.36,1),color .45s ease;
}
body.scroll-scenes[data-scene=units] { --scene-bg:#2D5A55; --scene-ink:#fff; --scene-secondary:#fff; --scene-line:rgba(255,255,255,.3); }
body.scroll-scenes[data-scene=faq] { --scene-bg:#0D0C11; --scene-ink:#fff; --scene-secondary:#fff; --scene-line:rgba(255,255,255,.3); }
.scroll-scenes .page { background:transparent; }
.scroll-scenes #unidades,.scroll-scenes #duvidas { background:transparent; color:var(--scene-ink); }
.scroll-scenes #unidades .units-head,.scroll-scenes #unidades .units-head p,
.scroll-scenes #duvidas .corpo,.scroll-scenes #duvidas .faq-a { color:var(--scene-ink); }
.scroll-scenes #duvidas .faq-list,.scroll-scenes #duvidas .faq { border-color:var(--scene-line); }
.scroll-scenes #duvidas .faq-q span { color:var(--scene-ink); border-color:var(--scene-line); }
.scroll-scenes #duvidas .faq[open] .faq-q span { background:var(--scene-ink); color:var(--scene-bg); }
.scroll-scenes .page h2,.scroll-scenes .page p,.scroll-scenes .faq-q,.scroll-scenes .faq-q span,.scroll-scenes .foot-nav a { transition:color .45s ease,border-color .45s ease,background-color .45s ease; }
/* Cards, navigation and the dialog keep their own stable contrast. */
.scroll-scenes .unit,.scroll-scenes .program,.scroll-scenes .steps li,.scroll-scenes .proof li,
.scroll-scenes .nav,.scroll-scenes .booking-sheet,.scroll-scenes .hero-caption {
 --texto:#0D0C11; --texto-2:#35333F; --texto-3:#35333F;
 color:#0D0C11;
}
.scroll-scenes .unit .addr,.scroll-scenes .program p,.scroll-scenes .steps p,.scroll-scenes .proof li span { color:#35333F; }
.scroll-scenes .proof li { color:#0D0C11; }
.scroll-scenes #unidades .ponto { color:var(--scene-ink); }
.scroll-scenes .rule { background:var(--scene-line); }
@media(max-width:760px) {
 #unidades { margin-top:64px; padding:80px 0; }
 #duvidas { padding:80px 0 !important; }
}
@media(prefers-reduced-motion:reduce) {
 body.scroll-scenes { transition:none; }
 html,html.lenis { scroll-behavior:auto !important; }
}

/* The closing invitation and footer share the final sand canvas. */
#agendar { background:#fff; color:#0D0C11; }
#agendar .destaque,#agendar .phone,#agendar .phone strong { color:#0D0C11; }
#agendar .btn-primary { background:#0D0C11; color:#fff; }
body.scroll-scenes[data-scene=ending] { --scene-bg:#fff; --scene-ink:#0D0C11; --scene-secondary:#35333F; --scene-line:rgba(13,12,17,.2); }
.scroll-scenes #agendar { background:transparent; color:var(--scene-ink); }
.scroll-scenes #agendar .destaque,.scroll-scenes #agendar .phone,
.scroll-scenes #agendar .phone strong { color:var(--scene-secondary); }
.scroll-scenes .foot-bottom { border-color:var(--scene-line); }