/* ============================================================
   CARNE LATENTE — CUERPO
   Mi cuerpo, mi territorio: escena fotográfica con ocho marcas
   y panel editorial. Composición desktop / bottom sheet móvil.
   ============================================================ */

.cu{
  position:relative;
  background:var(--bg);
}

/* ---------- Escenario ---------- */
.cu-stage{
  position:relative;
  height:100svh;
  min-height:640px;
  overflow:hidden;
  background:var(--bg);
}

/* Velo inferior: funde la escena con el fondo antes del pie. */
.cu-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:14%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,var(--bg) 100%);
}

/* Capa 1: la escena (fotografía ancha 16:10, cubre toda la stage). */
.cu-photo{
  position:absolute;
  left:50%;
  top:calc(50% + var(--bar-h) / 2);
  width:max(100cqw,calc(100cqh * 3640 / 2049));
  aspect-ratio:3640/2049;
  height:auto;
  transform:translate(-50%,-50%);
  z-index:1;
}
.cu-frame{
  position:absolute;
  inset:0;
}
.cu-frame picture{
  display:block;
  position:absolute;
  inset:0;
}
.cu-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
/* Grano muy sutil sobre la foto. */
.cu-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  opacity:.06;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Hotspots ---------- */
.cu-spot{
  position:absolute;
  left:calc(var(--x) * 1%);
  top:calc(var(--y) * 1%);
  transform:translate(-50%,-50%);
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:4;
}
.cu-spot-box{
  position:relative;
  display:block;
  width:26px;
  height:26px;
  background:rgba(11,7,8,.12);
  border:1px solid rgba(245,240,236,.85);
  transition:transform .45s cubic-bezier(.2,.7,.1,1),background .4s ease,border-color .4s ease,box-shadow .4s ease,opacity .6s ease;
  animation:cu-breathe 3.6s ease-in-out infinite;
  animation-delay:calc(var(--n,1) * .35s);
}
.cu-spot-box::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  margin:-2.5px 0 0 -2.5px;
  background:#fff;
}
.cu-spot:hover .cu-spot-box,
.cu-spot:focus-visible .cu-spot-box{
  border-color:var(--accent2);
  box-shadow:0 0 0 4px rgba(178,51,73,.18),0 0 18px rgba(178,51,73,.35);
  transform:scale(1.08);
  animation:none;
}
.cu-spot:focus-visible{outline:1px solid var(--accent2);outline-offset:4px}

/* Marca activa: relleno vino, halo y giro 45° (indicador no cromático). */
.cu-spot.is-active .cu-spot-box{
  background:var(--accent);
  border-color:var(--accent2);
  transform:rotate(45deg);
  animation:none;
}
.cu-spot.is-active .cu-spot-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border:1px solid var(--accent2);
  animation:cu-pulse 900ms ease-out 1;
}
.cu-spot.is-active::after{
  content:"";
  position:absolute;
  width:42px;
  height:42px;
  border:1px solid rgba(178,51,73,.35);
  pointer-events:none;
}
/* Al haber una marca activa, el resto se atenúa. */
.cu-stage.has-active .cu-spot:not(.is-active){opacity:.45}
.cu-stage.has-active .cu-spot:not(.is-active):hover{opacity:1}

@keyframes cu-breathe{
  0%,100%{border-color:rgba(245,240,236,.55)}
  50%{border-color:rgba(245,240,236,.95)}
}
@keyframes cu-pulse{
  from{transform:scale(1);opacity:.6}
  to{transform:scale(2.2);opacity:0}
}

