/* ============ THE CREATIVE NOTES — revista ============ */
:root{
  --black:#0b0b0b;--paper:#e9e1cf;--lime:#d9ff00;--purple:#7a2cff;--orange:#ff5a0a;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;
  --serif:'Instrument Serif','Times New Roman',serif;
  --narrow:'Archivo Narrow','Arial Narrow',sans-serif;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --u:clamp(7px,1vw,18px);
}
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}
ul{list-style:none}
body{background:#171512;color:var(--black);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--black);color:#fff;padding:0 clamp(16px,3vw,40px);height:56px}
.logo-mark{display:block;height:34px;aspect-ratio:623.57/205.56;background:var(--lime);-webkit-mask:url(assets/logo-stenner.svg) center/contain no-repeat;mask:url(assets/logo-stenner.svg) center/contain no-repeat;transition:transform .3s}
.nav__logo:hover .logo-mark{transform:rotate(-3deg) scale(1.06)}
.nav__links{display:flex;gap:clamp(14px,2.4vw,34px);font:700 14px var(--narrow);letter-spacing:.02em}
.nav__links a{padding:8px 0;transition:color .2s}
.nav__links a:hover{color:var(--lime)}
.nav__links a.is-active{background:var(--lime);color:#000;padding:8px 14px;margin:0 -2px}
.nav__right{display:flex;align-items:center;gap:22px}
.nav__search{background:none;border:0;padding:0;color:#fff;width:22px;height:22px;cursor:pointer}
.nav__search svg{display:block;width:100%;height:100%}
.nav__links a.is-active{pointer-events:none}
.nav__cta{font:700 13px var(--narrow);border:1.5px solid #fff;border-radius:40px;padding:9px 20px;transition:background .25s,color .25s}
.nav__cta:hover{background:var(--lime);color:#000;border-color:var(--lime)}

/* ---- papel ---- */
.paper{position:relative;width:100%;min-height:calc(100vh - 56px);margin:0;background:var(--paper);padding:calc(var(--u)*2.4) calc(var(--u)*2.4) calc(var(--u)*2);isolation:isolate}
.paper::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.2;mix-blend-mode:multiply;pointer-events:none;z-index:-1}
.paper::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.35),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(120,90,40,.12),transparent)}
.tag{display:inline-block;font:700 clamp(10px,calc(var(--u)*1.05),13px)/1 var(--mono);letter-spacing:.08em;color:var(--purple);border:1.5px solid var(--purple);padding:.5em .85em;background:rgba(255,255,255,.28)}

/* ---- masthead ---- */
.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--u)*2);padding:calc(var(--u)*.6) 0 calc(var(--u)*1.4)}
.mast h1{font-family:'UnifrakturCook',cursive;font-weight:700;font-size:clamp(44px,calc(var(--u)*8.6),170px);line-height:.9;letter-spacing:-.015em;text-align:center;text-shadow:.04em .03em 0 rgba(0,0,0,.18)}
.mast__side{font:400 clamp(9px,calc(var(--u)*1),12px)/1.45 var(--mono);letter-spacing:.06em}
.mast__side--r{text-align:right}
.meta{display:flex;justify-content:space-between;gap:12px;font:400 clamp(9px,calc(var(--u)*1),12px)/1 var(--mono);letter-spacing:.06em;padding:calc(var(--u)*.8) 0;border-block:3px double var(--black)}
.meta b{font-weight:400}

/* ---- breaking ---- */
.breaking{display:flex;align-items:center;gap:calc(var(--u)*2);background:var(--lime);margin:calc(var(--u)*1.1) 0 calc(var(--u)*1.6);padding:calc(var(--u)*.55) calc(var(--u)*1.2);overflow:hidden;white-space:nowrap}
.breaking__lbl{display:flex;align-items:center;gap:.35em;flex:none;font:italic 800 clamp(20px,calc(var(--u)*3),36px)/1 var(--cond);letter-spacing:.005em;transform:skewX(-4deg)}
.breaking__lbl svg{width:.75em;height:.75em;transform:rotate(8deg)}
.breaking p{display:flex;gap:calc(var(--u)*2.6);font:400 clamp(9px,calc(var(--u)*1),12px) var(--mono);letter-spacing:.04em}

