/* =====================================================================
   DIR.13 · Sistema v3 · Nexa (Adobe Fonts) · blanco, negro y grises
   Weights as served by the web project:
   Light 300 · Book 400 · Regular 500 · Bold 600 · ExtraBold 700 · Heavy 800 · Black 900
   ===================================================================== */
:root{
  color-scheme:light;
  --white:#EFEFEC; --g1:#E3E3E0; --g2:#CDCDC9; --g3:#9B9B97; --g4:#5E5E5B; --black:#121212;
  --font:"nexa","Helvetica Neue",Arial,sans-serif;
  --w-black:900; --w-heavy:800; --w-xbold:700; --w-bold:600; --w-regular:500; --w-book:400; --w-light:300;
  --gut:clamp(16px,4vw,56px);
  --sec:clamp(96px,12vw,176px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-family:var(--font);font-weight:var(--w-book);font-synthesis:none;font-kerning:normal;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--black);font-size:17px;line-height:1.65;padding-inline:var(--gut);padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);-webkit-font-smoothing:antialiased}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:var(--w-bold)}
p,h1,h2,h3,h4{margin:0}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--black);outline-offset:3px}
.wrap{max-width:1320px;margin-inline:auto}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}

/* ===== the official wordmark: one rule everywhere ===== */
.wordmark{font-weight:var(--w-black);letter-spacing:-.02em;line-height:.8;white-space:nowrap;
  font-variant-numeric:proportional-nums;font-feature-settings:"pnum" 1,"tnum" 0,"ss01" 0,"ss02" 0,"ss03" 0,"salt" 0}

/* ===== type roles ===== */
.lab{font-size:11px;line-height:1.3;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase}
.lab.m{color:var(--g4)}
.lt{font-weight:var(--w-light)}
.g4{color:var(--g4)}
.num{font-weight:var(--w-black);letter-spacing:-.04em;line-height:.76;font-variant-numeric:proportional-nums}

/* ===== nav ===== */
nav.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--white);margin-inline:calc(var(--gut) * -1);padding:18px var(--gut);border-bottom:1px solid transparent;transition:transform .45s var(--ease),border-color .3s}
nav.site.scrolled{border-bottom-color:var(--g2)}
nav.site.away{transform:translateY(-100%)}
nav.site .in{max-width:1320px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:12px 24px}
nav.site .brand{font-size:22px;text-decoration:none}
nav.site ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(16px,2.2vw,32px);min-width:0}
nav.site ul a{text-decoration:none;font-size:14px;font-weight:var(--w-regular);color:var(--g4);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .35s var(--ease),color .2s;padding-bottom:3px}
nav.site ul a:hover,nav.site ul a[aria-current="true"]{color:var(--black);background-size:100% 2px}

