/* ============================================================
   HEXYEA ENTERTAINMENT — queercore cut-&-paste zine
   Reimagined by Good Website Company. Mobile-first. Loud on purpose.
   ============================================================ */

:root{
  --ink:#0c0c0c;
  --ink-soft:#161616;
  --paper:#f3efe2;
  --paper-2:#e9e3d0;

  --red:#ff2e1f;
  --orange:#ff7a00;
  --yellow:#ffd400;
  --green:#1fc24a;
  --blue:#1f8fff;
  --indigo:#4b34e0;
  --violet:#b026ff;
  --pink:#ff2e88;

  --rainbow:linear-gradient(90deg,var(--red),var(--orange),var(--yellow),var(--green),var(--blue),var(--violet));

  --f-scream:'Archivo Black','Arial Black',sans-serif;  /* ransom / headlines */
  --f-stamp:'Archivo Black','Arial Black',sans-serif;   /* sticker + label stamps */
  --f-spray:'Rubik Spray Paint','Archivo Black',sans-serif;
  --f-marker:'Permanent Marker',Comic Sans MS,cursive;  /* scrawl */
  --f-type:'Special Elite','Courier New',monospace;     /* zine body */

  --wrap:1180px;
  --gut:clamp(1.1rem,4vw,3rem);
  --bd:3px solid var(--ink);
  --pop:6px 6px 0 var(--ink);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--f-type);font-size:clamp(1rem,.97rem + .25vw,1.12rem);
  line-height:1.7;overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
