@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/eb-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/eb-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/eb-garamond-latin-400-italic.woff2) format('woff2')}

:root{
  --ink:#252627;      /* charcoal de la marca */
  --ink-2:#2c2d2f;
  --gold:#CDAA7D;    /* dorado de la marca */
  --beige:#C4BDAC;   /* beige de la marca */
  --white:#ffffff;
  --serif:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;
  --body:'EB Garamond','Cormorant Garamond',Garamond,'Times New Roman',serif;
  --nav-h:64px;
  --side:clamp(20px,6vw,110px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);scroll-behavior:smooth;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--white);font-family:var(--body);font-size:20px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- barra de progreso y navegación ---------- */
#bar{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);z-index:60}
nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,40px);z-index:50;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
nav.solid{background:rgba(37,38,39,.92);border-bottom-color:rgba(205,170,125,.22)}
nav.solid.light{background:rgba(196,189,172,.94);border-bottom-color:rgba(37,38,39,.2)}
.mono{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-family:var(--serif);font-size:18px;letter-spacing:.02em;text-decoration:none;font-weight:500}
nav ul{display:flex;gap:clamp(14px,2.6vw,38px);list-style:none}
nav a.lk{font-family:var(--serif);font-size:18px;font-weight:500;color:rgba(255,255,255,.82);text-decoration:none;letter-spacing:.02em;padding:6px 0;position:relative;transition:color .3s}
nav a.lk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
nav a.lk:hover,nav a.lk.on{color:var(--white)}
nav a.lk:hover::after,nav a.lk.on::after{transform:scaleX(1)}
nav.light .mono{color:var(--ink);border-color:var(--ink)}
nav.light a.lk{color:rgba(37,38,39,.75)}
nav.light a.lk:hover,nav.light a.lk.on{color:var(--ink)}
nav.light a.lk::after{background:var(--ink)}

.eyebrow{font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.btn{display:inline-block;font-family:var(--serif);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:15px;color:var(--ink);background:var(--gold);padding:16px 30px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,color .3s;border:1px solid var(--gold)}
.btn:hover{transform:translateY(-2px);background:transparent;color:var(--gold)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(205,170,125,.7)}
.btn.ghost:hover{background:var(--gold);color:var(--ink)}

/* ---------- HERO ---------- */
#hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden}
.hero-img{position:absolute;inset:-6%;will-change:transform}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(37,38,39,.42),rgba(37,38,39,.86) 88%),linear-gradient(180deg,rgba(37,38,39,.55),rgba(37,38,39,.15) 30%,rgba(37,38,39,.85))}
.hero-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-h) 16px 40px;will-change:transform,opacity}
.hero-title .eyebrow{margin-bottom:2.2vh}
.hero-title h1{font-family:var(--serif);font-weight:500;color:var(--gold);font-size:clamp(38px,8.2vw,148px);line-height:.98;letter-spacing:.05em;text-transform:uppercase}
.hero-title h1 span.ln{display:block;overflow:hidden;padding:.04em 0}
.hero-title h1 .ch{display:inline-block}
.tag{font-family:var(--serif);font-weight:500;font-size:clamp(23px,3vw,44px);line-height:1.15;margin-top:3.4vh;color:var(--white)}
.hero-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:4.6vh}
.hint{position:absolute;left:0;right:0;bottom:2.6vh;display:flex;justify-content:center}
.hint i{display:block;width:1px;height:38px;background:linear-gradient(var(--gold),transparent);transform-origin:50% 0}

