/* Renowned scrapbook layer.
   Rule: the room stays pixel; everything you pick up is paper.
   Real textures (tape, torn edge, paper grain, graph paper) from Texturelabs, cut and tinted for Renowned.
   To swap in your own scans later, replace the files in /img/tex/ with the same names. */
@font-face{font-family:"Renowned Hand";src:url(/fonts/hand.woff2) format("woff2");font-display:swap}
:root{--hand:"Renowned Hand","Comic Sans MS",cursive;
  --grain:url(/img/tex/grain.webp);--tear:url(/img/tex/edge.png);--tapes:url(/img/tex/tape.webp);--graph:url(/img/tex/graph.webp);
  --squig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10' viewBox='0 0 120 10'%3E%3Cpath d='M2 6 C 14 1, 22 9, 34 5 S 56 2, 68 6 S 92 9, 104 4 S 116 5, 118 6' fill='none' stroke='%23F2C10A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}

/* ---------- tape: real tape strips, one per piece of paper ---------- */
.card::before,.gal a:nth-child(3n+1)::before,.feat a::before,
html body #door .faces .face .ph::after{
  content:"";position:absolute;z-index:3;pointer-events:none;width:104px;height:24px;
  background:var(--tapes) 0 0/104px auto no-repeat;opacity:.92}
.gal a:nth-child(6n+4)::before,html body #door .faces .face:nth-child(even) .ph::after{background-position:0 -22px}
.gal a:nth-child(5n)::before{background-position:0 -44px}

