@charset "UTF-8";

:root{
  --sky:#8bc7ff;
  --sky-deep:#4ea5f5;
  --ink:#16385e;
  --ink-soft:#496b8d;
  --cream:#fff9ea;
  --white:#ffffff;
  --mint:#bdebdc;
  --orange:#ff8a42;
  --orange-deep:#f56f28;
  --glass:rgba(255,255,255,.20);
  --glass-strong:rgba(255,255,255,.34);
  --line:rgba(255,255,255,.64);
  --shadow:0 24px 80px rgba(45,104,153,.18);
  --header-h:72px;
  --radius:30px;
  --ease:cubic-bezier(.2,.75,.25,1);
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-snap-type:y mandatory;
  scrollbar-width:thin;
  scrollbar-color:rgba(22,56,94,.28) transparent;
}
body{
  margin:0;
  color:var(--ink);
  background:#dff2ff;
  font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,a{ -webkit-tap-highlight-color:transparent }
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:rgba(255,138,66,.27)}

.site-header{
  position:fixed;
  z-index:100;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 28px));
  height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:8px 10px 8px 16px;
  border:1px solid rgba(255,255,255,.44);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  box-shadow:0 12px 38px rgba(35,85,132,.08);
  backdrop-filter:blur(14px) saturate(125%);
  transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.site-header.scrolled{
  background:rgba(242,250,255,.62);
  border-color:rgba(255,255,255,.78);
  box-shadow:0 12px 38px rgba(35,85,132,.14);
}
.brand{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:900;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.brand img{width:34px;height:34px;object-fit:contain}
.main-nav{
  display:flex;
  justify-content:center;
  gap:clamp(14px,2.2vw,30px);
}
.main-nav a{
  position:relative;
  font-size:.75rem;
  font-weight:850;
  letter-spacing:.12em;
  opacity:.78;
  transition:opacity .2s ease,transform .2s ease;
}
.main-nav a:hover,.main-nav a.active{opacity:1;transform:translateY(-1px)}
.main-nav a.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--orange);
  transform:translateX(-50%);
}
.header-socials,.footer-socials{
  display:flex;
  align-items:center;
  gap:5px;
}
.icon-link{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:50%;
  transition:transform .2s var(--ease),filter .2s ease;
}
.icon-link:hover{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 4px 10px rgba(44,103,150,.2))}
.icon-link img{width:32px;height:32px;object-fit:contain}
.icon-link.telegram img{transform:scale(1.1)}

.page-section{
  position:relative;
  min-height:100svh;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  isolation:isolate;
  overflow:hidden;
}
.section-shell{
  position:relative;
  z-index:3;
  width:min(1180px,calc(100% - 48px));
  min-height:100svh;
  margin:0 auto;
  padding:calc(var(--header-h) + 44px) 0 42px;
  display:flex;
  align-items:center;
}
.hero-picture,.hero-picture img,.community-art,.community-art img,.section-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-picture img,.community-art img{object-fit:cover}
.hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(245,251,255,.90) 0%,rgba(245,251,255,.68) 30%,rgba(245,251,255,.16) 56%,rgba(245,251,255,0) 72%),
    linear-gradient(0deg,rgba(114,185,244,.12),rgba(255,255,255,0) 42%);
  z-index:1;
}
.hero-shell{justify-content:flex-start}
.hero-copy{width:min(565px,48vw)}
.eyebrow{
  margin:0 0 12px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  color:#315f88;
}
h1,h2{margin:0;line-height:.9;letter-spacing:-.055em}
h1{
  font-size:clamp(4.3rem,7vw,7.3rem);
  font-weight:950;
  text-shadow:0 2px 0 rgba(255,255,255,.58);
}
h1 span,h2 span{color:var(--orange-deep)}
h2{font-size:clamp(3rem,5.8vw,6rem);font-weight:950}
.ticker{
  display:inline-flex;
  margin:13px 0 20px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.32);
  backdrop-filter:blur(10px);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:.9rem;
  font-weight:800;
  letter-spacing:.04em;
}
.hero-lead,.section-lead{
  margin:0 0 20px;
  font-size:clamp(1.05rem,1.45vw,1.35rem);
  line-height:1.5;
  font-weight:720;
}
.ca-panel{
  width:min(100%,550px);
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:9px 9px 9px 17px;
  border:1px solid var(--line);
  border-radius:19px;
  background:rgba(255,255,255,.30);
  box-shadow:0 16px 42px rgba(64,123,168,.12);
  backdrop-filter:blur(14px);
}
.ca-text{min-width:0;display:flex;align-items:center;gap:11px}
.ca-text>span{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,var(--orange),#ffab63);
  font-size:.68rem;
  font-weight:950;
}
.ca-text code{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.77rem;
  color:#315473;
}
.copy-btn{
  flex:0 0 auto;
  min-width:80px;
  height:44px;
  border:0;
  border-radius:13px;
  color:var(--ink);
  background:rgba(255,255,255,.72);
  cursor:pointer;
  font-size:.71rem;
  font-weight:900;
  letter-spacing:.08em;
  transition:transform .2s ease,background .2s ease;
}
.copy-btn:hover{transform:translateY(-1px);background:white}
.copy-btn.copied{background:#ddf8ed;color:#197454}

.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:49px;
  padding:0 20px;
  border-radius:15px;
  font-size:.77rem;
  font-weight:900;
  letter-spacing:.04em;
  transition:transform .22s var(--ease),box-shadow .22s ease;
}
.btn:hover{transform:translateY(-3px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--orange),var(--orange-deep));
  box-shadow:0 13px 32px rgba(242,111,40,.24);
}
.btn-glass{
  border:1px solid rgba(255,255,255,.78);
  background:rgba(255,255,255,.36);
  backdrop-filter:blur(12px);
}
.hero-socials{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}
.social-chip{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px 10px 4px 5px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:rgba(255,255,255,.22);
  font-size:.67rem;
  font-weight:850;
}
.social-chip img{width:28px;height:28px;object-fit:contain}

