/* Bombassblog: Photo Annual. Spec: design-options/DECISION.md */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* metric-matched fallback (Times New Roman scaled to Instrument Serif's advance widths and ascent/descent),
   so the display-face swap reflows nothing and doesn't create a late, larger LCP candidate */
@font-face{font-family:"Instrument Serif Fallback";font-style:normal;src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Times");size-adjust:81.4%;ascent-override:121.6%;descent-override:38.1%;line-gap-override:0%}
@font-face{font-family:"Instrument Serif Fallback";font-style:italic;src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT"),local("Times-Italic");size-adjust:85.9%;ascent-override:115.3%;descent-override:36.1%;line-gap-override:0%}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-latin-var-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-var-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#12110f;--bg-2:#1c1a17;--line:#302d29;--ink:#efe9de;--ink-2:#cfc7b8;--mute:#a59e91;--accent:#e3a857;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --gutter:clamp(16px,4vw,64px);--gap:clamp(6px,.6vw,10px);--measure:37rem;--wide:1440px;--max:1680px;
  --t-label:.875rem;--t-kicker:.8125rem;--cue:52px;
  --t-body:clamp(1.125rem,1.05rem + .3vw,1.3125rem);
  --t-lede:clamp(1.375rem,1.1rem + 1vw,1.875rem);
  --t-h2:clamp(1.75rem,1.3rem + 1.5vw,2.5rem);
  --t-tile:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);
  --t-chapter:clamp(2.5rem,1.5rem + 4vw,5.5rem);
  --t-title:clamp(3rem,1rem + 7.5vw,9rem);
  --t-mark:clamp(4.5rem,1rem + 17vw,20rem);
  --display:"Instrument Serif","Instrument Serif Fallback","Times New Roman",serif;
  --text:"Newsreader",Georgia,serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--t-body)/1.65 var(--text);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-weight:400}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main:focus{outline:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kicker{display:block;font:600 var(--t-kicker)/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}

/* skip + masthead (a plain bar above the photo, not sticky) */
.skip{position:absolute;left:var(--s2);top:-80px;z-index:50;padding:var(--s3) var(--s4);background:var(--ink);color:var(--bg);font-size:var(--t-label);font-weight:600}
.skip:focus{top:var(--s2)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--gutter);color:var(--ink)}
.is-home .masthead{display:none}
.logo,.foot-mark{font-family:var(--display);text-decoration:none;line-height:1;white-space:nowrap}
.logo{font-size:1.5rem;padding:var(--s2) 0}
.logo i,.foot-mark i,.cover-mark i{font-style:italic;color:var(--accent)}
.masthead-link{font-size:var(--t-label);font-weight:500;letter-spacing:.01em;text-underline-offset:.25em;display:inline-flex;align-items:center;min-height:44px}
.tagline{margin:0;font-size:var(--t-label);font-style:italic}
@media (max-width:767px){.tagline{display:none}}

/* compact wayfinding bar: fixed, solid, shown on scroll-up after ~1 viewport (site.js) or when focused */
.minibar{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);height:52px;padding:0 var(--gutter);background:var(--bg-2);border-bottom:1px solid var(--line);color:var(--ink);transform:translateY(-101%);transition:transform .25s ease-out}
.minibar.on,.minibar:focus-within{transform:none}
.mb-mark{font:400 1.375rem/1 var(--display);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.mb-mark i{font-style:italic;color:var(--accent)}
.mb-top{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:0 var(--s2);font-size:var(--t-label);font-weight:500;text-decoration:none;color:var(--ink-2)}
.mb-top:hover,.mb-top:focus-visible{color:var(--ink)}

/* reading progress: CSS scroll-driven only */
.progress{display:none}
@supports (animation-timeline:scroll()){
  .progress{display:block;position:fixed;inset:0 0 auto;z-index:60;height:2px;background:var(--accent);transform-origin:0 50%;animation:prog linear both;animation-timeline:scroll(root)}
  @keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* ---------------- HOME ---------------- */
/* Photos are never cropped and never have text over them. A .fit box takes the photo's own
   aspect ratio (--a, set inline per image) and is only as wide as fits within --fit-h of height. */
.fit{display:block;aspect-ratio:var(--a);width:min(100%,calc(var(--fit-h,80svh)*var(--a)))}
.fit img{width:100%;height:100%;object-fit:cover}
.cover{max-width:var(--max);margin:0 auto;padding:var(--s5) var(--gutter) 0}
.cover-mark{margin:0 0 .25em;font:400 var(--t-mark)/.85 var(--display);letter-spacing:-.02em;color:var(--ink)}
.cover-mark i{font-size:.5em;margin-left:.04em;letter-spacing:0}
.cover-photo{--fit-h:calc(100svh - 120px);margin-inline:auto}
.cover-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s4) var(--s6);padding-top:var(--s5)}
.cover-link{display:grid;gap:var(--s1);min-height:44px;text-decoration:none;color:var(--ink)}
.cover-title{font:400 var(--t-tile)/1.1 var(--display);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;text-decoration-color:rgb(239 233 222/.55)}
.cover-link:hover .cover-title,.cover-link:focus-visible .cover-title{text-decoration-color:var(--accent)}
.cover-all{display:inline-flex;align-items:center;gap:.5em;min-height:44px;color:var(--ink);font-size:1rem;font-weight:600;letter-spacing:.04em;text-decoration:none}
.cover-all:hover,.cover-all:focus-visible{color:var(--accent)}
.cover-all .cue{display:inline-block;animation:cue 2s ease-in-out infinite}
/* wide screens: wordmark + links beside the photo, so the whole cover fits one screen */
@media (min-width:1024px){
  .cover{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;column-gap:var(--s7);padding-block:var(--s5)}
  .cover-mark{grid-column:1;grid-row:1;align-self:start;font-size:clamp(4.5rem,9vw,11rem)}
  .cover-photo{--fit-h:calc(100svh - 2*var(--s5));grid-column:2;grid-row:1/3;width:min(calc(var(--fit-h)*var(--a)),62vw)}
  .cover-foot{grid-column:1;grid-row:2;flex-direction:column;align-items:start;padding-top:0}
}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){.cover-all .cue{animation:none}}