/* el único momento coreografiado al cargar: el título sube letra a letra */
@media (prefers-reduced-motion:no-preference){
  .hero-title h1 .ch{transform:translateY(110%);animation:rise 1.1s cubic-bezier(.2,.8,.2,1) forwards}
  .hero-title .eyebrow,.tag,.hero-cta{animation:fadeUp .9s .9s backwards cubic-bezier(.2,.7,.2,1)}
  .tag{animation-delay:1.05s}.hero-cta{animation-delay:1.25s}
  .hint i{animation:drip 2.4s 2s infinite ease-in-out}
}
@keyframes rise{to{transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ---------- JOURNEY ---------- */
#journey{position:relative;overflow:hidden;background:var(--ink);display:grid;grid-template-columns:1.05fr .95fr;align-items:end;min-height:100vh}
.glow{position:absolute;right:-10vw;bottom:-18vh;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(205,170,125,.2),rgba(205,170,125,0) 62%)}
.jr-txt{position:relative;align-self:center;padding:calc(var(--nav-h) + 8vh) 3vw 10vh var(--side)}
.jr-txt h2{font-family:var(--serif);font-weight:500;font-style:italic;color:var(--gold);font-size:clamp(36px,4.8vw,80px);line-height:1.03;margin-bottom:4vh}
.jr-txt p{font-family:var(--serif);font-size:clamp(20px,1.75vw,28px);line-height:1.34;font-weight:500}
.jr-txt p+p{margin-top:1em}
.jr-txt b{color:var(--gold);font-weight:600}
.jr-img{position:relative;display:flex;justify-content:flex-end;align-self:end}
.jr-img img{width:min(100%,56vw);height:auto;will-change:transform;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}

/* ---------- STATS ---------- */
#stats{padding:clamp(64px,11vh,120px) var(--side);border-top:1px solid rgba(205,170,125,.25);border-bottom:1px solid rgba(205,170,125,.25);background:var(--ink-2)}
.stats-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,70px)}
.stat .n{font-family:var(--serif);font-weight:500;font-size:clamp(64px,8.6vw,136px);line-height:.9;color:var(--gold)}
.stat .n sup{font-size:.45em;vertical-align:.7em;margin-left:.04em}
.stat p{margin-top:14px;font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.5vw,24px);color:rgba(255,255,255,.88);max-width:22ch;border-top:1px solid rgba(205,170,125,.4);padding-top:14px}

/* ---------- CONCERTS: entradas sobre fondo liso, todas iguales ---------- */
#concerts{background:var(--ink);padding:clamp(72px,12vh,130px) var(--side)}
.c-head{text-align:center;margin-bottom:clamp(36px,6vh,64px)}
.c-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6vw,104px);color:var(--gold);line-height:1}
.c-head p{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,28px);margin-top:1.6vh;color:rgba(255,255,255,.9)}
.tickets{max-width:1200px;margin:0 auto;display:grid;grid-auto-rows:1fr;gap:clamp(22px,3vw,36px)}
.ticket{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 270px;height:clamp(240px,23vw,330px);background:var(--beige);color:var(--ink)}
.t-pic{position:relative;overflow:hidden;background:#171718}
.t-pic img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.t-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2.6vw,36px)}
.venue{font-family:var(--serif);font-weight:600;font-size:clamp(15px,1.2vw,18px);letter-spacing:.2em;text-transform:uppercase}
.city{font-family:var(--serif);font-weight:600;font-size:clamp(44px,5vw,80px);line-height:1;margin:10px 0 8px}
.what{font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.9vw,30px);line-height:1.15}
.stub{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;padding:18px 26px;border-left:2px dashed rgba(37,38,39,.45);text-align:center}
.date{font-family:var(--serif);font-weight:600;font-size:clamp(20px,1.7vw,26px);letter-spacing:.1em;white-space:nowrap}
.stub .btn{background:var(--ink);color:var(--white);border-color:var(--ink);padding-inline:10px;font-size:14px;white-space:nowrap}
.stub .btn:hover{background:transparent;color:var(--ink)}