/* ===== placeholders: resultado (liso) · proceso (grano) ===== */
.ph{position:relative;margin:0;background:var(--g2);width:100%;max-width:100%;overflow:hidden}
.ph figcaption{position:absolute;inset:12px 14px auto 14px;display:flex;justify-content:space-between;gap:12px;font-size:10.5px;line-height:1.3;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:#7A7A76;z-index:1}
.ph figcaption::after{content:attr(data-r)}
.ph.proc{background:#C3C3BF}
.ph.proc::before{content:"";position:absolute;inset:0;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .42 0 0 0 0 .41 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.r169{aspect-ratio:16/9}.r32{aspect-ratio:3/2}.r45{aspect-ratio:4/5}.r34{aspect-ratio:3/4}.r11{aspect-ratio:1/1}
.js .rv{transform:translateY(28px);transition:transform 1.1s var(--ease)}
.js .rv.seen{transform:none}

/* ===== hero ===== */
.hero{padding-block:clamp(40px,7vw,104px) clamp(56px,7vw,104px)}
.hero .mark{margin:0}
.hero .mark .fit{display:inline-block}
.mast{border-top:2px solid var(--black);margin-top:clamp(18px,2.2vw,32px);padding-top:clamp(18px,2vw,28px);align-items:start;row-gap:20px}
.mast .desc{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.mast .role{font-size:clamp(22px,2.3vw,30px);line-height:1.05;font-weight:var(--w-bold);letter-spacing:-.02em}
.mast .thesis{grid-column:7 / -1;font-size:clamp(32px,4vw,62px);line-height:.98;font-weight:var(--w-black);letter-spacing:-.035em;text-wrap:balance}
.mast .thesis .lt{letter-spacing:-.03em}
.opening .ph{grid-column:3 / -1}

/* ===== sections ===== */
section{padding-block:var(--sec) 0;scroll-margin-top:72px}
.sec-head{display:flex;gap:16px;align-items:baseline;border-top:2px solid var(--black);padding-top:12px;margin-bottom:clamp(40px,5vw,72px);justify-content:space-between;flex-wrap:wrap}
.sec-head h2{font-size:11px;line-height:1.3;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase}
.sec-head h2 .who-name{color:var(--g4)}

.who p{grid-column:1 / span 9;font-size:clamp(32px,4.4vw,66px);line-height:1.02;font-weight:var(--w-bold);letter-spacing:-.03em;text-wrap:balance}

/* criterio · the one strong edit moment (black, no colour) */
.edit{align-items:end}
.edit .ph{grid-column:1 / span 4}
.edit .q{grid-column:6 / -1;display:flex;flex-direction:column;gap:20px}
.edit .q p{text-wrap:balance}
.edit .l1{font-size:clamp(22px,2.3vw,32px);line-height:1.15;font-weight:var(--w-book);color:var(--g4)}
.edit .l2{font-size:clamp(22px,2.3vw,32px);line-height:1.15;font-weight:var(--w-regular)}
.edit .l3{font-size:clamp(42px,5.6vw,88px);line-height:.96;font-weight:var(--w-black);letter-spacing:-.035em;margin-top:clamp(12px,2vw,28px)}
.strike{position:relative;white-space:nowrap}
.strike::after{content:"";position:absolute;left:-3%;top:55%;height:2px;width:106%;background:var(--black);transform-origin:left;transform:scaleX(1)}
.js .strike::after{transform:scaleX(0);transition:transform 1s .35s cubic-bezier(.6,0,.2,1)}
.js .edit.seen .strike::after{transform:scaleX(1)}

/* editorial 13 · section opener (not a logo version) */
.opener{position:relative;background:var(--black);color:var(--white);margin-inline:calc(var(--gut) * -1);height:clamp(240px,34vw,460px);overflow:hidden;margin-bottom:clamp(48px,6vw,88px)}
.opener .n13{position:absolute;right:-.06em;bottom:-.3em;font-size:clamp(380px,62vw,940px);font-weight:var(--w-black);letter-spacing:-.04em;line-height:.8;font-variant-numeric:proportional-nums;font-feature-settings:"pnum" 1,"tnum" 0,"ss01" 0,"ss02" 0,"ss03" 0,"salt" 0;user-select:none}
.opener .cap{position:absolute;left:var(--gut);top:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:10px;z-index:1}
.opener .cap .t{font-size:clamp(28px,3.4vw,48px);line-height:1;font-weight:var(--w-black);letter-spacing:-.03em}

/* work index */
.index{list-style:none;margin:0;padding:0;border-top:1px solid var(--g2)}
.index li{border-bottom:1px solid var(--g2)}
.index a,.index .slot{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding-block:22px;text-decoration:none}
.index .n{grid-column:1 / span 1;font-size:12px;font-weight:var(--w-bold);color:var(--g4)}
.index .t{grid-column:2 / span 6;font-size:clamp(28px,3.2vw,46px);line-height:1.02;font-weight:var(--w-bold);letter-spacing:-.03em;transition:transform .5s var(--ease)}
.index .rl{grid-column:8 / span 4}
.index .y{grid-column:12 / span 1;text-align:right;font-size:12px;font-weight:var(--w-bold);color:var(--g4)}
.index a:hover .t{transform:translateX(12px)}
.index .slot .t{color:var(--g3)}

/* case 01 */
.case{background:var(--g1);margin-inline:calc(var(--gut) * -1);padding:clamp(56px,7vw,112px) var(--gut);margin-top:clamp(56px,7vw,96px);scroll-margin-top:72px}
.case .inner{max-width:1320px;margin-inline:auto}
.case .top{align-items:end;row-gap:18px;margin-bottom:clamp(36px,4vw,64px)}
.case .kick{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.case .n01{grid-column:1 / span 4;font-size:clamp(120px,18vw,280px)}
.case h3{grid-column:5 / -1;font-size:clamp(36px,5vw,76px);line-height:.94;font-weight:var(--w-bold);letter-spacing:-.035em}
.case .roles{grid-column:5 / -1;font-size:14px;line-height:1.55;color:var(--g4)}
.case .ask{grid-column:1 / -1;border-top:2px solid var(--black);padding-top:14px;margin-top:8px;font-size:clamp(22px,2.3vw,32px);line-height:1.08;font-weight:var(--w-xbold);letter-spacing:-.02em}
.case .lead .ph{grid-column:1 / span 10}
.lbl{display:block;margin-bottom:10px}
.txt3{margin-top:clamp(48px,6vw,88px);row-gap:32px}
.txt3 div{grid-column:span 4}
.txt3 p,.txt2 p,.dir p,.sel p{font-size:16.5px;max-width:42ch}
.duo{margin-top:clamp(48px,6vw,88px);align-items:start}
.duo .a{grid-column:1 / span 5}
.duo .b{grid-column:8 / -1;margin-top:clamp(64px,10vw,160px)}
.duo.equal .a{grid-column:1 / span 6}
.duo.equal .b{grid-column:7 / -1;margin-top:0}
.idea-row{margin-top:clamp(64px,8vw,128px)}
.idea-row .lbl{grid-column:1 / -1}
.idea-row p{grid-column:1 / span 11;font-size:clamp(34px,4.6vw,72px);line-height:1;font-weight:var(--w-black);letter-spacing:-.035em;text-wrap:balance}
.dir{margin-top:clamp(56px,7vw,104px)}
.dir div{grid-column:4 / span 6}
.dir p{max-width:56ch;font-size:17px}
.out{margin-top:clamp(56px,7vw,104px);row-gap:20px}
.out .lbl{grid-column:4 / -1;margin:0}
.out .lst{grid-column:4 / span 8;display:flex;flex-wrap:wrap;color:var(--g4);font-size:16px}
.out .lst span::after{content:"·";padding-inline:10px;color:var(--g2)}
.out .lst span:last-child::after{content:""}
.pull{grid-column:4 / -1;margin-top:16px;font-size:clamp(22px,2.4vw,32px);line-height:1.2;font-weight:var(--w-bold);font-style:italic;letter-spacing:-.015em;text-wrap:balance}
.sel{margin-top:clamp(64px,8vw,120px);row-gap:28px;align-items:start}
.sel .intro{grid-column:1 / span 3}
.sel .sheet{grid-column:4 / -1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sheet .grp{display:flex;flex-direction:column;gap:10px}
.sheet .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sheet .grid .ph{aspect-ratio:3/2;opacity:.4}
.sheet .grid .ph.keep{opacity:1;outline:2px solid var(--black);outline-offset:3px}
.sheet .cap{grid-column:1 / -1}
.txt2{margin-top:clamp(56px,7vw,104px);padding-top:28px;border-top:1px solid var(--g2)}
.txt2 div{grid-column:span 4}
.txt2 div:first-child{grid-column:4 / span 4}

/* archivo */
.archive .intro{margin-bottom:clamp(40px,5vw,72px);font-size:clamp(26px,2.8vw,40px);line-height:1.15;font-weight:var(--w-regular);letter-spacing:-.02em;max-width:28ch;text-wrap:balance}
.entry{padding-block:24px;border-top:1px solid var(--g2);border-bottom:1px solid var(--g2);align-items:start}
.entry .yr{grid-column:1 / span 1;font-size:12px;line-height:2.2;font-weight:var(--w-bold);color:var(--g4)}
.entry .nm{grid-column:2 / span 4;display:flex;flex-direction:column;gap:6px}
.entry .nm strong{font-size:clamp(26px,2.6vw,34px);line-height:1.05;font-weight:var(--w-bold);letter-spacing:-.025em}
.entry .ln{grid-column:6 / span 3;font-size:15.5px;color:var(--g4)}
.entry .thumbs{grid-column:9 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* idea 01 */
.idea{border-bottom:2px solid var(--black);padding-block:clamp(56px,9vw,128px);row-gap:28px}
.idea .lab{grid-column:1 / -1}
.idea p{grid-column:1 / span 10;font-size:clamp(44px,7vw,116px);line-height:.92;font-weight:var(--w-black);letter-spacing:-.045em;text-wrap:balance}
.idea p .lt{letter-spacing:-.04em}

/* práctica */
.practice{align-items:end}
.practice h3{grid-column:1 / span 7;font-size:clamp(48px,6.8vw,104px);line-height:.9;font-weight:var(--w-bold);letter-spacing:-.04em}
.practice .lead{grid-column:8 / -1;font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:var(--w-regular);text-wrap:balance}
.levels{grid-column:1 / -1;margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--g2)}
.level{padding-block:24px;border-bottom:1px solid var(--g2);align-items:baseline}
.level .k{grid-column:1 / span 4;font-size:clamp(22px,2.2vw,30px);line-height:1.1;font-weight:var(--w-bold);letter-spacing:-.02em}
.level .v{grid-column:5 / -1;display:flex;flex-wrap:wrap;font-size:16px;color:var(--g4)}
.level .v span::after{content:"·";padding-inline:10px;color:var(--g2)}
.level .v span:last-child::after{content:""}

/* método */
.method .intro{grid-column:1 / span 5;font-size:clamp(24px,2.6vw,36px);line-height:1.15;font-weight:var(--w-bold);letter-spacing:-.02em;text-wrap:balance;align-self:start;position:sticky;top:96px}
.method ol{grid-column:7 / -1;list-style:none;margin:0;padding:0;counter-reset:m}
.method li{counter-increment:m;display:grid;grid-template-columns:44px 1fr;gap:6px 16px;padding:22px 0;border-top:1px solid var(--g2);align-items:baseline}
.method li:last-child{border-bottom:1px solid var(--g2)}
.method li::before{content:counter(m,decimal-leading-zero);font-size:12px;font-weight:var(--w-bold);color:var(--g4)}
.method li strong{font-size:clamp(28px,2.6vw,36px);line-height:1;font-weight:var(--w-bold);letter-spacing:-.025em}
.method li span{grid-column:2;font-size:15.5px;color:var(--g4);max-width:48ch}
.method li em{grid-column:2;font-size:19px;line-height:1.3;font-weight:var(--w-bold);font-style:italic;margin-top:6px}

/* sobre */
.about{align-items:start}
.about .ph{grid-column:1 / span 4}
.about .txt{grid-column:6 / span 6;display:flex;flex-direction:column;gap:20px}
.about .person{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(8px,1.6vw,20px)}
.about .person strong{font-size:clamp(40px,5vw,76px);line-height:.95;font-weight:var(--w-bold);letter-spacing:-.035em}
.about .person span{font-size:clamp(18px,1.8vw,24px);line-height:1.2;font-weight:var(--w-regular);color:var(--g4)}
.about .txt p{max-width:52ch;font-size:17px}
.about .txt p.big{font-size:clamp(22px,2.3vw,30px);line-height:1.25;font-weight:var(--w-regular);letter-spacing:-.01em;text-wrap:balance}
.about .txt p.close{color:var(--g4);font-size:15.5px;margin-top:12px;padding-top:16px;border-top:1px solid var(--g2)}

/* contacto */
.contact{padding-bottom:clamp(72px,9vw,128px)}
.contact .big{font-size:clamp(38px,5.6vw,88px);line-height:.98;font-weight:var(--w-bold);letter-spacing:-.04em;text-wrap:balance;max-width:20ch}
.sig{margin-top:clamp(48px,6vw,96px);align-items:end;row-gap:28px}
.sig .who-sig{grid-column:1 / span 4;display:flex;flex-direction:column;gap:2px}
.sig .who-sig strong{font-size:16px;line-height:1.3;font-weight:var(--w-bold)}
.sig .who-sig span{font-size:15px;line-height:1.3;color:var(--g4)}
.sig .links{grid-column:6 / -1;display:flex;flex-direction:column;gap:16px}
.sig .line{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.addr{font-size:clamp(18px,1.9vw,24px);line-height:1.2;font-weight:var(--w-regular);color:var(--g4);border-bottom:1px solid var(--g2);padding-bottom:4px;user-select:all}
.sig button{font:inherit;font-size:11px;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--g4);border:1px solid var(--g2);padding:8px 11px;cursor:pointer;transition:color .2s,border-color .2s}
.sig button:hover{color:var(--black);border-color:var(--black)}

/* footer */
footer{border-top:1px solid var(--g2);padding-block:22px 40px;display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap}
footer .sign{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
footer .wordmark{font-size:24px}

/* ===== responsive ===== */
@media (max-width:1024px){
  .txt3 div{grid-column:span 6}
  .txt3 div:last-child{grid-column:1 / span 8}
  .sel .intro,.sel .sheet{grid-column:1 / -1}
  .dir div,.out .lst,.out .lbl,.pull{grid-column:2 / -1}
  .txt2 div,.txt2 div:first-child{grid-column:span 6}
}
@media (max-width:760px){
  .g12{column-gap:16px}
  section{padding-block:clamp(80px,22vw,112px) 0}
  nav.site{padding-block:14px}
  nav.site .in{flex-wrap:nowrap;align-items:center;gap:18px}
  nav.site .brand{font-size:20px;flex:none}
  nav.site ul{flex:1;overflow-x:auto;scrollbar-width:none;gap:18px;padding-block:4px 2px}
  nav.site ul::-webkit-scrollbar{display:none}
  nav.site ul.fade{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  nav.site ul a{white-space:nowrap;font-size:13.5px}
  .mast .desc,.mast .thesis,.opening .ph,.who p,.edit .ph,.edit .q,
  .case .n01,.case h3,.case .roles,.case .lead .ph,.txt3 div,.txt3 div:last-child,
  .duo .a,.duo .b,.duo.equal .a,.duo.equal .b,.idea-row p,.dir div,.out .lst,.out .lbl,.pull,
  .txt2 div,.txt2 div:first-child,.entry .nm,.entry .ln,.entry .thumbs,.idea p,
  .practice h3,.practice .lead,.level .k,.level .v,
  .method .intro,.method ol,.about .ph,.about .txt,.sig .who-sig,.sig .links{grid-column:1 / -1}
  .edit .ph,.about .ph{width:72%;margin-bottom:32px}
  .duo{row-gap:16px}
  .duo .b{margin-top:0;width:78%;justify-self:end}
  .duo.equal .b{width:100%}
  .sel .sheet{grid-template-columns:1fr}
  .txt2{row-gap:28px}
  .index a,.index .slot{row-gap:6px}
  .index .n{grid-column:1 / span 2}
  .index .y{grid-column:9 / -1}
  .index .t{grid-column:1 / -1;grid-row:2}
  .index .rl{grid-column:1 / -1;grid-row:3}
  .entry{row-gap:12px}
  .entry .yr{grid-column:1 / -1;line-height:1}
  .entry .thumbs{margin-top:8px}
  .practice .lead{margin-top:20px}
  .method .intro{position:static;margin-bottom:28px}
  .opener{height:300px}
  .opener .n13{font-size:70vw;bottom:-.28em}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv,.js .strike::after,nav.site,.index .t{transition:none}
  .js .rv{transform:none}
}


/* ===== Hero · sin DIR.13 gigante (aprobado 2026-10-04). El h1 DIR.13 se mantiene oculto a la vista para buscadores y lectores de pantalla. ===== */
.hero .mark{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero{padding-block:clamp(88px,13vw,200px) clamp(64px,8vw,120px)}
.mast{margin-top:0;padding-top:16px;border-top-width:1px;row-gap:clamp(72px,10vw,150px);align-items:end}
.mast .desc{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap}
.mast .role{font-size:clamp(18px,1.6vw,22px);font-weight:var(--w-bold);letter-spacing:-.01em}
.mast .thesis{grid-column:1 / span 10;font-size:clamp(56px,8.6vw,136px);line-height:.92;font-weight:var(--w-black);letter-spacing:-.045em}
.mast .thesis .lt{letter-spacing:-.04em}
@media (max-width:760px){
  .hero{padding-block:56px 64px}
  .mast{row-gap:56px}
  .mast .desc{grid-column:1 / -1;flex-direction:column;gap:8px}
  .mast .thesis{grid-column:1 / -1;font-size:clamp(46px,13vw,60px);margin-top:0}
}

/* =====================================================================
   Arquitectura B (Home · Sobre · Caso 01). Solo composición: textos sin cambios.
   ===================================================================== */
/* Quién / Criterio en un solo bloque */
.whocrit .who{margin-bottom:clamp(72px,9vw,136px)}
.whocrit .crit-lab{display:block;border-top:1px solid var(--g2);padding-top:12px;margin-bottom:clamp(32px,4vw,56px)}

/* Caso 01 · entrada en la Home */
.case-entry{background:var(--g1);margin-inline:calc(var(--gut) * -1);padding:clamp(40px,5vw,80px) var(--gut);margin-top:clamp(40px,5vw,72px)}
.case-entry .inner{max-width:1320px;margin-inline:auto;row-gap:22px;align-items:end}
.case-entry .kick{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.case-entry .n01{grid-column:1 / span 4;font-size:clamp(110px,15vw,230px)}
.case-entry h3{grid-column:5 / -1;font-size:clamp(34px,4.4vw,66px);line-height:.95;font-weight:var(--w-bold);letter-spacing:-.035em}
.case-entry .roles{grid-column:5 / -1;font-size:14px;line-height:1.55;color:var(--g4)}
.case-entry .ph{grid-column:1 / span 8;margin-top:clamp(16px,2vw,28px)}
.case-entry .side{grid-column:9 / -1;display:flex;flex-direction:column;gap:22px;align-self:end}
.case-entry .side p{font-size:clamp(22px,2vw,30px);line-height:1.08;font-weight:var(--w-black);letter-spacing:-.03em;text-wrap:balance}
.case-entry .side p .lt{letter-spacing:-.02em}
.more{display:inline-flex;align-items:baseline;gap:10px;font-size:15px;font-weight:var(--w-bold);text-decoration:none;border-bottom:2px solid var(--black);padding-bottom:4px;align-self:flex-start;transition:gap .3s var(--ease)}
.more:hover{gap:16px}

/* Archivo breve, al final de Work */
.archive-brief{margin-top:clamp(64px,8vw,120px)}
.archive-brief .ab-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--g2);padding-top:12px;margin-bottom:clamp(24px,3vw,40px);flex-wrap:wrap}
.archive-brief .intro{font-size:clamp(20px,2vw,28px);line-height:1.2;font-weight:var(--w-regular);letter-spacing:-.015em;max-width:34ch;text-wrap:balance;margin-bottom:clamp(24px,3vw,40px)}

/* Páginas interiores */
.inner-page section:first-of-type{padding-top:clamp(56px,7vw,104px)}
.case.standalone{margin-top:clamp(24px,3vw,48px)}
.back-row{padding-block:clamp(48px,6vw,96px)}
.back{display:inline-flex;align-items:baseline;gap:12px;font-size:clamp(22px,2.2vw,30px);line-height:1;font-weight:var(--w-bold);letter-spacing:-.02em;text-decoration:none;transition:gap .3s var(--ease)}
.back:hover{gap:18px}

@media (max-width:760px){
  .case-entry .n01,.case-entry h3,.case-entry .roles,.case-entry .ph,.case-entry .side{grid-column:1 / -1}
  .case-entry .side{margin-top:8px}
}
.inner-page section:last-of-type{padding-bottom:clamp(72px,9vw,128px)}

/* ===== Prueba Caso 01 con fotografías reales ===== */
.photo{margin:0;max-width:100%}
.photo img{display:block;width:100%;height:auto}
.case .lead .photo{grid-column:1 / span 6}
.case .duo.equal .photo{align-self:start}
.case-close{margin-top:clamp(64px,8vw,120px)}
.case-close .photo{grid-column:4 / span 6}
@media (max-width:760px){
  .case .lead .photo,.case-close .photo{grid-column:1 / -1}
}
.solo{margin-top:clamp(48px,6vw,88px)}
.solo .photo{grid-column:4 / span 6}
.sel .intro{grid-column:4 / span 6}
@media (max-width:760px){.solo .photo,.sel .intro{grid-column:1 / -1}}

/* Home · resumen Caso 01: foto real dentro del mismo módulo 3:2 */
.ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}

/* =====================================================================
   CASO 01 · VARIANTE EDITORIAL (solo body.ced)
   ===================================================================== */
html:has(body.ced),body.ced{overflow-x:clip}
.ced .ed-fade{margin:0;position:relative}
.ced .ed-fade img{display:block;width:100%;height:auto}
.ced .case .lead.ed-lead .photo{grid-column:1 / span 8}
.ced .ed-pair{margin-top:clamp(72px,9vw,150px);align-items:start}
.ced .ed-pair .ed-mesa{grid-column:1 / span 7}
.ced .ed-silla{grid-column:8 / -1;margin-top:clamp(120px,16vw,260px);margin-right:calc(var(--gut) * -1 - 2vw)}
.ced .ed-proceso{margin-top:clamp(64px,8vw,120px)}
.ced .ed-proceso .photo{grid-column:3 / span 8}
.ced .ed-detalle-row{margin-top:clamp(72px,9vw,150px)}
.ced .ed-detalle-row .ed-detalle{grid-column:1 / span 7;margin-left:calc(var(--gut) * -1)}
.ced .ed-suelo-row{margin-top:clamp(40px,5vw,72px)}
.ced .ed-suelo{grid-column:6 / -1;margin-right:calc(var(--gut) * -1 - 3vw)}
.ced .ed-cierre .photo{grid-column:2 / span 10}
@media (max-width:760px){
  .ced .case .lead.ed-lead .photo,.ced .ed-pair .ed-mesa,.ced .ed-silla,.ced .ed-proceso .photo,.ced .ed-detalle-row .ed-detalle,.ced .ed-suelo,.ced .ed-cierre .photo{grid-column:1 / -1}
  .ced .ed-silla{margin-top:24px;width:88%;justify-self:end;margin-right:calc(var(--gut) * -1)}
  .ced .ed-detalle-row .ed-detalle{margin-right:0}
  .ced .ed-suelo-row{margin-top:24px}
  .ced .ed-suelo{width:100%;margin-right:calc(var(--gut) * -1)}
}
/* ced · refinamiento: texto junto a su imagen, vacío intencional */
.ced .ed-pair .ed-mesa{grid-column:1 / span 7}
.ced .ed-silla{grid-column:8 / span 5;margin-top:clamp(160px,18vw,280px);margin-right:0;max-width:440px;justify-self:end}
.ced .ed-detalle-row{align-items:end;row-gap:24px}
.ced .ed-detalle-row .ed-detalle{grid-column:1 / span 7}
.ced .ed-side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:10px;padding-bottom:8px}
.ced .ed-side p{font-size:16.5px;max-width:42ch}
.ced .ed-suelo-row{margin-top:clamp(72px,9vw,140px);align-items:center;row-gap:28px}
.ced .ed-suelo-row .ed-out{grid-column:1 / span 5;grid-row:1}
.ced .ed-out .lst{display:flex;flex-wrap:wrap;color:var(--g4);font-size:16px}
.ced .ed-out .lst span::after{content:"·";padding-inline:10px;color:var(--g2)}
.ced .ed-out .lst span:last-child::after{content:""}
.ced .ed-out .pull{margin-top:22px;font-size:clamp(22px,2.2vw,30px)}
.ced .ed-suelo{grid-column:7 / span 6;grid-row:1;margin-right:0;max-width:540px;justify-self:end}
.ced .ed-proceso .photo{grid-column:2 / span 10}
@media (max-width:760px){
  .ced .ed-silla{grid-column:1 / -1;margin-top:28px;width:84%;justify-self:end}
  .ced .ed-side,.ced .ed-suelo-row .ed-out,.ced .ed-suelo{grid-column:1 / -1;grid-row:auto}
  .ced .ed-suelo{width:92%;justify-self:end}
}
@media (max-width:760px){
  .ced .ed-pair .ed-mesa,.ced .ed-detalle-row .ed-detalle,.ced .ed-proceso .photo{grid-column:1 / -1}
  .ced .ed-detalle-row .ed-detalle{margin-left:calc(var(--gut) * -1)}
  .ced .ed-detalle-row{row-gap:20px}
}
/* ced · ajuste fino: silla-perfil más cerca de la mesa */
.ced .ed-silla{margin-top:clamp(96px,10vw,160px);max-width:460px}

/* =====================================================================
   EDIT / 01 (prueba, body.ed01)
   ===================================================================== */
.ed01 .journal-page{padding-bottom:clamp(72px,9vw,128px)}
.ed01 .j-open{padding-block:clamp(72px,10vw,160px) clamp(24px,3vw,48px);row-gap:clamp(24px,3vw,40px)}
.ed01 .j-kick{grid-column:1 / -1}
.ed01 .j-title{grid-column:1 / span 11;font-size:clamp(46px,7vw,112px);line-height:.94;font-weight:var(--w-black);letter-spacing:-.045em}
.ed01 .e-thesis{grid-column:5 / span 7;border-top:1px solid var(--black);padding-top:18px;font-size:clamp(24px,2.4vw,34px);line-height:1.15;font-weight:var(--w-bold);letter-spacing:-.02em;text-wrap:balance}
.ed01 .e-thesis .lt{font-weight:var(--w-light)}
.ed01 .j-sec{padding-top:clamp(80px,10vw,144px)}
.ed01 .e-veo .sec-head h2{font-size:clamp(28px,3vw,44px);line-height:1;font-weight:var(--w-bold);letter-spacing:.02em}
.ed01 .e-text .col{grid-column:1 / span 6;display:flex;flex-direction:column;gap:14px}
.ed01 .e-text p{font-size:clamp(17px,1.4vw,19px);line-height:1.62;max-width:52ch}
.ed01 .e-question{margin:clamp(40px,5vw,72px) 0;font-size:clamp(32px,4.2vw,64px);line-height:1;font-weight:var(--w-black);letter-spacing:-.035em;max-width:18ch;text-wrap:balance}

/* secuencia neutral: mismas medidas, mismo tratamiento, sin cajas */
.ed01 .e-seq{list-style:none;margin:clamp(72px,9vw,140px) 0 0;padding:0;border-top:1px solid var(--g2)}
.ed01 .e-item{align-items:center;padding-block:clamp(48px,6vw,96px);border-bottom:1px solid var(--g2);row-gap:20px}
.ed01 .e-n{grid-column:1 / span 1;align-self:start;color:var(--g4)}
.ed01 .e-fig{grid-column:2 / span 7;margin:0}
.ed01 .e-stage{height:clamp(220px,26vw,380px);display:flex;align-items:center;justify-content:center}
.ed01 .e-stage img{display:block;max-height:100%;max-width:min(100%,560px);width:auto;height:auto;object-fit:contain}
.ed01 .e-cr{grid-column:10 / span 3;display:flex;flex-direction:column;gap:10px;align-self:end}
.ed01 .e-cr .jcredit{font-size:11px;line-height:1.5;color:var(--g4);margin:0}

@media (max-width:760px){
  .ed01 .j-title,.ed01 .e-thesis,.ed01 .e-text .col,.ed01 .e-fig,.ed01 .e-cr{grid-column:1 / -1}
  .ed01 .e-n{grid-column:1 / -1}
  .ed01 .e-stage{height:auto;min-height:0;padding-block:8px}
  .ed01 .e-stage img{max-width:100%;max-height:260px}
  .ed01 .e-item{padding-block:40px}
  .ed01 .e-veo .sec-head h2{font-size:30px}
}

/* EDIT / 01 · «Qué veo» v2: cronología con ritmo, área visual equivalente por logo */
.ed01 .e2 .sec-head{margin-bottom:clamp(24px,3vw,40px)}
.ed01 .e2-time{list-style:none;margin:0 0 clamp(48px,6vw,88px);padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--black)}
.ed01 .e2-time li{padding:10px 12px 0 0;font-size:13px;line-height:1.35;color:var(--g4)}
.ed01 .e2-time li b{display:block;font-size:11px;letter-spacing:.12em;color:var(--black);margin-bottom:4px}
.ed01 .e2-row{align-items:center;row-gap:28px}
.ed01 .e2-row + .e2-row{margin-top:clamp(56px,7vw,112px)}
.ed01 .e2-txt{display:flex;flex-direction:column;gap:16px}
.ed01 .e2-txt p{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:40ch}
.ed01 .e2-txt.lead p{font-size:clamp(22px,2.1vw,30px);line-height:1.28;font-weight:var(--w-regular);letter-spacing:-.01em;max-width:24ch}
.ed01 .e2-stage{margin:0;display:flex;flex-direction:column;gap:18px}
.ed01 .e2-logo{display:flex;align-items:center}
.ed01 .e2-logo img{display:block;height:auto}
.ed01 .e2-stage figcaption{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--g2);padding-top:10px}
.ed01 .e2-tag{font-size:13px;font-weight:var(--w-bold)}
.ed01 .e2-tag b{font-size:11px;letter-spacing:.12em;margin-right:6px}
.ed01 .e2-era{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--g4)}
.ed01 .e2-era:empty{display:none}
.ed01 .e2 .jcredit{font-size:11px;line-height:1.5;color:var(--g4)}
/* sizes chosen for equivalent visual area (~95k px² at 1440) */
.ed01 .s-ruta img{width:min(100%,600px)}
.ed01 .s-mariposa img{width:min(100%,285px)}
.ed01 .s-vive img{width:min(100%,370px)}
.ed01 .s-anfitrion img{width:min(100%,515px)}
.ed01 .r1 .e2-txt{grid-column:1 / span 5}
.ed01 .r1 .e2-stage{grid-column:7 / -1}
.ed01 .r2 .e2-stage{grid-column:2 / span 4}
.ed01 .r2 .e2-txt{grid-column:7 / span 5}
.ed01 .r2 .e2-txt p{font-size:clamp(22px,2.1vw,30px);line-height:1.28}
.ed01 .e2-question{margin:clamp(72px,9vw,140px) 0 0;font-size:clamp(40px,5.6vw,88px);line-height:.98;font-weight:var(--w-black);letter-spacing:-.04em;max-width:16ch;text-wrap:balance}
.ed01 .e2-mid{margin:clamp(56px,7vw,104px) 0 clamp(48px,6vw,88px) auto;max-width:22ch;padding-top:16px;border-top:1px solid var(--black);font-size:clamp(26px,2.8vw,42px);line-height:1.12;font-weight:var(--w-light);letter-spacing:-.02em}
.ed01 .r3 .e2-stage{grid-column:1 / span 6}
.ed01 .r3 .e2-txt{grid-column:8 / span 4;align-self:end}
.ed01 .r4 .e2-txt{grid-column:1 / span 5}
.ed01 .r4 .e2-stage{grid-column:7 / -1}
@media (max-width:760px){
  .ed01 .e2-time{grid-template-columns:1fr 1fr;row-gap:12px}
  .ed01 .e2-row .e2-txt,.ed01 .e2-row .e2-stage{grid-column:1 / -1}
  .ed01 .r2 .e2-stage,.ed01 .r3 .e2-stage{order:2}
  .ed01 .s-ruta img{width:100%}
  .ed01 .s-mariposa img{width:48%}
  .ed01 .s-vive img{width:62%}
  .ed01 .s-anfitrion img{width:86%}
  .ed01 .e2-mid{margin-left:0}
}
/* EDIT / 01 · «Qué veo» v3: ajustes finos */
.ed01 .e2-time{margin-bottom:clamp(40px,5vw,72px)}
.ed01 .e2-row + .e2-row{margin-top:clamp(48px,5.5vw,84px)}
.ed01 .s-mariposa img{width:min(100%,345px)}
.ed01 .r2 .e2-stage{grid-column:1 / span 5}
.ed01 .e2-question{margin-top:clamp(56px,7vw,104px);margin-bottom:clamp(36px,4vw,60px)}
.ed01 .r3{margin-top:0;align-items:start}
.ed01 .r3 .e2-stage{grid-column:1 / span 6;margin-top:clamp(24px,3vw,48px)}
.ed01 .e2-r3txt{grid-column:8 / -1;align-self:start;gap:28px}
.ed01 .e2-r3txt .e2-mid{margin:0;max-width:none}
.ed01 .r4{align-items:end;margin-top:clamp(40px,4.5vw,64px)}
.ed01 .r4 .e2-txt{grid-column:1 / span 5;padding-bottom:clamp(40px,4vw,64px)}
.ed01 .r4 .e2-txt.lead p{font-size:clamp(24px,2.4vw,34px);line-height:1.22}
.ed01 .r4 .e2-stage{grid-column:6 / -1}
.ed01 .s-anfitrion img{width:min(100%,560px)}
@media (max-width:760px){
  .ed01 .s-mariposa img{width:58%}
  .ed01 .e2-r3txt{grid-column:1 / -1;order:-1}
  .ed01 .r3 .e2-stage{margin-top:8px}
  .ed01 .r4 .e2-txt{padding-bottom:0}
  .ed01 .r4 .e2-stage{grid-column:1 / -1}
}
.ed01 .r2{align-items:end}
.ed01 .r2 .e2-txt{align-self:end;padding-bottom:clamp(56px,5vw,80px)}
.ed01 .e2-r3txt p.e2-mid{font-size:clamp(26px,2.8vw,42px);line-height:1.14;font-weight:var(--w-light);padding-top:18px;max-width:20ch}
.ed01 .r3 .e2-stage{margin-top:clamp(56px,6vw,96px)}
@media (max-width:760px){
  .ed01 .r2 .e2-txt{padding-bottom:0}
  .ed01 .r3 .e2-stage{margin-top:8px}
}
@media (max-width:760px){
  .ed01 .e2-row > .e2-stage,.ed01 .e2-row > .e2-txt{grid-column:1 / -1}
}
/* EDIT / 01 · «Qué veo» v3.1: solo distancias */
@media (min-width:761px){
  .ed01 .r2 .e2-stage{grid-column:1 / span 4}
  .ed01 .r2 .e2-txt{grid-column:6 / span 6}
  .ed01 .r4 .e2-txt{padding-bottom:clamp(72px,8vw,118px)}
  .ed01 .r4 .e2-stage{margin-left:calc(-1 * clamp(6px,.7vw,10px))}
}
/* EDIT / 01 · «Qué replantearía» v1: tipográfica, idea de permanencia */
.ed01 .e-rep .sec-head{margin-bottom:clamp(40px,5vw,72px)}
.ed01 .e-rep .sec-head h2{font-size:clamp(28px,3vw,44px);line-height:1;font-weight:var(--w-bold);letter-spacing:.02em}
.ed01 .r-open{margin:0;max-width:17ch;font-size:clamp(36px,5vw,76px);line-height:1.02;font-weight:var(--w-light);letter-spacing:-.03em;text-wrap:balance}
.ed01 .r-open b{font-weight:var(--w-black);letter-spacing:-.04em}
.ed01 .r-body{margin-top:clamp(40px,5vw,72px)}
.ed01 .r-body p{grid-column:6 / span 6;margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.28;letter-spacing:-.01em;max-width:30ch}
.ed01 .r-turn{margin-top:clamp(72px,8vw,120px);padding-top:clamp(20px,2vw,28px);border-top:1px solid var(--black);row-gap:24px}
.ed01 .r-pivot{grid-column:1 / span 4;margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.25;font-weight:var(--w-bold);max-width:18ch}
.ed01 .r-col{grid-column:6 / span 5;display:flex;flex-direction:column;gap:16px}
.ed01 .r-col p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:40ch}
.ed01 .r-close{margin:clamp(88px,10vw,160px) 0 0;display:flex;flex-direction:column;gap:clamp(10px,1.2vw,18px)}
.ed01 .r-c1{font-size:clamp(26px,2.8vw,42px);line-height:1.1;font-weight:var(--w-light);letter-spacing:-.02em;color:var(--g4)}
.ed01 .r-c2{padding-left:calc((100% + var(--colgap,24px)) / 12 * 2);font-size:clamp(42px,6.6vw,104px);line-height:.96;font-weight:var(--w-black);letter-spacing:-.04em;max-width:14ch;box-sizing:content-box;text-wrap:balance}
@media (max-width:760px){
  .ed01 .r-body p,.ed01 .r-pivot,.ed01 .r-col{grid-column:1 / -1}
  .ed01 .r-c2{padding-left:0;max-width:none}
  .ed01 .e-rep .sec-head h2{font-size:30px}
}
/* «Qué replantearía» v1.1: pausa antes del cierre algo menor (solo escritorio) */
@media (min-width:761px){ .ed01 .r-close{margin-top:clamp(88px,7.2vw,112px)} }
/* EDIT / 01 · «Por qué» v1: fotografía por territorios (placeholders) */
.ed01 .e-pq .sec-head{margin-bottom:clamp(40px,5vw,72px)}
.ed01 .e-pq .sec-head h2{font-size:clamp(28px,3vw,44px);line-height:1;font-weight:var(--w-bold);letter-spacing:.02em}
.ed01 .w-open{margin:0;max-width:24ch;font-size:clamp(30px,3.6vw,54px);line-height:1.08;font-weight:var(--w-regular);letter-spacing:-.025em;text-wrap:balance}
.ed01 .w-gente{margin-top:clamp(28px,3vw,44px)}
.ed01 .w-gente p{grid-column:6 / span 6;margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.28;letter-spacing:-.01em;max-width:28ch}
.ed01 .w-t{margin-top:clamp(72px,8vw,120px);padding-top:12px;border-top:1px solid var(--black);row-gap:clamp(20px,2.4vw,36px);align-items:start}
.ed01 .w-lab{grid-column:1 / -1;color:var(--g4)}
.ed01 .w-ph{margin:0}
.ed01 .w-ph figcaption{color:#6E6E6A}
.ed01 .w-phd{position:absolute;left:14px;right:14px;bottom:12px;font-size:12px;line-height:1.35;color:var(--g4)}
.ed01 .w-big{margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.28;letter-spacing:-.01em;max-width:30ch}
.ed01 .w-txt{display:flex;flex-direction:column;gap:16px}
.ed01 .w-txt p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:36ch}
/* 01 */
.ed01 .w1a{grid-column:1 / span 7;aspect-ratio:4/5}
.ed01 .w-side{grid-column:8 / -1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.ed01 .w-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ed01 .w-pair .ph{aspect-ratio:4/5}
/* 02 */
.ed01 .w2a{grid-column:1 / -1;aspect-ratio:21/9}
.ed01 .w2 .w-big{grid-column:1 / span 6;margin-top:8px}
.ed01 .w2b{grid-column:9 / -1;aspect-ratio:3/2;margin-top:clamp(24px,4vw,64px)}
/* 03 */
.ed01 .w3 .w-big{grid-column:5 / span 7;max-width:34ch}
.ed01 .w-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.ed01 .w-strip .ph{aspect-ratio:1/1}
/* 04 */
.ed01 .w4 .w-big{grid-column:1 / span 4;align-self:end;max-width:18ch}
.ed01 .w4a{grid-column:6 / -1;aspect-ratio:3/2}
/* cierre */
.ed01 .w-close{margin-top:clamp(88px,10vw,150px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--black)}
.ed01 .w-c1{margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.28;letter-spacing:-.01em}
.ed01 .w-c2{margin:clamp(14px,1.6vw,24px) 0 0;font-size:clamp(44px,8vw,124px);line-height:.92;font-weight:var(--w-black);letter-spacing:-.045em;max-width:15ch;text-wrap:balance}
@media (max-width:760px){
  .ed01 .w-gente p,.ed01 .w1a,.ed01 .w-side,.ed01 .w2 .w-big,.ed01 .w2b,.ed01 .w3 .w-big,.ed01 .w4 .w-big,.ed01 .w4a{grid-column:1 / -1}
  .ed01 .w2a{aspect-ratio:3/2}
  .ed01 .w2a figcaption::after{content:"3:2"}
  .ed01 .w2b{width:72%;margin:0 0 0 auto}
  .ed01 .w-strip{grid-template-columns:1fr 1fr;gap:12px}
  .ed01 .w-pair{gap:12px}
  .ed01 .e-pq .sec-head h2{font-size:30px}
  .ed01 .w-phd{font-size:11px}
}
/* «Por qué» v2: fotografías reales + café (tira de 5) */
.ed01 .w-strip{grid-template-columns:repeat(5,1fr)}
@media (max-width:760px){
  .ed01 .w-strip{grid-template-columns:1fr 1fr}
  .ed01 .w-strip .ph:nth-child(3){grid-column:1 / -1;aspect-ratio:3/2}
}
/* «Por qué» v3: más presencia del texto (escala, ancho, proximidad) */
.ed01 .w-gente{margin-top:clamp(24px,2.6vw,40px)}
.ed01 .w-gente p{grid-column:5 / -1;font-size:clamp(26px,3.1vw,46px);line-height:1.12;letter-spacing:-.02em;max-width:24ch}
.ed01 .w-t{margin-top:clamp(64px,7vw,104px)}
.ed01 .w-txt{gap:18px}
.ed01 .w-txt p{font-size:clamp(19px,1.75vw,24px);line-height:1.38;max-width:30ch}
.ed01 .w2 .w-big{grid-column:1 / span 7;margin-top:0;font-size:clamp(26px,2.8vw,40px);line-height:1.14;letter-spacing:-.02em;max-width:26ch}
.ed01 .w2b{margin-top:0}
.ed01 .w3 .w-big{grid-column:1 / span 9;font-size:clamp(24px,2.4vw,35px);line-height:1.2;letter-spacing:-.015em;max-width:40ch}
.ed01 .w3 .w-big b{font-weight:var(--w-bold)}
.ed01 .w-strip{margin-top:0}
.ed01 .w4 .w-big{grid-column:1 / span 5;align-self:center;font-size:clamp(28px,3.3vw,48px);line-height:1.1;letter-spacing:-.025em;max-width:13ch}
@media (max-width:760px){
  .ed01 .w-gente p,.ed01 .w2 .w-big,.ed01 .w3 .w-big,.ed01 .w4 .w-big{grid-column:1 / -1}
  .ed01 .w2b{margin:0 0 0 auto}
}
/* EDIT / 01 · «Hacia dónde lo llevaría» v1: brief de dirección, sin imágenes */
.ed01 .journal-page{padding-bottom:0}
.ed01 .e-hd .sec-head{margin-bottom:clamp(40px,5vw,72px)}
.ed01 .e-hd .sec-head h2{font-size:clamp(28px,3vw,44px);line-height:1;font-weight:var(--w-bold);letter-spacing:.02em}
.ed01 .h-first{margin:0;font-size:clamp(30px,3.6vw,54px);line-height:1.1;font-weight:var(--w-regular);letter-spacing:-.025em;max-width:22ch}
.ed01 .h-strike{background:linear-gradient(var(--black),var(--black)) 0 56% / 100% clamp(2px,.2vw,3px) no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ed01 .h-seq{margin:clamp(48px,5.5vw,80px) 0 0 calc((100% + 24px) / 12 * 2);max-width:calc((100% + 24px) / 12 * 8 - 24px)}
.ed01 .h-seq p{margin:0;padding:clamp(16px,1.6vw,22px) 0 clamp(24px,2.6vw,36px);border-top:1px solid var(--black);font-size:clamp(21px,2vw,29px);line-height:1.3;letter-spacing:-.01em;max-width:34ch}
.ed01 .h-seq p b{font-weight:var(--w-bold)}
.ed01 .h-band{margin:clamp(88px,10vw,150px) calc(var(--gut) * -1) 0;padding:clamp(72px,9vw,136px) var(--gut) clamp(80px,10vw,150px);background:var(--black);color:var(--white)}
.ed01 .h-c1{margin:0;font-size:clamp(24px,2.6vw,40px);line-height:1.15;font-weight:var(--w-light);letter-spacing:-.015em;max-width:30ch}
.ed01 .h-c2{margin:clamp(14px,1.6vw,24px) 0 0;font-size:clamp(52px,10vw,160px);line-height:.9;font-weight:var(--w-black);letter-spacing:-.05em;max-width:12ch;text-wrap:balance}
@media (max-width:760px){
  .ed01 .h-seq{margin-left:0;max-width:none}
  .ed01 .h-seq p{max-width:none}
}
/* «Hacia dónde» v1.1: banda a sangre sin desbordar, arranque en una línea, menos vacío */
.ed01.inner-page section.e-hd{padding-bottom:0}
.ed01 .h-first{max-width:none}
.ed01 .h-band{margin:clamp(64px,7vw,104px) 0 0;padding-inline:0;border-image:linear-gradient(var(--black),var(--black)) fill 0 / 0 / 0 100vmax}
.ed01 .h-c1{max-width:44ch}
/* «Hacia dónde» v1.2: el tachado no se parte en dos líneas */
.ed01 .h-strike{white-space:nowrap}
/* EDIT / 01 · Créditos de imagen (bloque final discreto) */
.ed01 .e-cred{padding-top:clamp(48px,5vw,72px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:start}
.ed01 .c-title{grid-column:1 / span 3;margin:0;font-size:11px;color:var(--black)}
.ed01 .c-group{grid-column:4 / span 4}
.ed01 .c-group + .c-group{grid-column:8 / span 5}
.ed01 .c-sub{margin:0 0 12px;font-size:10.5px;color:var(--g4)}
.ed01 .c-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--g2)}
.ed01 .c-list li{display:grid;grid-template-columns:5.6em 1fr;column-gap:10px;padding:9px 0 10px;border-bottom:1px solid var(--g2);font-size:12px;line-height:1.45;color:var(--g4)}
.ed01 .c-n{grid-row:span 3;color:var(--black);font-weight:var(--w-bold)}
.ed01 .c-name{color:var(--black)}
.ed01 .c-terr{color:var(--g3)}
.ed01 .c-src{grid-column:2}
@media (max-width:760px){
  .ed01 .e-cred{column-gap:16px}
  .ed01 .c-title,.ed01 .c-group,.ed01 .c-group + .c-group{grid-column:1 / -1}
}
.ed01 .c-pq li{grid-template-columns:2.2em 1fr}
.ed01 .c-pq .c-terr-row{display:block;padding:14px 0 6px;font-size:10.5px;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--g4)}
.ed01 .c-pq .c-terr-row:first-child{padding-top:10px}

/* =========================================================
   HOME · EDIT / 01 destacado
   ========================================================= */
.home-edit{row-gap:22px;align-items:end}
.home-edit .kick{grid-column:1 / -1}
.home-edit h3{grid-column:1 / span 7;margin:0;font-size:clamp(34px,4.4vw,66px);line-height:.95;font-weight:var(--w-bold);letter-spacing:-.035em}
.home-edit .side{grid-column:8 / -1;display:flex;flex-direction:column;gap:22px}
.home-edit .side p{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.08;font-weight:var(--w-black);letter-spacing:-.03em;text-wrap:balance}
.home-edit .side p .lt{letter-spacing:-.02em}
.home-edit .seq{grid-column:1 / -1;list-style:none;margin:clamp(24px,3vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--black)}
.home-edit .seq li{display:flex;flex-direction:column;gap:18px;padding-top:12px}
.home-edit .seq b{font-size:11px;letter-spacing:.12em;font-weight:var(--w-bold)}
.home-edit .seq .lg{height:clamp(84px,8vw,112px);display:flex;align-items:flex-end}
.home-edit .seq img{display:block;width:auto;max-width:100%}
.home-edit .seq .l1 img{height:clamp(36px,3.4vw,48px)}
.home-edit .seq .l2 img{height:clamp(76px,7.2vw,102px)}
.home-edit .seq .l3 img{height:clamp(60px,5.6vw,80px)}
.home-edit .seq .l4 img{height:clamp(42px,4vw,57px)}
@media (max-width:760px){
  .home-edit h3,.home-edit .side{grid-column:1 / -1}
  .home-edit .seq{grid-template-columns:1fr 1fr;row-gap:28px;column-gap:16px}
  .home-edit .seq .lg{height:84px}
}
/* EDIT / 01 · «Qué veo»: tercer párrafo como contexto (tamaño de lectura) */
.ed01 .e2-txt.lead p.e2-note{font-size:clamp(18px,1.6vw,22px);line-height:1.5;letter-spacing:0;max-width:40ch}

/* =========================================================
   HOME · JOURNAL / 01 destacado (propuesta)
   ========================================================= */
.home-journal{display:flex;flex-direction:column;gap:22px}
.home-journal h3{margin:0;max-width:16ch;font-size:clamp(40px,5.6vw,84px);line-height:.94;font-weight:var(--w-black);letter-spacing:-.045em}
.home-journal h3 .g4{font-weight:var(--w-light);letter-spacing:-.035em}
.home-journal .miradas{list-style:none;margin:clamp(28px,4vw,56px) 0 0;padding:0;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.home-journal .miradas li{display:flex;flex-direction:column;gap:14px}
.home-journal .miradas .ob{display:flex;align-items:flex-end}
.home-journal .miradas img{display:block;width:auto;max-width:none}
.home-journal .foot{margin-top:clamp(28px,3.5vw,48px);padding-top:18px;border-top:1px solid var(--black);row-gap:22px;align-items:end}
.home-journal .foot p{grid-column:1 / span 7;margin:0;font-size:clamp(22px,2vw,30px);line-height:1.08;font-weight:var(--w-black);letter-spacing:-.03em;text-wrap:balance}
.home-journal .foot p .lt{letter-spacing:-.02em}
.home-journal .foot .more{grid-column:10 / -1;justify-self:end}
.home-journal .m-jjj img{height:clamp(65px,8.16vw,118px)}
.home-journal .m-kith img{height:clamp(85px,10.77vw,155px)}
.home-journal .m-salehe img{height:clamp(63px,8.01vw,115px)}
.home-journal .m-joe img{height:clamp(62px,7.87vw,113px)}
.home-journal .m-ald img{height:clamp(42px,5.34vw,77px)}
@media (max-width:760px){
  .home-journal .miradas{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:16px;row-gap:28px}
  .home-journal .miradas .m-ald{grid-column:1 / -1}
  .home-journal .miradas img{max-width:100%;height:auto !important;max-height:96px;width:auto}
  .home-journal .miradas .m-ald img{max-height:none;width:100%}
  .home-journal .foot p,.home-journal .foot .more{grid-column:1 / -1;justify-self:start}
}

/* =========================================================
   JOURNAL / 01 · New Balance (solo body.jv2; :where() mantiene la especificidad original)
   ========================================================= */

:where(body.jv2) .journal-page{padding-bottom:clamp(72px,9vw,128px)}
:where(body.jv2) .j-open{padding-block:clamp(72px,10vw,160px) clamp(24px,3vw,48px);row-gap:clamp(28px,3vw,44px)}
:where(body.jv2) .j-kick{grid-column:1 / -1}
:where(body.jv2) .j-title{grid-column:1 / span 11;font-size:clamp(46px,7vw,112px);line-height:.94;font-weight:var(--w-black);letter-spacing:-.045em;text-wrap:balance}
:where(body.jv2) .j-title .g4{font-weight:var(--w-light);letter-spacing:-.035em}
:where(body.jv2) .j-lead{grid-column:5 / span 7;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--black);padding-top:18px}
:where(body.jv2) .j-lead p{font-size:clamp(19px,1.7vw,23px);line-height:1.45;font-weight:var(--w-regular);max-width:52ch}
:where(body.jv2) .j-sec{padding-top:clamp(80px,10vw,144px)}
:where(body.jv2) .j-text > div{grid-column:4 / span 6;display:flex;flex-direction:column;gap:14px}
:where(body.jv2) .j-text p{font-size:17px;line-height:1.65;max-width:58ch}
:where(body.jv2) .j-text + .j-text,:where(body.jv2) .j-img + .j-text,:where(body.jv2) .j-collab + .j-text{margin-top:clamp(40px,5vw,72px)}
:where(body.jv2) .j-big{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.2!important;font-weight:var(--w-bold);letter-spacing:-.02em}
:where(body.jv2) .j-img{margin-top:clamp(40px,5vw,72px)}
:where(body.jv2) .j-img.wide .ph{grid-column:2 / span 10}
:where(body.jv2) .duo-img .a{grid-column:2 / span 5}
:where(body.jv2) .duo-img .b{grid-column:7 / span 5;margin-top:clamp(48px,7vw,120px)}
:where(body.jv2) .j-collab{margin-top:clamp(48px,6vw,96px);align-items:end;row-gap:18px}
:where(body.jv2) .j-collab .ph{grid-column:2 / span 5}
:where(body.jv2) .j-collab .t{grid-column:8 / span 4;display:flex;flex-direction:column;gap:10px;padding-bottom:8px}
:where(body.jv2) .j-collab .t p{font-size:clamp(19px,1.7vw,23px);line-height:1.4;font-weight:var(--w-regular)}
:where(body.jv2) .j-collab.flip .ph{grid-column:7 / span 5;grid-row:1}
:where(body.jv2) .j-collab.flip .t{grid-column:2 / span 4;grid-row:1}
:where(body.jv2) .j-quote{margin-top:clamp(88px,11vw,160px);border-top:2px solid var(--black);padding-block:clamp(56px,8vw,120px)}
:where(body.jv2) .j-quote p{font-size:clamp(36px,5.6vw,88px);line-height:.98;font-weight:var(--w-black);letter-spacing:-.04em;text-wrap:balance;max-width:20ch}
:where(body.jv2) .j-quote .lt{letter-spacing:-.035em}
:where(body.jv2) .j-collection{margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--g2);padding-top:14px}
:where(body.jv2) .j-col-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
:where(body.jv2) .j-col-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:where(body.jv2) .j-credits{padding-top:clamp(80px,10vw,144px)}
:where(body.jv2) .j-credits ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--g2);counter-reset:c}
:where(body.jv2) .j-credits li{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:10px 0;border-bottom:1px solid var(--g2);font-size:13px;line-height:1.4}
:where(body.jv2) .j-credits li .m{color:var(--g4)}
@media (max-width:760px){
  :where(body.jv2) .j-title,:where(body.jv2) .j-lead,:where(body.jv2) .j-text > div,:where(body.jv2) .j-img.wide .ph,:where(body.jv2) .duo-img .a,:where(body.jv2) .duo-img .b,:where(body.jv2) .j-collab .ph,:where(body.jv2) .j-collab .t,:where(body.jv2) .j-collab.flip .ph,:where(body.jv2) .j-collab.flip .t{grid-column:1 / -1;grid-row:auto}
  :where(body.jv2) .j-collab .t{order:-1}
  :where(body.jv2) .duo-img{row-gap:16px}:where(body.jv2) .duo-img .b{margin-top:0;width:78%;justify-self:end}
  :where(body.jv2) .j-col-grid{grid-template-columns:1fr 1fr}
  :where(body.jv2) .j-credits li{grid-template-columns:1fr}
}