.issue{max-width:var(--max);margin:0 auto;padding:var(--s9) var(--gutter) var(--s8);display:grid;gap:var(--s7)}
.statement{margin:0;font:400 clamp(2rem,1.2rem + 2.4vw,3.5rem)/1.08 var(--display);text-wrap:balance}
.statement em{color:var(--accent)}
.stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) var(--s5)}
.stats div{border-top:1px solid var(--line);padding-top:var(--s3)}
.stats dt{font:400 clamp(1.6rem,1.2rem + 1.2vw,2.5rem)/1.05 var(--display)}
.stats dd{margin:var(--s1) 0 0;font-size:var(--t-label);font-weight:500;color:var(--mute)}
@media (min-width:768px){.issue{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.statement{grid-column:1/span 7}.stats{grid-column:9/span 4}}

.chapters-nav{max-width:var(--max);margin:0 auto var(--s9);padding:0 var(--gutter);scroll-margin-top:var(--s5)}
.chapters-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s4);border:1px solid var(--line);border-radius:999px;font-size:var(--t-label);font-weight:500;text-decoration:none;white-space:nowrap;color:var(--ink-2)}
.pill:hover,.pill:focus-visible{border-color:var(--accent);color:var(--ink)}
@media (max-width:767px){.chapters-nav{padding:0}.chapters-nav ul{flex-wrap:nowrap;overflow-x:auto;padding:var(--s1) var(--gutter);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent)}}

.chapter{max-width:var(--max);margin:0 auto var(--s9);padding:0 var(--gutter);scroll-margin-top:var(--s5)}
/* off-screen chapters skip layout/paint until near the viewport (home only; trims early work on the slow link) */
.chapter{content-visibility:auto;contain-intrinsic-size:auto 1600px}
.chapter-head{margin-bottom:var(--s6);border-top:1px solid var(--line);padding-top:var(--s5)}
.chapter-head h2{margin:0;font:400 var(--t-chapter)/.95 var(--display);letter-spacing:-.01em}
.numeral{font-style:italic;color:var(--accent);margin-right:.15em}
.chapter-head p{margin:var(--s3) 0 0;font-size:var(--t-label);font-weight:500;color:var(--mute)}

.tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7) calc(var(--gap)*2);align-items:end}
.tile{display:block;text-decoration:none;min-width:0}
.tile-ph{--fit-h:80svh;margin-bottom:var(--s4)}
.tile-f .tile-ph{--fit-h:85svh}
.tile .kicker{margin-bottom:var(--s1)}
.tile-title{display:block;font:400 var(--t-tile)/1.05 var(--display);color:var(--ink)}
.tile-f .tile-title{font-size:clamp(2rem,1.2rem + 2.4vw,3.5rem)}
.tile:hover .tile-title,.tile:focus-visible .tile-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.tile-meta{display:block;margin-top:var(--s2);font-size:var(--t-label);color:var(--mute)}
@media (max-width:767px){.tile .kicker{font-size:var(--t-label)}.tile-meta{font-size:.9375rem}}
@media (min-width:768px){
  .tiles{grid-template-columns:repeat(12,minmax(0,1fr))}
  .tile-f{grid-column:span 12}.tile-2{grid-column:span 6}.tile-3{grid-column:span 4}
  /* a tall feature photo gets its title beside it instead of a wide empty band */
  .tile-f.tall{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto auto;column-gap:var(--s7)}
  .tile-f.tall .tile-ph{grid-row:1/5;margin:0;width:min(calc(var(--fit-h)*var(--a)),60vw)}
  .tile-f.tall>:not(.tile-ph){grid-column:2}
  .tile-f.tall .kicker{grid-row:2}.tile-f.tall .tile-title{grid-row:3}.tile-f.tall .tile-meta{grid-row:4}
}