/* ---------- Bloque editorial (capa 3) ---------- */
.cu-copy{
  position:absolute;
  left:max(var(--pad),calc((100vw - 1320px) / 2 + var(--pad)));
  bottom:clamp(36px,6vh,72px);
  width:min(440px,34vw);
  z-index:3;
  pointer-events:none;
}
.cu-copy a,
.cu-copy button{pointer-events:auto}
.cu-meta{
  margin:0;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.13em;
  color:var(--secondary);
}
.cu-title{
  margin:14px 0 0;
  width:max-content;
  font:300 clamp(40px,4vw,72px)/.92 var(--serif);
  text-transform:uppercase;
  letter-spacing:-.02em;
  text-shadow:0 2px 28px rgba(11,7,8,.6);
}
.cu-line{
  display:block;
  padding-bottom:.08em;
  white-space:nowrap;
  clip-path:inset(0 -100vw 0 0);
}
.cu-line-inner{display:block}
.cu-red{font-style:normal;color:inherit}
.cu-desc{
  margin:16px 0 0;
  font:300 16px/1.6 var(--sans);
  color:var(--secondary);
  max-width:34ch;
}
.cu-rule{display:block;width:48px;height:1px;background:var(--accent2);margin:22px 0}
.cu-hint{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 0 0;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--muted);
}
.cu-hint-box{
  display:block;
  width:9px;
  height:9px;
  flex:none;
  border:1px solid var(--accent2);
}
.cu-next{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:22px;
  padding:9px 0;
  border-bottom:1px solid var(--accent);
  font-size:12px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:.3s;
}
.cu-next:hover{color:var(--accent2);gap:20px}

/* ---------- Cita editorial (sección propia) ---------- */
.cu-voice{
  position:relative;
  padding:clamp(96px,13vw,190px) 0 clamp(80px,10vw,140px);
  background:radial-gradient(60% 70% at 50% 40%, rgba(140,31,53,.16), transparent 70%), var(--bg);
}
.cu-voice-fig{
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
.cu-voice-mark{
  display:block;
  font:300 clamp(80px,9vw,140px)/.6 var(--serif);
  color:var(--accent2);
  margin-bottom:18px;
}
.cu-voice-quote{
  margin:0;
  font:italic 300 clamp(22px,2.3vw,36px)/1.38 var(--serif);
  color:var(--text);
  text-wrap:balance;
}
.cu-voice-sign{
  display:block;
  margin-top:34px;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.24em;
  color:var(--accent2);
  font-style:normal;
}
.cu-voice .cu-next{
  display:flex;
  width:max-content;
  margin:clamp(56px,7vw,96px) auto 0;
}

/* Revelado de la sección de cita al entrar en pantalla. */
.cu-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 1.2s cubic-bezier(.2,.7,.1,1),transform 1.2s cubic-bezier(.2,.7,.1,1);
}
.cu-reveal.is-visible{opacity:1;transform:none}
.cu-voice .cu-next.cu-reveal{transition-delay:.25s}

/* Velo de legibilidad + viñeta lateral sobre la foto (sólo desktop).
   Orden de capas: .cu-photo(1) < ::before(2) < .cu-copy(3) < .cu-panel.
   pointer-events:none para no bloquear los hotspots, que viven en .cu-photo. */
@media(min-width:901px){
  .cu-stage{
    container-type:size;
  }
  .cu-stage::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      radial-gradient(85% 100% at 50% 50%, transparent 55%, rgba(11,7,8,.55) 100%),
      linear-gradient(90deg, rgba(11,7,8,.78) 0%, rgba(11,7,8,.5) 24%, rgba(11,7,8,.12) 40%, transparent 50%);
  }
  .cu-spot{left:calc(var(--xw,var(--x)) * 1%);top:calc(var(--yw,var(--y)) * 1%)}
}