/* ---------- static pages: paper cards with a real torn bottom ---------- */
.card{background-color:var(--paper)!important;background-image:var(--grain)!important;background-size:400px!important;
  position:relative;transform:rotate(-.35deg);box-shadow:none!important;padding-bottom:40px!important;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 26px) no-repeat,var(--tear) 0 100%/1100px 30px repeat-x;
          mask:linear-gradient(#000 0 0) top/100% calc(100% - 26px) no-repeat,var(--tear) 0 100%/1100px 30px repeat-x}
.card::before{top:2px;left:34px;transform:rotate(-4deg)}

/* polaroids: flyers, artist pages, issue covers */
.card.grid>img,.card .hero img,.feat img,.strip img{background:#fff;padding:8px 8px 26px!important;box-sizing:content-box;
  box-shadow:2px 3px 0 rgba(0,0,0,.35)!important;border:0!important;transform:rotate(1.6deg)}
.feat a:nth-child(2n) img,.strip a:nth-child(2n) img{transform:rotate(-2.2deg)}
.feat a{position:relative;display:block}
.feat a::before{width:56px;height:14px;background-size:56px auto;top:-6px;left:14px;transform:rotate(-8deg)}

/* label-maker sticker above titles: a strip of real label tape */
.kick{display:inline-block;background:url(/img/tex/label.webp) center/100% 100% no-repeat!important;color:#F6F4EC!important;border:0!important;padding:7px 16px 6px!important;
  transform:rotate(-1.2deg);letter-spacing:.14em;box-shadow:none!important;filter:drop-shadow(2px 2px 0 #5B30B2)}

/* hand-drawn arrows (real marker scans) */
.arw{display:inline-block;vertical-align:middle;height:1.25em;width:auto;margin:0 .2em;image-rendering:auto}
.hand .arw{display:inline-block!important;position:static!important;height:1.35em!important;width:auto!important;margin:0 0 0 .35em!important;vertical-align:middle}

/* handwriting: small labels and names only, never paragraphs */
.card dt,.face b,.sb-hand{font-family:var(--hand)!important;font-size:1.25em!important;letter-spacing:0!important;text-transform:none!important;color:#5B30B2}
main>h2,.door h2.sub-h{background:var(--squig) left bottom/120px 10px no-repeat;padding-bottom:12px}

/* lists of past shows / issues: strips of graph paper with a punched hole */
ul.list li a{background:#F6F4EC var(--graph) 0 0/220px auto!important;padding-left:28px!important;
  -webkit-mask:radial-gradient(circle 5px at 13px 50%,#0000 98%,#000);mask:radial-gradient(circle 5px at 13px 50%,#0000 98%,#000)}
ul.list li:nth-child(odd) a{transform:rotate(.4deg)} ul.list li:nth-child(even) a{transform:rotate(-.5deg)}
ul.list li a:hover{background:#F2C10A!important}
ul.list .fly{background:#fff;padding:4px 4px 14px!important;box-sizing:content-box;transform:rotate(1.6deg)}

/* show photos: a taped polaroid collage */
.gal{gap:18px 14px!important;padding:6px 4px}
.gal a{position:relative;display:block;background:none;padding:0;border-style:solid;border-width:7px 7px 24px;
  border-image:url(/img/tex/matte.png) 60 fill / 7px 7px 24px stretch;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.45))}
/* a faint riso halftone over each print */
.gal a::after{content:"";position:absolute;inset:0;background:url(/img/tex/halftone.webp) 0 0/240px;mix-blend-mode:multiply;opacity:.35;pointer-events:none}
.gal a:nth-child(4n+1){transform:rotate(-2.4deg)} .gal a:nth-child(4n+2){transform:rotate(1.8deg)}
.gal a:nth-child(4n+3){transform:rotate(-.8deg) translateY(6px)} .gal a:nth-child(4n){transform:rotate(2.6deg)}
.gal a:hover{transform:rotate(0) scale(1.04);z-index:4}
.gal img{box-shadow:none!important;filter:none!important}
.gal a::before{width:70px;height:17px;background-size:70px auto;top:-9px;left:calc(50% - 35px);transform:rotate(-5deg)}

/* ---------- inside the room: door panels become paper ---------- */
#door .yearbook,#door article.issue,#door .mk-card,#door .mk-faq,#door .jwin{background-image:var(--grain)!important;background-size:400px!important}
#door .cs-ph img{background:#fff;padding:5px 5px 16px;border:0!important;box-shadow:2px 3px 0 rgba(0,0,0,.35)}
#door .cs-ph img:nth-child(odd){transform:rotate(-2deg)} #door .cs-ph img:nth-child(even){transform:rotate(1.6deg)}

/* crew yearbook: taped polaroids, no button boxes */
html body #door .faces button.face,html body #door .faces a.face,html body .faces .face{border:0!important;background:none!important;box-shadow:none!important}
.face .ph{background:none!important;padding:0!important;border-style:solid!important;border-width:7px 7px 22px!important;
  border-image:url(/img/tex/matte.png) 60 fill / 7px 7px 22px stretch!important;box-shadow:none!important;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.25));position:relative}
html body #door .faces .face .ph::after{width:48px;height:12px;background-size:48px auto;top:-7px;left:calc(50% - 24px);transform:rotate(-6deg)}
html body #door .faces .face:nth-child(even) .ph::after{background-position:0 -10px;transform:rotate(5deg)}
html body #door .faces .face.open-slot .ph{border:2px dashed #5B30B2!important;background:#fff!important}

/* the little object labels in the room become tape */
.obj .tape,.row .tape,.shelf .tape{background:var(--tapes) 0 0/160% 300% no-repeat!important;color:#1A1622!important;border:0!important;box-shadow:none!important}

@media (prefers-reduced-motion:reduce){.card,ul.list li a,.kick,.gal a,.feat img{transform:none!important}}

/* ---------- sizing + spacing pass (Oct 31, panel + visitor notes) ---------- */
/* room hint for first-timers, desktop only (the phone list is labelled already) */
.who .room-tip{display:block;margin-top:4px;font-size:.82em;color:#cfc9dc;font-style:normal}
@media (max-width:720px){.who .room-tip{display:none}}
/* tap targets: every header button, way chip and footer link is at least 44px tall */
html body .pill,html body .way{min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
nav.pages a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
@media (max-width:720px){
  /* phone list: every object sits in the same-size box so the payphone stops towering and the bunting stops shrinking */
  .shelf a img{height:112px!important;width:auto!important;max-width:86%!important;object-fit:contain}
  .shelf li{min-height:170px}
  .shelf{gap:30px 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shelf li:has(img[src*="mk-bunting"]){grid-column:1/-1;min-height:0}
  .shelf li:has(img[src*="mk-bunting"]) a img{height:auto!important;width:88%!important;max-width:340px!important}
  .shelf li.secret{grid-column:1/-1;justify-self:center;min-height:0}
  .shelf li.secret a img{height:56px!important}
}

/* ---------- artist pages: tap-to-zoom ---------- */
figure.hero{margin:0}
figure.hero figcaption{font-size:14px;margin-top:10px;color:#4a4452}
figure.hero figcaption a{color:#5B30B2;white-space:nowrap}
a.zoom{cursor:zoom-in;display:inline-block}
dialog.zoomd{padding:0;border:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
dialog.zoomd::backdrop{background:rgba(11,11,11,.88)}
dialog.zoomd img{display:block;max-width:94vw;max-height:88vh;width:auto;height:auto;background:#fff;padding:10px 10px 34px;box-shadow:4px 6px 0 rgba(0,0,0,.5)}
dialog.zoomd .zclose{position:absolute;top:-46px;right:0;min-height:44px;padding:0 16px;background:#F2C10A;color:#1A1622;border:2px solid #1A1622;font:inherit;cursor:pointer}

/* ---------- personal-touch pass (Oct 31) ---------- */
/* Reno's motto: handwritten on a punched notebook sheet, taped down */
.card:has(.motto){background-image:url(/img/tex/notebook.webp)!important;background-size:cover!important;background-position:center!important;padding-left:64px!important;transform:rotate(.6deg)}
.card .motto{font-family:var(--hand)!important;font-size:clamp(34px,5vw,54px)!important;line-height:1.1!important;color:#1A1622!important;letter-spacing:0!important;text-transform:none!important;margin:6px 0 4px!important;background:none!important;text-shadow:none!important}
.card:has(.motto) p:not(.motto){font-family:var(--hand);font-size:22px;color:#5B30B2}
/* journal "on the way" note: a sheet of notebook paper with tape */
.note-card{position:relative;max-width:520px;background:url(/img/tex/notebook.webp) center/cover;color:#1A1622;padding:26px 24px 22px 58px;font-family:var(--hand);font-size:22px;line-height:1.35;transform:rotate(-1deg);box-shadow:3px 4px 0 rgba(0,0,0,.45);margin:18px 0}
.note-card::before{content:"";position:absolute;top:-10px;left:42%;width:96px;height:22px;background:var(--tapes) 0 0/96px auto no-repeat;transform:rotate(3deg)}
.note-card a{color:#5B30B2}
/* hand-drawn circle around a heading */
h2.circled{position:relative;display:inline-block;padding:4px 18px 10px!important;background:url(/img/tex/circle.png) center/100% 100% no-repeat!important}
/* label: real record sleeves instead of the console icon */
ul.list img.sleeve{width:76px!important;min-width:76px;height:auto!important;background:none!important;padding:0!important;box-shadow:none!important;transform:rotate(-2deg);margin-right:18px!important;flex:none}
ul.list li a:has(img.sleeve){display:flex!important;align-items:center;gap:6px}
/* artists index: a taped wall of pages */
.gal.artwall{grid-template-columns:repeat(4,1fr)!important}
.gal.artwall img{height:auto!important;aspect-ratio:300/388;object-fit:cover;width:100%!important}
@media (max-width:720px){.gal.artwall{grid-template-columns:repeat(2,1fr)!important}}
/* crew without a photo yet: an undeveloped polaroid, initials written on in marker */
html body #door .faces .face:not(.open-slot) .ph{border-image:url(/img/tex/matte.png) 60 / 7px 7px 22px stretch!important;background:url(/img/tex/photopaper.webp) center/cover!important;color:#F6F4EC!important;font-family:var(--hand)!important;font-size:40px!important}

/* ---------- page objects (CGTrader models, riso-dithered) ---------- */
.page-obj{float:right;height:auto;image-rendering:pixelated;transform:rotate(3deg);margin:-34px 0 -10px 16px;filter:drop-shadow(3px 5px 0 rgba(0,0,0,.45));position:relative;z-index:2}
img.page-obj[src*="mailbox"]{margin-top:-60px}
@media (max-width:720px){.page-obj{width:84px!important;margin:-26px 0 -6px 8px}img.page-obj[src*="mailbox"]{width:62px!important;margin-top:-40px}}
img.page-obj[src*="cassette"]{width:122px;margin-top:-26px;margin-bottom:-40px}
/* event pages: posts list + related links (Nov 2026) */
ul.posts{list-style:none;padding:0;margin:0 0 28px}
ul.posts li{padding:7px 0;border-bottom:1px dashed rgba(26,22,34,.22);font-size:14px;line-height:1.4}
ul.posts small{display:block;opacity:.72}
p.more{margin:20px 0;font-size:15px}
p.more a{margin-right:4px}
.nextbox{margin:28px 0 14px;background:#F2C10A!important}
.nextbox p{margin:6px 0}
p.fine{font-size:13px;opacity:.75;margin:18px 0 6px}
ul.credits{list-style:none;padding:0;margin:0 0 30px;columns:2 300px;column-gap:28px}
ul.credits li{break-inside:avoid;padding:8px 0;border-bottom:1px dashed rgba(26,22,34,.22);font-size:14px;line-height:1.4}
ul.credits li b{display:block;font-size:15px}
ul.credits li small{display:block;opacity:.72}
ul.credits .ev{display:block;font-size:13px}
ul.credits .nm{font-weight:400;opacity:.8}
section.cred h2 small{font-size:.6em;opacity:.7}
#cq{font:inherit;padding:6px 10px;border:2px solid #1A1622;background:#F6F4EC;min-width:min(260px,100%)}
#cq:focus{outline:3px solid #F2C10A;outline-offset:1px}
nav.yrs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
nav.yrs a{background:#F2C10A;color:#1A1622;padding:3px 10px;font-weight:700;text-decoration:none;transform:rotate(-1deg);box-shadow:1px 2px 0 rgba(26,22,34,.25)}
nav.yrs a:nth-child(even){transform:rotate(1.2deg)}
section.yr{margin:0 0 34px}
section.yr h2 span{display:inline-block;background:#5B30B2;color:#F6F4EC;padding:2px 14px;transform:rotate(-1.5deg)}
p.yrnote{font-style:italic;margin:8px 0 14px}
ol.tl{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px dashed #5B30B2}
ol.tl li{color:#1A1622;position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;margin:0 0 16px;padding:10px;background:#F6F4EC;box-shadow:1px 2px 0 rgba(26,22,34,.18)}
ol.tl li:nth-child(odd){transform:rotate(.3deg)} ol.tl li:nth-child(even){transform:rotate(-.35deg)}
ol.tl li::before{content:"";position:absolute;left:-31px;top:16px;width:13px;height:13px;border-radius:50%;background:#F6F4EC;border:3px solid #5B30B2}
ol.tl li.key::before{background:#F2C10A}
ol.tl li.up{background:#F2C10A}
ol.tl li.nopic{grid-template-columns:1fr}
ol.tl time{grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.02em;opacity:.8}
ol.tl img{width:96px;height:96px;object-fit:cover;background:#fff;padding:3px 3px 10px;box-sizing:border-box;transform:rotate(-1.5deg)}
ol.tl b{display:block;font-size:16px;margin:0 0 3px}
ol.tl a{color:#5B30B2}
ol.tl li.up a{color:#1A1622}
ol.tl time{color:#5B30B2}
ol.tl p{margin:0;font-size:14px;line-height:1.45}
ol.tl .igl{white-space:nowrap;font-size:13px}
p.roll{margin:4px 0 0 22px;font-size:14px}
@media (max-width:480px){ol.tl li{grid-template-columns:72px 1fr}ol.tl img{width:72px;height:72px}}
@media (prefers-reduced-motion:reduce){ol.tl li,nav.yrs a,section.yr h2 span{transform:none!important}}
/* shows: flyer wall (plain paper, no graph lines) */
ul.wall{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px}
ul.wall li a{display:block;height:100%;box-sizing:border-box;background:#F6F4EC;color:#1A1622;padding:9px 9px 14px;text-decoration:none;box-shadow:2px 3px 0 rgba(0,0,0,.35);transition:transform .15s}
ul.wall li:nth-child(3n+1) a{transform:rotate(-.8deg)} ul.wall li:nth-child(3n+2) a{transform:rotate(.6deg)} ul.wall li:nth-child(3n) a{transform:rotate(-.3deg)}
ul.wall li a:hover,ul.wall li a:focus-visible{background:#F2C10A;transform:rotate(0) translateY(-3px)}
ul.wall img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#E6E1D3;margin:0 0 10px}
ul.wall b{display:block;font-size:17px;line-height:1.25;color:#1A1622}
ul.wall small{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:#3a3346}
ul.wall em{display:block;margin-top:4px;font-size:12.5px;font-style:normal;color:#5B30B2}
a.evfeat{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:22px;align-items:center;background:#F2C10A;color:#1A1622;padding:16px;margin:0 0 34px;text-decoration:none;box-shadow:3px 4px 0 rgba(0,0,0,.4);transform:rotate(-.4deg)}
a.evfeat img{width:100%;height:auto;background:#fff;padding:5px 5px 18px;box-sizing:border-box;transform:rotate(1.5deg)}
a.evfeat b{display:block;font-size:clamp(24px,4vw,34px);line-height:1.1;margin:6px 0 10px}
a.evfeat .w{display:block;font-size:16px;line-height:1.45;margin:0 0 6px}
a.evfeat .tag{display:inline-block;background:#1A1622;color:#F2C10A;padding:2px 9px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
a.evfeat .go{display:inline-block;margin-top:8px;font-weight:700;border-bottom:2px solid #1A1622}
a.evfeat:hover{transform:rotate(0)}
section.evyr h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:26px 0 14px}
section.evyr h3 span{display:inline-block;background:#5B30B2;color:#F6F4EC;padding:2px 14px;transform:rotate(-1.5deg)}
section.evyr h3 a.hist{font-size:14px;font-weight:400}
@media (max-width:560px){ul.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}ul.wall b{font-size:15px}ul.wall small{font-size:13px}
  a.evfeat{grid-template-columns:1fr}a.evfeat img{max-width:240px}}
@media (prefers-reduced-motion:reduce){ul.wall li a,a.evfeat,section.evyr h3 span{transform:none!important;transition:none}}
ul.credits .ev{font-size:14px;line-height:1.9}
ul.credits .ev a{padding:3px 0}
p.credfix{margin:0 0 14px}
ul.hstats{list-style:none;margin:18px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
ul.hstats li{background:#F2C10A;color:#1A1622;padding:8px 14px;min-width:96px;box-shadow:2px 3px 0 rgba(0,0,0,.35);transform:rotate(-.6deg)}
ul.hstats li:nth-child(even){transform:rotate(.7deg);background:#F6F4EC}
ul.hstats b{display:block;font-size:26px;line-height:1}
ul.hstats small{display:block;font-size:13px}
@media (prefers-reduced-motion:reduce){ul.hstats li{transform:none!important}}
/* around town */
.atstar{color:#F2C10A;text-shadow:0 0 0 #1A1622,1px 1px 0 #1A1622}
.atcta{margin:10px 0 0}
p.atours{font-size:15px;margin:14px 0}
nav.atf{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
nav.atf button{all:unset;cursor:pointer;background:#F6F4EC;color:#1A1622;padding:8px 12px;font-size:14px;box-shadow:2px 2px 0 rgba(0,0,0,.45)}
nav.atf button[aria-pressed="true"]{background:#F2C10A}
nav.atf button:focus-visible{outline:3px dashed #F2C10A;outline-offset:2px}
.atwk h2{margin:22px 0 10px}
ul.atlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
ul.atlist li{display:grid;grid-template-columns:110px 1fr;gap:14px;background:#F6F4EC;color:#1A1622;padding:12px 14px;box-shadow:2px 3px 0 rgba(0,0,0,.4)}
ul.atlist li.pick{background:#F2C10A}
ul.atlist li:nth-child(odd){transform:rotate(-.25deg)} ul.atlist li:nth-child(even){transform:rotate(.3deg)}
.atdate{margin:0;font-weight:700;font-size:15px;line-height:1.25;color:#5B30B2}
ul.atlist li.pick .atdate{color:#1A1622}
ul.atlist h3{margin:0 0 4px;font-size:18px;line-height:1.25}
ul.atlist h3 a{color:#1A1622}
.atmeta{margin:0 0 3px;font-size:14px;opacity:.8}
ul.atlist p{margin:4px 0;font-size:15px;line-height:1.45}
.attags{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.attags span{border:1.5px solid #1A1622;padding:2px 8px;font-size:12px}
.attags a{font-size:13px;color:#5B30B2}
.atempty{background:#F6F4EC;color:#1A1622;padding:14px 16px}
.atsend form{display:grid;gap:10px}
.atsend label{display:grid;gap:4px;font-size:14px;font-weight:700}
.atsend input,.atsend select,.atsend textarea{font:inherit;font-weight:400;padding:8px 10px;border:2px solid #1A1622;background:#fff;color:#1A1622;min-width:0}
.atrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.atsend .atchk{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.atsend .atchk input{width:18px;height:18px;margin-top:2px}
.athp{position:absolute!important;left:-9999px!important;width:1px;height:1px}
.atsend button[type=submit]{justify-self:start;font:inherit;font-weight:700;padding:10px 18px;border:2px solid #1A1622;background:#F2C10A;color:#1A1622;cursor:pointer}
.atrules ul{margin:0 0 10px;padding-left:20px}
@media (max-width:560px){ul.atlist li{grid-template-columns:1fr;gap:4px}}
@media (prefers-reduced-motion:reduce){ul.atlist li{transform:none!important}}
/* /links: link in bio */
body:has(.lkhead) header.top>span{display:none}
.lkhead{text-align:center;margin:0 auto 12px;max-width:520px}
.lkhead .kick{white-space:nowrap;font-size:10px!important;letter-spacing:.12em!important;max-width:100%;padding-inline:10px!important}
.lkhead h1{margin:4px 0 4px}
.lkwho{margin:0 auto;font-size:15.5px;max-width:42ch}
h2.lksec{max-width:520px;margin:20px auto 8px;font-size:17px;letter-spacing:.04em;text-transform:lowercase}
ul.lks{list-style:none;margin:0 auto 12px;padding:0;max-width:520px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
ul.lks.two{grid-template-columns:repeat(2,minmax(0,1fr))}
ul.lks li{position:relative}
ul.lks li a{display:flex;align-items:center;gap:12px;min-height:60px;background-color:#F6F4EC;color:#1A1622;text-decoration:none;padding:10px 16px 10px 22px;position:relative;box-shadow:3px 4px 0 rgba(0,0,0,.45);
  -webkit-mask:radial-gradient(circle 8px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 8px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
ul.lks li a span{flex:1;min-width:0}
ul.lks b{display:block;font-size:17px;line-height:1.2}
ul.lks small{display:block;font-size:13.5px;opacity:.78;margin-top:2px}
ul.lks em{font-style:normal;font-weight:700;font-size:18px}
ul.lks li.half a{padding:10px 12px 10px 18px}
ul.lks li.half b{font-size:16px}
ul.lks li.big a{background-color:#F2C10A;min-height:78px}
ul.lks li.big img{width:54px;height:66px;object-fit:cover;background:#fff;padding:3px 3px 8px;transform:rotate(-3deg);flex:none}
.lktag{position:absolute;top:-1px;right:14px;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:#1A1622;color:#F2C10A;padding:2px 6px}
.lkcopy{position:absolute;right:46px;top:50%;transform:translateY(-50%);font:inherit;font-size:12px;padding:6px 9px;border:1.5px solid #1A1622;background:#fff;color:#1A1622;cursor:pointer;min-height:32px}
ul.lks li.k-mail a{padding-right:150px}
form.lknews{max-width:520px;margin:16px auto 6px;background:#5B30B2;color:#F6F4EC;padding:12px 14px;box-shadow:3px 4px 0 rgba(0,0,0,.45)}
form.lknews label{display:block;font-size:15px;margin-bottom:8px}
form.lknews div{display:flex;gap:8px}
form.lknews input[type=email]{flex:1;min-width:0;font:inherit;padding:10px;border:2px solid #1A1622;background:#F6F4EC;color:#1A1622}
form.lknews button{font:inherit;font-weight:700;padding:10px 14px;border:2px solid #1A1622;background:#F2C10A;color:#1A1622;cursor:pointer;white-space:nowrap}
form.lknews .msg{margin:6px 0 0;font-size:14px}
.lkhp{position:absolute!important;left:-9999px!important;width:1px;height:1px}
p.lksoc{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px auto 6px}
p.lksoc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:#F6F4EC;color:#1A1622!important;text-decoration:none;font-size:15px;box-shadow:2px 3px 0 rgba(0,0,0,.4)}
p.lkmotto{text-align:center;font-style:italic;opacity:.8;margin:10px 0 20px}
@media (max-width:380px){ul.lks.two{grid-template-columns:minmax(0,1fr)}}
p.mkbig{font-size:18px;margin:0 0 14px}
p.mkbig b{font-size:28px;color:#F2C10A}
.zform form div{display:flex;gap:8px;flex-wrap:wrap}
.zform input[type=email]{flex:1 1 200px;font:inherit;padding:10px;border:2px solid #1A1622;background:#fff;color:#1A1622}
.zform button{font:inherit;font-weight:700;padding:10px 16px;border:2px solid #1A1622;background:#F2C10A;color:#1A1622;cursor:pointer}
.sr{position:absolute;left:-9999px}
iframe.sp{display:block;width:100%;max-width:640px;border:0;border-radius:0;margin:10px 0}
/* /links: UI/UX review fixes (Nov 2) */
ul.lks li a{box-shadow:none;background-image:var(--grain);background-size:400px;background-blend-mode:multiply}
ul.lks li{filter:drop-shadow(3px 3px 0 #5B30B2)}
ul.lks li a:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #5B30B2;background-color:#F2C10A}
ul.lks li.big a:focus-visible{background-color:#F6F4EC}
@media (hover:hover){ul.lks li a:hover{background-color:#F2C10A}ul.lks li.big a:hover{background-color:#F6F4EC}}
ul.lks li a:active{transform:translate(2px,2px)}
ul.lks li.k-mail a{padding-right:120px}
ul.lks li.k-mail em{display:none}
.lkcopy{right:20px;min-height:44px;padding:0 12px;font-size:13px;background:#F6F4EC;border:1.5px dashed #1A1622}
ul.lks.two li{display:flex} ul.lks.two li a{flex:1}
ul.lks li.k-shop em{display:inline-block;transform:rotate(-45deg)}
ul.lks li.half a{padding-left:22px}
form.lknews{padding:14px 22px}
ul.lks li.big b{font-size:19px}
ul.lks li.big a{background-image:linear-gradient(#1A1622 50%,#0000 0),var(--grain);background-size:1.5px 8px,400px;background-repeat:repeat-y,repeat;background-position:86px 0,0 0}
ul.lks li.big .lktag{top:6px}
body:has(.lkhead) footer nav:not([aria-label=Contact]){display:none}
body:has(.lkhead) footer{max-width:520px;margin:28px auto 16px;border:0;text-align:center}
body:has(.lkhead) footer nav{justify-content:center}
body:has(.lkhead) footer a{min-height:44px;display:inline-flex;align-items:center}
body:has(.lkhead) header.top{justify-content:center;padding-bottom:6px}
h2.lksec{width:fit-content;margin:22px max(0px,calc(50% - 260px)) 10px;background-size:100% 10px;padding-right:4px}
p.lksoc a{box-shadow:2px 2px 0 #5B30B2}
p.lksoc a:nth-child(2){transform:rotate(-1deg)}
p.lkmotto{font-family:var(--hand);font-style:normal;font-size:22px;color:#F2C10A;opacity:1}
.lkhead .kick{padding:8px 14px 9px!important}
ul.lks li.big a{padding-top:30px}
ul.lks li.big a span{padding-left:10px}