.scroll-cue{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  color:#315f88;
  cursor:pointer;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.13em;
}
.scroll-cue i{
  position:relative;
  width:19px;height:31px;
  border:1.5px solid rgba(49,95,136,.5);
  border-radius:999px;
}
.scroll-cue i::after{
  content:"";
  position:absolute;
  top:6px;
  left:50%;
  width:4px;height:4px;
  border-radius:50%;
  background:var(--orange);
  transform:translateX(-50%);
  animation:wheelDot 1.55s ease-in-out infinite;
}
@keyframes wheelDot{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,11px)}}

.inner-section{background:#dff2ff}
.section-bg{
  z-index:-2;
  background-image:
    linear-gradient(rgba(236,248,255,.24),rgba(236,248,255,.24)),
    url("assets/section-background.webp");
  background-size:cover;
  background-position:center;
}
.section-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(232,247,255,.08),rgba(234,248,255,.34));
}
.section-bg-soft{filter:saturate(.92) brightness(1.02)}
.split-layout{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);
  gap:clamp(36px,6vw,90px);
}
.section-copy{
  align-self:center;
  max-width:480px;
  padding:28px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:28px;
  background:rgba(244,251,255,.27);
  backdrop-filter:blur(13px);
  box-shadow:var(--shadow);
}
.section-copy>p:not(.eyebrow){font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.6;font-weight:650}
.muted{color:var(--ink-soft)}
.traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.traits span{
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.27);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.1em;
}
.art-frame{
  position:relative;
  border-radius:35px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(255,255,255,.22);
  box-shadow:var(--shadow);
}
.art-frame::after,.wide-art-frame::after,.gallery-card::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
}
.portrait-frame{height:min(70svh,720px)}
.portrait-frame img{width:100%;height:100%;object-fit:contain}

.world-shell{
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
}
.section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:24px;
}
.section-heading>p{
  margin:0 0 4px;
  max-width:280px;
  text-align:right;
  line-height:1.45;
  font-weight:760;
  color:var(--ink-soft);
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.gallery-card{
  position:relative;
  min-width:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,255,255,.25);
  box-shadow:0 18px 50px rgba(45,100,147,.12);
  transition:transform .35s var(--ease),box-shadow .35s ease;
}
.gallery-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(45,100,147,.17)}
.gallery-image{aspect-ratio:1/1;overflow:hidden;background:rgba(255,255,255,.22)}
.gallery-image img{
  width:100%;height:100%;
  object-fit:contain;
  transition:transform .65s var(--ease);
}
.gallery-card:hover .gallery-image img{transform:scale(1.025)}
.gallery-meta{
  min-height:56px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 15px;
  background:rgba(249,253,255,.68);
  backdrop-filter:blur(9px);
}
.gallery-meta span{
  color:var(--orange-deep);
  font-family:ui-monospace,monospace;
  font-size:.72rem;
  font-weight:900;
}
.gallery-meta strong{font-size:.72rem;letter-spacing:.06em}

.transformation-shell{
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
}
.transformation-copy{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:22px;
}
.transformation-copy>p:not(.eyebrow){
  margin:0;
  font-size:1rem;
  font-weight:760;
  line-height:1.45;
}
.transformation-copy .muted{max-width:250px}
.wide-art-frame{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.64);
  background:rgba(255,255,255,.18);
  box-shadow:var(--shadow);
}
.wide-art-frame img{
  width:100%;
  max-height:65svh;
  object-fit:contain;
  margin:auto;
}