/* ---------- Panel editorial (capa 4, desktop) ---------- */
.cu-panel{
  position:absolute;
  top:calc(var(--bar-h) + 28px);
  right:24px;
  bottom:28px;
  width:clamp(340px,24vw,400px);
  background:rgba(11,7,8,.9);
  border-left:1px solid var(--line);
  padding:clamp(28px,3vw,48px);
  display:flex;
  flex-direction:column;
  z-index:4;
  transform:translateX(calc(100% + 60px));
  opacity:0;
  visibility:hidden;
  transition:transform .9s cubic-bezier(.77,0,.18,1),opacity .6s ease,visibility 0s .9s;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
}
.cu-panel.is-open{
  transform:none;
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}
.cu-handle{display:none}
.cu-close{
  position:absolute;
  top:clamp(14px,1.6vw,22px);
  right:clamp(14px,1.6vw,22px);
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  cursor:pointer;
  transition:transform .5s cubic-bezier(.2,.7,.1,1),color .4s ease;
}
.cu-close span{
  position:absolute;
  left:12px;
  top:50%;
  width:20px;
  height:1px;
  background:currentColor;
  color:var(--text);
}
.cu-close span:first-child{transform:rotate(45deg)}
.cu-close span:last-child{transform:rotate(-45deg)}
.cu-close:hover{transform:rotate(90deg);color:var(--accent2)}
.cu-close:focus-visible{outline:1px solid var(--accent2);outline-offset:3px}
.cu-p-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  transition:opacity .28s ease,transform .28s ease;
}
.cu-p-body.is-out{opacity:0;transform:translateY(-10px)}
.cu-p-num{
  font:300 clamp(56px,5vw,88px)/1 var(--serif);
  color:var(--accent2);
  font-variant-numeric:tabular-nums;
}
.cu-p-rule{width:56px;height:1px;background:var(--accent2);margin:22px 0 28px}
.cu-p-title{
  margin:0;
  font:300 clamp(28px,2.3vw,40px)/1.08 var(--serif);
  color:var(--text);
}
.cu-p-title:focus{outline:none}
.cu-p-text{
  margin:22px 0 0;
  font:italic 300 17px/1.6 var(--serif);
  color:var(--secondary);
  flex:1;
  overflow:auto;
  scrollbar-width:thin;
}
.cu-p-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.cu-nav{white-space:nowrap;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--muted);
  transition:color .35s ease;
}
.cu-nav:hover{color:var(--text)}
.cu-p-count{white-space:nowrap;
  font:400 11px var(--sans);
  letter-spacing:.18em;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}

/* ---------- Entrada narrativa ---------- */
.cu-img{transition:opacity 1.8s ease-out,transform 1.8s ease-out}
.cu-line-inner{transition:transform 1.1s cubic-bezier(.2,.7,.1,1);transition-delay:var(--cu-d,0s)}
.cu-anim{transition:opacity .9s ease,transform .9s ease;transition-delay:var(--cu-d,0s)}
.cu-spot{opacity:1;transition:opacity .6s ease,transform .7s ease}
.cu-photo .cu-spot{transform:translate(-50%,-50%) scale(1)}
.cu-intro .cu-img{opacity:0;transform:scale(1.06)}
.cu-intro .cu-line-inner{transform:translateY(100%)}
.cu-intro .cu-anim{opacity:0;transform:translateY(14px)}
.cu-intro .cu-photo .cu-spot{
  opacity:0;
  transform:translate(-50%,-50%) scale(.6);
  transition-delay:calc(1.2s + var(--n,1) * .09s);
}
.cu-stage.is-in .cu-img{opacity:1;transform:scale(1)}

/* ---------- Alturas bajas ---------- */
@media(min-width:901px) and (max-height:800px){
  .cu-title{font-size:clamp(40px,4vw,66px)}
  .cu-desc{margin-top:14px}
}

/* ---------- Tablet (901–1200px) ---------- */
@media(min-width:901px) and (max-width:1200px){
  .cu-copy{width:min(360px,30vw)}
}

/* ---------- Móvil (≤900px) ---------- */
@media(max-width:900px){
  .cu-stage{
    height:auto;
    min-height:0;
    overflow:visible;
    padding-top:calc(var(--bar-h) + 28px);
    padding-bottom:48px;
  }
  .cu-stage::after{display:none}
  .cu-photo{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    height:auto;
    overflow:hidden;
    aspect-ratio:1615/1760;
    margin-top:24px;
    z-index:1;
  }
  .cu-frame{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    aspect-ratio:1615/2000;
    transform:scale(1.24);
    transform-origin:50% 69.3%;
  }
  .cu-img{
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  }
  .cu-photo .cu-spot{transform:translate(-50%,-50%) scale(1)}
  .cu-spot{scale:calc(1 / 1.24)}
  .cu-spot-box{width:22px;height:22px}

  /* Composición propia en columna: foto entre cabeza y pie. */
  .cu{display:block}
  .cu-stage{display:flex;flex-direction:column}
  .cu-copy{display:contents}
  .cu-copy-head,.cu-copy-foot{padding-left:var(--pad);padding-right:var(--pad)}
  .cu-copy-head{order:1;position:relative;z-index:2;width:auto;left:auto;bottom:auto}
  .cu-title{font-size:clamp(40px,11vw,64px)}
  .cu-copy-foot{order:3;position:relative;z-index:2;width:auto;left:auto;bottom:auto}
  .cu-photo{order:2;padding:0}

  /* Panel = bottom sheet editorial. */
  .cu-panel{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:auto;
    max-height:55svh;
    padding:28px var(--pad) calc(18px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line);
    border-left:0;
    background:#0B0708;
    z-index:90;
    transform:translateY(100%);
    opacity:1;
    visibility:visible;
    transition:transform .7s cubic-bezier(.77,0,.18,1);
    box-shadow:none;
  }
  .cu-panel.is-open{transform:translateY(0)}
  .cu-handle{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:28px;
    touch-action:none;
    cursor:grab;
  }
  .cu-handle::before{
    content:"";
    position:absolute;
    top:10px;
    left:50%;
    width:36px;
    height:3px;
    margin-left:-18px;
    background:var(--line);
  }
  .cu-close{top:14px;right:calc(var(--pad) - 6px)}
  .cu-p-body{padding-top:14px}
  .cu-p-num,.cu-p-rule{display:none}
  .cu-p-title{font-size:24px;line-height:1.1;margin-top:4px}
  .cu-p-text{font-size:16px;line-height:1.55;padding-bottom:22px}
  .cu-p-foot{gap:8px;margin-top:6px;padding-top:16px}
  .cu-nav{letter-spacing:.12em}
  .cu-intro .cu-panel{transform:translateY(100%)}
}

