:root{--ink:#111; --paper:#f1eee5;--acid:#dfff00;--cyan:#00d8e8;--pink:#ff4d8d;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.09;background-image:repeating-radial-gradient(circle at 17% 23%,#000 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.topbar{height:68px;border-bottom:var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:sticky;top:0;background:rgba(241,238,229,.94);backdrop-filter:blur(7px);z-index:20}.brand{font-weight:900;font-size:28px;text-decoration:none;letter-spacing:-2px;background:var(--acid);padding:2px 7px;transform:rotate(-2deg)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-weight:800;font-size:13px;text-decoration:none;border-bottom:2px solid transparent}nav a:hover{border-color:var(--pink)}
.hero{min-height:calc(100vh - 68px);position:relative;display:grid;grid-template-columns:56% 44%;border-bottom:var(--line);overflow:hidden}.hero-copy{padding:8vh 0 9vh 5vw;z-index:2}.kicker{font:700 12px/1 monospace;letter-spacing:2px}.hero h1{font-size:clamp(78px,11vw,185px);line-height:.72;letter-spacing:-.085em;margin:6vh 0 5vh;font-weight:900}.manifest{max-width:610px;font-family:Georgia,serif;font-size:clamp(21px,2.2vw,34px);line-height:1.04}.hero-links{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}.hero-links a,.brutal-link,.book-links a{display:inline-block;border:var(--line);background:white;padding:11px 15px;text-decoration:none;font-weight:900;box-shadow:6px 6px 0 var(--ink)}.hero-links a:nth-child(2){background:var(--cyan)}.hero-links a:nth-child(3){background:var(--pink)}.hero-image-wrap{position:relative;background:var(--cyan);border-left:var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{width:160%;max-width:none;transform:translateX(14%) scale(1.05);filter:contrast(1.12)}.stamp{position:absolute;right:5%;bottom:12%;font-weight:900;font-size:clamp(24px,4vw,58px);line-height:.8;border:4px solid var(--ink);padding:13px;background:var(--acid);transform:rotate(8deg)}.crawl{position:absolute;left:-2%;right:-2%;bottom:0;background:var(--ink);color:var(--acid);font:700 14px monospace;padding:9px;white-space:nowrap;transform:rotate(-1deg)}
.section{padding:7vw 5vw;border-bottom:var(--line)}.section-head{display:grid;grid-template-columns:70px 1fr minmax(240px,400px);gap:25px;align-items:end;margin-bottom:65px}.section-head>span{font:900 42px/1 monospace;color:var(--pink)}.section h2{font-size:clamp(52px,8vw,120px);line-height:.72;margin:0;letter-spacing:-.075em}.section-head p{font-family:Georgia,serif;font-size:19px;margin:0}


.prose{background: #dfff00}.prose-grid{display:grid;grid-template-columns:1.35fr .85fr .7fr;align-items:start;gap:4vw}.work{text-decoration:none}.work img{width:100%;border:var(--line);box-shadow:12px 12px 0 var(--ink)}.work.big{max-width:560px}.work.tilt{transform:rotate(3deg);margin-top:12vh}.work div{padding-top:16px}.work b{font-size:18px;display:block}.work span{font:12px monospace}.text-card{border:var(--line);padding:22px;background:var(--acid);transform:rotate(-3deg);margin-top:3vh;box-shadow:8px 8px 0 var(--ink);font-family:Georgia,serif;font-size:19px}.scribble{font-size:90px;font-family:Impact,sans-serif;line-height:.6;color:var(--pink)}

.art{background:#00d8e8}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:2vw;align-items:start}.gallery a{border:var(--line);background:#fff;padding:8px;box-shadow:8px 8px 0 var(--ink)}.gallery a:nth-child(1){grid-column:1/5;transform:rotate(-3deg)}.gallery a:nth-child(2){grid-column:5/9;transform:translateY(8vh) rotate(2deg)}.gallery a:nth-child(3){grid-column:9/13;transform:rotate(-1deg)}.gallery .wide{grid-column:3/11;margin-top:9vh;max-height:580px;overflow:hidden}.brutal-link{margin-top:90px;background:var(--acid)}




.music{
  background:var(--pink);
  color:#111;
}

.music .section-head,
.music .section-head *,
.music .track-info,
.music .track-info *{
  color:#111;
}




.player-shell{border:3px solid #f5f5f5;min-height:240px;display:grid;grid-template-columns:190px 1fr 120px;align-items:center;gap:28px;padding:28px;box-shadow:12px 12px 0 var(--pink)}.disc{width:160px;height:160px;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 11px,#333 12px 13px);border:3px solid #fff;display:grid;place-items:center;font-size:65px;font-weight:900;color:var(--acid);animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track-info small{font:13px monospace;color:var(--cyan)}.track-info strong{display:block;font-size:clamp(28px,4vw,62px);line-height:.9;margin:11px 0}.track-info p{max-width:700px;color:#bbb}.player-shell button{width:88px;height:88px;border-radius:50%;border:3px solid #fff;background:var(--pink);font-size:32px;color:#fff}

.books{background:#8bff58}.covers{display:flex;align-items:flex-start;gap:2vw;padding:10px 10px 35px}.covers a{min-width:180px;text-decoration:none;font-weight:900}.covers img{height:330px;width:auto;border:var(--line);box-shadow:7px 7px 0 var(--ink);transition:.15s}.covers a:nth-child(even){transform:translateY(35px) rotate(2deg)}.covers a:nth-child(odd){transform:rotate(-2deg)}.covers a:hover img{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--pink)}.covers span{display:block;margin-top:13px}.book-links{display:flex;gap:14px;margin-top:65px;flex-wrap:wrap}.book-links a{background:#fff}

.contact{background:#181818;  color:#fff;     display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end}.contact-big{font-size:clamp(65px,11vw,180px);font-weight:900;line-height:.7;letter-spacing:-.08em}.contact-box{background:#fff;border:var(--line);padding:30px;box-shadow:10px 10px 0 var(--ink);transform:rotate(2deg)}.contact-box a{display:block;font-size:21px;font-weight:900;margin-bottom:15px}.contact-box p{font-family:Georgia,serif}footer{background:var(--ink);color:#aaa;display:flex;justify-content:space-between;padding:25px 5vw;font:12px monospace}   .contact-box,.contact-box a{color:#111;}  
@media(max-width:850px){.topbar{height:auto;padding:14px 4vw;align-items:flex-start}.brand{font-size:22px}nav{justify-content:flex-end;gap:10px;max-width:65%}.hero{grid-template-columns:1fr}.hero-copy{padding:10vh 5vw 7vh}.hero-image-wrap{min-height:48vh;border-left:0;border-top:var(--line)}.hero h1{font-size:20vw}.hero-image{width:200%;transform:translateX(20%)}.section{padding:70px 5vw}.section-head{grid-template-columns:45px 1fr}.section-head p{grid-column:2}.prose-grid{grid-template-columns:1fr}.work.big,.work.tilt{max-width:520px}.work.tilt{margin:30px 0 0 14vw}.text-card{max-width:480px;margin-left:auto}.gallery a:nth-child(1){grid-column:1/7}.gallery a:nth-child(2){grid-column:7/13}.gallery a:nth-child(3){grid-column:2/8;margin-top:8vh}.gallery .wide{grid-column:5/13}.player-shell{grid-template-columns:1fr;text-align:center}.disc{margin:auto}.player-shell button{margin:auto}.contact{grid-template-columns:1fr}.contact-box{max-width:500px}footer{gap:20px;flex-direction:column}}
@media(max-width:520px){nav a{font-size:10px}.hero h1{font-size:23vw}.manifest{font-size:21px}.section-head{display:block}.section-head>span{display:block;margin-bottom:12px}.section-head p{margin-top:22px}.gallery{display:block}.gallery a,.gallery a:nth-child(n){display:block;margin:0 0 28px;transform:none}.work.tilt{margin-left:6vw}.covers img{height:280px}.contact-big{font-size:22vw}.noise{display:none}}

/* ===== HERO V2: avatar on divider + section tiles ===== */
.compact-topbar{height:54px}.compact-topbar .top-note{font:700 11px/1 monospace;letter-spacing:1.5px;text-transform:uppercase}.hero-v2{min-height:calc(100vh - 54px);grid-template-columns:62% 38%;overflow:hidden}.hero-v2 .hero-copy{padding:8vh 8vw 11vh 5vw;display:flex;flex-direction:column;justify-content:center}.hero-v2 .hero-copy h1{font-size:clamp(82px,10vw,170px);margin:5vh 0 4vh}.hero-micro{margin-top:28px;font:700 12px/1.4 monospace;letter-spacing:1px}

.hero-divider{
  display:none;
}

.avatar-on-line{position:absolute;left:62%;top:50%;z-index:12;width:clamp(145px,15vw,235px);aspect-ratio:1/1;transform:translate(-50%,-50%) rotate(-2deg);border:4px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);overflow:hidden}.avatar-on-line img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:contrast(1.08)}.avatar-on-line span{position:absolute;left:8px;bottom:8px;background:var(--acid);border:2px solid var(--ink);padding:5px 7px;font:900 13px/.9 Arial,sans-serif;transform:rotate(-2deg)}
.tile-nav{grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:0;height:100%;min-height:calc(100vh - 54px);background:#fff}.tile-nav .tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:24px 20px 22px;text-decoration:none;border-left:var(--line);border-bottom:var(--line);overflow:hidden;transition:transform .12s ease,filter .12s ease}.tile-nav .tile:nth-child(odd){border-left:0}.tile-nav .tile span{position:absolute;top:12px;left:14px;font:900 12px/1 monospace}.tile-nav .tile strong{font-size:clamp(27px,3.2vw,58px);line-height:.78;letter-spacing:-.06em}.tile-nav .tile small{font:700 11px/1.2 monospace;margin-top:10px}.tile-nav .tile:hover{z-index:3;transform:scale(1.025) rotate(-1deg);filter:contrast(1.1)}.tile-prose{background:var(--acid)}.tile-art{background:var(--cyan)}.tile-music{background:#181818;color:#fff}.tile-zhukh{background:var(--pink)}.tile-books{background:#fff}.tile-contact{background:#d9d3c7}.tile-zhukh strong{transform:rotate(-4deg);transform-origin:left bottom}.hero-v2 .crawl{z-index:15}

@media(max-width:850px){.compact-topbar{height:50px;align-items:center}.compact-topbar .top-note{display:none}.hero-v2{display:block;min-height:auto}.hero-v2 .hero-copy{min-height:66vh;padding:10vh 5vw 12vh}.hero-v2 .hero-copy h1{font-size:20vw}.hero-divider{top:66vh;left:0;right:0;bottom:auto;width:100%;height:3px}.avatar-on-line{left:50%;top:66vh;width:155px;transform:translate(-50%,-50%) rotate(-2deg)}.tile-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto;min-height:0;padding-top:92px}.tile-nav .tile{min-height:145px;border-left:var(--line);border-bottom:var(--line)}.tile-nav .tile:nth-child(odd){border-left:0}.tile-nav .tile strong{font-size:clamp(30px,9vw,52px)}.hero-v2 .crawl{position:relative;left:auto;right:auto;bottom:auto;transform:none}}
@media(max-width:520px){.hero-v2 .hero-copy{min-height:60vh;padding-bottom:13vh}.hero-divider,.avatar-on-line{top:60vh}.avatar-on-line{width:138px}.tile-nav{padding-top:82px}.tile-nav .tile{min-height:128px;padding:18px 14px 16px}.tile-nav .tile strong{font-size:10vw}.tile-nav .tile small{font-size:9px}}

/* ===== SECTION TILE NAV: scoped, does not change the hero ===== */
.section-mini-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  width:calc(100% + 10vw);
  margin:-7vw -5vw 64px;
  border-bottom:var(--line);
  flex-wrap:nowrap;
}
.section-mini-nav a{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
  min-height:118px;
  padding:18px 15px 15px;
  text-decoration:none;
  border-right:var(--line);
  border-bottom:0;
  overflow:hidden;
}
.section-mini-nav a:last-child{border-right:0}
.section-mini-nav a:hover{border-bottom:0;filter:contrast(1.08)}
.section-mini-nav a>span{
  position:absolute;
  top:10px;
  left:12px;
  font:900 11px/1 monospace;
}
.section-mini-nav a>strong{
  display:block;
  font-size:clamp(21px,2.1vw,38px);
  line-height:.78;
  letter-spacing:-.055em;
}
.section-mini-nav a>small{
  display:block;
  margin-top:8px;
  font:700 9px/1.15 monospace;
}
.section-mini-nav .mini-prose{background:var(--acid);color:var(--ink)}
.section-mini-nav .mini-art{background:var(--cyan);color:var(--ink)}
.section-mini-nav .mini-music{background:#181818;color:#fff}
.section-mini-nav .mini-zhukh{background:var(--pink);color:var(--ink)}
.section-mini-nav .mini-books{background:#fff;color:var(--ink)}
.section-mini-nav .mini-contact{background:#d9d3c7;color:var(--ink)}
.section-mini-nav .mini-zhukh>strong{transform:rotate(-3deg);transform-origin:left bottom}

@media(max-width:850px){
  .section-mini-nav{
    width:calc(100% + 10vw);
    margin:-70px -5vw 50px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .section-mini-nav a{min-height:100px;border-bottom:var(--line)}
  .section-mini-nav a:nth-child(3n){border-right:0}
  .section-mini-nav a:nth-last-child(-n+3){border-bottom:0}
  .section-mini-nav a>strong{font-size:clamp(24px,6vw,38px)}
}
@media(max-width:520px){
  .section-mini-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:-70px -5vw 44px}
  .section-mini-nav a{min-height:90px;padding:15px 11px 12px}
  .section-mini-nav a:nth-child(3n){border-right:var(--line)}
  .section-mini-nav a:nth-child(even){border-right:0}
  .section-mini-nav a:nth-last-child(-n+3){border-bottom:var(--line)}
  .section-mini-nav a:nth-last-child(-n+2){border-bottom:0}
  .section-mini-nav a>strong{font-size:8vw}
  .section-mini-nav a>small{font-size:8px}
}

/* ===== SECTION HEIGHT ===== */
.section{
  min-height:100vh;
}

/* ===== PROSE: responsive book grid, no horizontal overflow ===== */
.prose-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.5vw,38px);
  width:100%;
  max-width:100%;
  align-items:start;
}

.prose-grid > *{
  min-width:0;
  max-width:100%;
}

.prose-grid .work,
.prose-grid .work.big,
.prose-grid .work.tilt{
  width:100%;
  max-width:none;
  margin-top:0;
}

.prose-grid .work.tilt{
  transform:none;
}

.prose-grid .work img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

@media(max-width:1050px){
  .prose-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .prose-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .prose-grid{
    grid-template-columns:1fr;
  }
}


/* ===== PROSE: books + audiobook column ===== */
.prose-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);
  gap:clamp(34px,5vw,80px);
  align-items:start;
  width:100%;
  max-width:100%;
}

.prose-books{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,3vw,44px);
  min-width:0;
}

.book-card{
  min-width:0;
}

.book-card .work{
  display:block;
  width:100%;
  text-decoration:none;
}

.book-card .work img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:var(--line);
  box-shadow:12px 12px 0 var(--ink);
}

.book-meta{
  padding-top:16px;
}

.book-meta>b{
  display:block;
  font-size:18px;
  line-height:1.05;
}

.book-meta>span{
  display:block;
  margin-top:6px;
  font:12px monospace;
}

.book-downloads{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}

.book-downloads a{
  display:inline-block;
  padding:8px 10px;
  border:2px solid var(--ink);
  background:var(--acid);
  color:var(--ink);
  text-decoration:none;
  font:900 11px/1 monospace;
}

.book-downloads a:hover{
  background:var(--pink);
}

.audio-books{
  min-width:0;
  border:var(--line);
  background:#fff;
  box-shadow:10px 10px 0 var(--ink);
  padding:clamp(18px,2vw,28px);
}

.audio-books h3{
  margin:0 0 28px;
  font-size:clamp(27px,3vw,46px);
  line-height:.85;
  letter-spacing:-.05em;
}

.audio-item{
  display:flex;
  flex-direction:column;
  gap:11px;
  padding:20px 0;
  border-top:2px solid var(--ink);
}

.audio-item:first-of-type{
  border-top:0;
  padding-top:0;
}

.audio-item b{
  font-size:14px;
  line-height:1.05;
}

.audio-item audio{
  display:block;
  width:100%;
  max-width:100%;
}

@media(max-width:1050px){
  .prose-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);
    gap:34px;
  }
}

