/* ═══════════════════════════════════════════════════
   ELEJE — estética LÁPIZ sobre FOLIO
   Grafito sobre papel · trazo dibujado a mano
   Compartido por el corredor (index) y las páginas
   ═══════════════════════════════════════════════════ */

@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Kalam:wght@300;400;700&family=Architects+Daughter&display=swap");

:root{
  --paper:#f1ece0;
  --paper-2:#e8e1d0;
  --graph:#2b2926;      /* grafito */
  --graph-soft:#736f65;
  --red:#b0473c;        /* lápiz rojo */
  --blue-rule:rgba(64,86,128,.10);
  --ease:cubic-bezier(.7,0,.2,1);
  --gut:clamp(20px,5vw,90px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{
  background:var(--paper);
  color:var(--graph);
  font-family:"Kalam",cursive;
  font-weight:400;
  overflow-x:hidden;
  cursor:none;
}
@media (pointer:coarse){body{cursor:auto}}
a{color:inherit;text-decoration:none}

/* — papel: rayas de folio + margen rojo + grano — */
.paper{
  background-color:var(--paper);
  background-image:
    repeating-linear-gradient(to bottom, transparent 0 31px, var(--blue-rule) 31px 32px),
    linear-gradient(to right, transparent 0 calc(var(--gut) - 26px), rgba(176,71,60,.30) calc(var(--gut) - 26px) calc(var(--gut) - 24px), transparent calc(var(--gut) - 24px));
  min-height:100vh;
}
.grain{position:fixed;inset:-40%;z-index:60;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}

/* filtro lápiz (defs inyectadas por pencil.js) — usado en bordes/dibujos decorativos */
.sketch{position:relative}
.sketch::after{content:"";position:absolute;inset:0;border:2px solid var(--graph);
  border-radius:8px 10px 9px 11px/10px 9px 11px 8px;filter:url(#pencil);pointer-events:none}
.sketch-red::after{border-color:var(--red)}

/* subrayado a mano */
.uline{position:relative;display:inline-block}
.uline::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.05em;height:6px;
  background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 10px);
  filter:url(#pencil);opacity:.8}

/* ═════════ CURSOR ═════════ */
.cursor{position:fixed;top:0;left:0;z-index:90;pointer-events:none;width:34px;height:34px;
  border:2px solid var(--graph);border-radius:50% 48% 52% 50%;transform:translate(-50%,-50%);
  filter:url(#pencil);transition:width .35s var(--ease),height .35s var(--ease),background .3s;
  display:flex;align-items:center;justify-content:center}
.cursor__label{font-family:"Architects Daughter";font-size:.62rem;opacity:0;transition:opacity .3s;white-space:nowrap}
.cursor.is-hover{width:78px;height:78px;background:rgba(43,41,38,.06)}
.cursor.is-hover .cursor__label{opacity:1}
.cursor-dot{position:fixed;top:0;left:0;z-index:91;pointer-events:none;width:7px;height:7px;
  border-radius:50%;background:var(--red);transform:translate(-50%,-50%)}
@media (pointer:coarse){.cursor,.cursor-dot{display:none}}

/* ═════════ PAGE WIPE (transición entre páginas) ═════════ */
.wipe{position:fixed;inset:0;z-index:120;background:var(--paper-2);pointer-events:none;
  transform:translateY(0);display:flex;align-items:center;justify-content:center}
.wipe::before{content:"";position:absolute;inset:-40%;opacity:.55;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.wipe__mark{font-family:"Caveat";font-weight:700;font-size:clamp(3rem,10vw,7rem);color:var(--graph);
  opacity:0}

/* ═════════ NAV / HEADER ═════════ */
.phead{position:fixed;top:0;left:0;width:100%;z-index:40;display:flex;align-items:center;
  justify-content:flex-start;gap:clamp(18px,3vw,40px);padding:clamp(16px,2.4vw,26px) var(--gut);
  padding-right:clamp(120px,16vw,200px)}   /* deja hueco al botón Mapa (fijo, derecha) */
.mark{font-family:"Caveat";font-weight:700;font-size:1.9rem;letter-spacing:.01em;line-height:1}
.mark i{font-style:normal;font-size:.5em;vertical-align:super;color:var(--red)}
.pnav{display:flex;gap:clamp(14px,2.4vw,34px);align-items:center;font-family:"Architects Daughter";font-size:1rem}
.pnav a{position:relative}
.pnav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--red);
  transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease);filter:url(#pencil)}
.pnav a:hover::after{transform:scaleX(1);transform-origin:left}
.back{font-family:"Architects Daughter";font-size:1.05rem}

/* ═════════ CORREDOR (index) ═════════ */
.gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}
.corridor{height:560vh}
.cui{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;padding-bottom:clamp(50px,10vh,120px);pointer-events:none;z-index:10}
.cui__hint{pointer-events:auto;font-family:"Architects Daughter";font-size:1.1rem;color:var(--graph);
  background:none;border:0;padding:.6em 1.2em;position:relative;opacity:0;transform:translateY(12px);
  transition:opacity .4s,transform .4s;cursor:none}
.cui__hint::after{content:"";position:absolute;inset:0;border:2px solid var(--graph);
  border-radius:40px 44px 40px 46px;filter:url(#pencil)}
.cui__hint i{font-style:normal;color:var(--red);margin-left:.3em}
.cui__hint.show{opacity:1;transform:translateY(0)}
.cscroll{position:fixed;bottom:clamp(20px,4vw,44px);left:50%;transform:translateX(-50%);z-index:10;
  font-family:"Architects Daughter";font-size:.95rem;color:var(--graph-soft);display:flex;
  flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}
.cscroll i{width:2px;height:44px;background:var(--graph);filter:url(#pencil);animation:sd 2s var(--ease) infinite;transform-origin:top}
@keyframes sd{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}

/* ═════════ PRELOADER ═════════ */
.pre{position:fixed;inset:0;z-index:130;background:var(--paper);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1rem}
.pre__word{font-family:"Caveat";font-weight:700;font-size:clamp(4rem,15vw,12rem);line-height:.8;overflow:hidden}
.pre__word span{display:inline-block;transform:translateY(110%)}
.pre__sub{font-family:"Architects Daughter";color:var(--graph-soft);opacity:0}
.pre__count{position:absolute;bottom:var(--gut);right:var(--gut);font-family:"Caveat";font-weight:700;font-size:clamp(2rem,6vw,4rem)}

/* ═════════ HERO (index intro sobre el corredor) ═════════ */
.hero{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;pointer-events:none}
.hero__title{font-family:"Caveat";font-weight:700;font-size:clamp(5rem,22vw,20rem);line-height:.8}
.hero__title span{display:inline-block}
.hero__sub{font-family:"Architects Daughter";font-size:clamp(1rem,2.2vw,1.6rem);margin-top:.4rem;color:var(--graph-soft)}

/* ═════════ PÁGINA DE PRODUCCIÓN ═════════ */
.prod{max-width:1100px;margin:0 auto;padding:clamp(110px,16vh,180px) var(--gut) clamp(60px,10vh,120px)}
.prod__num{font-family:"Caveat";font-weight:700;font-size:clamp(4rem,14vw,11rem);line-height:.8;
  color:var(--graph);position:relative;display:inline-block}
.prod__num::before{content:"N.º";font-family:"Architects Daughter";font-size:.18em;color:var(--red);
  position:absolute;top:.6em;left:-2.6em}
.prod__title{font-family:"Caveat";font-weight:700;font-size:clamp(3rem,11vw,8.5rem);line-height:.92;
  margin:.1em 0 .3em;letter-spacing:.005em}
.prod__title .accent{color:var(--accent,var(--red))}
.prod__tag{font-family:"Architects Daughter";font-size:1.1rem;color:var(--graph-soft);
  display:inline-block;position:relative;padding:.3em 1em}
.prod__tag::after{content:"";position:absolute;inset:0;border:2px solid var(--graph-soft);
  border-radius:40px 44px 40px 46px;filter:url(#pencil)}
.prod__cols{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(30px,5vw,70px);margin-top:clamp(40px,7vh,80px)}
.prod__body h2{font-family:"Caveat";font-weight:700;font-size:2.4rem;margin-bottom:.4em}
.prod__body p{font-size:1.3rem;line-height:1.7;margin-bottom:1.2em;max-width:44ch}
.prod__note{color:var(--graph-soft);font-style:italic}
.prod__aside{display:flex;flex-direction:column;gap:clamp(24px,4vh,40px)}
.ficha{padding:clamp(20px,3vw,32px)}
.ficha h3{font-family:"Caveat";font-weight:700;font-size:1.8rem;margin-bottom:.5em}
.ficha dl{display:grid;grid-template-columns:auto 1fr;gap:.5em 1.2em;font-size:1.15rem}
.ficha dt{color:var(--graph-soft);font-family:"Architects Daughter"}
.ficha dd{text-align:right}
.doodle{filter:url(#pencil);color:var(--graph)}
.doodle svg{width:100%;height:auto;display:block}
.prod__nav{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(50px,9vh,110px);
  padding-top:clamp(24px,4vh,40px);border-top:2px dashed rgba(43,41,38,.25);font-family:"Architects Daughter";font-size:1.15rem}
.prod__nav a{position:relative;transition:color .3s}
.prod__nav a:hover{color:var(--red)}
@media (max-width:760px){.prod__cols{grid-template-columns:1fr}.ficha dd{text-align:left}}

/* ═════════ GALERÍA (fotos pegadas al folio) ═════════ */
.gallery{margin-top:clamp(46px,8vh,90px)}
.gallery h2{font-family:"Caveat";font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:.7em}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(28px,4vw,52px);align-items:start}
.shots--one{grid-template-columns:1fr;max-width:600px}
.shots--one .shot{transform:rotate(-1.1deg)}
.shots--one .shot img{aspect-ratio:16/10}
.shot{position:relative;background:#fbf8f1;padding:12px 12px 42px;margin-top:14px;
  box-shadow:0 12px 28px rgba(43,41,38,.18);transform:rotate(-1.5deg)}
.shot:nth-child(even){transform:rotate(1.8deg)}
.shot:nth-child(3n){transform:rotate(-0.8deg)}
.shot::before{content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-3deg);
  width:104px;height:28px;background:rgba(96,146,196,.28);border:1px dashed rgba(96,146,196,.55)}
.shot img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#efe8d8}
.shot:not(.is-ph) img{filter:sepia(.22) contrast(1.02) saturate(.92)}
.shot figcaption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;
  font-family:"Caveat";font-size:1.3rem;color:var(--graph)}
.prod__hint code{font-family:"Architects Daughter";background:rgba(43,41,38,.07);padding:.1em .4em;border-radius:4px}

/* ═════════ PÁGINAS DE CONTENIDO (manifiesto/compañía/contacto) ═════════ */
.doc{max-width:1000px;margin:0 auto;padding:clamp(110px,16vh,180px) var(--gut) clamp(60px,10vh,120px)}
.doc__k{font-family:"Architects Daughter";color:var(--red);font-size:1rem;letter-spacing:.05em}
.doc__title{font-family:"Caveat";font-weight:700;font-size:clamp(3rem,10vw,7rem);line-height:.9;margin:.1em 0 .5em}
.doc__lead{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.4;max-width:24ch;font-family:"Caveat";font-weight:600}
.doc p{font-size:1.3rem;line-height:1.75;margin:1.1em 0;max-width:52ch}
.doc em{font-style:italic;color:var(--red)}
.vals{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,2vw,28px);margin-top:clamp(30px,5vh,60px)}
.vals li{flex:0 1 300px;padding:clamp(18px,2.4vw,30px);position:relative}
@media (max-width:720px){.vals li{flex:0 1 260px}}
.vals h3{font-family:"Caveat";font-weight:700;font-size:1.9rem;margin-bottom:.2em}
.vals p{font-size:1.05rem;margin:0;color:var(--graph-soft)}
.vals b{font-family:"Architects Daughter";color:var(--red);font-size:.9rem}
.crows{margin-top:clamp(30px,5vh,60px);display:flex;flex-direction:column;gap:1px}
.crow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:1em 0;
  border-bottom:2px dashed rgba(43,41,38,.22);font-size:1.25rem}
.crow span{font-family:"Architects Daughter";color:var(--graph-soft)}
.bigmail{font-family:"Caveat";font-weight:700;font-size:clamp(2rem,8vw,6rem);line-height:1;
  display:inline-block;margin-top:.2em;transition:color .3s}
.bigmail:hover{color:var(--red)}

/* ═════════ FOOTER ═════════ */
.pfoot{max-width:1100px;margin:0 auto;padding:0 var(--gut) clamp(30px,5vh,50px);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:"Architects Daughter";color:var(--graph-soft);font-size:1rem}

/* ═════════ FOLIO ARRUGADO (relieve de papel) ═════════ */
.crumple{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.66;mix-blend-mode:multiply;
  background-repeat:repeat;background-size:760px 760px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.011' numOctaves='6' seed='11' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23ffffff' surfaceScale='4.2' diffuseConstant='1.15' result='l'%3E%3CfeDistantLight azimuth='235' elevation='46'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E")}
.crumple::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;opacity:.5;
  background-repeat:repeat;background-size:340px 340px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340'%3E%3Cfilter id='c2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='4' seed='5' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23ffffff' surfaceScale='1.6' diffuseConstant='1.1' result='l'%3E%3CfeDistantLight azimuth='215' elevation='52'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c2)'/%3E%3C/svg%3E")}

/* ═════════ LOGO ═════════ */
.mark__img{height:36px;width:auto;display:block;filter:url(#pencil);mix-blend-mode:multiply}
.hero__logo{width:min(62vw,640px);max-width:640px;display:block;filter:url(#pencilBig);mix-blend-mode:multiply}
.pre__logo{width:min(58vw,460px);display:block;filter:url(#pencil);mix-blend-mode:multiply;opacity:0}

/* ═════════ BOTÓN DOSIER / HINT ═════════ */
.btn-dossier{display:inline-block;margin-top:1.2em;font-family:"Architects Daughter";font-size:1.15rem;
  padding:.7em 1.4em;position:relative;color:var(--graph);transition:color .3s}
.btn-dossier:hover{color:var(--red)}
.prod__hint{font-size:.98rem;color:var(--graph-soft);margin-top:.7em;font-style:italic;max-width:34ch}

/* ═════════ WIPE (override: crossfade con logo) ═════════ */
.wipe{opacity:0;visibility:hidden;transform:none;transition:opacity .5s var(--ease),visibility .5s}
.wipe.cover{opacity:1;visibility:visible}
.wipe__mark{width:min(46vw,340px);height:auto;filter:url(#pencilBig);mix-blend-mode:multiply;
  opacity:0;transform:scale(.94);transition:opacity .5s .05s,transform .6s .05s}
.wipe.cover .wipe__mark{opacity:1;transform:scale(1)}

/* ═════════ PERSONAS ═════════ */
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(28px,4vw,56px);margin-top:clamp(30px,5vh,60px)}
.person__photo{position:relative;background:#fbf8f1;padding:12px 12px 14px;box-shadow:0 12px 28px rgba(43,41,38,.18);transform:rotate(-1.4deg)}
.person:nth-child(even) .person__photo{transform:rotate(1.6deg)}
.person__photo::before{content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-3deg);width:104px;height:26px;background:rgba(96,146,196,.28);border:1px dashed rgba(96,146,196,.55)}
.person__photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:grayscale(.25) sepia(.12) contrast(1.02)}
.person__name{font-family:"Caveat";font-weight:700;font-size:2rem;margin:.5em 0 0}
.person__role{font-family:"Architects Daughter";color:var(--red);font-size:.95rem}
.person p{font-size:1.08rem;line-height:1.65;margin-top:.6em}

/* ═════════ PODCAST ═════════ */
.podcast{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,50px);align-items:center;margin-top:clamp(30px,5vh,60px)}
.podcast__cover{position:relative;width:min(260px,60vw);aspect-ratio:1;background:var(--graph);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;padding:20px}
.podcast__cover img{width:60%;filter:invert(1)}
.podcast__cover span{font-family:"Caveat";font-weight:700;color:var(--paper);font-size:1.6rem}
.podcast__body{flex:1 1 260px}
.podcast__body p{font-size:1.2rem;line-height:1.6;margin-bottom:1em}
.btn-dossier.spotify{color:#1f7a43}
.btn-dossier.spotify::after{border-color:#1f7a43}
.btn-dossier.spotify:hover{color:#155e33}

/* ═════════ MENÚ MAPA ═════════ */
.pnav{display:none}
.burger{position:fixed;top:clamp(16px,2.2vw,26px);right:clamp(16px,4vw,40px);z-index:70;
  font-family:"Architects Daughter";font-size:1rem;color:var(--graph);background:var(--paper);
  border:0;padding:.55em 1.05em;cursor:none;letter-spacing:.02em}
.burger::after{content:"";position:absolute;inset:0;border:2px solid var(--graph);
  border-radius:8px 11px 9px 12px;filter:url(#pencil)}
.map{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;
  background:rgba(43,41,38,.2);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.map.open{opacity:1;visibility:visible}
.map__sheet{position:relative;background:var(--paper);width:min(500px,92vw);max-height:92vh;overflow:auto;
  padding:clamp(18px,2.4vw,30px) clamp(20px,2.6vw,34px);transform:rotate(-.7deg) scale(.95);transition:transform .45s var(--ease);
  box-shadow:0 30px 70px rgba(43,41,38,.32)}
.map.open .map__sheet{transform:rotate(-.7deg) scale(1)}
.map__sheet::after{content:"";position:absolute;inset:7px;border:2px solid var(--graph);
  filter:url(#pencilBig);pointer-events:none}
.map__head{display:flex;justify-content:space-between;align-items:center;
  border-bottom:2px dashed rgba(43,41,38,.32);padding-bottom:.5em;margin-bottom:.6em}
.map__head span{font-family:"Architects Daughter";letter-spacing:.18em;font-size:1.25rem}
.map__close{background:none;border:0;font-size:1.2rem;color:var(--graph);cursor:none;font-family:"Architects Daughter"}
.map__body{position:relative;padding-left:58px}
.map__body::before{content:"";position:absolute;left:23px;top:14px;bottom:14px;width:2px;
  background:repeating-linear-gradient(var(--graph) 0 6px,transparent 6px 13px);filter:url(#pencil)}
.map__dest{position:relative;display:flex;align-items:center;gap:15px;padding:11px 0;color:var(--graph);transition:color .3s}
.map__dest::after{content:"";position:absolute;left:16px;width:15px;height:15px;background:var(--paper);
  border:2px solid var(--graph);border-radius:3px;filter:url(#pencil)}
.map__dest:hover{color:var(--red)}
.map__doodle{width:54px;height:54px;flex:none}
.map__doodle svg{width:100%;height:100%;filter:url(#pencil)}
.map__label{font-family:"Caveat";font-weight:700;font-size:1.7rem;line-height:1}
.map__pin{display:none;position:absolute;left:9px;width:15px;height:15px;border-radius:50%;
  background:var(--red);box-shadow:0 0 0 4px rgba(176,71,60,.22);z-index:2}
.map__dest.is-here .map__pin{display:block}
.map__dest.is-here{color:var(--red)}

/* ═════════ CAPA DE DIBUJO (línea del cursor) ═════════ */
.draw{position:fixed;inset:0;z-index:85;pointer-events:none}

/* ═════════ PIE DE PÁGINA (final del corredor) ═════════ */
.site-foot{position:relative;z-index:5;background:var(--paper);border-top:2px solid var(--graph);
  background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--blue-rule) 31px 32px)}
.site-foot__inner{max-width:1100px;margin:0 auto;padding:clamp(50px,8vh,110px) var(--gut) clamp(30px,4vh,50px);
  display:flex;flex-direction:column;align-items:center;text-align:center}
.site-foot__logo{width:min(52vw,360px);filter:url(#pencil);mix-blend-mode:multiply}
.site-foot__tag{font-family:"Fraunces",serif;font-style:italic;color:var(--graph-soft);margin-top:1rem;font-size:clamp(1rem,2vw,1.3rem)}
.site-foot__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(30px,6vw,80px);
  margin-top:clamp(34px,6vh,60px);text-align:left}
.fcol{display:flex;flex-direction:column;gap:.5em;min-width:160px}
.fcol h4{font-family:"Architects Daughter";color:var(--red);font-size:1rem;letter-spacing:.05em;margin-bottom:.3em}
.fcol a,.fcol span{font-family:"Caveat";font-weight:600;font-size:1.35rem;color:var(--graph);transition:color .3s}
.fcol a:hover{color:var(--red)}
.wa-btn{display:inline-flex;align-items:center;gap:.6em;margin-top:clamp(30px,5vh,50px);
  font-family:"Architects Daughter";font-size:1.15rem;color:#1f7a43;padding:.75em 1.4em;position:relative;background:none;border:0}
.wa-btn::after{content:"";position:absolute;inset:0;border:2px solid #1f7a43;border-radius:40px 44px 40px 46px;filter:url(#pencil)}
.wa-btn:hover{background:rgba(31,122,67,.08)}
.site-foot__legal{margin-top:clamp(34px,6vh,60px);padding-top:20px;border-top:2px dashed rgba(43,41,38,.25);
  width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  font-family:"Architects Daughter";color:var(--graph-soft);font-size:.95rem}
.site-foot__legal nav{display:flex;gap:20px}
.site-foot__legal a{transition:color .3s}
.site-foot__legal a:hover{color:var(--red)}

/* ═════════ REVEALS ═════════ */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}.grain,.crumple{display:none}
}


/* WordPress isolation: keeps the original document independent from the active theme. */
html:has(body.eleje-wp){margin-top:0!important}
body.eleje-wp{margin:0!important;padding:0!important;min-width:0!important}
body.eleje-wp #wpadminbar{display:none!important}
body.eleje-wp .site,
body.eleje-wp #page,
body.eleje-wp .wp-site-blocks{display:contents!important}