@media(prefers-reduced-motion:reduce){
  .cu-img,.cu-line-inner,.cu-anim,.cu-spot,.cu-panel,.cu-p-body,.cu-spot-box{
    transition-duration:1ms;
    animation:none;
  }
  .cu-stage.is-in .cu-img{transform:none}
  .cu-intro .cu-img{opacity:1;transform:none}
  .cu-intro .cu-line-inner{transform:none}
  .cu-intro .cu-anim{opacity:1;transform:none}
  .cu-intro .cu-photo .cu-spot{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .cu-reveal{opacity:1;transform:none;transition:none}
}

/* ---------- Velo: el derecho a la opacidad (Cubrir) ---------- */
.cu-sr{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
.cu-veil{
  --v:0;
  padding:clamp(88px,12vw,170px) 0;
  background:var(--bg-2);
  border-top:1px solid var(--line);
  overflow-x:clip;
}
.cu-veil-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(36px,6vw,64px);
}
.cu-veil-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--secondary);
}
.cu-veil-kline{
  display:block;
  width:34px;
  height:1px;
  flex:none;
  background:var(--accent2);
}
.cu-veil-title{
  display:grid;
  margin:18px 0 0;
  font:300 clamp(34px,4.6vw,68px)/1.04 var(--serif);
  letter-spacing:-.02em;
  color:var(--text);
  text-wrap:balance;
}
.cu-veil-t{grid-area:1/1;transition:opacity .7s ease,transform .7s ease}
.cu-veil-t--b{opacity:0;transform:translateY(10px)}
.cu-veil.is-covered .cu-veil-t--a{opacity:0;transform:translateY(-10px)}
.cu-veil.is-covered .cu-veil-t--b{opacity:1;transform:none}
.cu-veil-text{
  display:grid;
  margin:20px 0 0;
  max-width:44ch;
  font:300 17px/1.65 var(--sans);
  color:var(--secondary);
}
.cu-veil-p{grid-area:1/1;transition:opacity .7s ease,transform .7s ease}
.cu-veil-p--b{opacity:0;transform:translateY(10px)}
.cu-veil.is-covered .cu-veil-p--a{opacity:0;transform:translateY(-10px)}
.cu-veil.is-covered .cu-veil-p--b{opacity:1;transform:none}
/* Controles: etiqueta visible, deslizador y botón. */
.cu-veil-ctl{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 18px;
  margin-top:30px;
}
.cu-veil-lab{
  flex:1 1 100%;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--secondary);
}
.cu-veil-range{
  -webkit-appearance:none;
  appearance:none;
  width:min(100%,360px);
  height:48px;
  margin:0;
  padding:0;
  background:transparent;
  cursor:pointer;
}
.cu-veil-range::-webkit-slider-runnable-track{height:1px;background:var(--line)}
.cu-veil-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:22px;
  height:22px;
  margin-top:-10.5px;
  border:0;
  border-radius:50%;
  background:var(--accent2);
}
.cu-veil-range::-moz-range-track{height:1px;background:var(--line)}
.cu-veil-range::-moz-range-thumb{
  width:22px;
  height:22px;
  border:0;
  border-radius:50%;
  background:var(--accent2);
}
.cu-veil-range:focus-visible,.cu-veil-btn:focus-visible{outline:1px solid var(--accent2);outline-offset:4px}
.cu-veil-btn{
  padding:12px 22px;
  border:1px solid var(--accent);
  border-radius:2px;
  background:transparent;
  color:var(--text);
  font:500 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.18em;
  cursor:pointer;
  transition:border-color .35s ease,color .35s ease;
}
.cu-veil-btn:hover{border-color:var(--accent2);color:var(--accent2)}
/* Figura: la imagen se vela con blur + velo vino en caída. */
.cu-veil-fig{
  position:relative;
  margin:0;
  border:1px solid var(--line);
  border-radius:3px;
  overflow:hidden;
  aspect-ratio:4/5;
  background:var(--bg);
}
.cu-veil-fig picture,.cu-veil-img{display:block;width:100%;height:100%}
.cu-veil-img{
  object-fit:cover;
  object-position:50% 50%;
  filter:blur(calc(var(--v) * 16px)) brightness(calc(1 - var(--v) * .35)) saturate(calc(1 - var(--v) * .3));
  transition:filter .25s ease-out;
}
.cu-veil-cloth{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:calc(var(--v) * .9);
  background:
    linear-gradient(180deg,transparent 0%,rgba(11,7,8,.35) 78%,rgba(11,7,8,.6) 100%),
    repeating-linear-gradient(90deg,rgba(245,240,236,.06) 0 2px,transparent 2px 9px),
    linear-gradient(180deg,rgba(140,31,53,.55),rgba(70,10,24,.85));
  clip-path:polygon(0 calc((1 - var(--v)) * 100%),100% calc((1 - var(--v)) * 100%),100% 100%,0 100%);
}
/* Sin JS: estado A estático, sin controles. */
html:not(.cu-js) .cu-veil-ctl{display:none}
html:not(.cu-js) .cu-veil-t--b,html:not(.cu-js) .cu-veil-p--b{display:none}
html:not(.cu-js) .cu-veil-t--a,html:not(.cu-js) .cu-veil-p--a{opacity:1;transform:none}

