:root{
    --paper:#F2EAD6; --paper-2:#F8F1E1;
    --ink:#1a1510; --ink-soft:#5c5140;
    --cobalt:#2130c4; --red:#E5342A; --yellow:#F4C81F; --green:#1C7A52;
    --display:"Lilita One","Arial Black",sans-serif;
    --script:"Fraunces",Georgia,serif;
    --body:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    --wrap:1120px;
  }
  *{box-sizing:border-box}
  .bhb{background-color:var(--paper);background-image:radial-gradient(rgba(26,21,16,.05) 1px,transparent 1.5px);
    background-size:10px 10px;color:var(--ink);font-family:var(--body);line-height:1.55;font-size:17px;
    -webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
  .grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.07;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
  .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800;color:var(--red)}
  h1,h2,h3{margin:0;text-wrap:balance}
  .poster{font-family:var(--display);text-transform:uppercase;line-height:.9;letter-spacing:-.01em;font-weight:900;
    color:var(--cobalt);text-shadow:none}
  .script{font-family:var(--script);font-style:italic;text-transform:none;text-shadow:none;letter-spacing:0;color:var(--red)}
  .spark{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}
  .ribbon{background:var(--cobalt);color:var(--paper);text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;font-weight:700}
  .nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:3px solid var(--cobalt);transition:transform .25s steps(3,end)}
  .nav.hide{transform:translateY(-104%)}
  .nav .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:var(--wrap);margin:0 auto}
  .brand{font-family:var(--display);text-transform:uppercase;font-weight:900;font-size:1.02rem;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;color:var(--cobalt);text-decoration:none}
  .brand .dot{width:16px;height:16px;background:var(--red);border:2px solid var(--ink);border-radius:50%;flex:none}
  .nav .links{display:none;gap:22px;align-items:center}
  .nav .links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}
  .nav .links a:hover{color:var(--red)}
  .btn{font-family:var(--body);font-weight:800;border:2.5px solid var(--ink);background:var(--yellow);color:var(--ink);padding:12px 18px;border-radius:2px;box-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink);cursor:pointer;text-decoration:none;display:inline-block;font-size:.95rem;line-height:1;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}
  .btn:hover{transform:translate(-1px,-1px);box-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink),5px 5px 0 var(--ink),6px 6px 0 var(--ink)}
  .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
  .btn.red{background:var(--red);color:#fff}.btn.cobalt{background:var(--cobalt);color:#fff}.btn.ghost{background:transparent;box-shadow:none}
  .hamb{display:inline-flex;flex-direction:column;gap:4px;background:none;border:2.5px solid var(--cobalt);border-radius:2px;padding:9px 8px;cursor:pointer}
  .hamb span{width:20px;height:2.5px;background:var(--cobalt);display:block}
  .menu{display:none;border-top:2px dashed var(--cobalt);padding:10px 20px 16px;background:var(--paper)}
  .menu.open{display:block;animation:menuroll .5s steps(4,end) both;transform-origin:top}
  .menu a{display:block;padding:11px 0;color:var(--ink);text-decoration:none;font-weight:700;border-bottom:1px solid rgba(26,21,16,.12)}
  .talavera{height:42px;background-color:var(--paper);border-top:3px solid var(--cobalt);border-bottom:3px solid var(--cobalt);
    background-image:radial-gradient(circle at 21px 21px, var(--red) 4px, transparent 4.6px),radial-gradient(circle at 21px 21px, transparent 6px, var(--cobalt) 6px, var(--cobalt) 8px, transparent 8.6px),radial-gradient(circle at 0px 21px, var(--green) 3px, transparent 3.6px),radial-gradient(circle at 42px 21px, var(--green) 3px, transparent 3.6px);
    background-size:42px 42px;background-repeat:repeat-x;background-position:center}
  .talavera.y{background-image:radial-gradient(circle at 21px 21px, var(--yellow) 4px, transparent 4.6px),radial-gradient(circle at 21px 21px, transparent 6px, var(--cobalt) 6px, var(--cobalt) 8px, transparent 8.6px),radial-gradient(circle at 0px 21px, var(--red) 3px, transparent 3.6px),radial-gradient(circle at 42px 21px, var(--red) 3px, transparent 3.6px)}
  .divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:34px 20px}
  .divider .rule{height:2px;width:min(120px,22vw);background:var(--cobalt);opacity:.5}
  .divider svg{flex:none}
  section{padding:64px 0;position:relative}
  .kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .kicker .ln{height:3px;width:34px;background:var(--red)}
  .sectlabel{margin-bottom:26px}
  .sectlabel h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.8rem,6.5vw,2.5rem);color:var(--cobalt);text-shadow:none}
  .hero{padding-top:40px;position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(var(--cobalt) 2.4px,transparent 2.9px);background-size:17px 17px;opacity:.09;
    -webkit-mask:radial-gradient(120% 90% at 100% 0,#000,transparent 62%);mask:radial-gradient(120% 90% at 100% 0,#000,transparent 62%)}
  .hero .wrap{position:relative;z-index:1}
  .hero .grid{display:grid;gap:28px;align-items:center}
  .hero .sparkrow{display:flex;gap:14px;margin-bottom:8px}
  .hero h1{font-size:clamp(2.6rem,11vw,3.7rem)}
  .hero .sub{font-size:1.08rem;max-width:33ch;margin:16px 0 22px;color:var(--ink-soft)}
  .runform{border:3px solid var(--ink);background:#fff;border-radius:3px;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt),6px 6px 0 var(--cobalt);padding:16px}
  .runform label{font-weight:800;display:block;margin-bottom:8px;font-size:.98rem}
  .runform .f{display:flex;gap:8px;flex-wrap:wrap}
  .runform input{flex:1;min-width:0;border:2.5px solid var(--ink);border-radius:2px;padding:13px 12px;font-size:1rem;font-family:var(--body);background:var(--paper-2)}
  .heroart{border:3px solid var(--ink);border-radius:6px;box-shadow:1px 1px 0 var(--red),2px 2px 0 var(--red),3px 3px 0 var(--red),4px 4px 0 var(--red),5px 5px 0 var(--red),6px 6px 0 var(--red),7px 7px 0 var(--red),8px 8px 0 var(--red);aspect-ratio:4/5;
    background:radial-gradient(var(--yellow) 2px,transparent 2.4px) 0 0/16px 16px,linear-gradient(150deg,var(--cobalt),var(--green));
    position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
  .heroart .ph{width:100%;text-align:center;background:rgba(26,21,16,.66);color:var(--paper);padding:12px;font-weight:700;font-size:.82rem}
  .heroart .sun{position:absolute;top:14px;right:14px;width:66px;height:66px}
  .pillars .cards{display:grid;gap:16px;grid-template-columns:1fr}
  .card{border:3px solid var(--ink);border-radius:5px;background:#fff;padding:24px;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt),6px 6px 0 var(--cobalt)}
  .card .ic{width:46px;height:46px;margin-bottom:12px}
  .card .tag{display:inline-block;font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;padding:5px 10px;border:2px solid var(--ink);border-radius:2px;margin-bottom:12px}
  .card h3{font-family:var(--display);text-transform:uppercase;font-size:1.5rem;margin-bottom:8px;color:var(--cobalt)}
  .card p{color:var(--ink-soft);font-size:.98rem}
  .c-move .tag{background:var(--red);color:#fff}.c-train .tag{background:var(--cobalt);color:#fff}.c-wealth .tag{background:var(--green);color:#fff}
  .band{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
  .proof{background:var(--cobalt);color:var(--paper);background-image:radial-gradient(rgba(255,255,255,.15) 1.6px,transparent 1.9px);background-size:14px 14px}
  .proof .in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;justify-content:center}
  .proof .lbl{font-family:var(--script);font-style:italic;font-size:1.2rem;color:var(--yellow)}
  .proof .logo{font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--paper);border-radius:2px;padding:7px 12px;font-size:.82rem}
  .work .cards{display:grid;gap:16px;grid-template-columns:1fr}
  .offer{border:3px solid var(--ink);border-radius:5px;background:var(--paper-2);padding:24px;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt),6px 6px 0 var(--cobalt);display:flex;flex-direction:column}
  .offer .who{font-weight:900;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;color:var(--red);margin-bottom:6px}
  .offer h3{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;margin-bottom:10px;line-height:1;color:var(--cobalt)}
  .offer p{color:var(--ink-soft);font-size:.95rem;flex:1}
  .offer .price{font-family:var(--script);font-style:italic;color:var(--green);margin-top:8px}
  .offer .more{margin-top:14px;font-weight:800;color:var(--ink);text-decoration:none}
  .offer .more:hover{color:var(--red)}
  .freeline{margin-top:24px;text-align:center;font-family:var(--script);font-style:italic;font-size:1.3rem;color:var(--red)}
  .email{background:var(--red);color:#fff;text-align:center;background-image:radial-gradient(rgba(255,255,255,.16) 1.6px,transparent 1.9px);background-size:15px 15px}
  .email h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.9rem,7.5vw,2.8rem);color:#fff;text-shadow:none}
  .email p{max-width:36ch;margin:14px auto 20px;font-weight:600}
  .email .f{display:flex;gap:8px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
  .email input{flex:1;min-width:220px;border:2.5px solid var(--ink);border-radius:2px;padding:13px 12px;font-size:1rem;font-family:var(--body)}
  .strip{display:grid;gap:14px;grid-template-columns:1fr}
  .mini{border:2.5px solid var(--ink);border-radius:4px;background:#fff;padding:16px;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt);display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}
  .mini:hover{transform:translate(-1px,-1px);box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt)}
  .mini .b{width:38px;height:38px;flex:none;border:2px solid var(--ink);border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:900}
  .mini b{display:block;font-size:1rem}.mini span{font-size:.82rem;color:var(--ink-soft)}
  .reels{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .reel{flex:0 0 auto;width:172px;aspect-ratio:9/16;border:3px solid var(--ink);border-radius:5px;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt);position:relative;overflow:hidden;scroll-snap-align:start;text-decoration:none;transition:transform .12s steps(2,end);background:linear-gradient(160deg,var(--cobalt),var(--green))}
  .reel:nth-child(2){background:linear-gradient(160deg,var(--red),var(--yellow))}.reel:nth-child(3){background:linear-gradient(160deg,var(--green),var(--cobalt))}.reel:nth-child(4){background:linear-gradient(160deg,var(--yellow),var(--red))}.reel:nth-child(5){background:linear-gradient(160deg,var(--cobalt),var(--red))}
  .reel:nth-child(6){background:linear-gradient(160deg,var(--green),var(--yellow))}
  .reel:hover{transform:translate(-1px,-1px)}
  .reel .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
  .reel .play span{width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:rgba(26,21,16,.3)}
  .reel .cap{position:absolute;left:0;right:0;bottom:0;background:rgba(26,21,16,.72);color:var(--paper);font-size:.72rem;padding:8px 9px;font-weight:700;line-height:1.25}
  .reelnote{margin-top:10px;font-size:.82rem;color:var(--ink-soft);font-style:italic}
  .pod{display:flex;gap:14px;align-items:center;border:3px solid var(--ink);border-radius:5px;background:#fff;box-shadow:1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),1px 1px 0 var(--cobalt),2px 2px 0 var(--cobalt),3px 3px 0 var(--cobalt),4px 4px 0 var(--cobalt),5px 5px 0 var(--cobalt),6px 6px 0 var(--cobalt);padding:14px;margin-top:22px;text-decoration:none;color:var(--ink);transition:transform .12s steps(2,end)}
  .pod:hover{transform:translate(-1px,-1px)}
  .pod .art{width:72px;height:72px;flex:none;border:2.5px solid var(--ink);border-radius:3px;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(rgba(255,255,255,.16) 1.4px,transparent 1.7px),linear-gradient(150deg,var(--green),var(--cobalt));background-size:9px 9px,100% 100%}
  .pod .meta b{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;color:var(--cobalt)}
  .pod .meta span{font-size:.85rem;color:var(--ink-soft)}
  .pod .go{margin-left:auto;font-weight:800;white-space:nowrap;color:var(--red)}
  @media(max-width:520px){.pod .go{display:none}}
  .res{background:var(--paper-2)}
  .res .strip{grid-template-columns:1fr 1fr}
  .res .mini{flex-direction:column;align-items:flex-start;gap:6px}
  .about{background:transparent}
  .about .grid{display:grid;gap:26px;align-items:center}
  .aboutart{border:3px solid var(--ink);border-radius:6px;box-shadow:1px 1px 0 var(--red),2px 2px 0 var(--red),3px 3px 0 var(--red),4px 4px 0 var(--red),5px 5px 0 var(--red),6px 6px 0 var(--red),7px 7px 0 var(--red),8px 8px 0 var(--red);aspect-ratio:1/1;background:radial-gradient(rgba(255,255,255,.16) 2px,transparent 2.3px) 0 0/15px 15px,linear-gradient(150deg,var(--yellow),var(--red));display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
  .aboutart .ph{width:100%;text-align:center;background:rgba(26,21,16,.68);color:var(--paper);padding:12px;font-weight:700;font-size:.82rem}
  .about h2{font-size:clamp(2rem,7vw,2.7rem);color:var(--cobalt);text-shadow:none}
  .about p{margin-top:16px;font-size:1.05rem;max-width:52ch}
  .about .more{margin-top:18px}
  .comm{text-align:center}
  .comm .handle{font-family:var(--display);text-transform:uppercase;color:var(--green);font-size:clamp(1.7rem,6vw,2.3rem);text-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink)}
  .foot{background:var(--cobalt);color:var(--paper);padding:40px 0;border-top:3px solid var(--ink);background-image:radial-gradient(rgba(255,255,255,.1) 1.4px,transparent 1.7px);background-size:13px 13px}
  .foot .row{display:flex;flex-wrap:wrap;gap:18px 30px;justify-content:space-between;align-items:flex-start}
  .foot a{color:var(--paper);text-decoration:none;opacity:.92;font-weight:600}.foot a:hover{opacity:1;color:var(--yellow)}
  .foot .socials{display:flex;gap:16px;flex-wrap:wrap}.foot small{opacity:.65;display:block;margin-top:18px;font-size:.78rem}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:3px solid var(--cobalt)}
  .mbar .btn{flex:1;text-align:center;padding:14px 8px}
  .toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:3px;font-weight:700;box-shadow:1px 1px 0 var(--green),2px 2px 0 var(--green),3px 3px 0 var(--green),4px 4px 0 var(--green),5px 5px 0 var(--green);opacity:0;pointer-events:none;transition:opacity .2s steps(2,end),transform .3s steps(4,end);z-index:70;text-align:center}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .bhb{padding-bottom:78px}
  @media(prefers-reduced-motion:no-preference){
    .reveal{opacity:0}.reveal.in{animation:voxin .5s steps(4,end) both}
    @keyframes voxin{0%{opacity:0;transform:translateY(32px) scale(.93)}55%{opacity:1;transform:translateY(-7px) scale(1.025)}100%{opacity:1;transform:translateY(0) scale(1)}}
    .boil{animation:boil .5s steps(2,end) infinite;transform-origin:center}
    @keyframes boil{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(.7px,-.6px) rotate(-1.4deg)}100%{transform:translate(-.6px,.5px) rotate(1deg)}}
    .wiggle:hover{animation:wig .28s steps(2,end) 3}
    @keyframes wig{0%{transform:rotate(0)}50%{transform:rotate(-7deg)}100%{transform:rotate(6deg)}}
    @keyframes menuroll{0%{opacity:0;transform:translateY(-14px);clip-path:inset(0 0 100% 0)}55%{opacity:1;transform:translateY(4px);clip-path:inset(0 0 0 0)}100%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}
  @media(min-width:820px){
    .nav .links{display:flex}.hamb{display:none}.mbar{display:none}.bhb{padding-bottom:0}
    section{padding:104px 0}
    .hero .grid{grid-template-columns:1.05fr .95fr}
    .hero h1{font-size:clamp(3rem,5.4vw,4.4rem)}
    .pillars .cards{grid-template-columns:repeat(2,1fr)}
    .pillars .card:first-child{grid-column:1 / -1;display:flex;gap:24px;align-items:center}
    .pillars .card:first-child .txt{flex:1}
    .work .cards{grid-template-columns:repeat(3,1fr)}
    .strip{grid-template-columns:repeat(3,1fr)}
    .strip2{grid-template-columns:repeat(2,1fr)}
    .reels{display:grid;grid-template-columns:repeat(6,1fr);overflow:visible}
    .reels .reel{width:auto}
    .res .strip{grid-template-columns:repeat(4,1fr)}
    .about .grid{grid-template-columns:.8fr 1.2fr}
  }
.poster,.sectlabel h2,.about h2{text-shadow:3px 3px 0 var(--yellow)}.email h2{text-shadow:3px 3px 0 var(--cobalt)}
.card,.offer,.mini,.reel,.pod,.heroart,.aboutart,.runform,.btn{border-radius:0}
/* slab: single hard offset shadow — smooth, behind border, border-box aligned, uniform (color=--slab, depth=--sd) */
.card,.mini,.pod,.offer,.runform,.reel,.aboutart,.heroart,.btn{--slab:var(--cobalt);--sd:6px;box-shadow:var(--sd) var(--sd) 0 var(--slab)}
.aboutart,.heroart{--slab:var(--red)} .btn{--slab:var(--ink);--sd:4px}
.card:hover,.mini:hover,.pod:hover,.offer:hover,.reel:hover{--sd:8px;box-shadow:var(--sd) var(--sd) 0 var(--slab)}
.btn:hover{--sd:6px;box-shadow:var(--sd) var(--sd) 0 var(--slab)} .btn:active{--sd:2px;box-shadow:var(--sd) var(--sd) 0 var(--slab)}
.btn.ghost{box-shadow:none}
.comm .handle{text-shadow:2px 2px 0 var(--ink)}
.card::before,.mini::before,.pod::before,.offer::before,.runform::before,.reel::before,.aboutart::before,.btn::before{content:none}
.foot .footgrid{display:grid;gap:26px 30px;grid-template-columns:1fr}.foot .fcol h4{font-family:var(--display);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:var(--yellow);margin:0 0 10px}.foot .fcol a{display:block;padding:4px 0}.foot .fbrand p{max-width:26ch;opacity:.85;margin:10px 0 14px;font-size:.95rem}.foot .fbrand .btn{color:var(--ink)}.foot .fcol span{opacity:.85;display:block;padding:4px 0;font-size:.9rem}.foot .footbottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.foot .footbottom small{opacity:.6}.foot .footbottom a{display:inline;opacity:1}@media(min-width:820px){.foot .footgrid{grid-template-columns:1.5fr 1fr 1fr 1.3fr}}
.heroart{background:#fff;align-items:center}

/* honeypot (spam) — visually removed, present for bots */
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

/* "hey bestie" hero greeting — her Jul 9 ask: a friend's-website hello, visible on load */
.heybestie{position:relative;display:inline-block;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:9px 16px;font-weight:800;font-size:15px;box-shadow:4px 4px 0 var(--ink);margin:0 0 16px;transform:rotate(-2deg)}
.heybestie::after{content:"";position:absolute;left:26px;bottom:-12px;border:8px solid transparent;border-top-color:var(--ink);border-bottom:0}
.heybestie::before{content:"";position:absolute;left:28px;bottom:-7.5px;border:6px solid transparent;border-top-color:#fff;border-bottom:0;z-index:1}

/* ===== Skin 2 "comic furniture" — her Jul 9 note: "comic bookie — I love that so much more" ===== */
/* lotería numbering on the pillar + offer decks */
.pillars .cards{counter-reset:lot}
.pillars .card{counter-increment:lot}
.pillars .card::before{content:"— 0" counter(lot) " —";display:block;font-family:ui-monospace,Menlo,monospace;font-size:.68rem;font-weight:700;letter-spacing:.2em;color:var(--ink-soft);margin-bottom:10px}
.work .cards{counter-reset:lotw}
.work .offer{counter-increment:lotw}
.work .offer .who::before{content:"0" counter(lotw) " · "}
/* sticker energy: gentle alternating tilt, straightens on hover/focus */
@media (prefers-reduced-motion: no-preference){
  .pillars .card,.work .offer,.mini{transition:transform .25s ease,box-shadow .25s ease}
  .pillars .card:nth-child(2),.work .offer:nth-child(2){transform:rotate(-.5deg)}
  .pillars .card:nth-child(3),.work .offer:nth-child(3){transform:rotate(.5deg)}
  .pillars .card:hover,.work .offer:hover,.mini:hover{transform:rotate(0) translateY(-3px);box-shadow:calc(var(--sd) + 2px) calc(var(--sd) + 2px) 0 var(--slab)}
}

/* tactile press — buttons drop onto their slab (motion-gated) */
@media (prefers-reduced-motion: no-preference){
  .btn{transition:transform .12s ease,box-shadow .12s ease}
  .btn:active{transform:translate(4px,4px) scale(.98);box-shadow:1px 1px 0 var(--slab)}
  .heybestie{animation:thunk .4s cubic-bezier(.2,1.4,.4,1) both}
  @keyframes thunk{0%{transform:rotate(-2deg) scale(1.4);opacity:0}100%{transform:rotate(-2deg) scale(1);opacity:1}}
}
/* countdown chip (day granularity, real dates only) */
.chip{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:.64rem;font-weight:700;letter-spacing:.08em;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:2px 8px;margin-left:8px;vertical-align:2px;white-space:nowrap}
/* copy-email */
.copybtn{font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:4px;padding:3px 8px;margin-left:8px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
/* back to top — desktop only (mobile bottom belongs to the sticky CTA bar) */
.top{position:fixed;right:22px;bottom:22px;z-index:30;width:46px;height:46px;border:2.5px solid var(--ink);border-radius:50%;background:#fff;box-shadow:4px 4px 0 var(--ink);font-size:18px;font-weight:800;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--ink)}
.top.show{display:flex}
@media (max-width:860px){.top{display:none !important}}
/* marigold burst on signup (decorative only; toast carries the confirmation) */
.petal{position:fixed;width:11px;height:11px;border-radius:52% 40% 56% 44%;pointer-events:none;z-index:60;opacity:0}
@media (prefers-reduced-motion: no-preference){.petal{animation:fall 1.3s ease-in forwards}}
@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(130px) rotate(230deg)}}

/* header mark — the illustration IS the logo now (optically cropped, no swishes) */
.brand .mark{height:36px;width:auto;display:block}
.brand picture{display:block;flex:none}

/* lotería event cards — art window + number line + name, deck-style */
.lot-ev{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:700px){.lot-ev{grid-template-columns:1fr 1fr}}
.evcard{display:flex;flex-direction:column;text-align:center;text-decoration:none;color:var(--ink);background:#fff;border:3px solid var(--ink);--slab:var(--cobalt);--sd:6px;box-shadow:var(--sd) var(--sd) 0 var(--slab);overflow:hidden}
.evcard .art{display:block;height:210px;border-bottom:3px solid var(--ink);overflow:hidden;background:var(--paper-2)}
.evcard .art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.evcard .no{font-family:ui-monospace,Menlo,monospace;font-size:.66rem;font-weight:700;letter-spacing:.22em;color:var(--ink-soft);padding:12px 0 2px}
.evcard .nm{font-family:var(--display);text-transform:uppercase;font-size:1.2rem;color:var(--cobalt);padding:2px 16px 4px;line-height:1.1}
.evcard .sub{font-size:.9rem;color:var(--ink-soft);padding:0 16px}
.evcard .go{font-weight:800;color:var(--red);padding:10px 16px 16px}
@media (prefers-reduced-motion: no-preference){
  .evcard{transition:transform .25s ease,box-shadow .25s ease}
  .evcard:nth-child(1){transform:rotate(-.5deg)}
  .evcard:nth-child(2){transform:rotate(.5deg)}
  .evcard:hover{transform:rotate(0) translateY(-3px);box-shadow:8px 8px 0 var(--slab)}
}