.section-bg-chart{
  background-image:
    linear-gradient(90deg,rgba(232,248,255,.3),rgba(232,248,255,.18)),
    url("assets/section-background.webp");
}
.chart-shell{
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
}
.chart-heading{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:24px;
  margin-bottom:20px;
}
.chart-heading .eyebrow{grid-column:1/-1;margin-bottom:-6px}
.chart-heading p:last-child{margin:0;color:var(--ink-soft);font-weight:760}
.chart-layout{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(220px,1fr);
  gap:18px;
  align-items:stretch;
  min-height:min(64svh,680px);
}
.chart-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.76);
  border-radius:28px;
  background:rgba(244,251,255,.42);
  box-shadow:var(--shadow);
  backdrop-filter:blur(8px);
}
.chart-card iframe{
  width:100%;
  height:100%;
  min-height:500px;
  border:0;
  display:block;
  background:#fff;
}
.chart-open{
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  background:rgba(247,252,255,.78);
  backdrop-filter:blur(10px);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.07em;
}
.chart-mascot-wrap{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
}
.chart-mascot-wrap img{
  width:min(100%,340px);
  max-height:62svh;
  object-fit:contain;
  filter:drop-shadow(0 22px 32px rgba(55,105,146,.15));
}

.community-art{z-index:-2}
.community-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(237,248,255,.87) 0%,rgba(237,248,255,.58) 35%,rgba(237,248,255,.16) 64%,rgba(237,248,255,.06) 100%),
    linear-gradient(0deg,rgba(216,240,255,.2),rgba(255,255,255,0));
}
.community-shell{justify-content:flex-start}
.community-panel{
  width:min(560px,52vw);
  padding:30px;
  border:1px solid rgba(255,255,255,.66);
  border-radius:30px;
  background:rgba(245,251,255,.34);
  box-shadow:var(--shadow);
  backdrop-filter:blur(12px);
}
.community-panel>p:not(.eyebrow){font-size:1.05rem;font-weight:700}
.community-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:24px;
}
.community-btn{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:7px 13px 7px 7px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:17px;
  background:rgba(255,255,255,.36);
  font-size:.75rem;
  font-weight:900;
  transition:transform .22s var(--ease),background .22s ease;
}
.community-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.58)}
.community-btn img{width:40px;height:40px;object-fit:contain}

.footer-section{min-height:100svh}
.footer-bg{
  background-position:center bottom;
  filter:saturate(.9) brightness(.96);
}
.footer-bg::after{
  background:linear-gradient(0deg,rgba(178,219,248,.44),rgba(238,249,255,.12) 70%);
}
.footer-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
  gap:40px;
}
.footer-copy{
  width:min(620px,100%);
  padding:32px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:30px;
  background:rgba(247,252,255,.30);
  backdrop-filter:blur(13px);
  box-shadow:var(--shadow);
}
.footer-ticker{margin-top:15px}
.footer-ca{margin-top:4px}
.footer-socials{margin-top:18px}
.footer-line{margin:18px 0 0;color:var(--ink-soft);font-size:.9rem;font-weight:650}
.footer-character{
  align-self:end;
  justify-self:end;
  width:min(460px,100%);
  max-height:75svh;
}
.footer-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(57,106,147,.14))}

.section-dots{
  position:fixed;
  z-index:90;
  top:50%;
  right:16px;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.section-dots button{
  width:9px;height:9px;
  padding:0;
  border:1px solid rgba(49,95,136,.45);
  border-radius:50%;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:transform .22s ease,background .22s ease;
}
.section-dots button.active{transform:scale(1.45);background:var(--orange);border-color:white}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s var(--ease);
}
.is-active .reveal{
  opacity:1;
  transform:none;
}
.is-active .gallery-card:nth-child(2){transition-delay:.07s}
.is-active .gallery-card:nth-child(3){transition-delay:.14s}

:focus-visible{
  outline:3px solid rgba(255,126,47,.74);
  outline-offset:3px;
}

@media (max-width: 980px){
  .site-header{grid-template-columns:auto 1fr;gap:10px}
  .main-nav{display:none}
  .header-socials{justify-self:end}
  .section-shell{width:min(100% - 34px,900px)}
  .hero-copy{width:min(520px,56vw)}
  .split-layout{grid-template-columns:.88fr 1.12fr;gap:24px}
  .section-copy{padding:22px}
  .chart-layout{grid-template-columns:minmax(0,2.5fr) minmax(190px,.8fr)}
}

