/* marcogalicia.com · negro, gris carbón y azul brillante. Una familia: Inter. */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#000;            /* 60 %: el fondo */
  --field:#161617;      /* 30 %: gris carbón */
  --tile:#1d1d1f;
  --tile-hi:#2a2a2d;
  --ink:#f5f5f7;
  --muted:#a1a1a6;
  --dim:rgba(245,245,247,.46);
  --accent:#0071e3;     /* 10 %: azul brillante, rellenos con texto blanco (4.7:1) */
  --accent-hi:#0077ed;
  --accent-ink:#2997ff; /* azul sobre negro (7:1) */
  --paper:#f5f5f7;
  --paper-ink:#000;
  --paper-muted:#515154;
  --m:32px; --gut:24px; --r:4px;
  --t1:clamp(56px,8vw,128px);
  --t2:clamp(34px,4.6vw,68px);
  --t3:clamp(24px,2.3vw,32px);
  --t4:20px;
  --t5:17px;
  --t6:15px;
  --sec:clamp(96px,9vw,144px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  /* el marco del hero: retrato 4:5 */
  --fh:min(calc(100svh - 220px),62vw);
  --fw:calc(var(--fh) * .8);
  color-scheme:dark;
}
@media (max-width:1099px){:root{--m:24px;--gut:20px}}
@media (max-width:599px){:root{--m:20px;--gut:16px;--t4:19px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:var(--t5);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}
p,h1,h2,h3,h4,figure,blockquote,ul,ol,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:2px}
.wrap{padding-inline:var(--m)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--m);top:16px;z-index:60;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;background:var(--ink);color:#000;font-weight:600}
.skip:focus{width:auto;height:auto;clip:auto;padding:12px 20px;border-radius:999px}
.t2{font-size:var(--t2);font-weight:600;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.t3{font-size:var(--t3);font-weight:600;letter-spacing:-.022em;line-height:1.15}

/* ---------- Botones: píldora, un solo relleno */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;font:inherit;font-size:var(--t5);font-weight:600;letter-spacing:-.01em;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.btn:active{transform:scale(.97)}
.btn-blue{background:var(--accent);color:#fff}
.btn-quiet{background:var(--tile);color:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .btn-blue:hover{background:var(--accent-hi)}
  .btn-quiet:hover{background:var(--tile-hi)}
}
.btn.is-done{background:var(--ink);color:#000}

/* ---------- Encabezado */
.top{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--m) 0}
.wm{font-size:var(--t5);font-weight:700;letter-spacing:-.02em;line-height:44px}
.nav{display:flex;gap:clamp(18px,2vw,30px)}
.nav a{font-size:var(--t6);color:var(--muted);line-height:44px;transition:color .18s var(--ease)}
.nav a:hover{color:var(--ink)}

/* ---------- Hero: «Marco» y «Galicia» a los lados, el marco al centro */
.hero{position:relative}
.hero-stage{position:relative;height:100svh;min-height:620px;overflow:hidden}
.name{position:absolute;z-index:3;left:var(--m);right:var(--m);top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:baseline;font-size:min(var(--t1),calc(((100vw - var(--fw)) / 2 - var(--m) - var(--gut)) / 3.05));font-weight:600;letter-spacing:-.05em;line-height:.9}
.name span{display:block}
.reel{position:absolute;z-index:1;left:50%;top:0;bottom:0;width:var(--fw);margin-left:calc(var(--fw) / -2);pointer-events:none}
.reel-track{position:absolute;left:0;right:0;top:calc(50% - var(--fh) / 2);list-style:none;margin:0;padding:0;display:grid;gap:24px;will-change:transform}
.tile{height:var(--fh);border-radius:var(--r);padding:clamp(24px,2.4vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:opacity .4s var(--ease)}
.tile-blue{background:var(--accent);color:#fff}
.tile-carbon{background:var(--tile);color:var(--ink)}
.tile-role{font-size:min(var(--t2),calc(var(--fw) * .1));font-weight:600;letter-spacing:-.035em;line-height:1}
.tile-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:var(--t4);line-height:1.35}
.tile-carbon .tile-lines{color:rgba(245,245,247,.82)}
.motion .tile:not(.is-on){opacity:.55}
.hero-foot{position:absolute;z-index:4;left:var(--m);bottom:32px;width:calc((100vw - var(--fw)) / 2 - var(--m) - var(--gut));display:grid;gap:24px;justify-items:start}
.lede{font-size:var(--t4);line-height:1.4;text-wrap:pretty}
@media (min-width:1100px) and (min-height:620px){
  .motion .hero{height:215svh}
  .motion .hero-stage{position:sticky;top:0}
  /* Sin movimiento: el marco muestra los cuatro roles a la vez */
  html:not(.motion) .reel-track{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:var(--fh);gap:12px}
  html:not(.motion) .tile{height:auto;padding:clamp(18px,1.6vw,26px)}
  html:not(.motion) .tile-role{font-size:calc(var(--fw) * .052)}
  html:not(.motion) .tile-lines{font-size:var(--t6)}
  html:not(.motion) .tile-lines li:nth-child(n+3){display:none}
}

/* Hero en tableta y teléfono: el nombre arriba, el marco abajo, los roles en orden */
@media (max-width:1099px),(max-height:619px){
  :root{--fw:100%;--fh:auto}
  .hero-stage{height:auto;min-height:0;overflow:visible;padding:96px var(--m) 0;display:flex;flex-direction:column}
  .name{position:static;transform:none;display:block;font-size:clamp(68px,19vw,168px);line-height:.88;letter-spacing:-.055em}
  .name .n2{text-align:left}
  .hero-foot{position:static;width:auto;max-width:34em;margin-top:28px;order:2}
  .reel{position:static;order:3;width:auto;margin:80px 0 0;pointer-events:auto}
  .reel-track{position:static;transform:none!important;grid-template-columns:1fr 1fr;gap:var(--gut)}
  .tile{height:auto;aspect-ratio:4/5}
  .tile-role{font-size:var(--t2)}
  .motion .tile:not(.is-on){opacity:1}
}
@media (max-width:599px){
  .reel-track{grid-template-columns:1fr;gap:12px}
  .tile{aspect-ratio:auto;min-height:62vw}
  .nav a:nth-child(2),.nav a:nth-child(3){display:none}
}

/* ---------- La idea: título fijo a la izquierda, fotografías a la derecha */
.idea{padding-top:var(--sec)}
.idea-run{position:relative}
.idea-pin{position:sticky;top:0;z-index:2;height:100svh;display:flex;align-items:center;pointer-events:none}
.idea-text{width:calc(50% - var(--gut) / 2);pointer-events:auto}
.idea-text .t2{max-width:9.2em}
.idea-p{margin-top:32px;font-size:var(--t4);line-height:1.45;max-width:29em;text-wrap:pretty}
.idea-photos{position:relative;z-index:1;margin-top:-100svh;padding-top:10svh;padding-bottom:6svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.ph{position:relative}
.ph picture{display:block;overflow:hidden;border-radius:var(--r);background:var(--field)}
.ph img{display:block;width:100%;height:auto;transform:translate3d(0,var(--py,0px),0) scale(var(--ps,1));will-change:transform}
.ph figcaption{margin-top:14px;font-size:var(--t6);line-height:1.45;color:var(--muted);max-width:30em}
.ph-a{grid-column:9 / 13}
.ph-b{grid-column:7 / 13;margin-top:14svh}
.quote-row{padding-top:calc(var(--sec) * .5);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:center}
.quote{grid-column:1 / 8}
.quote p{font-size:var(--t3);font-weight:500;letter-spacing:-.018em;line-height:1.25;max-width:24em;text-wrap:balance}
.quote figcaption{margin-top:20px;font-size:var(--t6);color:var(--muted)}
.ph-c{grid-column:9 / 13}
@media (max-width:1099px){
  .idea-pin{position:static;height:auto;display:block}
  .idea-text{width:auto;max-width:40em}
  .idea-photos{margin-top:56px;padding-block:0;display:block}
  .ph{width:64%}
  .ph + .ph{margin-top:56px}
  .ph-b{width:82%;margin-left:auto}
  .quote-row{display:block}
  .ph-c{width:64%;margin-top:48px}
}
@media (max-width:599px){.quote p{font-size:var(--t4);line-height:1.4}}

/* ---------- Conferencias: nombres grandes, ficha fija */
.talks-sec{padding-top:var(--sec)}
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:20px;align-items:end}
.sec-head > :first-child{grid-column:1 / 8}
.sec-lede{grid-column:8 / 13;font-size:var(--t4);line-height:1.45;text-wrap:pretty}
@media (max-width:1099px){.sec-head{display:block}.sec-head .sec-lede{margin-top:16px;max-width:34em}}
.aud{border:0;margin:56px 0 0;padding:0;min-width:0}
.aud legend{padding:0;margin-bottom:16px;font-size:var(--t4);font-weight:600;letter-spacing:-.01em}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--tile);font-size:var(--t6);font-weight:500;transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.chip input:checked + span{background:var(--ink);color:#000}
.chip input:focus-visible + span{outline:2px solid var(--accent-ink);outline-offset:3px}
.chip input:active + span{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.chip input:not(:checked):hover + span{background:var(--tile-hi)}}
.aud-note{margin-top:14px;min-height:1.5em;font-size:var(--t6);color:var(--muted)}
.talks{margin-top:48px}
.talk[hidden]{display:none!important}
.talk-name{margin:0;font-weight:inherit}
.talk-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;width:100%;padding:12px 0;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}
.talk-btn .nm{font-size:var(--t2);font-weight:600;letter-spacing:-.035em;line-height:1.02;transition:color .2s var(--ease),transform .25s var(--ease-out)}
.talk-btn .for{font-size:var(--t6);font-weight:500;color:var(--muted)}
.talk-btn:focus-visible{outline:none}
.talk-btn:focus-visible .nm{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-color:var(--accent-ink)}
.talk-detail{background:var(--field);border-radius:var(--r);padding:clamp(24px,2.4vw,36px)}
.td-for{font-size:var(--t6);color:var(--muted)}
.td-name{margin-top:6px;font-size:var(--t3);font-weight:600;letter-spacing:-.022em;line-height:1.15}
.td-promise{margin-top:16px;font-size:var(--t4);line-height:1.4}
.td-h{margin:28px 0 10px;font-size:var(--t5);font-weight:600}
.td-list{padding-left:1.15em;display:grid;gap:8px;line-height:1.45}
.td-list li::marker{color:var(--accent-ink)}
.td-meta{margin-top:16px;line-height:1.5;color:var(--muted)}
.td-meta strong{color:var(--ink);font-weight:600}
.td-cta{margin-top:28px}
@media (min-width:1100px){
  .js .talks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
  .js .talk{display:contents}
  .js .talk-name{grid-column:1 / 9}
  .js .talk-btn{color:var(--dim)}
  .js .talk-btn .for{color:inherit}
  .js .talk.is-active .talk-btn{color:var(--ink)}
  .js .talk.is-active .talk-btn .for{color:var(--muted)}
  .js .talk-detail{grid-column:9 / 13;grid-row:1 / span 5;position:sticky;top:10vh;display:none}
  .js .talk.is-active .talk-detail{display:block;animation:cardin .32s var(--ease-out)}
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine){.js .talk-btn:hover{color:var(--ink)}}
@keyframes cardin{from{opacity:0;transform:translateY(10px)}}
@media (max-width:1099px){
  .js .talk .td-name,.js .talk .td-for{display:none}
  .js .talk .td-promise{margin-top:0}
  .talk + .talk{margin-top:20px}
  .talk.is-active + .talk{margin-top:56px}
  .talk-btn .nm{font-size:var(--t2)}
  .js .talk-detail{display:none;margin-top:12px}
  .js .talk.is-active .talk-detail{display:block;animation:cardin .32s var(--ease-out)}
  .talk-detail{margin-top:12px}
}

/* ---------- Escenarios: banda azul y programa a un solo tamaño */
.stages{padding-top:var(--sec)}
.band{background:var(--accent);color:#fff;height:34vh;min-height:200px;max-height:340px;display:flex;align-items:center;overflow:hidden}
.band-track{display:flex;width:max-content}
.band-run{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap}
.band-run li{display:flex;align-items:center;font-size:var(--t1);font-weight:600;letter-spacing:-.045em;line-height:1}
.band-run li::after{content:"";flex:none;width:.24em;height:.24em;margin:0 .42em;border-radius:50%;background:currentColor}
.motion .band-track{animation:run 70s linear infinite}
@keyframes run{to{transform:translateX(-50%)}}
.band-note{margin-top:20px;font-size:var(--t4);line-height:1.4;max-width:40em}
.stages-body{margin-top:var(--sec)}
.stages-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:48px;align-items:end}
.stages-intro{grid-column:1 / 7;display:grid;gap:24px}
.stages-intro .sec-lede{grid-column:auto;font-size:var(--t4);line-height:1.45;max-width:30em}
.stages-fact{max-width:30em;line-height:1.5}
.ph-s{grid-column:7 / 13}
@media (max-width:1099px){.stages-head{display:block}.ph-s{width:82%;margin:48px 0 0 auto}}
.lineup{width:100%;margin-top:24px;border-collapse:collapse;font-size:var(--t4);font-variant-numeric:tabular-nums}
.lineup td{padding:7px 0;vertical-align:baseline;line-height:1.35}
.lineup .c-ev{width:31%;padding-right:var(--gut)}
.lineup .c-to{width:37%;padding-right:var(--gut)}
.lineup .c-pl{width:21%;padding-right:var(--gut)}
.lineup .c-fo{width:11%;text-align:right}
.lineup .yr th{position:sticky;top:0;z-index:1;padding:44px 0 14px;background:var(--bg);color:var(--accent-ink);font-weight:600;text-align:left}
@media (max-width:899px){
  .lineup,.lineup tbody,.lineup tr,.lineup td,.lineup th{display:block;width:auto!important}
  .lineup tr:not(.yr){padding:10px 0}
  .lineup td{padding:0}
  .lineup .c-to{margin-top:2px;font-size:var(--t5);color:var(--ink)}
  .lineup .c-pl,.lineup .c-fo{display:inline;font-size:var(--t6);color:var(--muted)}
  .lineup .c-pl{padding-right:0}
  .lineup .c-pl::after{content:" · "}
  .lineup .c-fo{text-align:left}
  .lineup .yr th{padding:48px 0 12px}
}

/* ---------- Semblanza: datos al costado, párrafo ancho */
.about{padding-top:var(--sec)}
.about-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:40px}
.about-row + .about-row{margin-top:88px}
.about-side{grid-column:1 / 5}
.about-main{grid-column:5 / 13}
.facts{margin-top:40px;display:grid;gap:20px}
.fact dt{font-size:var(--t6);color:var(--muted)}
.fact dd{margin-top:4px;font-weight:500;line-height:1.4;max-width:22em}
.fact a,.rc-t a,.foot-blocks a{text-decoration:underline;text-decoration-color:rgba(245,245,247,.35);text-underline-offset:4px;transition:color .18s var(--ease),text-decoration-color .18s var(--ease)}
.fact a:hover,.rc-t a:hover,.foot-blocks a:hover{color:var(--accent-ink);text-decoration-color:currentColor}
.bio p{font-size:var(--t4);line-height:1.5;max-width:36em;text-wrap:pretty}
.bio-copy{margin-top:28px}
.bio p + p{margin-top:.9em}
.side-word{font-size:var(--t4);font-weight:600;letter-spacing:-.01em}
.record-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px}
.rc-h{margin-bottom:16px;font-size:var(--t5);font-weight:600}
.rc ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.rc li{display:grid;gap:4px;line-height:1.4}
.rc-s{font-size:var(--t6);color:var(--muted)}
.kit-p{margin-top:12px;color:var(--muted);max-width:20em}
.ph-v{margin-top:48px}
.ph-v video{display:block;width:100%;height:auto;border-radius:var(--r);background:var(--field)}
@media (max-width:899px){.ph-v{max-width:560px}}
.kit-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px}
.kit-item{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kit-t{font-size:var(--t5);font-weight:600}
.kit-text{line-height:1.55;max-width:38em;white-space:pre-line}
@media (max-width:899px){
  .about-side,.about-main{grid-column:1 / -1}
  .record-cols,.kit-cols{grid-template-columns:1fr}
  .about-row + .about-row{margin-top:80px}
  .facts{grid-template-columns:1fr 1fr;gap:20px var(--gut)}
}

/* ---------- Cómo invitar: escalera de cuatro líneas, dentro de Invitaciones */
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:56px}
.step{grid-column-end:13}
.s1{grid-column-start:1}.s2{grid-column-start:3}.s3{grid-column-start:5}.s4{grid-column-start:7}
.step-l{font-size:var(--t2);font-weight:600;letter-spacing:-.035em;line-height:1}
.s4 .step-l{color:var(--accent)}
.step-s{margin-top:12px;max-width:34ch;color:var(--paper-ink)}
@media (max-width:899px){
  .steps{display:block}
  .step + .step{margin-top:40px}
  .s2{margin-left:6vw}.s3{margin-left:12vw}.s4{margin-left:18vw}
  .step-l{font-size:var(--t2)}
}