@media(max-width:800px){
  .prose-layout{
    grid-template-columns:1fr;
  }

  .audio-books{
    width:100%;
    max-width:620px;
  }
}

@media(max-width:560px){
  .prose-books{
    grid-template-columns:1fr;
  }

  .book-card .work img{
    box-shadow:8px 8px 0 var(--ink);
  }
}


/* ===== AUDIOBOOK PLAYER ===== */

.audio-item{
    margin-bottom:24px;
}

.audio-name{
    margin-bottom:8px;
    font-weight:900;
    font-size:18px;
}

.audio-player{
    display:grid;
    grid-template-columns:
        42px
        auto
        minmax(120px,1fr)
        52px
        42px;

    gap:10px;
    align-items:center;

    width:min(100%,620px);

    border:3px solid #111;
    background:#fff;

    padding:8px 10px;
}

.audio-play,
.audio-speed{
    appearance:none;
    border:0;
    background:none;
    color:#111;
    padding:0;
    font-weight:900;
    cursor:pointer;
}

.audio-play{
    font-size:20px;
}

.audio-speed{
    font-size:14px;
}

.audio-time{
    white-space:nowrap;
    font:12px monospace;
}

.audio-progress{
    width:100%;
    min-width:0;
    cursor:pointer;
}

.audio-download{
    display:flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    text-decoration:none;
    font-size:22px;
    font-weight:900;

    color:#111;
}