/* ---------- Preguntas (Tu territorio) ---------- */
.cu-ask{
  padding:clamp(88px,12vw,170px) 0 clamp(72px,9vw,130px);
  background:radial-gradient(60% 70% at 50% 40%,rgba(140,31,53,.12),transparent 70%),var(--bg);
  border-top:1px solid var(--line);
  overflow-x:clip;
}
.cu-ask-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font:400 11px var(--sans);
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--secondary);
}
.cu-ask-kline{display:block;width:34px;height:1px;flex:none;background:var(--accent2)}
.cu-ask-title{
  margin:18px 0 0;
  font:300 clamp(30px,3.6vw,52px)/1.1 var(--serif);
  color:var(--text);
  text-wrap:balance;
}
.cu-ask-list{
  list-style:none;
  margin:clamp(28px,4vw,56px) 0 0;
  padding:0;
}
.cu-ask-q{
  position:relative;
  margin:0;
  padding:clamp(20px,2.6vw,34px) 0 clamp(20px,2.6vw,34px) 44px;
  border-top:1px solid var(--line);
  font:italic 300 clamp(24px,3vw,44px)/1.25 var(--serif);
  color:var(--text);
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.cu-ask-list > li:last-child{border-bottom:1px solid var(--line)}
.cu-ask-q::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:22px;
  height:1px;
  background:var(--accent2);
  transform:translateY(-50%);
}
.cu-ask-list .cu-ask-q:nth-child(1){transition-delay:0s}
.cu-ask-list .cu-ask-q:nth-child(2){transition-delay:.12s}
.cu-ask-list .cu-ask-q:nth-child(3){transition-delay:.24s}
.cu-ask-list .cu-ask-q:nth-child(4){transition-delay:.36s}

@media(min-width:900px){
  .cu-veil-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
    gap:clamp(40px,6vw,96px);
    align-items:center;
  }
}
@media(max-width:899px){
  .cu-veil-fig{max-width:420px;margin:0 auto;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .cu-veil-t,.cu-veil-p,.cu-veil-img,.cu-veil-btn{transition:none}
  .cu-reveal{transition:none}
}