/* ---------------- POST ---------------- */
.opener{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.hero-ph{--fit-h:calc(100svh - 140px);margin-inline:auto;cursor:zoom-in}
.opener-text{padding:var(--s6) 0 var(--s7)}
.opener h1{margin:var(--s3) 0 0;font:400 var(--t-title)/.92 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:16ch}
.opener .kicker{margin:0;color:var(--accent)}

.meta{margin:0;background:var(--bg-2);padding:var(--s4) var(--gutter);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s1) 0;font-size:var(--t-label);color:var(--ink-2);text-align:center}
.meta strong{font-weight:600;color:var(--ink)}
.meta>span:not(:last-child)::after{content:"·";margin:0 .6em;color:var(--mute)}

.story{padding:var(--s9) 0 var(--s8)}
.prose{max-width:calc(var(--measure) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.prose p{margin:0 0 1em;text-wrap:pretty;hyphens:manual}
.prose .lede{font-size:var(--t-lede);line-height:1.4;color:var(--ink)}
.prose h2{margin:var(--s8) 0 var(--s4);font:400 var(--t-h2)/1.1 var(--display)}
.prose h2::before{content:"";display:block;width:32px;height:2px;background:var(--accent);margin-bottom:var(--s4)}
.prose>:first-child{margin-top:0}
.prose h2 .kicker{margin-bottom:var(--s2)}
.story>*+.prose{margin-top:var(--s8)}

.gallery,.solo,.vid{max-width:calc(var(--wide) + 2*var(--gutter));margin:var(--s8) auto;padding:0 var(--gutter)}
.ph{display:block;cursor:zoom-in;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.plate{aspect-ratio:var(--a);width:100%;margin:0 auto}
.plate.tall{width:min(100%,calc(90svh*var(--a)))}
.gallery .plate+.mosaic{margin-top:var(--gap)}
.mosaic{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);--rh:180px}
@media (min-width:768px){.mosaic{--rh:240px}}
@media (min-width:1200px){.mosaic{--rh:320px}}
.mosaic>a{flex-grow:calc(var(--a)*100);flex-basis:calc(var(--a)*var(--rh));aspect-ratio:var(--a);min-width:0}
.mosaic:not(.row)::after{content:"";flex-grow:1e6}
.mosaic.fill::after{display:none}
.mosaic>.mbr{flex-basis:100%;height:0;margin-top:calc(-1*var(--gap))}
.mosaic.planned>a{flex-basis:0}
.mosaic.planned>a.nat{flex:0 0 calc(var(--a)*var(--rh))}
.mosaic.planned.short::after{display:none}
.mosaic.planned>a.nat1{margin-left:auto}.mosaic.planned>a.nat:last-child{margin-right:auto}
.mosaic.row{flex-wrap:nowrap}
.mosaic.row>a{flex:var(--a) 1 0}
.gal-note{margin:var(--s3) 0 0;font-size:var(--t-label);color:var(--ink-2)}
.solo{margin-block:var(--s8)}
.solo figcaption{margin:var(--s3) auto 0;font-style:italic;font-size:var(--t-label);color:var(--ink-2);text-align:center;max-width:var(--measure)}
.vid{max-width:calc(60rem + 2*var(--gutter))}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;color:var(--ink);text-decoration:none}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s}
.yt:hover img{opacity:1}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:1px solid var(--ink);border-radius:50%;background:rgb(18 17 15/.6)}
.play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:22px solid var(--ink);border-block:14px solid transparent}
.yt-l{position:absolute;left:var(--s4);bottom:var(--s3);font-size:var(--t-label);font-weight:500;text-shadow:0 1px 8px #000}

/* route nav */
.route{max-width:calc(var(--wide) + 2*var(--gutter));margin:0 auto;padding:var(--s8) var(--gutter) 0;border-top:1px solid var(--line);display:grid;gap:var(--s7) calc(var(--gap)*2)}
@media (min-width:768px){.route{grid-template-columns:1fr 1fr}}
.stop{display:block;text-decoration:none;min-width:0}
.stop-ph{--fit-h:60svh;margin-bottom:var(--s4)}
@media (min-width:768px){.stop-next .stop-ph{margin-left:auto}}
.stop-title{display:block;margin-top:var(--s1);font:400 clamp(2rem,1.2rem + 2.4vw,3.5rem)/1.02 var(--display)}
.stop:hover .stop-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
@media (min-width:768px){.stop-next{text-align:right}}
.stop-end{display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--s6);border:1px solid var(--line);background:var(--bg-2)}
@media (min-width:768px){.stop-end{aspect-ratio:auto;height:100%}}
.all-wrap{text-align:center;margin:var(--s8) 0}
.all{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s5);border:1px solid var(--line);border-radius:999px;font-size:var(--t-label);font-weight:500;text-decoration:none}
.all:hover,.all:focus-visible{border-color:var(--accent)}

