@font-face{font-family:'Atkinson Hyperlegible';font-weight:400;font-display:swap;src:url(fonts/atkinson-hyperlegible-400-latin.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:'Atkinson Hyperlegible';font-weight:400;font-display:swap;src:url(fonts/atkinson-hyperlegible-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:700;font-display:swap;src:url(fonts/atkinson-hyperlegible-700-latin.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:'Atkinson Hyperlegible';font-weight:700;font-display:swap;src:url(fonts/atkinson-hyperlegible-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Spectral';font-weight:600;font-display:swap;src:url(fonts/spectral-600-latin.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:'Spectral';font-weight:600;font-display:swap;src:url(fonts/spectral-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Kalam';font-weight:400;font-display:swap;src:url(fonts/kalam-400-latin.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:'Kalam';font-weight:400;font-display:swap;src:url(fonts/kalam-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --cover:#133f47;--cover-d:#0d2f35;--cover-ink:#e8e1cb;--cover-ink-2:#bfd6d1;
  --paper:#f6f3ea;--paper-2:#ece6d6;--rule:#cdd3c7;
  --ink:#1f2a2c;--ink-2:#4b5759;
  --pen:#172e72;--stamp:#5b3d8f;
  --green:#2e6f48;--blue:#2c5a9e;--red:#a8382a;
  --serif:'Spectral',Georgia,serif;--sans:'Atkinson Hyperlegible',system-ui,sans-serif;--hand:'Kalam','Comic Sans MS',cursive;
  --pad:clamp(1.15rem,4.6vw,3.4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:400 1.0625rem/1.55 var(--sans);color:var(--ink);background-color:var(--cover);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 .5H8M0 4.5H8' stroke='rgba(0,0,0,.2)' stroke-width='1'/%3E%3Cpath d='M.5 0V8M4.5 0V8' stroke='rgba(255,255,255,.045)' stroke-width='1'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:#c9d6ef;color:var(--ink)}
.cover-top ::selection,.cover-foot ::selection{background:var(--cover-ink);color:var(--cover)}
a{color:var(--pen);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--pen);outline-offset:3px;border-radius:3px}
.cover-top :focus-visible,.cover-foot :focus-visible,.sticky :focus-visible{outline-color:var(--cover-ink)}
img{display:block;max-width:100%;height:auto}
.skip{position:absolute;left:-999px;top:.5rem;z-index:30;background:var(--paper);color:var(--ink);padding:.6rem .9rem;border-radius:4px}
.skip:focus{left:.5rem}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
li{text-wrap:pretty}

/* Desky průkazu: hlavička a patička */
.cover-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem var(--pad);background:var(--cover);
  background-image:inherit;box-shadow:0 2px 10px rgba(5,22,26,.35)}
.brand{display:flex;flex-direction:column;color:var(--cover-ink);text-decoration:none;line-height:1.15}
.brand-name{font-family:var(--serif);font-weight:600;font-size:1.1rem;letter-spacing:.01em}
.brand-sub{font-size:.875rem;color:var(--cover-ink-2);letter-spacing:.04em}
.call{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border-radius:6px;background:var(--cover-ink);color:var(--cover);font-weight:700;text-decoration:none}
.call:hover{background:#fff8e3}

/* Kniha: stránky na plátně */
.book{max-width:1200px;margin:0 auto;padding:.6rem .6rem 1.2rem}
.spread{position:relative;background:var(--paper);border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 18px rgba(4,18,22,.42);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='36' viewBox='0 0 240 36'%3E%3Cg fill='none' stroke='%23b9cbbf' stroke-width='.55' opacity='.55'%3E%3Cpath d='M0 18 C30 4 60 4 90 18 S150 32 180 18 S240 4 270 18'/%3E%3Cpath d='M-30 18 C0 32 30 32 60 18 S120 4 150 18 S210 32 240 18'/%3E%3Cpath d='M0 18 C20 10 40 26 60 18 S100 10 120 18 S160 26 180 18 S220 10 240 18'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 36px;background-repeat:repeat-x;background-position:0 0}
.spread+.spread{margin-top:.6rem}
.page{padding:calc(var(--pad) + .4rem) var(--pad) var(--pad)}
.page-r{padding-top:0}
.field{display:block;font-size:.85rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.hand{font-family:var(--hand);color:var(--pen);font-weight:400;-webkit-text-stroke:.022em currentColor}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.55rem 1.15rem;border-radius:6px;background:var(--cover);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--cover);transition:background-color .2s,color .2s}
.btn:hover{background:var(--cover-d);border-color:var(--cover-d)}
.btn-line{background:transparent;color:var(--cover)}
.btn-line:hover{background:var(--paper-2);color:var(--cover-d);border-color:var(--cover-d)}
.cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.sec-lead{margin-top:.7rem;max-width:36rem;color:var(--ink-2)}
h2{font-size:clamp(1.85rem,7.2vw,2.75rem)}

/* Úvod */
.hero h1{font-size:clamp(2.05rem,9.4vw,3.6rem);max-width:13ch}
.hero .lead{margin-top:.8rem;max-width:34rem;color:var(--ink-2)}
.pet{position:relative;margin:1.5rem 0 0;width:min(62%,15rem)}
.pet .field{margin-bottom:.45rem}
.photo{position:relative;padding:.45rem;background:#fff;box-shadow:0 2px 3px rgba(31,42,44,.18),0 8px 18px rgba(31,42,44,.14)}
.pet .photo{transform:rotate(-1.6deg)}
.photo img{width:100%;height:auto;aspect-ratio:var(--ar,32/38);object-fit:cover;background:var(--paper-2)}
.pc{position:absolute;width:1.55rem;height:1.55rem;background:#2b2b29}
.pc-tl{left:-.15rem;top:-.15rem;clip-path:polygon(0 0,100% 0,0 100%)}
.pc-tr{right:-.15rem;top:-.15rem;clip-path:polygon(0 0,100% 0,100% 100%)}
.pc-bl{left:-.15rem;bottom:-.15rem;clip-path:polygon(0 0,100% 100%,0 100%)}
.pc-br{right:-.15rem;bottom:-.15rem;clip-path:polygon(100% 0,100% 100%,0 100%)}
.stamp{position:absolute;right:-42%;bottom:-.9rem;display:flex;flex-direction:column;align-items:center;padding:.45rem .7rem;border:2.5px solid var(--stamp);outline:1px solid var(--stamp);outline-offset:2px;border-radius:3px;
  color:var(--stamp);text-transform:uppercase;line-height:1.2;transform:rotate(-6deg);mix-blend-mode:multiply;opacity:.86;filter:url(#ink);pointer-events:none}
.st-1{font-family:var(--serif);font-weight:600;font-size:.78rem;letter-spacing:.06em}
.st-2,.st-3{font-weight:700;font-size:.66rem;letter-spacing:.08em}
.record{position:relative}
.hero .record{margin-top:1.9rem;padding-top:.9rem;border-top:1px solid var(--rule)}
.hours-today{margin-top:.15rem;font-size:clamp(1.9rem,8.6vw,2.7rem);line-height:1.2;display:flex;flex-wrap:wrap;column-gap:1.1rem}
.hours-today .blk{position:relative;white-space:nowrap}
.hours-today .blk.is-now::after{content:"";position:absolute;left:-.1em;right:-.1em;bottom:.02em;height:.32em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C25 3 50 10 75 6 S110 4 118 7' fill='none' stroke='%23172e72' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hours-today .blk.is-past{color:#3e4d84;text-decoration:line-through;text-decoration-thickness:.07em;text-decoration-color:rgba(23,46,114,.6)}
.hours-today.is-closed{color:#2b3c78}
.hand-note{margin-top:.35rem;font-size:1rem;color:var(--ink-2)}
.now{margin-top:.75rem;font-weight:700;font-size:1.08rem}
.now.is-open{color:var(--green)}
.now.is-holiday{color:var(--red)}
.cta-sub{margin-top:.85rem;font-size:1rem;color:var(--ink-2)}
.js .hours-today.write{animation:write .9s cubic-bezier(.16,1,.3,1) both}
@keyframes write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* S čím přicházíte */
.reasons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.reason{font:700 1rem/1.2 var(--sans);color:var(--ink);background:#fffdf7;border:1.5px solid #b7bfb3;border-radius:999px;padding:.6rem .95rem;min-height:44px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.reason:hover{border-color:var(--cover);background:#fff}
.reason[aria-pressed="true"]{background:var(--cover);border-color:var(--cover);color:#fff}
.visit-rec{padding-top:.9rem;border-top:1px solid var(--rule)}
@media (max-width:959.98px){.visit .page-r{padding-top:1.6rem}}
.slot{min-height:4.6rem;margin:.6rem 0 .4rem;display:flex;align-items:flex-start}
.sticker{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;position:relative;min-width:12rem;max-width:100%;padding:0 .8rem .45rem;background:#fffefa;border-radius:4px;
  box-shadow:0 1px 1px rgba(31,42,44,.22),0 3px 8px rgba(31,42,44,.14);font-family:var(--sans);line-height:1.25;overflow:hidden}
.sticker b{display:block;margin:0 -.8rem .3rem;padding:.3rem .8rem .28rem;width:calc(100% + 1.6rem);font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--c,var(--green))}
.sticker>span{font-size:1rem;font-weight:700;color:var(--ink)}
.s-green{--c:var(--green)}.s-blue{--c:var(--blue)}.s-red{--c:var(--red)}
.visit-rec .sticker{transform:rotate(-2deg)}
.visit-rec .sticker.stick{animation:stick .5s cubic-bezier(.16,1,.3,1) both}
@keyframes stick{0%{transform:translate(1.4rem,-1.1rem) rotate(7deg) scale(1.06);box-shadow:0 14px 24px rgba(31,42,44,.28);opacity:0}45%{opacity:1}100%{transform:rotate(-2deg);box-shadow:0 1px 1px rgba(31,42,44,.22),0 3px 8px rgba(31,42,44,.14)}}
.v-hand{font-size:1.6rem;line-height:1.3;margin-top:.4rem}
.v-hand.write{animation:write .8s .25s cubic-bezier(.16,1,.3,1) both}
.v-list{margin:.6rem 0 0;padding-left:1.1rem;color:var(--ink)}
.v-list li{margin:.15rem 0}
.v-list li::marker{color:var(--ink-2)}
.v-when{margin-top:.9rem;padding-top:.6rem;border-top:1px dashed var(--rule);display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}
.v-when .hand{font-size:1.5rem}
.v-call{margin-top:.5rem;font-weight:700}
.fine{margin-top:.7rem;font-size:.95rem;color:var(--ink-2)}

/* Služby */
.legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;font-size:.95rem;color:var(--ink-2)}
.lg{display:inline-flex;align-items:center;gap:.4rem}
.lg::before{content:"";width:1.1rem;height:.55rem;border-radius:2px;background:var(--c)}
.lg-green{--c:var(--green)}.lg-blue{--c:var(--blue)}.lg-red{--c:var(--red)}
.svc{margin-top:1.6rem}
.page-r .svc:first-child{margin-top:0}
.svc h3.sticker{font-family:var(--sans);font-weight:700;letter-spacing:0;transform:rotate(var(--rot,-1deg))}
.svc:nth-of-type(2n) h3.sticker{--rot:.8deg}
.svc:nth-of-type(3n) h3.sticker{--rot:-.4deg}
.svc ul{margin:.7rem 0 0;padding-left:1.1rem;max-width:40rem}
.svc li{margin:.2rem 0}
.svc li::marker{color:var(--ink-2)}
.svc-p{margin-top:.7rem;max-width:40rem}
.more-h{font-size:1.25rem}
.snap{margin:1.8rem 0 0;max-width:22rem}
.snap .photo{--ar:4/3}
.snap-1 .photo{transform:rotate(1.2deg)}
.snap-2 .photo{transform:rotate(-1.4deg)}
.snap figcaption{margin-top:.55rem;font-size:.95rem;color:var(--ink-2)}

/* Ordinační doba */
.hours-note{margin-top:1rem;max-width:34rem}
.week{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.week caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.week th,.week td{padding:.6rem .5rem;border-bottom:1px solid var(--rule);text-align:left}
.week thead th{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-bottom:2px solid var(--ink)}
.week tbody th{font-weight:700}
.week td{font-family:var(--hand);color:var(--pen);font-size:1.3rem;-webkit-text-stroke:.022em currentColor;white-space:nowrap}
.week td.off{font-family:var(--sans);font-size:1rem;-webkit-text-stroke:0;color:var(--ink-2)}
.week tr.today th{position:relative}
.week tr.today th::after{content:"dnes";margin-left:.45rem;font:400 1.15rem var(--hand);color:var(--stamp)}
.week tr.today{background:#ece4f3}

/* Kde (ukázka: bez adresy a plánku, vpravo co vzít s sebou) */
.addr{margin-top:1rem;font-family:var(--serif);font-weight:600;font-size:1.4rem;line-height:1.25}
.cdl{margin:1.4rem 0 0;display:grid;gap:.45rem}
.cdl div{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;align-items:baseline;padding-bottom:.45rem;border-bottom:1px solid var(--rule)}
.cdl dt{font-size:.85rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}
.cdl dd{margin:0;font-weight:700}
.gal{margin-top:1.1rem}

/* Patička na deskách */
.cover-foot{max-width:1200px;margin:0 auto;padding:1.2rem var(--pad) 6.5rem;color:var(--cover-ink-2);font-size:1rem}
.cover-foot b{color:var(--cover-ink)}
.cover-foot a{color:var(--cover-ink)}
.forma{margin-top:.5rem;font-size:.95rem}

/* Mobilní lišta */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom));background:var(--cover);box-shadow:0 -4px 14px rgba(4,18,22,.35);
  transform:translateY(110%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.sticky.on{transform:none}
.sticky .btn{background:var(--cover-ink);color:var(--cover);border-color:var(--cover-ink)}
.sticky .btn-line{background:transparent;color:var(--cover-ink)}

@media (max-width:639.98px){
  .hero{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);column-gap:1rem;padding:calc(var(--pad) + .4rem) var(--pad) var(--pad)}
  .hero .page{display:contents}
  .hero h1,.hero .lead,.hero .cta,.hero .cta-sub{grid-column:1/-1}
  .hero h1{font-size:clamp(1.95rem,8.6vw,2.4rem)}
  .hero .lead{margin-top:.6rem}
  .pet{grid-column:1;width:auto;margin-top:1.1rem;align-self:start}
  .hero .record{grid-column:2;margin-top:1.1rem;padding-top:0;border-top:0}
  .hours-today{flex-direction:column;align-items:flex-start;font-size:clamp(1.65rem,7.9vw,2.1rem);line-height:1.15}
  .hand-note{font-size:1rem;line-height:1.35}
  .week td{font-size:1.2rem}
  .hero .now{grid-column:1/-1;margin-top:1.9rem;font-size:1.02rem;line-height:1.4}
  .stamp{right:-1.2rem;bottom:-1.2rem;transform:rotate(-6deg) scale(.78);transform-origin:right bottom}
  .hero .cta{margin-top:1.6rem}
  .hero .cta .btn{flex:1 1 auto}
}
@media (min-width:640px){
  .hero .page-l{display:grid;grid-template-columns:1fr auto;column-gap:2rem}
  .hero h1,.hero .lead{grid-column:1/-1}
  .pet{width:15rem}
  .stamp{right:-58%}
}
@media (min-width:960px){
  .book{padding:2rem 1.5rem 2.5rem}
  .spread{display:grid;grid-template-columns:1fr 1fr}
  .spread::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 22px);width:44px;pointer-events:none;
    background:linear-gradient(90deg,rgba(31,42,44,0),rgba(31,42,44,.09) 42%,rgba(31,42,44,.16) 50%,rgba(31,42,44,.07) 58%,rgba(31,42,44,0))}
  .spread+.spread{margin-top:1.4rem}
  .page{padding:3.2rem 3.4rem 3.4rem}
  .page-r{padding-top:3.2rem}
  .hero .page-l{display:block}
  .hero .page-r{display:flex;flex-direction:column;justify-content:center}
  .hero .record{margin-top:0;padding-top:0;border-top:0}
  .pet{width:17rem;margin-top:2rem}
  .stamp{right:-62%;bottom:.4rem}
  .hours-today{font-size:3.3rem}
  .page-r>.svc:first-child{margin-top:0}
  .sticky{display:none}
  .cover-foot{padding-bottom:2rem}
}
@media (prefers-reduced-motion:reduce){
  .js .hours-today.write,.v-hand.write,.visit-rec .sticker.stick{animation:none}
  .sticky{transition:none}
}

/* ukázka na vizitce FORMA: telefon, navigace, e-mail a fotky otevřou vysvětlení */
.defs{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
button.call,button.btn{font-family:inherit;font-size:inherit;line-height:1.2;cursor:pointer}
button.call{border:0}
.lnk{padding:0;border:0;background:none;font:inherit;color:var(--pen);text-align:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;cursor:pointer}
.lnk:hover{text-decoration-thickness:2px}
.cover-foot button{padding:0;border:0;background:none;font:inherit;color:var(--cover-ink);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.cover-foot button:hover{text-decoration-thickness:2px}
.fake{font-size:.9em;font-weight:400;color:var(--ink-2)}
.cover-foot .fake{color:var(--cover-ink-2)}
.foot-back{font-weight:700}
.bring{padding-top:.9rem;border-top:1px solid var(--rule)}
.bring-list{list-style:none;margin:.5rem 0 0;padding:0;font-family:var(--hand);color:var(--pen);font-size:1.4rem;line-height:1.3;-webkit-text-stroke:.022em currentColor}
.bring-list li{position:relative;padding:.4rem 0 .4rem 2.1rem;border-bottom:1px dashed var(--rule)}
.bring-list li::before{content:"";position:absolute;left:.3rem;top:.8rem;width:.95rem;height:.45rem;border-left:3px solid var(--pen);border-bottom:3px solid var(--pen);transform:rotate(-48deg);border-radius:0 0 0 2px}
.bring-note{margin-top:1rem;color:var(--ink-2)}
.pop{max-width:min(26rem,calc(100vw - 2rem));padding:1.6rem 1.4rem 1.4rem;border:0;border-radius:4px;background:var(--paper);color:var(--ink);
  box-shadow:0 0 0 .5rem var(--cover),0 0 0 .6rem var(--cover-ink-2),0 26px 50px -12px rgba(4,18,22,.75)}
.pop::backdrop{background:rgba(9,32,37,.64)}
.pop h2{font-size:1.65rem;margin-bottom:.6rem}
.pop p{margin:0 0 1.1rem}
.pop .btn{width:100%}
@media (min-width:960px){
  .bring{padding-top:0;border-top:0}
}