@media (max-width: 760px){
  :root{--header-h:62px}
  html{scroll-snap-type:y proximity}
  .site-header{
    top:8px;
    width:calc(100% - 16px);
    height:54px;
    padding:6px 8px 6px 10px;
  }
  .brand span{font-size:.82rem}
  .brand img{width:30px;height:30px}
  .header-socials{gap:1px}
  .header-socials .icon-link{width:34px;height:34px}
  .header-socials .icon-link img{width:29px;height:29px}
  .page-section{overflow:visible}
  .hero-section{overflow:hidden}
  .section-shell{
    width:calc(100% - 24px);
    min-height:100svh;
    padding:calc(var(--header-h) + 38px) 0 28px;
  }
  .hero-picture img{object-position:center center}
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(247,252,255,.08) 0%,rgba(247,252,255,.12) 42%,rgba(239,249,255,.87) 73%,rgba(239,249,255,.96) 100%);
  }
  .hero-shell{align-items:flex-end;padding-bottom:64px}
  .hero-copy{width:100%;text-align:center}
  .hero-copy h1{font-size:clamp(3.25rem,15vw,5.4rem)}
  .hero-lead{font-size:.98rem;line-height:1.35}
  .ticker{margin:9px 0 12px}
  .ca-panel{margin-inline:auto;text-align:left}
  .hero-actions,.hero-socials{justify-content:center}
  .hero-socials{display:none}
  .scroll-cue{bottom:10px}
  .scroll-cue span{display:none}

  .split-layout{
    grid-template-columns:1fr;
    gap:16px;
    align-content:center;
  }
  .section-copy{max-width:none;order:2}
  .portrait-frame{
    order:1;
    width:min(82vw,430px);
    height:min(51svh,520px);
    justify-self:center;
  }
  h2{font-size:clamp(2.65rem,12vw,4.8rem)}
  .section-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.45}
  .traits{margin-top:16px}

  .world-section .section-shell,
  .transformation-section .section-shell,
  .chart-section .section-shell{
    min-height:100svh;
    height:auto;
  }
  .world-shell{padding-top:88px;padding-bottom:38px}
  .section-heading{align-items:start;margin-bottom:14px}
  .section-heading>p{font-size:.82rem}
  .gallery-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    padding:4px 2px 14px;
    overscroll-behavior-x:contain;
  }
  .gallery-card{flex:0 0 min(78vw,360px);scroll-snap-align:center}
  .gallery-meta{min-height:50px}
  .transformation-copy{display:block;margin-bottom:16px}
  .transformation-copy>p:not(.eyebrow){margin-top:10px}
  .wide-art-frame img{max-height:none}
  .chart-heading{display:block}
  .chart-heading p:last-child{margin-top:8px}
  .chart-layout{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .chart-card iframe{min-height:56svh}
  .chart-mascot-wrap{
    display:none;
  }

  .community-art img{
    object-position:center center;
  }
  .community-overlay{
    background:linear-gradient(180deg,rgba(239,249,255,.12),rgba(239,249,255,.88) 54%,rgba(239,249,255,.97));
  }
  .community-shell{align-items:flex-end;padding-bottom:44px}
  .community-panel{
    width:100%;
    padding:22px;
  }
  .community-links{grid-template-columns:1fr 1fr}
  .community-btn{font-size:.67rem}

  .footer-shell{
    grid-template-columns:1fr;
    align-content:center;
    gap:10px;
  }
  .footer-copy{padding:22px}
  .footer-character{
    position:absolute;
    right:-8vw;
    bottom:2vh;
    width:48vw;
    max-height:42svh;
    z-index:-1;
    opacity:.78;
  }
  .footer-copy{max-width:88vw}
  .section-dots{display:none}
}

@media (max-width: 430px){
  .site-header .icon-link:nth-child(3){display:none}
  .brand span{max-width:105px;overflow:hidden;text-overflow:ellipsis}
  .hero-copy{padding-inline:1px}
  .hero-copy h1{font-size:3.45rem}
  .hero-lead{margin-bottom:12px}
  .ca-panel{min-height:58px;padding-left:11px}
  .ca-text code{font-size:.69rem}
  .btn{flex:1 1 45%;padding-inline:10px;font-size:.69rem}
  .section-heading{display:block}
  .section-heading>p{text-align:left;margin-top:8px}
  .community-links{grid-template-columns:1fr}
  .footer-copy{max-width:94vw}
}

@media (max-height: 760px) and (min-width: 761px){
  .section-shell{padding-top:88px;padding-bottom:24px}
  h1{font-size:clamp(3.7rem,6.2vw,6.2rem)}
  h2{font-size:clamp(2.6rem,5vw,4.6rem)}
  .hero-lead{font-size:1rem;margin-bottom:13px}
  .hero-copy{transform:scale(.94);transform-origin:left center}
  .portrait-frame{height:65svh}
  .gallery-meta{min-height:48px}
  .wide-art-frame img{max-height:60svh}
  .chart-layout{min-height:60svh}
  .chart-card iframe{min-height:420px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}