em{font-style:normal;background:var(--yellow);color:#000;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
strong{font-weight:400;border-bottom:3px solid var(--pink)}
::selection{background:var(--pink);color:#fff}

/* ---------- texture overlays ---------- */
.fx-halftone{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.08;
  background-image:radial-gradient(circle,#fff .6px,transparent 1.1px);background-size:4px 4px;mix-blend-mode:overlay}
.fx-copy{position:fixed;inset:-40%;z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:flick 6s steps(5) infinite}
@keyframes flick{0%{transform:translate(0,0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}100%{transform:translate(0,0)}}

/* ---------- shared bits ---------- */
section{position:relative;z-index:3}
.kicker{font-family:var(--f-marker);font-size:clamp(1rem,3vw,1.4rem);color:var(--yellow);transform:rotate(-2deg);margin:0 0 .4rem;letter-spacing:.01em}
.scrawl{font-family:var(--f-marker);color:var(--pink);transform:rotate(-3deg);line-height:1.2}

/* ransom headline — letters become cut-out chips (wrapped by JS) */
.ransom{font-family:var(--f-scream);text-transform:uppercase;line-height:1.34}
.rw{display:inline-block;white-space:nowrap}
.rl{display:inline-block;background:var(--paper);color:var(--ink);padding:.02em .14em;margin:.05em .02em;
  box-shadow:2px 2px 0 rgba(0,0,0,.55);border:1px solid rgba(0,0,0,.25)}
.rl--red{background:var(--red);color:#fff}
.rl--blue{background:var(--blue);color:#fff}
.rl--yellow{background:var(--yellow);color:#000}
.rl--green{background:var(--green);color:#000}
.rl--violet{background:var(--violet);color:#fff}
.rl--pink{background:var(--pink);color:#fff}
.rl--ink{background:var(--ink);color:var(--paper);border-color:rgba(255,255,255,.3)}

.head{font-size:clamp(2rem,6.5vw,4.4rem);margin:0}
.head--xl{font-size:clamp(2.1rem,10vw,8rem)}

.sec-head{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) clamp(1.6rem,4vw,2.6rem)}
.sec-head--right{text-align:right}
.sec-head--right .kicker{display:inline-block}

/* ---------- stickers (buttons) ---------- */
.sticker{display:inline-block;font-family:var(--f-stamp);text-transform:uppercase;font-size:.86rem;letter-spacing:.02em;
  padding:.7em 1.1em;background:var(--paper);color:var(--ink);border:var(--bd);box-shadow:5px 5px 0 var(--ink);
  transform:rotate(-2deg);transition:transform .12s ease, box-shadow .12s ease;cursor:pointer}
.sticker:hover{transform:rotate(1.5deg) translate(-1px,-2px);box-shadow:8px 8px 0 var(--ink)}
.sticker:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.sticker--lg{font-size:1.05rem;padding:.82em 1.35em}
.sticker--sm{font-size:.74rem;padding:.5em .85em;box-shadow:3px 3px 0 var(--ink)}
.sticker--pink{background:var(--pink);color:#fff;border-color:#000;box-shadow:5px 5px 0 #000}
.sticker--yellow{background:var(--yellow);color:#000}
.sticker--ghost{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 rgba(243,239,226,.3)}
.sticker--ghost:hover{background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 rgba(243,239,226,.3)}

/* ---------- tape / staples ---------- */
.tape{position:absolute;width:clamp(64px,12vw,96px);height:26px;z-index:6;
  background:repeating-linear-gradient(90deg,rgba(228,225,205,.5) 0 6px,rgba(210,206,184,.42) 6px 12px);
  box-shadow:0 1px 4px rgba(0,0,0,.35)}
.tape--tl{top:-13px;left:-12px;transform:rotate(-26deg)}
.tape--tr{top:-13px;right:-12px;transform:rotate(22deg)}
.tape--br{bottom:-13px;right:-10px;transform:rotate(-16deg)}
.staple{position:absolute;width:30px;height:9px;z-index:6;border:3px solid #1a1a1a;border-bottom:0;border-radius:2px 2px 0 0;opacity:.7}
.staple--t{top:-5px;left:50%;transform:translateX(-50%) rotate(-3deg)}

/* ---------- zine photos (photocopy / duotone) ---------- */
.zinephoto{position:relative;overflow:hidden;background:#000;border:var(--bd)}
.zinephoto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.zinephoto::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,#000 .8px,transparent 1.3px);background-size:4px 4px;
  mix-blend-mode:multiply;opacity:.5}
.zinephoto--bw img{filter:grayscale(1) contrast(1.55) brightness(1.06)}
.zinephoto--duo img{filter:grayscale(1) contrast(1.4) brightness(1.02)}
.zinephoto--duo::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:var(--rainbow);mix-blend-mode:screen;opacity:.5}
.zinephoto:hover img{transform:scale(1.05)}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:.65rem var(--gut);transition:background .25s, box-shadow .25s, padding .25s}
.nav.is-stuck{background:var(--ink);box-shadow:0 4px 0 var(--pink)}
.brand{display:inline-flex;flex-direction:column;line-height:.8}
.brand__word{font-family:var(--f-scream);font-size:1.5rem;letter-spacing:.02em;color:var(--paper)}
.brand__rule{display:block;height:5px;margin-top:3px;background:var(--rainbow)}
.nav__links{display:none}
.nav__links a{font-family:var(--f-stamp);text-transform:uppercase;font-size:.82rem;letter-spacing:.04em;color:var(--paper)}
.nav__links a:not(.sticker):hover{color:var(--yellow)}
.sticker--book{transform:rotate(-2deg);font-size:.78rem;padding:.5em .9em}
.nav__links a.sticker--book{background:var(--pink);color:#fff;border-color:#000;box-shadow:4px 4px 0 #000}
.nav__links a.sticker--book:hover{box-shadow:6px 6px 0 #000}

.burger{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;z-index:50}
.burger span{width:28px;height:3px;background:var(--paper);transition:transform .3s, opacity .3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.drawer{position:fixed;inset:0;z-index:45;background:var(--ink);display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.2rem;opacity:0;visibility:hidden;transition:opacity .3s;
  background-image:radial-gradient(70% 50% at 50% 30%,rgba(176,38,255,.3),transparent 70%)}
.drawer.is-open{opacity:1;visibility:visible}
.drawer__links{display:flex;flex-direction:column;text-align:center;gap:.1rem}
.drawer__links a{font-family:var(--f-scream);text-transform:uppercase;font-size:clamp(2rem,11vw,3rem);color:var(--paper);padding:.25rem 1rem}
.drawer__links a:nth-child(odd):hover{color:var(--yellow)}
.drawer__links a:nth-child(even):hover{color:var(--pink)}
.drawer__tag{font-family:var(--f-marker);color:var(--yellow);margin-top:2rem;transform:rotate(-2deg)}

/* ============ HERO ============ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:5.2rem var(--gut) 2.4rem;overflow:hidden}
.hero__spray{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__spray i{position:absolute;border-radius:50%;filter:blur(50px);opacity:.45;mix-blend-mode:screen}
.hero__spray i:nth-child(1){width:44vw;height:44vw;left:-6vw;top:6vh;background:radial-gradient(circle,var(--pink),transparent 70%)}
.hero__spray i:nth-child(2){width:40vw;height:40vw;right:-8vw;top:0;background:radial-gradient(circle,var(--blue),transparent 70%)}
.hero__spray i:nth-child(3){width:34vw;height:34vw;left:14vw;bottom:-10vh;background:radial-gradient(circle,var(--green),transparent 70%)}
.hero__spray i:nth-child(4){width:30vw;height:30vw;right:10vw;bottom:-6vh;background:radial-gradient(circle,var(--violet),transparent 70%)}
.hero>*{position:relative;z-index:3}
.hero__kicker{font-family:var(--f-marker);color:var(--yellow);font-size:clamp(1rem,3.4vw,1.5rem);transform:rotate(-1.5deg);margin:0 0 .85rem}
.hero__logo{position:relative;background:var(--paper);padding:clamp(9px,1.6vw,14px);border:var(--bd);box-shadow:10px 10px 0 #000;
  transform:rotate(-3deg);width:min(76vw,360px);margin-bottom:1.2rem}
.hero__logo img{width:100%}
.hero__scream{margin:.2rem 0 1rem;font-size:clamp(2.1rem,8vw,5.4rem)}
.hero__line{font-family:var(--f-type);max-width:38ch;margin:0 auto 1.9rem;color:var(--paper);font-size:clamp(1rem,1.4vw + .6rem,1.25rem)}
.hero__cta{display:flex;flex-wrap:wrap;gap:1.2rem 1.4rem;justify-content:center}
.hero__scroll{font-family:var(--f-marker);color:rgba(243,239,226,.6);margin:2.6rem 0 0;transform:rotate(-1deg);font-size:.95rem}
.hero__scroll span{display:inline-block;animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* ============ TICKER STRIP (static) ============ */
.strip{position:relative;z-index:3;background:var(--ink-soft);padding:1rem 0;overflow:hidden;transform:rotate(-1.2deg);
  margin:-1.2rem 0 0;border-top:6px solid transparent;border-bottom:6px solid transparent;
  border-image:var(--rainbow) 1}
.strip__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em .7em;padding:0 1rem}
.strip__row span{font-family:var(--f-scream);text-transform:uppercase;font-size:clamp(.95rem,2.4vw,1.5rem);color:var(--paper);letter-spacing:.02em}
.strip__row b{color:var(--pink);font-size:clamp(.8rem,2vw,1.2rem)}
.strip__row span:nth-child(4n+1){color:var(--yellow)}
.strip__row span:nth-child(4n+3){color:var(--green)}

/* ============ ABOUT ============ */
.about{padding:clamp(4rem,9vw,7rem) var(--gut)}
.about__grid{max-width:var(--wrap);margin:0 auto;display:grid;gap:clamp(2rem,5vw,3.5rem);grid-template-columns:1fr}
.about__photo{position:relative;width:min(82vw,360px);margin:0 auto;justify-self:center}
.about__photo .zinephoto{transform:rotate(-3deg);aspect-ratio:4/5;box-shadow:var(--pop)}
.scrawl--photo{position:absolute;right:-6px;bottom:-44px;font-size:1.15rem;transform:rotate(-4deg);color:var(--yellow);text-align:right}
.about__zine h2{margin:.2rem 0 1.2rem}
.about__zine p{margin:0 0 1.1rem;max-width:56ch}
.stamps{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.stamps li{font-family:var(--f-stamp);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:var(--ink);
  background:var(--paper);border:2px solid var(--ink);padding:.42em .7em;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}
.stamps li:nth-child(2){background:var(--yellow);transform:rotate(1.5deg)}
.stamps li:nth-child(3){background:var(--green);transform:rotate(-1deg)}
.stamps li:nth-child(4){background:var(--blue);color:#fff;transform:rotate(2deg)}

/* ============ SHOWS (flyer wall) ============ */
.shows{padding:clamp(3rem,7vw,5.5rem) var(--gut);
  background:linear-gradient(180deg,transparent,rgba(176,38,255,.08),transparent)}
.wall{max-width:var(--wrap);margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,2.6rem);grid-template-columns:1fr}
.flyer{position:relative;background:var(--paper);color:var(--ink);border:var(--bd);box-shadow:var(--pop);padding:1.3rem}
.flyer--poster{padding:.7rem;transform:rotate(-2deg)}
.flyer--build{transform:rotate(1.5deg)}
.flyer--red{background:var(--paper);border-top:14px solid var(--red)}
.flyer--blue{background:var(--paper);border-top:14px solid var(--blue)}
.flyer__img{overflow:hidden;border:2px solid var(--ink)}
.flyer__img img{width:100%;transition:transform .5s}
.flyer--poster:hover .flyer__img img{transform:scale(1.03)}
.flyer__scrawl{font-family:var(--f-marker);color:var(--red);font-size:1.3rem;margin:.7rem .2rem 0;transform:rotate(-2deg)}
.flyer__photo{aspect-ratio:16/10;margin-bottom:1rem;box-shadow:4px 4px 0 var(--ink)}
.flyer__tag{font-family:var(--f-stamp);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#fff;
  background:var(--ink);display:inline-block;padding:.35em .6em;margin:0 0 .7rem;transform:rotate(-1deg)}
.flyer__name{font-family:var(--f-scream);text-transform:uppercase;font-size:clamp(1.5rem,4.5vw,2.2rem);line-height:.95;margin:0 0 .6rem}
.flyer__meta{font-family:var(--f-type);font-size:.82rem;color:#333;margin:0 0 .8rem;border-bottom:2px dashed rgba(0,0,0,.3);padding-bottom:.7rem}
.flyer__copy{margin:0;font-size:.95rem;color:#222}
.flyer__stamp{position:absolute;right:-8px;bottom:14px;font-family:var(--f-scream);font-size:1.1rem;color:#fff;background:var(--pink);
  padding:.3em .55em;transform:rotate(8deg);box-shadow:3px 3px 0 var(--ink);border:2px solid var(--ink)}
.shows__note{max-width:var(--wrap);margin:2rem auto 0;text-align:center;font-family:var(--f-marker);color:var(--yellow);font-size:1.15rem;transform:rotate(-.6deg)}
.shows__note a{border-bottom:3px solid var(--pink)}

/* ============ CAST ============ */
.cast{padding:clamp(3rem,7vw,5.5rem) var(--gut)}
.mugs{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.1rem,3vw,1.8rem)}
.mug{margin:0;position:relative}
.mug .zinephoto{aspect-ratio:1/1;box-shadow:var(--pop)}
.mug figcaption{font-family:var(--f-stamp);text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;color:var(--ink);
  background:var(--yellow);border:2px solid var(--ink);display:inline-block;padding:.35em .7em;
  position:absolute;left:8px;bottom:-12px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}
.mug--1{transform:rotate(-2deg)}.mug--2{transform:rotate(1.5deg)}.mug--3{transform:rotate(-1deg)}
.mug--4{transform:rotate(2deg)}.mug--5{transform:rotate(-2.5deg)}
.mug--2 figcaption{background:var(--pink);color:#fff}
.mug--3 figcaption{background:var(--green)}
.mug--4 figcaption{background:var(--blue);color:#fff}
.mug--5 figcaption{background:var(--orange)}
.roster{list-style:none;max-width:var(--wrap);margin:3rem auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1rem}
.roster li{font-family:var(--f-stamp);text-transform:uppercase;font-size:clamp(.9rem,2.4vw,1.25rem);color:var(--paper);
  border:2px solid var(--paper);padding:.3em .7em;transform:rotate(-1.5deg)}
.roster li:nth-child(even){transform:rotate(2deg);color:var(--ink);background:var(--yellow);border-color:var(--ink)}

/* ============ EVIDENCE (collage) ============ */
.evidence{padding:clamp(3rem,7vw,5.5rem) var(--gut)}
.collage{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,2.5vw,1.4rem)}
.snap{margin:0}
.snap .zinephoto{box-shadow:var(--pop);width:100%}
.snap--a{transform:rotate(-2deg)}.snap--b{transform:rotate(1.5deg)}.snap--c{transform:rotate(1deg)}
.snap--d{transform:rotate(-1.5deg)}.snap--e{transform:rotate(2deg)}.snap--f{transform:rotate(-1deg)}
.snap--g{transform:rotate(-2.5deg)}.snap--h{transform:rotate(1.8deg)}
.snap .zinephoto{aspect-ratio:4/5}
.snap--c .zinephoto,.snap--f .zinephoto{aspect-ratio:1/1}
.evidence__credit{max-width:var(--wrap);margin:2rem auto 0;text-align:center;font-family:var(--f-type);font-size:.85rem;color:rgba(243,239,226,.55)}

/* ============ BOOK ============ */
.book{padding:clamp(3.5rem,8vw,6rem) var(--gut)}
.book__sheet{max-width:760px;margin:0 auto;background:var(--paper);color:var(--ink);border:var(--bd);box-shadow:12px 12px 0 #000;
  padding:clamp(1.6rem,5vw,3rem);transform:rotate(-.6deg);position:relative}
.book__sheet .kicker{color:var(--red)}
.book__sheet h2{margin:.1rem 0 1rem}
.book__lead{max-width:52ch;margin:0 0 1.6rem;color:#222}
.book__form{display:grid;grid-template-columns:1fr;gap:1.1rem}
.fib{display:flex;flex-direction:column}
.fib span{font-family:var(--f-stamp);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;color:var(--ink);margin-bottom:.35rem}
.fib input,.fib textarea{font-family:var(--f-type);font-size:1rem;color:var(--ink);background:transparent;
  border:0;border-bottom:3px solid var(--ink);padding:.5rem .2rem;transition:border-color .2s}
.fib input::placeholder,.fib textarea::placeholder{color:#9a9484}
.fib input:focus,.fib textarea:focus{outline:none;border-color:var(--pink)}
.fib textarea{resize:vertical;border:3px solid var(--ink);padding:.6rem}
.book__send{justify-self:start;margin-top:.4rem}
.book__alt{margin:1.4rem 0 0;font-family:var(--f-marker);color:var(--red);font-size:1.1rem;transform:rotate(-1deg)}
.book__alt a{border-bottom:3px solid var(--pink)}

/* ============ JOIN ============ */
.join{padding:clamp(3rem,7vw,5rem) var(--gut)}
.join__inner{max-width:640px;margin:0 auto;text-align:center;background:var(--ink-soft);border:var(--bd);
  border-top:10px solid transparent;border-image:var(--rainbow) 1;padding:clamp(2rem,5vw,3rem);transform:rotate(.5deg)}
.join__title{font-size:clamp(1.9rem,7vw,3.2rem);margin:0 0 .5rem}
.join__sub{font-family:var(--f-type);color:rgba(243,239,226,.7);margin:0 0 1.5rem}
.join__form{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
.join__form input{flex:1 1 240px;font-family:var(--f-type);font-size:1rem;color:var(--ink);background:var(--paper);
  border:var(--bd);padding:.75rem 1rem}
.join__form input::placeholder{color:#9a9484}
.join__form input:focus{outline:none;box-shadow:inset 0 0 0 3px var(--yellow)}

/* ============ FOOTER ============ */
.footer{position:relative;z-index:3;background:var(--ink);padding-top:0}
.footer__rainbow{height:14px;background:var(--rainbow)}
.footer__inner{max-width:var(--wrap);margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--gut);
  display:grid;gap:2.4rem;grid-template-columns:1fr;align-items:center}
.footer__brand{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.footer__logo{width:84px;height:84px;border:var(--bd);box-shadow:5px 5px 0 var(--pink);transform:rotate(-3deg)}
.footer__copy{font-family:var(--f-type);font-size:.9rem;color:rgba(243,239,226,.75);margin:0}
.footer__follow{font-family:var(--f-marker);color:var(--yellow);margin:0 0 .7rem;font-size:1.2rem;transform:rotate(-1deg)}
.social{display:flex;gap:.8rem;flex-wrap:wrap}
.footer__shout{font-family:var(--f-scream);text-transform:uppercase;color:var(--paper);font-size:1rem;margin:1.2rem 0 0;letter-spacing:.02em}
.footer__fine{border-top:3px solid var(--ink-soft);max-width:var(--wrap);margin:0 auto;padding:1.3rem var(--gut);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-family:var(--f-type);font-size:.78rem;color:rgba(243,239,226,.5)}
.footer__fine a{border-bottom:2px solid var(--pink)}

/* ============ REVEAL (stamp-in) ============ */
.reveal{opacity:0;transform:translateY(24px) rotate(-1deg) scale(.96);transition:opacity .5s ease, transform .5s cubic-bezier(.2,1.3,.4,1)}
.reveal.in{opacity:1;transform:none}

/* ============ DESKTOP ============ */
@media (min-width:720px){
  .wall{grid-template-columns:1fr 1fr 1fr;align-items:start}
  .flyer--poster{grid-row:span 1}
  .book__form{grid-template-columns:1fr 1fr}
  .fib--full{grid-column:1 / -1}
  .mugs{grid-template-columns:repeat(5,1fr)}
  .collage{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:760px){
  .about__grid{grid-template-columns:340px 1fr;align-items:center}
  .about__photo{margin:0}
}
@media (min-width:980px){
  .nav__links{display:flex;gap:1.6rem;align-items:center}
  .burger{display:none}
  .footer__inner{grid-template-columns:1fr auto}
  .footer__social{text-align:right}
  .footer__social .social{justify-content:flex-end}
}

/* ============ MOTION-SAFE ============ */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
}