/* ---- feature ---- */
.feature{position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:clamp(340px,calc(var(--u)*47),840px);overflow:hidden;margin-inline:calc(var(--u)*-.4)}
.feature__txt{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:calc(var(--u)*.4) 0 calc(var(--u)*.6) calc(var(--u)*.4)}
.feature h2{margin:calc(var(--u)*1.5) 0 calc(var(--u)*1.4);font:italic 900 clamp(54px,calc(var(--u)*10.4),190px)/.84 var(--cond);text-transform:uppercase;letter-spacing:-.015em}
.feature h2 span,.feature h2 em{display:block;font-style:inherit}
.feature h2 em{width:max-content;background:var(--lime);padding:.04em .14em 0 .1em;margin-left:-.18em;transform:rotate(-1.4deg);transform-origin:left}
.feature__dek{font:italic 400 clamp(22px,calc(var(--u)*3.2),38px)/1.1 var(--serif);margin-bottom:calc(var(--u)*1.2)}
.feature__body{font:400 clamp(11px,calc(var(--u)*1.1),13.5px)/1.6 var(--mono);max-width:34em;margin-bottom:calc(var(--u)*1.4)}
.read{display:inline-flex;align-items:center;gap:.7em;font:500 clamp(11px,calc(var(--u)*1.2),14px) var(--mono);letter-spacing:.06em;border-bottom:2px solid var(--black);padding-bottom:.4em;transition:color .2s,border-color .2s,gap .2s}
.read svg{width:1em;height:1em}
.read:hover{color:var(--purple);border-color:var(--purple);gap:1.1em}
.feature__art{position:absolute;inset:0 0 0 35%;z-index:1}
.feature__art img{position:absolute;right:-3%;bottom:-8%;height:116%;width:auto;max-width:none;z-index:3;filter:grayscale(1) contrast(1.4) brightness(1.02)}
.sun{position:absolute;z-index:1;left:12%;top:-2%;width:clamp(150px,calc(var(--u)*26),320px);aspect-ratio:1;border-radius:50%;background:var(--lime)}
.ht{position:absolute;z-index:2;right:0;top:0;width:36%;height:100%;background:radial-gradient(var(--black) 28%,transparent 31%) 0 0/clamp(4px,calc(var(--u)*.6),7px) clamp(4px,calc(var(--u)*.6),7px);opacity:.85;-webkit-mask:linear-gradient(270deg,#000 20%,transparent);mask:linear-gradient(270deg,#000 20%,transparent)}
.tear{position:absolute;z-index:2;background:var(--purple)}
.tear--a{right:0;top:12%;width:46%;height:48%;clip-path:polygon(34% 0,100% 0,100% 100%,0 74%,10% 42%,22% 36%)}
.tear--b{left:6%;right:0;bottom:0;height:27%;clip-path:polygon(0 100%,3% 46%,10% 62%,16% 30%,26% 52%,36% 12%,50% 44%,62% 18%,76% 46%,88% 6%,100% 22%,100% 100%)}

/* ---- trio ---- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(var(--u)*1.2);border-block:3px double var(--black);padding-top:calc(var(--u)*1.4)}
.card{padding:0 calc(var(--u)*1.6) calc(var(--u)*1.8);border-left:1.5px solid var(--black)}
.card:first-child{border-left:0;padding-left:0}
.card:last-child{padding-right:0}
.card__cat{font:500 clamp(10px,calc(var(--u)*1.1),13px) var(--mono);letter-spacing:.06em;margin-bottom:calc(var(--u)*1)}
.card__img{aspect-ratio:2/1;overflow:hidden;margin-bottom:calc(var(--u)*1.2);background:#ddd}
.card__img svg{display:block;width:100%;height:100%}
.card h3{font:italic 900 clamp(30px,calc(var(--u)*4.2),50px)/.9 var(--cond);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:calc(var(--u)*1)}
.card p:not(.card__cat){font:400 clamp(10.5px,calc(var(--u)*1.05),13px)/1.55 var(--mono);margin-bottom:calc(var(--u)*1)}
.card__read{display:inline-flex;align-items:center;gap:.7em;font:500 clamp(10px,calc(var(--u)*1.05),12.5px) var(--mono);letter-spacing:.05em;transition:gap .2s,color .2s}
.card__read svg{width:20px;height:9px}
.card__read:hover{gap:1.2em;color:var(--purple)}

/* ---- daily + editor ---- */
.duo{display:grid;grid-template-columns:1fr 1.45fr;border-bottom:3px double var(--black)}
.daily{position:relative;padding:calc(var(--u)*1.8) calc(var(--u)*1.6) calc(var(--u)*1.8) 0;border-right:1.5px solid var(--black);min-height:clamp(170px,calc(var(--u)*21),250px)}
.daily h2{font:italic 900 clamp(34px,calc(var(--u)*5.2),62px)/.88 var(--cond);text-transform:uppercase}
.daily h2 span{display:block}
.daily h2 b{display:block;width:max-content;font-weight:inherit;background:var(--lime);padding:.04em .14em 0 .1em;margin-left:-.12em;transform:rotate(-2.5deg);transform-origin:left}
.daily__txt{font:400 clamp(10.5px,calc(var(--u)*1.1),13px)/1.5 var(--mono);margin-top:calc(var(--u)*1.4)}
.daily__go{position:absolute;left:calc(var(--u)*13);bottom:calc(var(--u)*2.2);display:grid;place-items:center;width:clamp(26px,calc(var(--u)*2.8),34px);aspect-ratio:1;border-radius:50%;background:var(--lime);border:2px solid var(--black);font:700 clamp(12px,calc(var(--u)*1.4),16px)/1 var(--mono);transition:transform .25s}
.daily__go:hover{transform:translateX(5px)}
.daily__flask{position:absolute;right:0;bottom:0;height:88%;width:auto}
.editor{padding:calc(var(--u)*1.8) 0 calc(var(--u)*1.8) calc(var(--u)*2.4);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tag tag" "h side";gap:calc(var(--u)*1.4) calc(var(--u)*3);align-content:center}
.editor .tag{grid-area:tag;justify-self:start}
.editor h2{grid-area:h;font:italic 400 clamp(32px,calc(var(--u)*5),60px)/1.02 var(--serif);align-self:center}
.editor__side{grid-area:side;align-self:center}
.editor__side p{font:400 clamp(10px,calc(var(--u)*.98),12.5px)/1.6 var(--mono)}
.editor__stroke{display:block;height:calc(var(--u)*.8);margin:calc(var(--u)*1) 0 calc(var(--u)*.4);background:var(--lime);clip-path:polygon(0 70%,40% 40%,100% 0,100% 40%,50% 85%,0 100%)}
.editor__sig{display:block;text-align:right;font:italic 400 clamp(18px,calc(var(--u)*2.2),27px)/1 var(--serif);transform:rotate(-3deg)}

/* ---- topics ---- */
.topics{padding-top:calc(var(--u)*1.2)}
.topics header{display:flex;align-items:center;gap:calc(var(--u)*1.2);font:500 clamp(10px,calc(var(--u)*1.1),13px) var(--mono);letter-spacing:.04em}
.topics header i{flex:1;height:1.5px;background:var(--black)}
.topics header svg{width:26px;height:10px}
.topics ul{display:grid;grid-template-columns:repeat(6,1fr);margin-top:calc(var(--u)*1.2)}
.topics li{border-left:1.5px solid var(--black)}
.topics li:first-child{border-left:0}
.topics a{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.7);padding:calc(var(--u)*.6) 6px calc(var(--u)*.4);transition:transform .25s,color .2s}
.topics a:hover{transform:translateY(-4px);color:var(--purple)}
.topics svg{width:clamp(30px,calc(var(--u)*3.8),46px);height:auto;aspect-ratio:1}
.topics b{font:500 clamp(9.5px,calc(var(--u)*1.05),12.5px)/1.25 var(--mono);text-align:center;letter-spacing:.03em}

.colophon{display:flex;justify-content:space-between;gap:12px;margin-top:calc(var(--u)*1.6);padding-top:calc(var(--u)*.9);border-top:1.5px solid var(--black);font:400 clamp(9px,calc(var(--u)*.95),11.5px) var(--mono);letter-spacing:.05em}
.colophon b{font-weight:400}
.colophon a:hover{color:var(--purple)}

/* ---- responsive ---- */
@media (max-width:900px){
  .nav__links{display:none}
  .paper{padding:20px 16px 24px}
  .mast{grid-template-columns:1fr}.mast__side{display:none}
  .mast h1{font-size:clamp(44px,13vw,80px)}
  .meta span:nth-child(2){display:none}
  .breaking{padding:8px 12px}.breaking p{gap:24px}
  .feature{grid-template-columns:1fr;margin-inline:0;min-height:0}
  .feature__art{position:relative;inset:auto;height:92vw;order:-1;margin-bottom:8px}
  .feature h2{font-size:clamp(54px,19vw,110px)}
  .feature__dek{font-size:clamp(24px,7vw,36px)}
  .feature__body{font-size:13px;max-width:none}
  .sun{width:56vw;left:6%}
  .trio{grid-template-columns:1fr}
  .card,.card:first-child,.card:last-child{border-left:0;padding:0 0 22px;border-bottom:1.5px solid var(--black);margin-bottom:18px}
  .card:last-child{border-bottom:0;margin-bottom:0}
  .card h3{font-size:clamp(36px,11vw,52px)}.card p:not(.card__cat){font-size:12.5px}.card__cat,.card__read{font-size:12px}
  .duo{grid-template-columns:1fr}
  .daily{border-right:0;border-bottom:1.5px solid var(--black);padding-right:0;min-height:230px}
  .daily h2{font-size:clamp(44px,14vw,64px)}
  .daily__txt{font-size:13px}.daily__go{left:150px;width:34px}
  .daily__flask{height:90%}
  .editor{padding:20px 0 4px;grid-template-columns:1fr;grid-template-areas:"tag" "h" "side"}
  .editor h2{font-size:clamp(34px,10vw,50px)}.editor__side p{font-size:12.5px}
  .topics ul{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .topics li:nth-child(4){border-left:0}
  .topics b{font-size:11px}
  .colophon{flex-direction:column;font-size:10px}
}
@media (max-width:520px){.nav__cta{display:none}.meta{font-size:9px}}

.daily__chal{position:relative;z-index:2;margin-top:calc(var(--u)*1.2);max-width:calc(var(--u)*17);font:400 clamp(10px,calc(var(--u)*.95),12px)/1.4 var(--mono)}
.daily__chal b{display:block;font-weight:700;letter-spacing:.08em;color:var(--purple);margin-bottom:.2em}
.daily__chal small{display:none}
@media (max-width:900px){.daily__chal{max-width:200px;font-size:12px}}

/* ===== Fondo de papel de periódico con "boil" sutil (solo detrás; las noticias van sobre papel sólido) ===== */
.paper::before{display:none}
.paper-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.paper-bg i{position:sticky;top:56px;display:block;height:calc(100vh - 56px);min-height:420px;background:#e9e1cf url(assets/bg_notes.webp) center/cover no-repeat;}
@keyframes nbBoil{
  0%{transform:translate(0,0) rotate(0) scale(1.03)}
  20%{transform:translate(.35%,-.25%) rotate(.18deg) scale(1.035)}
  40%{transform:translate(-.3%,.3%) rotate(-.15deg) scale(1.03)}
  60%{transform:translate(.2%,.35%) rotate(.12deg) scale(1.04)}
  80%{transform:translate(-.35%,-.2%) rotate(-.2deg) scale(1.032)}
}
@media (prefers-reduced-motion:reduce){.paper-bg i{animation:none}}
.paper>*:not(.paper-bg){position:relative;z-index:1}
.feature,.trio,.duo,.topics,.colophon{background:var(--paper);padding-inline:calc(var(--u)*2.2)}
.feature{margin-inline:0;margin-top:0}
.trio{margin-top:calc(var(--u)*1.4);border-top:0}
.duo{margin-top:calc(var(--u)*1.4);border-top:3px double var(--black)}
.topics{margin-top:calc(var(--u)*1.4);padding-bottom:calc(var(--u)*1)}
.colophon{margin-top:calc(var(--u)*1.4);padding-block:calc(var(--u)*1)}
.feature__art{inset:0}
.feature__art img{right:-7%;bottom:0;height:100%;filter:none}
@media (max-width:900px){
  .feature{padding-inline:16px}.feature__art{inset:auto;height:56vw}
  .feature__art img{right:0;left:auto;height:100%}
  .trio,.duo,.topics,.colophon{padding-inline:16px}
}

/* Tag "FEATURE STORY": morado, texto blanco, rotado */
.tag--new{background:var(--purple);color:#fff;border-color:var(--purple);transform:rotate(-4deg);transform-origin:left center;box-shadow:calc(var(--u)*.2) calc(var(--u)*.2) 0 var(--black);padding:.55em 1em}
.feature{overflow:visible}
.feature__art{overflow:hidden}
.tag--new{position:absolute;z-index:6;top:0;left:calc(var(--u)*.6);transform:translateY(-55%) rotate(-5deg)}
@media (max-width:900px){.tag--new{left:6px}}
.tag--new{top:calc(var(--u)*.9);left:calc(var(--u)*-1.4);transform:rotate(-6deg)}
@media (max-width:900px){.tag--new{left:-4px}}
.daily__flask{height:96%;object-fit:contain}
.daily{padding-bottom:calc(var(--u)*4.6)}
.daily__flask{height:84%}
.daily__chal{max-width:calc(var(--u)*13)}
.daily__go{left:0;bottom:calc(var(--u)*1.2)}
@media (max-width:900px){.daily{padding-bottom:70px}.daily__go{left:0}.daily__chal{max-width:55%}}

/* ===== más compacto + poción grande recortada por la retícula ===== */
:root{--u:clamp(7px,.76vw,13px)}
.feature{min-height:clamp(300px,calc(var(--u)*40),600px)}
.daily{overflow:hidden}
.daily__flask{height:135%;right:calc(var(--u)*-2.5);bottom:-30%;transform:rotate(3deg);object-fit:contain}
@media (max-width:900px){.daily__flask{height:110%;right:-10%;bottom:-20%}}

/* ===== fondo liso como en el home + escala más compacta ===== */
.paper-bg{display:none}
.paper{background:var(--paper)}
:root{--u:clamp(6.5px,.62vw,10.5px)}
.paper{padding-inline:max(calc(var(--u)*2.4),calc((100vw - 1100px)/2))}
.feature{min-height:clamp(280px,calc(var(--u)*36),480px)}
.feature h2{font-size:clamp(46px,calc(var(--u)*9),120px)}
.mast h1{font-size:clamp(40px,calc(var(--u)*8),110px)}
.card h3{font-size:clamp(26px,calc(var(--u)*3.8),38px)}
.daily h2{font-size:clamp(30px,calc(var(--u)*4.8),46px)}
.editor h2{font-size:clamp(28px,calc(var(--u)*4.6),44px)}
.card__img{aspect-ratio:2.4/1}

/* ===== Look editorial + animaciones sutiles por zona ===== */
.card__img{position:relative;aspect-ratio:2.4/1;background:#e9e1cf;border:1.5px solid var(--black);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card__img::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.22;mix-blend-mode:multiply;pointer-events:none}
.card:hover .card__img{transform:translateY(-3px) rotate(-.6deg)}
.card__img svg *{transform-box:fill-box;transform-origin:center}
.a-sun{animation:aSun 7s ease-in-out infinite}
.a-blocks{animation:aBlocks 9s ease-in-out infinite}
.b-wave1{animation:bWave 8s ease-in-out infinite}
.b-wave2{animation:bWave 10s ease-in-out infinite reverse}
.b-b{animation:bFloat 6s ease-in-out infinite}
.b-b2{animation-duration:7.5s;animation-delay:-2s}.b-b3{animation-duration:5s;animation-delay:-1s}.b-b4{animation-duration:8s;animation-delay:-3s}.b-b5{animation-duration:6.5s;animation-delay:-4s}
.e-iris{animation:eLook 7s ease-in-out infinite}
.e-orbit{animation:eOrbit 14s linear infinite}
@keyframes aSun{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,7px)}}
@keyframes aBlocks{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes bWave{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(5px,-5px) rotate(1.5deg)}}
@keyframes bFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes eLook{0%,30%,100%{transform:translate(0,0)}40%,60%{transform:translate(9px,-3px)}75%{transform:translate(-8px,2px)}}
@keyframes eOrbit{to{transform:rotate(360deg)}}

.tag--editor{background:var(--purple);color:#fff;border-color:var(--purple);transform:rotate(-3deg);box-shadow:calc(var(--u)*.2) calc(var(--u)*.2) 0 var(--black)}
.editor{position:relative;overflow:hidden}
.editor>*:not(.editor__ht){position:relative;z-index:1}
.editor__ht{position:absolute;right:0;top:0;width:34%;height:70%;background:radial-gradient(var(--black) 26%,transparent 29%) 0 0/6px 6px;opacity:.16;-webkit-mask:linear-gradient(225deg,#000,transparent 70%);mask:linear-gradient(225deg,#000,transparent 70%);animation:edHt 12s linear infinite}
@keyframes edHt{to{background-position:24px 24px}}
.editor__stroke{transform-origin:left;animation:edStroke 5s ease-in-out infinite}
@keyframes edStroke{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
.daily__flask{animation:flaskBob 6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes flaskBob{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
.daily__bub{position:absolute;z-index:3;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#c9a4ff 45%,#7a2cff);opacity:0;pointer-events:none;animation:bubUp 4.5s ease-in infinite}
.daily__bub--1{right:26%;bottom:34%;width:calc(var(--u)*1);aspect-ratio:1}
.daily__bub--2{right:20%;bottom:30%;width:calc(var(--u)*.7);aspect-ratio:1;animation-delay:-1.6s}
.daily__bub--3{right:31%;bottom:28%;width:calc(var(--u)*.5);aspect-ratio:1;animation-delay:-3s}
@keyframes bubUp{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:.9}100%{opacity:0;transform:translateY(-70px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.card__img svg *,.daily__flask,.daily__bub,.editor__ht,.editor__stroke{animation:none!important}}
.daily{padding-bottom:calc(var(--u)*6.5)}
.daily__go{bottom:calc(var(--u)*1.4)}

/* ===== fotos reales en tarjetas + movimiento sutil ===== */
.card__img{background:#0b0b0b}
.card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform}
.card__img--arch img{animation:kbArch 14s ease-in-out infinite alternate}
.card__img--dark img{animation:kbFlow 16s ease-in-out infinite alternate}
.card__img--eye img{animation:kbEye 12s ease-in-out infinite alternate}
@keyframes kbArch{from{transform:scale(1.04) translate(0,1.5%)}to{transform:scale(1.14) translate(-2.5%,-2%)}}
@keyframes kbFlow{from{transform:scale(1.1) translate(2%,0) rotate(0);filter:hue-rotate(0)}to{transform:scale(1.2) translate(-3%,-2%) rotate(1.2deg);filter:hue-rotate(-18deg) saturate(1.1)}}
@keyframes kbEye{0%{transform:scale(1.04) translate(0,0)}60%{transform:scale(1.16) translate(-3%,1%)}100%{transform:scale(1.1) translate(2%,-1.5%)}}
.card:hover .card__img img{animation-duration:6s}
@media (prefers-reduced-motion:reduce){.card__img img{animation:none!important}}

/* THE DAILY legible, con su propio fondo */
.daily{padding-top:calc(var(--u)*2.6)}
.daily h2{line-height:1.02;display:flex;flex-direction:column;align-items:flex-start;gap:.06em}
.daily h2 span{display:block;width:max-content;background:var(--black);color:var(--paper);padding:.06em .16em .02em .12em;margin-left:-.12em;transform:rotate(-1.5deg);transform-origin:left}
.daily h2 b{margin-top:.04em}