/* ---------- Invitaciones: el correo como titular, en colores invertidos */
.contact{margin-top:clamp(96px,9vw,136px);background:var(--paper);color:var(--paper-ink)}
.contact-in{display:grid;grid-template-rows:auto auto 1fr auto;padding-top:56px;padding-bottom:32px}
.contact-top{display:grid;gap:12px;max-width:30em}
.contact-top p{font-size:var(--t4);line-height:1.4}
.mail{align-self:end;margin:96px 0 72px;display:block;font-size:var(--t1);font-weight:300;letter-spacing:-.05em;line-height:.98;transition:color .2s var(--ease)}
.mail span{display:block}
.mail:hover,.mail:focus-visible{color:var(--accent)}
.contact-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;font-size:var(--t6);color:var(--paper-muted)}
.contact-links{display:flex;gap:24px;align-items:center}
.contact-links a,.linkish{color:var(--paper-ink);text-decoration:underline;text-decoration-color:rgba(0,0,0,.3);text-underline-offset:4px}
.linkish{all:unset;cursor:pointer;color:var(--paper-ink);text-decoration:underline;text-decoration-color:rgba(0,0,0,.3);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.contact-links a{min-height:44px;display:inline-flex;align-items:center}
.contact :focus-visible{outline-color:var(--accent)}
@media (max-width:599px){
  .mail{font-size:var(--t2);margin:72px 0 56px}
}

/* ---------- Pie: fotografía a la izquierda, menú a la derecha */
.foot{display:grid;grid-template-columns:1fr 1fr;min-height:min(92svh,860px)}
.foot-photo{position:relative;overflow:hidden;background:var(--field)}
.foot-photo picture{position:absolute;inset:0}
.foot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(var(--ps,1.04));will-change:transform}
.foot-side{display:flex;flex-direction:column;padding:40px var(--m) 32px calc(var(--gut) * 2)}
.foot-wm{font-weight:600}
.foot-nav{display:grid;justify-items:start;gap:14px;margin-top:64px}
.foot-nav a{font-size:var(--t3);font-weight:600;letter-spacing:-.022em;line-height:1.15;transition:color .2s var(--ease),transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .foot-nav:hover a{color:var(--muted)}
  .foot-nav a:hover{color:var(--ink);transform:translateX(12px)}
}
.foot-blocks{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);margin-top:64px;line-height:1.6}
.fb-h{color:var(--muted)}
.legal{margin-top:auto;padding-top:48px;font-size:var(--t6);line-height:1.5;color:var(--muted);max-width:44em}
@media (max-width:899px){
  .foot{grid-template-columns:1fr;min-height:0}
  .foot-photo{height:56svh}
  .foot-side{padding:40px var(--m) 32px}
  .foot-nav{margin-top:40px}
  .foot-nav a{font-size:var(--t2)}
  .foot-blocks{grid-template-columns:1fr}
}

/* ---------- Entradas: el título, luego el texto, luego la imagen */
.rise [data-rise]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--d,0ms)}
.rise [data-rise].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rise [data-rise]{opacity:1;transform:none;transition:none}
  .ph img,.foot-img{transform:none!important}
  .js .talk.is-active .talk-detail{animation:none}
}