.audio-download:hover,
.audio-speed:hover,
.audio-play:hover{
    color:var(--pink);
}

@media(max-width:600px){

    .audio-player{
        grid-template-columns:
            36px
            auto
            minmax(70px,1fr)
            44px
            34px;

        gap:6px;
        padding:7px;
    }

    .audio-time{
        font-size:10px;
    }

}




/* ===== GLOBAL FIXED CATEGORY BAR + HERO PHOTO ===== */
body{
  padding-top:54px;
}

.global-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  height:54px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin:0;
  max-width:none;
  border-bottom:var(--line);
  background:#fff;
}

.global-nav a{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-width:0;
  height:54px;
  padding:9px 10px 7px;
  border-right:var(--line);
  border-bottom:0;
  text-decoration:none;
  overflow:hidden;
}

.global-nav a:last-child{border-right:0}
.global-nav a:hover{filter:contrast(1.08);border-bottom:0}
.global-nav a span{
  position:absolute;
  top:6px;
  left:8px;
  font:900 9px/1 monospace;
}
.global-nav a strong{
  font-size:clamp(12px,1.45vw,24px);
  line-height:.8;
  letter-spacing:-.045em;
  white-space:nowrap;
}
























.global-nav .global-prose{background:#dfff00;color:var(--ink)}
.global-nav .global-art{background:var(--cyan);color:var(--ink)}
.global-nav .global-music{background:var(--pink);color:var(--ink)}
.global-nav .global-zhukh{background:#f1eee5;color:var(--ink)}
.global-nav .global-books{background:#8bff58;color:var(--ink)}
.global-nav .global-contact{background:var(--ink);color:#fff}

/* hero: text left, modest photo right */
.hero-v2{
  min-height:calc(100vh - 54px);
  grid-template-columns:62% 38%;
}
.hero-photo{
  grid-column:2;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6vh 5vw 8vh;
}

.hero-photo img{
  width:clamp(170px,20vw,310px);
  max-height:58vh;
  object-fit:contain;

  border:0;
  box-shadow:none;
  background:transparent;
}

/* 1-2 books stay large; from the 3rd onward books become 3 across */
.prose-books:has(.book-card:nth-child(3)){
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

@media(max-width:850px){
  body{padding-top:48px}
  .global-nav{height:48px}
  .global-nav a{height:48px;padding:8px 5px 6px}
  .global-nav a span{font-size:7px;top:5px;left:5px}
  .global-nav a strong{font-size:clamp(9px,2.4vw,17px)}
  .hero-v2{display:grid;grid-template-columns:1fr;min-height:auto}
  .hero-v2 .hero-copy{min-height:62vh;padding:8vh 5vw 8vh}
  .hero-divider{display:none}
  .hero-photo{grid-column:1;padding:35px 5vw 70px;border-top:0;justify-content:flex-end}
  .hero-photo img{width:clamp(155px,35vw,260px);max-height:42vh}
  .section{scroll-margin-top:48px}
}

@media(max-width:560px){
  .global-nav a span{display:none}
  .global-nav a strong{font-size:clamp(8px,2.55vw,13px)}
  .prose-books:has(.book-card:nth-child(3)){
    grid-template-columns:1fr;
    gap:clamp(22px,3vw,44px);
  }
}

/* ===== PROSE DEMO COVERS: visual language of WORK section ===== */
.prose-books{
  align-items:start;
}

/* book previews are compact cover demos, not giant panels */
.book-card .work{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  transform-origin:center bottom;
  transition:transform .15s ease;
}

.book-card .work img{
  width:auto;
  height:330px;
  max-width:100%;
  object-fit:contain;
  border:var(--line);
  box-shadow:7px 7px 0 var(--ink);
  transition:transform .15s ease, box-shadow .15s ease;

  margin-bottom:8px;
}

/* наклонённым книгам больше воздуха снизу */
.book-card:nth-child(even) .work img{
  margin-bottom:24px;
}

.book-card:nth-child(even) .work{
  transform:translateY(24px) rotate(2deg);
}

.book-card .work:hover img{
  transform:translate(-4px,-4px);
  box-shadow:12px 12px 0 var(--pink);
}

.book-meta{
  padding-top:18px;
}

/* Keep three previews across once there are three or more; further books wrap downward. */
.prose-books:has(.book-card:nth-child(3)){
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 18px;
}

@media(max-width:1050px){
  .book-card .work img{height:285px}
}

@media(max-width:800px){
  .book-card .work img{height:310px}
}

@media(max-width:560px){
  .book-card:nth-child(odd) .work,
  .book-card:nth-child(even) .work{transform:none}
  .book-card .work img{height:auto;max-height:380px}
  .prose-books:has(.book-card:nth-child(3)){grid-template-columns:1fr}
}


/* ===== PROSE BOOK META + REAL DOWNLOADS ===== */
.book-card{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.book-meta{
  width:min(100%,230px);
  padding-top:18px;
  align-self:center;
}

.book-downloads a{
  background:#ffd400;
}

.book-downloads a:hover{
  background:#ff4f9a;
}

.book-downloads a.file-missing{
  display:none;
}


/* ==== v19: mobile page width and exposed-edge colour (10 October 2026) ==== */
@media (max-width:850px){
  html, body { width:100%; min-width:0; max-width:100%; }
  html, body { background:var(--page-edge-color, var(--paper)); }
  main { width:100%; min-width:0; max-width:100%; margin:0; }
  main > section { box-sizing:border-box; width:100%; min-width:0; max-width:100%; margin-left:0; margin-right:0; }
  .hero-v2 { grid-template-columns:minmax(0,1fr); }
  .hero-v2 .hero-copy, .hero-v2 .hero-photo { min-width:0; max-width:100%; }
  .hero-v2 .hero-copy { overflow-wrap:anywhere; }
  .hero-v2 .hero-photo { border-top:0; }
  .contact { grid-template-columns:minmax(0,1fr); }
  .contact > * { min-width:0; max-width:100%; overflow-wrap:anywhere; }
  .contact .contact-box a { overflow-wrap:anywhere; }
}
/* Keep the main title in its original two-line layout on narrow screens. */
@media (max-width:520px) {
  .hero-v2 .hero-copy h1 { font-size:17vw; white-space:nowrap; }
}

/* ==== v20: the five edition documents wrap like the design covers above ==== */
#books .covers {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(24px,3vw,42px) clamp(12px,1.5vw,24px);
  align-items:start;
  width:100%;
  max-width:100%;
  padding:10px 8px 35px;
}
#books .covers > a {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  min-width:0;
  max-width:100%;
  transform:none;
}
#books .covers > a img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:360px;
  object-fit:contain;
  margin:0 auto;
}
#books .covers > a span {
  display:block;
  width:100%;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media (max-width:1100px) {
  #books .covers {grid-template-columns:repeat(3,minmax(0,1fr));}
  #books .covers > a {transform:none;}
}
@media (max-width:620px) {
  #books .covers {grid-template-columns:repeat(2,minmax(0,1fr));}
  #books .covers > a img {max-height:300px;}
}

@media (min-width:801px) and (max-width:1450px) {
  .audio-player {
    grid-template-areas:
      "play time speed download"
      "seek seek seek seek";
    grid-template-columns:32px minmax(0,1fr) 43px 34px;
    gap:8px;
    padding:8px 7px;
    min-width:0;
  }
  .audio-play {grid-area:play;}
  .audio-time {grid-area:time;}
  .audio-progress {grid-area:seek;}
  .audio-speed {grid-area:speed;}
  .audio-download {grid-area:download;}
}



.hero-v2 { background: #f1eee5 !important; }