/* ===== JOURNAL · imágenes reales (prueba) ===== */
:where(body.jv2) .jfig{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
:where(body.jv2) .ph.has-photo{background:var(--bg,#fff)}
:where(body.jv2) .ph.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
:where(body.jv2) .jcredit{font-size:11px;line-height:1.4;color:var(--g4)}
:where(body.jv2) .j-collab .jfig{grid-column:2 / span 5}
:where(body.jv2) .j-collab.flip .jfig{grid-column:7 / span 5;grid-row:1}
:where(body.jv2) .j-img.wide .jfig{grid-column:2 / span 10}
@media (max-width:760px){:where(body.jv2) .j-collab .jfig,:where(body.jv2) .j-collab.flip .jfig,:where(body.jv2) .j-img.wide .jfig{grid-column:1 / -1;grid-row:auto}}

/* =====================================================================
   JOURNAL · VARIANTE GRÁFICA (solo body.jv). Zapatos recortados como objetos.
   ===================================================================== */
html:has(body.jv),body.jv{overflow-x:clip}
.jv .cut{display:block;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}
.jv .jcredit{font-size:11px;line-height:1.4;color:var(--g4)}
.jv .jv-b{position:relative;margin-top:clamp(72px,9vw,150px)}
.jv .jv-b .t p{font-size:clamp(19px,1.7vw,23px);line-height:1.4;font-weight:var(--w-regular)}
.jv .jv-b .t{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.jv .obj{margin:0;position:relative;z-index:1}

/* JJJJound: grande y sobrio, invade el aire a la izquierda */
:where(body.jv2) .jv-jjj{align-items:center}
:where(body.jv2) .jv-jjj .t{grid-column:2 / span 3}
:where(body.jv2) .jv-jjj .obj{grid-column:5 / -1;margin-right:calc(var(--gut) * -1 - 4vw)}
:where(body.jv2) .jv-jjj .obj .cut{width:min(64vw,920px);margin-left:-4vw;filter:drop-shadow(0 30px 30px rgba(18,18,18,.10))}
:where(body.jv2) .jv-jjj .jcredit{margin-left:2vw}

/* Kith: contenido, pequeño, sin caja */
:where(body.jv2) .jv-kith{align-items:end}
:where(body.jv2) .jv-kith .obj{grid-column:3 / span 5}
:where(body.jv2) .jv-kith .obj .cut{width:100%;max-width:520px}
:where(body.jv2) .jv-kith .t{grid-column:9 / span 3;padding-bottom:28px}

/* Salehe: intervención gráfica, mucha escala, detrás del nombre */
:where(body.jv2) .jv-salehe{margin-top:clamp(96px,12vw,200px)}
:where(body.jv2) .jv-salehe .jv-k{display:block;margin-bottom:18px}
:where(body.jv2) .jv-salehe .stage{position:relative;height:clamp(320px,46vw,700px);margin-inline:calc(50% - 50vw)}
:where(body.jv2) .jv-salehe .giant{position:absolute;left:var(--gut);top:0;margin:0;font-size:clamp(84px,15.5vw,250px);line-height:.82;font-weight:var(--w-black);letter-spacing:-.05em;color:var(--black);z-index:2;mix-blend-mode:normal;pointer-events:none}
:where(body.jv2) .jv-salehe .stage .cut{position:absolute;right:-9vw;bottom:-4vw;width:min(96vw,1500px);transform:rotate(-9deg);z-index:1}
:where(body.jv2) .jv-salehe .g12 .t{grid-column:8 / span 4;margin-top:clamp(64px,9vw,140px)}

/* Joe Freshgoods: grande, cortado por el borde derecho */
:where(body.jv2) .jv-joe{align-items:center;min-height:clamp(300px,40vw,620px)}
:where(body.jv2) .jv-joe .t{grid-column:2 / span 4}
:where(body.jv2) .jv-joe .obj{position:absolute;right:calc(var(--gut) * -1 - 16vw);top:50%;transform:translateY(-50%);z-index:1}
:where(body.jv2) .jv-joe .obj .cut{width:min(78vw,1180px)}

/* Aimé Leon Dore: franja ordenada que entra por la izquierda y sale por la derecha */
:where(body.jv2) .jv-ald .t{grid-column:4 / span 6}
:where(body.jv2) .jv-ald .strip{margin-top:clamp(28px,4vw,56px);margin-inline:calc(50% - 50vw);overflow:hidden}
:where(body.jv2) .jv-ald .strip .cut{width:118vw;margin-left:-6vw}
:where(body.jv2) .jv-ald .cr{grid-column:4 / span 6;margin-top:10px}

/* Imagen 07: el 990v3 como pieza de fondo detrás de la frase de archivo */
:where(body.jv2) .jv-archive{position:relative;margin-top:clamp(56px,7vw,110px);padding-block:clamp(120px,15vw,230px);margin-bottom:clamp(40px,5vw,80px)}
:where(body.jv2) .jv-archive{isolation:isolate}
:where(body.jv2) .jv-archive .cut.bg{position:absolute;left:auto;right:-4vw;top:50%;width:min(50vw,760px);transform:translateY(-50%) rotate(-4deg);z-index:0}
:where(body.jv2) .jv-archive .arch-line{position:relative;z-index:1;margin:0;font-size:clamp(46px,7.4vw,124px);line-height:.92;font-weight:var(--w-black);letter-spacing:-.045em;max-width:12ch;text-wrap:balance}
:where(body.jv2) .jv-archive .cr{grid-column:1 / span 5;margin-top:clamp(24px,4vw,48px);position:relative;z-index:1}

@media (max-width:760px){
  :where(body.jv2) .jv-jjj .t,:where(body.jv2) .jv-jjj .obj,:where(body.jv2) .jv-kith .obj,:where(body.jv2) .jv-kith .t,:where(body.jv2) .jv-joe .t,:where(body.jv2) .jv-ald .t,:where(body.jv2) .jv-ald .cr,:where(body.jv2) .jv-archive .cr,:where(body.jv2) .jv-salehe .g12 .t{grid-column:1 / -1}
  :where(body.jv2) .jv-jjj .obj{margin-right:calc(var(--gut) * -1 - 18vw);margin-top:16px}
  :where(body.jv2) .jv-jjj .obj .cut{width:118vw;margin-left:0}
  :where(body.jv2) .jv-kith .obj .cut{width:86%}
  :where(body.jv2) .jv-kith .t{order:-1;padding-bottom:0;margin-bottom:12px}
  :where(body.jv2) .jv-salehe .stage{height:min(92vw,380px)}
  :where(body.jv2) .jv-salehe .g12 .t{margin-top:56px}
  :where(body.jv2) .jv-archive{padding-block:120px}
  :where(body.jv2) .jv-salehe .stage .cut{width:150vw;right:-30vw;bottom:-2vw}
  :where(body.jv2) .jv-joe{min-height:0;display:block}
  :where(body.jv2) .jv-joe .obj{position:relative;right:auto;top:auto;transform:none;margin-top:20px;margin-right:calc(var(--gut) * -1);overflow:visible}
  :where(body.jv2) .jv-joe .obj .cut{width:140vw}
  :where(body.jv2) .jv-ald .strip .cut{width:170vw;margin-left:-8vw}
  :where(body.jv2) .jv-archive{padding-block:24px 0}
  :where(body.jv2) .jv-archive .cut.bg{position:relative;right:auto;top:auto;width:96vw;margin:-28px 0 0 auto;transform:rotate(-4deg)}
  :where(body.jv2) .jv-archive .cut.bg{order:2}
  :where(body.jv2) .jv-archive{display:flex;flex-direction:column}
  :where(body.jv2) .jv-archive .arch-line{order:1}
  :where(body.jv2) .jv-archive .g12{order:3}
}

/* =====================================================================
   JOURNAL · VARIANTE GRÁFICA 2 (solo body.jv2). PNG del usuario sin alterar.
   Regla: el producto nunca queda debajo ni encima de texto.
   ===================================================================== */
html:has(body.jv2),body.jv2{overflow-x:clip}
.jv2 .obj-img{display:block;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.jv2 .jcredit{display:block;font-size:11px;line-height:1.4;color:var(--g4);margin-top:10px}
.jv2 .o{margin:0;position:relative}
.jv2 .b2{position:relative;margin-top:clamp(80px,10vw,160px)}
.jv2 .b2 .t{display:flex;flex-direction:column;gap:10px}
.jv2 .b2 .t p{font-size:clamp(19px,1.7vw,23px);line-height:1.4;font-weight:var(--w-regular)}

/* JJJJound */
:where(body.jv2) .b2-jjj{align-items:center}
:where(body.jv2) .b2-jjj .t{grid-column:2 / span 3}
:where(body.jv2) .b2-jjj .o{grid-column:6 / -1}
:where(body.jv2) .b2-jjj .obj-img{width:calc(100% + var(--gut) + 2vw);max-width:980px}

/* Kith: vertical, contenido */
:where(body.jv2) .b2-kith{align-items:center}
:where(body.jv2) .b2-kith .o{grid-column:2 / span 5}
:where(body.jv2) .b2-kith .obj-img{width:100%;max-width:580px}
:where(body.jv2) .b2-kith .t{grid-column:8 / span 4}

/* Salehe: nombre como gesto tipográfico, zapato grande debajo, sin solapar */
:where(body.jv2) .b2-salehe .giant{margin:14px 0 0;font-size:clamp(64px,11.5vw,186px);line-height:.86;font-weight:var(--w-black);letter-spacing:-.05em}
:where(body.jv2) .b2-salehe .o{margin-top:clamp(24px,3vw,48px);margin-inline:calc(50% - 50vw)}
:where(body.jv2) .b2-salehe .obj-img{width:min(112vw,1700px);margin-left:calc(var(--gut) + 6vw)}
:where(body.jv2) .b2-salehe .g12 .t{grid-column:8 / span 4;margin-top:clamp(16px,2vw,32px)}

/* Joe Freshgoods: grande, cortado por el borde derecho */
:where(body.jv2) .b2-joe{align-items:center}
:where(body.jv2) .b2-joe .t{grid-column:2 / span 4;position:relative;z-index:2}
:where(body.jv2) .b2-joe .o{grid-column:7 / -1;margin-right:calc(var(--gut) * -1)}
:where(body.jv2) .b2-joe .obj-img{width:calc(100% + 9vw);max-width:none}
:where(body.jv2) .b2-joe{overflow-x:clip;margin-right:calc(var(--gut) * -1);padding-right:var(--gut)}

/* Aimé Leon Dore: fila limpia, centrada en la retícula */
:where(body.jv2) .b2-ald .t{grid-column:4 / span 6}
:where(body.jv2) .b2-ald .o{margin-top:clamp(32px,4vw,64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
:where(body.jv2) .b2-ald .obj-img{grid-column:2 / span 10;width:100%}
:where(body.jv2) .b2-ald .jcredit{grid-column:2 / span 10}

/* Archivo: frase protagonista a la izquierda, zapato a la derecha */
:where(body.jv2) .b2-arch{align-items:center;margin-top:clamp(56px,7vw,110px);row-gap:24px}
:where(body.jv2) .b2-arch .arch-line{grid-column:1 / span 6;margin:0;font-size:clamp(44px,6.6vw,108px);line-height:.92;font-weight:var(--w-black);letter-spacing:-.045em;text-wrap:balance}
:where(body.jv2) .b2-arch .o{grid-column:7 / -1}
:where(body.jv2) .b2-arch .obj-img{width:calc(100% + var(--gut));max-width:860px}

@media (max-width:760px){
  :where(body.jv2) .b2-jjj .t,:where(body.jv2) .b2-jjj .o,:where(body.jv2) .b2-kith .o,:where(body.jv2) .b2-kith .t,:where(body.jv2) .b2-joe .t,:where(body.jv2) .b2-joe .o,:where(body.jv2) .b2-ald .t,:where(body.jv2) .b2-salehe .g12 .t,:where(body.jv2) .b2-arch .arch-line,:where(body.jv2) .b2-arch .o{grid-column:1 / -1}
  :where(body.jv2) .b2-jjj .o{margin-top:20px}
  :where(body.jv2) .b2-jjj .obj-img{width:calc(100% + var(--gut) + 10vw)}
  :where(body.jv2) .b2-kith .t{order:-1;padding-bottom:0;margin-bottom:20px}
  :where(body.jv2) .b2-kith .obj-img{width:86%;margin-inline:auto}
  :where(body.jv2) .b2-kith .jcredit{text-align:center}
  :where(body.jv2) .b2-salehe .obj-img{width:150vw;margin-left:4vw}
  :where(body.jv2) .b2-joe .o{margin-top:20px}
  :where(body.jv2) .b2-joe .obj-img{width:118vw}
  :where(body.jv2) .b2-ald .o{display:block;margin-inline:calc(var(--gut) * -1)}
  :where(body.jv2) .b2-ald .obj-img{width:100%}
  :where(body.jv2) .b2-ald .jcredit{padding-inline:var(--gut)}
  :where(body.jv2) .b2-arch .obj-img{width:calc(100% + var(--gut));margin-top:8px}
}
:where(body.jv2) .b2-arch{margin-bottom:clamp(40px,5vw,80px)}

/* JOURNAL · Imagen 01: anuncio de 1987 como documento de archivo (completo, proporción original) */
:where(body.jv2) .j-archdoc{margin-top:clamp(48px,6vw,96px)}
:where(body.jv2) .j-archdoc .doc{grid-column:4 / span 4;margin:0}
:where(body.jv2) .j-archdoc .doc img{display:block;width:100%;max-width:480px;height:auto}
@media (max-width:760px){:where(body.jv2) .j-archdoc .doc{grid-column:1 / -1}}

/* JOURNAL · «Qué vi» como un solo bloque: título con jerarquía + texto + documento */
:where(body.jv2) .j-vi .sec-head{margin-bottom:clamp(28px,3.5vw,48px)}
:where(body.jv2) .j-vi .sec-head h2{font-size:clamp(28px,3vw,44px);line-height:1;font-weight:var(--w-bold);letter-spacing:.02em}
:where(body.jv2) .j-vi .vi-grid{align-items:start;row-gap:32px}
:where(body.jv2) .j-vi .vi-text{grid-column:1 / span 6;display:flex;flex-direction:column;gap:16px}
:where(body.jv2) .j-vi .vi-text p{font-size:clamp(17px,1.4vw,19px);line-height:1.62;max-width:52ch}
:where(body.jv2) .j-vi .doc{grid-column:8 / span 5;margin:0}
:where(body.jv2) .j-vi .doc img{display:block;width:100%;height:auto}
@media (max-width:760px){
  :where(body.jv2) .j-vi .sec-head h2{font-size:30px}
  :where(body.jv2) .j-vi .vi-text,:where(body.jv2) .j-vi .doc{grid-column:1 / -1}
  :where(body.jv2) .j-vi .vi-grid{row-gap:28px}
  :where(body.jv2) .j-vi .vi-text p{font-size:17px}
}

/* JOURNAL · apertura editorial: 2 escalas (base + énfasis grande) y un énfasis solo de peso */
:where(body.jv2) .j-lead-ed{gap:22px}
:where(body.jv2) .j-lead-ed p{font-size:clamp(19px,1.7vw,23px);line-height:1.5;max-width:46ch}
:where(body.jv2) .j-lead-ed .w{font-weight:var(--w-bold)}
:where(body.jv2) .j-lead-ed .xl{font-size:clamp(28px,2.9vw,42px);line-height:1.08;font-weight:var(--w-bold);letter-spacing:-.025em}
/* JOURNAL / 01 · introducción: un solo tamaño, énfasis solo en Bold */
:where(body.jv2) .j-lead-ed .xl{font-size:inherit;line-height:inherit;letter-spacing:0;font-weight:var(--w-bold)}
/* JOURNAL / 01 · «Qué vi»: anuncio de 1987 más contenido (opción B) */
:where(body.jv2) .j-vi .doc{grid-column:9 / span 4}
@media (max-width:760px){
  :where(body.jv2) .j-vi .doc{grid-column:1 / -1;width:82%;margin-left:auto}
}
/* JOURNAL / 01 · Créditos: columna de fuentes fija, alineada a la izquierda (escritorio) */
@media (min-width:761px){ :where(body.jv2) .j-credits li{grid-template-columns:calc(50% - 12px) 1fr} }
/* JOURNAL / 01 · Salehe: zapatilla única ~7 % más pequeña, sigue rompiendo el borde derecho */
:where(body.jv2) .b2-salehe .obj-img{width:min(104vw,1580px)}
@media (max-width:760px){ :where(body.jv2) .b2-salehe .obj-img{width:140vw} }

/* =========================================================
   HOME · ARCHIVO · Viva la Pizza (logo protagonista + porción como detalle)
   ========================================================= */
.entry .thumbs.vlp{grid-column:2 / -1;grid-row:2;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));column-gap:24px;align-items:end;margin-top:clamp(28px,3.5vw,52px)}
.entry .vlp figure{margin:0}
.entry .vlp img{display:block;width:100%;height:auto}
.entry .vlp .vlp-logo{grid-column:1 / span 6}
.entry .vlp .vlp-slice{grid-column:9 / span 2}
@media (max-width:760px){
  .entry .thumbs.vlp{grid-column:1 / -1;grid-row:auto;grid-template-columns:1fr 1fr;column-gap:16px;margin-top:16px}
  .entry .vlp .vlp-logo{grid-column:1 / -1}
  .entry .vlp .vlp-slice{grid-column:2;width:62%;justify-self:end;margin-top:20px}
}

/* Contacto · el correo es un enlace mailto con el mismo aspecto que antes */
a.addr{text-decoration:none}

/* Contacto · datos con etiqueta y jerarquía secundaria */
.sig .links{flex-direction:row;flex-wrap:wrap;gap:24px clamp(40px,5vw,80px);align-items:flex-start}
.sig .ct{display:flex;flex-direction:column;gap:10px}
.sig .ct .addr{font-size:clamp(16px,1.3vw,18px);line-height:1.3;padding-bottom:3px}
.sig .ct .line{gap:14px;align-items:center;min-height:32px}
.sig .ct button{padding:6px 9px;font-size:10.5px}
@media (max-width:760px){
  .sig .links{flex-direction:column;align-items:flex-start;gap:26px}
  .sig .ct .addr{font-size:17px}
}

/* HOME · texto que acompaña «Antes de decidir, la intención.» */
.mast .mast-note{grid-column:8 / -1;margin:calc(-1 * clamp(72px,10vw,150px) + clamp(48px,5.5vw,80px)) 0 0;padding-top:16px;border-top:1px solid var(--g2);font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:var(--w-regular);color:var(--g4);max-width:34ch;text-wrap:pretty}
@media (max-width:760px){
  .mast .mast-note{grid-column:1 / -1;margin-top:calc(-56px + 40px);font-size:17px;max-width:none}
}

/* SOBRE · Método · las 13 acciones como anotación (variante B aprobada) */
.method .verbs-b{grid-column:7 / -1;margin:16px 0 0;font-size:10.5px;line-height:1.9;font-weight:var(--w-bold);letter-spacing:.14em;text-transform:uppercase;color:#7A7A76;text-align:right;word-spacing:.5em}
.method .verbs-b .v{white-space:nowrap}
.method .verbs-b .vr{color:var(--black)}
@media (max-width:760px){
  .method .verbs-b{grid-column:1 / -1;text-align:left;margin-left:60px}
}

/* =====================================================================
   EDIT / 01 · Ensayo «Una marca país necesita tiempo…» (solo body.es01 y .home-essay)
   ===================================================================== */
:where(body.es01) .essay{padding-bottom:clamp(24px,3vw,48px)}
:where(body.es01) .es-cover{margin:clamp(8px,1.5vw,24px) 0 0 calc(50% - 50vw);width:100vw;padding:clamp(28px,4vw,56px) var(--gut) clamp(28px,3.5vw,48px);background:var(--black);color:var(--white)}
:where(body.es01) .es-cover > *{max-width:1320px;margin-inline:auto}
:where(body.es01) .es-top{display:flex;justify-content:space-between;gap:12px;border-top:2px solid var(--white);padding-top:12px}
:where(body.es01) .es-top .lab.m,:where(body.es01) .es-by .lab.m{color:#8E8E8A}
:where(body.es01) .es-title{display:flex;flex-direction:column;padding-block:clamp(56px,9vw,132px) clamp(48px,7vw,104px)}
:where(body.es01) .es-title .a{font-size:clamp(24px,3.3vw,48px);line-height:1.1;letter-spacing:-.03em}
:where(body.es01) .es-title .w{font-size:clamp(104px,22vw,300px);line-height:.86;font-weight:var(--w-black);letter-spacing:-.055em;margin:.04em 0 .06em -.05em}
:where(body.es01) .es-title .b{align-self:flex-start;margin-left:clamp(56px,20vw,280px);margin-top:clamp(10px,4.6vw,66px);font-size:clamp(26px,3.6vw,54px);line-height:1.02;font-weight:var(--w-bold);letter-spacing:-.025em}
:where(body.es01) .es-by{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--g4);padding-top:14px}
:where(body.es01) .es-by .who{font-size:15px;font-weight:var(--w-bold)}
:where(body.es01) .es-lead{padding-top:clamp(56px,7vw,104px)}
:where(body.es01) .es-lead p{grid-column:1 / span 8;font-size:clamp(24px,2.6vw,38px);line-height:1.22;font-weight:var(--w-regular);letter-spacing:-.015em;text-wrap:balance}
:where(body.es01) .es-sec{padding-top:clamp(80px,10vw,144px)}
:where(body.es01) .es-intro{padding-top:clamp(48px,6vw,88px)}
:where(body.es01) .es-sec .sec-head{margin-bottom:clamp(28px,3.5vw,48px)}
:where(body.es01) .es-h{grid-column:1 / span 7;font-size:clamp(32px,4.2vw,62px);line-height:1.02;font-weight:var(--w-bold);letter-spacing:-.03em;text-wrap:balance;margin-bottom:clamp(32px,4vw,56px)}
:where(body.es01) .es-txt{grid-column:4 / span 6;display:flex;flex-direction:column;gap:1.05em}
:where(body.es01) .es-txt p{font-size:clamp(18px,1.45vw,20px);line-height:1.62;max-width:62ch}
:where(body.es01) .es-pull{margin-top:clamp(80px,10vw,144px);border-top:2px solid var(--black);padding-top:clamp(40px,5vw,72px)}
:where(body.es01) .es-pull p{font-size:clamp(40px,6.4vw,104px);line-height:.95;font-weight:var(--w-black);letter-spacing:-.045em;max-width:15ch;text-wrap:balance}
:where(body.es01) .es-pull .lt{display:block;margin-bottom:.35em;font-size:.48em;line-height:1.12;color:var(--g4);letter-spacing:-.025em;max-width:24ch}
:where(body.es01) .es-end{margin-top:clamp(80px,10vw,144px)}
:where(body.es01) .es-sign{border-top:1px solid var(--g3);padding-top:18px;row-gap:20px;align-items:start}
:where(body.es01) .es-sign .colo{grid-column:1 / span 6;display:flex;flex-direction:column;gap:6px}
:where(body.es01) .es-sign .colo .m{font-size:16px;line-height:1.4;color:var(--g4)}
:where(body.es01) .es-sign .who-sig{grid-column:8 / -1;display:flex;flex-direction:column;gap:2px}
:where(body.es01) .es-sign .who-sig strong{font-size:16px;line-height:1.3}
:where(body.es01) .es-sign .who-sig span{font-size:15px;line-height:1.3;color:var(--g4)}
@media (max-width:1024px){
  :where(body.es01) .es-txt{grid-column:3 / span 9}
  :where(body.es01) .es-h{grid-column:1 / span 10}
}
@media (max-width:760px){
  :where(body.es01) .es-lead p,:where(body.es01) .es-h,:where(body.es01) .es-txt,:where(body.es01) .es-sign .colo,:where(body.es01) .es-sign .who-sig{grid-column:1 / -1}
  :where(body.es01) .es-title .b{margin-left:clamp(32px,14vw,72px)}
  :where(body.es01) .es-txt p{font-size:18px;line-height:1.6}
}

/* Home · entrada al ensayo desde Ideas */
.home-essay{padding-block:clamp(48px,7vw,104px) 0;row-gap:20px;align-items:end}
.home-essay .lab{grid-column:1 / -1}
.home-essay h3{grid-column:1 / span 8;font-size:clamp(34px,4.6vw,72px);line-height:.96;font-weight:var(--w-black);letter-spacing:-.04em;text-wrap:balance}
.home-essay h3 .lt{letter-spacing:-.03em}
.home-essay .side{grid-column:9 / -1;display:flex;flex-direction:column;gap:18px;padding-bottom:6px}
.home-essay .side p{font-size:clamp(17px,1.4vw,19px);line-height:1.45;color:var(--g4);max-width:34ch}
@media (max-width:760px){.home-essay h3,.home-essay .side{grid-column:1 / -1}}
/* Integración en EDIT / 01: ensayo primero, archivo visual como complementario */
:where(body.es01.ed01) .es-comp{padding-top:clamp(96px,12vw,176px)}
:where(body.es01.ed01) .es-comp .sec-head{margin-bottom:24px}
/* Archivo visual / Edit 01: el contenido visual existente queda subordinado al ensayo */
:where(body.es01.ed01) .arch-intro{font-size:clamp(20px,1.9vw,26px);line-height:1.3;font-weight:var(--w-regular);letter-spacing:-.01em;color:var(--g4);max-width:40ch}
:where(body.es01.ed01) .es-arch-open{padding-block:clamp(40px,5vw,72px) clamp(16px,2vw,32px)}
:where(body.es01.ed01) .es-arch-open .j-title{grid-column:1 / span 6;font-size:clamp(30px,3.2vw,46px);line-height:1;font-weight:var(--w-bold);letter-spacing:-.03em}
:where(body.es01.ed01) .es-arch-open .e-thesis{font-size:clamp(20px,1.9vw,26px)}
:where(body.es01.ed01) #archivo-visual{scroll-margin-top:72px}

/* =========================================================
   RENT MY BRAIN (prueba · solo body.rmb)
   ========================================================= */
.rmb .r-open{padding-block:clamp(72px,10vw,160px) clamp(32px,4vw,64px);row-gap:clamp(24px,3vw,40px)}
.rmb .r-kick{grid-column:1 / -1}
.rmb .r-title{grid-column:1 / -1;margin:0;font-size:clamp(84px,15vw,236px);line-height:.84;font-weight:var(--w-black);letter-spacing:-.055em;text-transform:uppercase}
.rmb .r-sub{grid-column:6 / -1;margin:clamp(8px,2vw,24px) 0 0;border-top:1px solid var(--black);padding-top:18px;font-size:clamp(28px,3.4vw,52px);line-height:1;font-weight:var(--w-black);letter-spacing:-.035em}
.rmb .r-sub .lt{font-weight:var(--w-light);letter-spacing:-.03em}
.rmb .r-sec{padding-top:clamp(80px,10vw,140px)}
.rmb .r-lead{grid-column:1 / span 8;margin:0;font-size:clamp(28px,3vw,46px);line-height:1.12;font-weight:var(--w-regular);letter-spacing:-.025em;text-wrap:balance}
.rmb .r-para{grid-column:6 / span 6;margin:clamp(28px,3vw,44px) 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--g4);max-width:44ch}
.rmb .r-not{margin-top:16px;color:var(--black);font-weight:var(--w-bold)}
.rmb .r-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;border-top:1px solid var(--black)}
.rmb .r-steps li{padding:18px 24px 0 0;display:flex;flex-direction:column;gap:12px}
.rmb .r-when{font-size:11px;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--g4)}
.rmb .r-what{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.08;font-weight:var(--w-black);letter-spacing:-.03em;text-wrap:balance}
.rmb .r-det{margin:0;font-size:16px;line-height:1.5;color:var(--g4);max-width:34ch}
.rmb .r-limit{margin:clamp(40px,5vw,64px) 0 0;padding-top:14px;border-top:1px solid var(--g2);font-size:16px;line-height:1.5;color:var(--g4)}
.rmb .r-limit .lab{color:var(--black);margin-right:10px}
.rmb .r-price-row{align-items:baseline;row-gap:24px}
.rmb .r-price{grid-column:1 / span 7;margin:0;font-size:clamp(26px,2.6vw,38px);line-height:1;font-weight:var(--w-black);letter-spacing:-.03em;white-space:nowrap}
.rmb .r-cur{font-size:.36em;font-weight:var(--w-bold);letter-spacing:.12em;vertical-align:baseline;margin-right:.4em;display:inline-block}
.rmb .r-terms{grid-column:8 / -1;display:flex;flex-direction:column;gap:10px;padding-bottom:10px}
.rmb .r-terms p{margin:0;font-size:17px;line-height:1.5;color:var(--g4)} .rmb .r-terms b{color:var(--black);font-weight:var(--w-bold)}
.rmb .r-fields{row-gap:28px;border:0;margin:0}
.rmb .r-f{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0}
.rmb .r-half{grid-column:span 6}
.rmb .r-f input[type=text],.rmb .r-f input[type=email],.rmb .r-f textarea{font:inherit;font-size:20px;line-height:1.4;color:var(--black);background:transparent;border:0;border-bottom:1px solid var(--black);padding:8px 0 10px;border-radius:0;resize:vertical;outline:none}
.rmb .r-f textarea{border:1px solid var(--g2);padding:12px 14px}
.rmb .r-f input:focus,.rmb .r-f textarea:focus{border-color:var(--black)}
.rmb .r-mode{flex-direction:row;flex-wrap:wrap;gap:12px 32px;align-items:center}
.rmb .r-mode legend{width:100%;margin-bottom:12px;padding:0}
.rmb .r-mode label{font-size:18px;display:flex;gap:10px;align-items:center;cursor:pointer}
.rmb .r-mode input{accent-color:#121212;width:18px;height:18px}
.rmb .r-send{grid-column:1 / -1;margin-top:12px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.rmb .r-send button{font:inherit;font-size:clamp(22px,2vw,28px);font-weight:var(--w-black);letter-spacing:-.02em;color:var(--white);background:var(--black);border:0;padding:20px 30px;cursor:pointer;transition:gap .3s var(--ease)}
.rmb .r-send button span{display:inline-block;margin-left:10px;transition:transform .3s var(--ease)}
.rmb .r-send button:hover span{transform:translateX(6px)}
.rmb .r-demo{margin:0;font-size:14px;color:var(--g4)}
@media (max-width:760px){
  .rmb .r-sub,.rmb .r-lead,.rmb .r-para,.rmb .r-price,.rmb .r-terms,.rmb .r-half{grid-column:1 / -1}
  .rmb .r-steps{grid-template-columns:1fr;row-gap:0}
  .rmb .r-steps li{padding:18px 0 22px;border-bottom:1px solid var(--g2)}
  .rmb .r-send button{width:100%}
}
/* Home · acceso discreto a Rent My Brain (en Contacto) */
.contact .rmb-link{margin-top:clamp(40px,5vw,64px);padding-top:14px;border-top:1px solid var(--g2);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;justify-content:space-between}
.contact .rmb-link p{margin:0;font-size:17px;line-height:1.4;color:var(--g4)} .contact .rmb-link p b{color:var(--black);font-weight:var(--w-bold)}
.contact .rmb-link a{font-size:15px;font-weight:var(--w-bold);text-decoration:none;border-bottom:2px solid var(--black);padding-bottom:4px;white-space:nowrap}

/* RENT MY BRAIN · formulario conectado (PRUEBA · solo body.rmb). Mismos tokens, tamaños y grises de la v02. */
.rmb .r-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.rmb .r-err{font-size:14px;line-height:1.4;font-weight:var(--w-bold);color:var(--black)}
.rmb .r-err::before{content:"— "}
.rmb .r-consent label{font-size:16px;line-height:1.45;display:flex;gap:12px;align-items:flex-start;cursor:pointer;max-width:62ch}
.rmb .r-consent input{accent-color:#121212;width:18px;height:18px;flex:none;margin-top:2px}
.rmb .r-ts:has(#rmb-turnstile:empty) .r-err[hidden]{display:none}
.rmb .r-status{margin:0;font-size:16px;line-height:1.45;color:var(--black);max-width:52ch}
.rmb .r-send button:disabled{opacity:.45;cursor:default}
.rmb .r-send button:disabled span{transform:none}
.rmb .r-privacy{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--g2);padding-top:14px;row-gap:12px}
.rmb .r-privacy .lab{grid-column:1 / -1;color:var(--g4)}
.rmb .r-privacy-txt{grid-column:1 / span 8;display:flex;flex-direction:column;gap:10px}
.rmb .r-privacy-txt p{font-size:14px;line-height:1.55;color:var(--g4);max-width:72ch}
@media (max-width:760px){.rmb .r-privacy-txt{grid-column:1 / -1}}
/* Ajuste visual (PRUEBA): Turnstile dentro del consentimiento (sin fila vacía) y aviso de privacidad más legible */
.rmb .r-consent{gap:10px}
.rmb .r-consent #rmb-turnstile:not(:empty){margin-top:8px}
.rmb .r-privacy{margin-top:clamp(56px,6vw,88px);row-gap:18px}
.rmb .r-privacy-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between}
.rmb .r-privacy-head .lab{color:var(--black)}
.rmb .r-pend{margin:0;font-size:11px;line-height:1.3;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--g4);border:1px dashed var(--g4);padding:4px 8px 3px}
.rmb .r-privacy-txt{grid-column:1 / span 7;gap:14px}
.rmb .r-privacy-txt p{font-size:16px;line-height:1.6;color:var(--g4);max-width:64ch}
@media (max-width:760px){.rmb .r-privacy-txt{grid-column:1 / -1}.rmb .r-privacy-txt p{font-size:15px}}

/* Pie · enlace discreto a Privacidad (todas las páginas) */
footer .f-priv{text-decoration:none}
footer .f-priv:hover{text-decoration:underline;text-underline-offset:3px}
footer .f-sep{margin:0 .7em}

/* =========================================================
   CAPÍTULOS · entradas de Ideas, Sobre y Contacto (mismo sistema que la entrada de Work)
   ========================================================= */
.chapter{padding-bottom:0}
.chapter .opener{margin-bottom:0}
.chapter + section{padding-top:clamp(48px,6vw,88px)}
.opener .gl{position:absolute;font-weight:var(--w-black);letter-spacing:-.04em;line-height:.8;pointer-events:none;user-select:none}
.op-ideas{background:var(--g1);color:var(--black)}
.op-ideas .gl{right:-.042em;top:-.173em;font-size:clamp(1100px,164vw,2360px);line-height:1}
.op-contacto .gl{right:-.08em;bottom:-.12em;font-size:clamp(360px,52vw,800px);line-height:.8}
.op-sobre .gl{right:-.035em;bottom:-.13em;font-size:clamp(760px,112vw,1620px)}
@media (max-width:760px){
  .op-ideas .gl{font-size:210vw;top:.005em;right:-.046em}
  .op-contacto .gl{font-size:86vw;bottom:-.14em}
  .op-sobre .gl{font-size:205vw;bottom:-.13em;right:-.035em}
}
.contact .opener{margin-bottom:clamp(48px,6vw,88px)}