.c-sub{text-align:center;font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,28px);color:rgba(255,255,255,.9);margin:clamp(40px,7vh,72px) 0 clamp(24px,4vh,40px)}
.credits{margin-top:3vh;font-size:14px;line-height:1.4;max-width:80em;font-family:var(--body);letter-spacing:0;text-transform:none}
.credits a{text-underline-offset:3px}
.stat .n{white-space:nowrap}
.socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:4vh}
.sbtn{display:inline-flex;align-items:center;gap:12px;padding:13px 24px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-family:var(--serif);font-weight:600;font-size:19px;transition:background .25s,color .25s}
.sbtn svg{width:24px;height:24px}
.sbtn:hover{background:var(--ink);color:var(--beige)}
nav .nsoc{display:flex;align-items:center;gap:14px;margin-left:clamp(0px,1vw,10px);padding-left:clamp(14px,2vw,28px);border-left:1px solid rgba(205,170,125,.4)}
.nicon{display:block;width:22px;height:22px;color:rgba(255,255,255,.85);transition:color .25s}
.nicon svg{display:block;width:100%;height:100%}
.nicon:hover{color:var(--gold)}
nav.light .nicon{color:rgba(37,38,39,.8)}
nav.light .nicon:hover{color:var(--ink)}
nav.light .nsoc{border-left-color:rgba(37,38,39,.35)}
.fsoc{display:flex;align-items:center;gap:14px}
.ficon{display:block;width:20px;height:20px}
.ficon svg{display:block;width:100%;height:100%}
@media (max-width:640px){nav .nsoc{display:none}}
/* ---------- MOZART (versión 5) ---------- */
#mozart{position:relative;background:var(--beige);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,90px);padding:clamp(72px,12vh,130px) var(--side)}
.mz-txt h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.9vw,66px);line-height:1;margin-bottom:3.4vh}
.mz-txt p{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.75vw,28px);line-height:1.32;margin-bottom:2.4vh}
#mozart .sheet{aspect-ratio:5/4;overflow:hidden;box-shadow:0 30px 70px rgba(37,38,39,.35)}
.sheet img{width:100%;height:100%;object-fit:cover}
/* ---------- secciones fijadas de About y cierre (versión 1) ---------- */
.pin{position:relative;height:var(--h,300vh)}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.fill .w{opacity:.17;transition:none}
/* ---------- ABOUT (scroll horizontal) ---------- */
#about{background:var(--ink)}
#about .stage{background:var(--ink)}
.track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:clamp(24px,4vw,72px);padding:var(--nav-h) 6vw 0 clamp(20px,6vw,110px);will-change:transform}
.pn{flex:none}
.pn.txt{width:min(78vw,600px)}
.pn.txt.big{width:min(86vw,880px)}
.pn.txt h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6.2vw,104px);line-height:1;color:var(--gold);margin:1.6vh 0 4vh}
.pn.txt p{font-family:var(--serif);font-weight:500;font-size:clamp(18px,1.7vw,28px);line-height:1.34;color:rgba(255,255,255,.92)}
.pn.txt p b{color:var(--gold);font-weight:600}
.pn.txt p em{color:var(--gold)}
.pn.txt p a{color:var(--gold);text-underline-offset:4px}
.pn.num{font-family:var(--serif);font-size:13px;letter-spacing:.34em;color:var(--gold);margin-bottom:2.4vh;text-transform:uppercase}
.pn.img{position:relative;overflow:hidden;height:min(66vh,720px);background:#171718;border:1px solid rgba(205,170,125,.3)}
.pn.img.p{aspect-ratio:3/4}
.pn.img.l{aspect-ratio:4/3}
.pn.img img{position:absolute;top:0;left:-15%;width:130%;max-width:none;height:100%;object-fit:cover;will-change:transform}
.apr{position:absolute;left:clamp(20px,6vw,110px);right:clamp(20px,6vw,110px);bottom:4.5vh;height:2px;background:rgba(255,255,255,.14)}
.apr b{position:absolute;inset:0;background:var(--gold);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- OBRAS ---------- */
#works{padding:20vh clamp(20px,6vw,110px) 16vh;background:var(--ink-2);border-top:1px solid rgba(205,170,125,.2)}
#works .intro{max-width:30ch;font-family:var(--serif);font-size:clamp(20px,2.2vw,34px);line-height:1.25;color:rgba(255,255,255,.82);margin:2vh 0 12vh}
.work{display:flex;align-items:baseline;gap:clamp(14px,3vw,48px);padding:3.4vh 0;border-top:1px solid rgba(205,170,125,.25);will-change:opacity,transform}
.work:last-child{border-bottom:1px solid rgba(205,170,125,.25)}
.work .who{flex:none;width:clamp(90px,14vw,230px);font-family:var(--serif);font-size:clamp(14px,1.2vw,19px);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.work .ti{font-family:var(--serif);font-weight:500;font-size:clamp(34px,7.6vw,128px);line-height:1;color:var(--white);letter-spacing:-.005em}

/* ---------- VÍDEO ---------- */
#video{padding:18vh 0 16vh;background:var(--ink);text-align:center}
.vwrap{width:min(1100px,92vw);margin:0 auto;aspect-ratio:16/9;background:#000;overflow:hidden;box-shadow:0 50px 120px rgba(0,0,0,.6);will-change:transform,border-radius;border:1px solid rgba(205,170,125,.3)}
.vwrap iframe{width:100%;height:100%;border:0;display:block}
.vcap{margin-top:3.4vh;font-family:var(--serif);font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.vcap span{display:block;margin-top:8px;letter-spacing:.08em;text-transform:none;color:rgba(255,255,255,.65);font-size:18px}

/* ---------- CIERRE ---------- */
#closing{--h:340vh;background:var(--ink)}
.staff{position:absolute;left:0;right:0;top:50%;height:260px;transform:translateY(-50%);width:100%}
.staff path{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.55}
.cl-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--nav-h) clamp(20px,7vw,140px) 0;text-align:center}
.cl-txt p{font-family:var(--serif);font-weight:500;font-size:clamp(30px,5.6vw,96px);line-height:1.08;max-width:18em;text-shadow:0 0 40px rgba(37,38,39,.9),0 0 18px rgba(37,38,39,.9)}
.cl-txt .fill .w{opacity:.14}

/* ---------- CONTACTO ---------- */
#contact{padding:20vh clamp(20px,6vw,110px) 6vh;background:var(--beige);color:var(--ink);position:relative}
#contact .eyebrow{color:var(--ink)}
#contact h2{font-family:var(--serif);font-weight:600;font-size:clamp(44px,9vw,160px);line-height:.95;margin:2vh 0 6vh}
.mail{display:inline-block;font-family:var(--serif);font-weight:500;font-size:clamp(28px,6.4vw,110px);line-height:1.1;color:var(--ink);text-decoration:none;position:relative;word-break:break-word}
.mail::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:2px;background:var(--ink);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mail:hover::after{transform:scaleX(.0);transform-origin:100% 50%}
.c-line{margin-top:7vh;display:flex;gap:clamp(20px,5vw,80px);flex-wrap:wrap;font-family:var(--serif);font-size:clamp(18px,1.6vw,26px);font-weight:500}
.c-line a{text-underline-offset:5px}
footer{margin-top:16vh;border-top:1px solid rgba(37,38,39,.35);padding-top:3vh;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--serif);font-size:15px;letter-spacing:.2em;text-transform:uppercase}
footer ul{display:flex;gap:22px;list-style:none;flex-wrap:wrap}
footer a{text-decoration:none}

/* ---------- aparición suave: el contenido nunca depende de ella ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d2{transition-delay:.14s}.js .rv.d3{transition-delay:.28s}.js .rv.d4{transition-delay:.42s}

/* ---------- móvil ---------- */
@media (max-width:820px){
  :root{--nav-h:56px}
  body{font-size:18px}
  nav a.lk{font-size:16px}
  nav ul{gap:14px}
  #journey{display:block;min-height:0}
  .jr-txt{padding:calc(var(--nav-h) + 4vh) 22px 4vh}
  .jr-img{justify-content:center}
  .jr-img img{width:min(92%,460px)}
  .glow{width:120vw;height:120vw;right:-30vw;bottom:-20vh}
  .stats-grid{grid-template-columns:1fr;gap:40px}
  .stat p{max-width:none}
  .cgrid{grid-template-columns:1fr;gap:56px}
  #mozart{grid-template-columns:1fr}
  .mz-media{aspect-ratio:4/3;order:-1}
  .ab-grid{grid-template-columns:1fr}
  .ab-pics{grid-template-columns:1fr 1fr}
  .work{flex-direction:column;gap:6px}
  .work .who{width:auto}
  .work .ti{font-size:clamp(34px,11vw,64px)}
  .staff{height:160px}
  .btn{padding:14px 22px;font-size:14px}
}
@media (max-width:520px){
  nav li.opt{display:none}
}
@media (max-width:820px){
  .ticket{grid-template-columns:minmax(0,1fr);height:auto}
  .t-pic{aspect-ratio:16/9}
  .stub{border-left:0;border-top:2px dashed rgba(37,38,39,.45)}
  #mozart{grid-template-columns:1fr}
  .sheet{order:-1}
  .pn.img{height:54vh}
  .pn.txt p{font-size:clamp(17px,4.8vw,22px)}
}
/* ---------- movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}}
.rm .pin{height:auto!important}
.rm .stage{position:relative;height:auto;min-height:60vh;overflow:visible}
.rm .w{opacity:1!important}
.rm #about .stage{min-height:0}
.rm .track{position:relative;flex-wrap:wrap;width:100%;height:auto;overflow:visible;transform:none!important;padding-top:calc(var(--nav-h) + 4vh);padding-bottom:8vh;padding-right:clamp(20px,6vw,110px);align-items:flex-start}
.rm .pn.txt,.rm .pn.txt.big{width:100%;max-width:800px}
.rm .pn.img{height:auto;width:min(100%,520px)}
.rm .pn.img img{position:static;width:100%;height:auto;transform:none!important}
.rm .apr,.rm .staff{display:none}
.rm #closing .stage{display:flex;align-items:center}
.rm .cl-txt{position:relative;inset:auto}
.rm .work{opacity:1!important;transform:none!important}
/* --- vídeo: póster propio; YouTube carga al pulsar --- */
.vwrap{position:relative}
.vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;white-space:nowrap}
.vplay:hover{transform:translate(-50%,-50%)!important;background:var(--ink);color:var(--gold)}
.logo{display:block;width:40px;height:40px;overflow:hidden;border:1px solid rgba(205,170,125,.5)}
.logo img{width:100%;height:100%}

/* ---------- accesibilidad y páginas legales ---------- */
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;font-family:var(--serif);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.vnote{margin-top:10px;text-align:center;font-size:15px;color:rgba(255,255,255,.7)}
.legal{min-height:100vh;background:var(--beige);color:var(--ink);padding:calc(var(--nav-h) + 6vh) var(--side) 8vh}
.legal main{max-width:760px;margin:0 auto}
.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5vw,64px);line-height:1;margin-bottom:4vh}
.legal h2{font-family:var(--serif);font-weight:600;font-size:clamp(23px,2.2vw,30px);margin:4vh 0 1vh}
.legal p,.legal li{font-size:19px;line-height:1.5;margin-bottom:1em}
.legal ul{padding-left:1.2em}
.legal mark{background:#efe2a4;color:var(--ink);padding:0 .2em}
.legal .back{display:inline-block;margin-bottom:4vh;font-family:var(--serif);font-weight:600}
.legal a{color:var(--ink);text-underline-offset:3px}