/* footer */
.foot{border-top:1px solid var(--line);max-width:var(--max);margin:var(--s9) auto 0;padding:var(--s7) var(--gutter) var(--s8);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s4) var(--s7)}
.is-post .foot{margin-top:0}
.foot-mark{font-size:clamp(3rem,1.5rem + 6vw,7rem);line-height:.9}
.foot p{margin:0;font-size:var(--t-label);color:var(--mute);flex:1 1 20rem}
.foot-all{font-size:var(--t-label);font-weight:500;min-height:44px;display:inline-flex;align-items:center}

/* 404 */
.lost{max-width:var(--max);margin:0 auto;padding:calc(120px + var(--s8)) var(--gutter) 0}
.lost h1{margin:0;font:400 var(--t-title)/.92 var(--display);letter-spacing:-.02em}
.lost-line{font-size:var(--t-lede);color:var(--ink-2);margin:var(--s4) 0 var(--s8)}
.contents{display:grid;gap:var(--s6) var(--s7);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin-bottom:var(--s8)}
.contents h2{margin:0 0 var(--s3);font:400 var(--t-h2)/1.1 var(--display);border-top:1px solid var(--line);padding-top:var(--s3)}
.contents ul{list-style:none;margin:0;padding:0;font-size:1rem}
.contents li{padding:var(--s1) 0}
.contents li span{color:var(--mute);font-size:var(--t-label)}

/* ---------------- VIEWER ---------------- */
#viewer{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:#0a0908;color:var(--ink)}
#viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#viewer::backdrop{background:#000}
.v-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s2) var(--gutter);font-size:var(--t-label)}
.v-count{font-variant-numeric:tabular-nums;color:var(--ink-2)}
.v-actions{display:flex;gap:var(--s5);align-items:center}
.v-full{color:var(--ink-2);text-underline-offset:.2em;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.v-full:hover{color:var(--ink)}
.v-close{min-height:44px;min-width:44px;padding:0 var(--s4);border:1px solid var(--line);border-radius:999px;background:none;cursor:pointer;font-size:var(--t-label);font-weight:500}
.v-close:hover{border-color:var(--accent)}
.v-stage{position:relative;min-height:0;display:grid;place-items:center;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;overflow:hidden}
.v-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.v-img.fade{opacity:0;transition:none}
.v-hint{position:absolute;z-index:3;top:var(--s4);left:50%;transform:translateX(-50%);margin:0;padding:var(--s2) var(--s4);border-radius:999px;background:rgb(18 17 15/.78);color:var(--ink);font-size:var(--t-label);font-weight:500;white-space:nowrap;pointer-events:none;transition:opacity .6s}
.v-hint.out{opacity:0}
.v-nav{position:absolute;top:50%;z-index:2;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:1px solid rgb(239 233 222/.4);background:rgb(18 17 15/.6);cursor:pointer;font-size:1.25rem}
.v-nav:hover{border-color:var(--accent)}
.v-prev{left:var(--gutter)}.v-next{right:var(--gutter)}
.v-cap{margin:0;min-height:3em;padding:var(--s2) var(--gutter) var(--s4);text-align:center;font-style:italic;font-size:var(--t-label);color:var(--ink-2)}
.v-toast{position:absolute;z-index:3;left:50%;bottom:var(--s5);transform:translateX(-50%);margin:0;padding:var(--s2) var(--s4);border-radius:999px;background:rgb(18 17 15/.88);border:1px solid var(--line);color:var(--ink);font-size:var(--t-label);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s}
.v-toast.on{opacity:1}
.v-prog{position:absolute;z-index:3;left:0;top:0;width:100%;height:2px;background:var(--accent);transform-origin:0 50%;transition:transform .25s;pointer-events:none}
@media (max-width:767px){.v-toast{bottom:calc(var(--s2) + 60px)}}
@media (max-width:767px){.v-nav{top:auto;bottom:var(--s2);margin:0}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.minibar,.masthead,.route,.all-wrap,#viewer,.progress{display:none}.cover,.opener{height:auto;min-height:0}}