/* The redesigned /invitations index (scripts/invitations-index-v2.js).
   Loaded by that page only. Site tokens throughout (site.css :root): pink is
   action, acid small mono labels, gold lines only, cream every other word.
   Nothing under 11px; nothing coloured on a card. */

.iv-previewnote{margin:18px 0 0;padding:8px 12px;border:1px dashed var(--pink);border-radius:10px;color:var(--ink);font-size:14px}
.iv-proposed{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid var(--pink);border-radius:6px;font:400 11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-style:normal;vertical-align:middle}

.iv-eyebrow{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:var(--acid-label);letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin:0}

/* ── Hero ── */
.iv-hero{padding:64px 0 40px}
.iv-hero h1{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,46px);line-height:1.18;letter-spacing:-.01em;margin:14px 0 16px;color:var(--ink);text-wrap:balance}
.iv-turn{color:var(--pink)}
.iv-sub{font-size:18px;line-height:1.55;color:var(--ink-mid);max-width:60ch;margin:0 0 22px;font-weight:300}
.iv-startrow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
/* See collections (owner, 2026-10-08): navy ground, white border and words,
   by the owner's ask (white, not the usual cream). */
.iv-seecol,.iv-seecol:hover{background:var(--ground);color:#FFFFFF;border-color:#FFFFFF}
.iv-seecol:hover{background:var(--surface)}
.iv-doors{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.iv-doorwrap{position:relative;border-radius:20px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;padding:0 0 24px}
.iv-doorwrap:has(.iv-door-excuse){border:1.5px solid var(--pink);background:radial-gradient(circle at 82% 22%,rgba(255,77,157,.26),transparent 55%),var(--surface)}
.iv-doorwrap:has(.iv-door-occasion){border:1.5px solid var(--gold);background:radial-gradient(circle at 82% 22%,rgba(217,172,87,.2),transparent 55%),var(--surface)}
.iv-door{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:28px 28px 12px;color:var(--ink);text-decoration:none}
.iv-door h2{font-family:'Unbounded',sans-serif;font-weight:800;font-size:28px;margin:6px 0;color:var(--ink)}
.iv-tg{font-size:16px;color:var(--ink-mid);max-width:30ch;margin-bottom:12px}
.iv-go{font-weight:600;font-size:15px;color:var(--pink)}
.iv-door:hover .iv-go,.iv-door:focus-visible .iv-go{text-decoration:underline;text-underline-offset:3px}
.iv-fan{position:absolute;top:24px;right:24px;width:230px;height:170px;pointer-events:none}
.iv-mini{position:absolute;width:96px;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.iv-mini img{display:block;width:100%;height:auto}
.iv-mini:nth-child(1){left:0;top:14px;transform:rotate(-9deg)}
.iv-mini:nth-child(2){left:62px;top:0;transform:rotate(1deg);z-index:2}
.iv-mini:nth-child(3){left:124px;top:16px;transform:rotate(10deg)}
.iv-door-occasion .iv-mini{transform:none}
.iv-door-occasion .iv-mini:nth-child(1){left:10px;top:18px}
.iv-door-occasion .iv-mini:nth-child(2){left:68px;top:6px}
.iv-door-occasion .iv-mini:nth-child(3){left:126px;top:18px}
.iv-dchips{display:flex;flex-wrap:wrap;gap:6px;padding:0 28px}
.iv-dchip{font:500 13px 'Work Sans',sans-serif;color:var(--ink);background:rgba(242,234,219,.08);border-radius:999px;padding:5px 11px;text-decoration:none}
a.iv-dchip:hover{background:var(--pink-bg)}
.iv-dchip.iv-more{color:var(--ink-soft)}

/* ── Sticky browse bar ── */
.iv-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 0;margin:0 0 8px;background:rgba(14,24,41,.96);backdrop-filter:blur(8px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.iv-seg{display:flex;flex-shrink:0;background:rgba(242,234,219,.06);border-radius:12px;padding:3px}
.iv-seg button{font:600 13px 'Work Sans',sans-serif;color:var(--ink-mid);background:transparent;border:0;border-radius:9px;padding:8px 13px;cursor:pointer}
.iv-seg button[aria-pressed="true"]{background:var(--pink);color:var(--on-neon)}
.iv-chips{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.iv-chips::-webkit-scrollbar{display:none}
.iv-chip{flex-shrink:0;font:500 13px 'Work Sans',sans-serif;color:var(--ink-mid);border:1.5px solid var(--edge);border-radius:999px;padding:7px 13px;background:transparent;cursor:pointer}
.iv-chip b{color:var(--acid);font:400 12px 'IBM Plex Mono',monospace;margin-left:4px}
.iv-chip[aria-pressed="true"]{border-color:var(--pink);color:var(--ink);background:var(--pink-bg)}
.iv-chip[hidden]{display:none}
/* A mixed collection's material chips (owner, 2026-10-08). */
.col-matchips{flex:none;flex-wrap:wrap;margin:0 0 28px}
.iv-select{flex:none}
.iv-select select{width:auto;max-width:170px}
.iv-select select,.iv-search input{font:500 13px 'Work Sans',sans-serif;color:var(--ink);background:rgba(242,234,219,.06);border:1px solid var(--edge);border-radius:10px;padding:8px 10px}
.iv-select select{appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-mid) 50%),linear-gradient(135deg,var(--ink-mid) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.iv-select option{background:#131F33;color:var(--ink)}
.iv-search input{width:150px}
.iv-search input::placeholder{color:var(--ink-soft)}
.iv-select select:focus-visible,.iv-search input:focus-visible,.iv-chip:focus-visible,.iv-seg button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* ── Bands and rows ── */
.iv-band{padding:44px 0 36px}
.iv-ex{background:linear-gradient(180deg,rgba(255,77,157,.06),transparent 40%);margin:0 -24px;padding-left:24px;padding-right:24px;border-radius:24px}
.iv-oc{border-top:1px solid var(--rule)}
.iv-bandhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:6px}
.iv-bandtitle{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(24px,3vw,30px);line-height:1.18;margin:8px 0 0;max-width:22ch;color:var(--ink)}
.iv-oc .iv-bandtitle{font-weight:600}
.iv-count{font:400 13px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--ink-soft);margin:0;white-space:nowrap}
.iv-row{margin-top:30px}
.iv-rowhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px}
.iv-rowname{font-family:'Unbounded',sans-serif;font-weight:600;font-size:20px;margin:0;color:var(--ink)}
.iv-oc .iv-rowname{font-weight:500}
.iv-rowtag{font-size:15px;color:var(--ink-mid);font-style:italic;margin:0}
.iv-all{margin-left:auto;font-weight:600;font-size:14px;color:var(--pink);text-decoration:none}
.iv-all:hover{text-decoration:underline;text-underline-offset:3px}
.iv-rail{list-style:none;margin:0;padding:8px 4px 16px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
.iv-card{flex:0 0 168px;scroll-snap-align:start;position:relative}
.iv-card a{display:block;color:var(--ink);text-decoration:none}
.iv-art{position:relative;display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.4);transition:transform .2s ease}
.iv-art img{display:block;width:100%;height:100%;object-fit:cover}
.iv-ex .iv-card:nth-child(odd) .iv-art{transform:rotate(-1.5deg)}
.iv-ex .iv-card:nth-child(even) .iv-art{transform:rotate(1.3deg)}
.iv-card a:hover .iv-art,.iv-card a:focus-visible .iv-art{transform:translateY(-3px)}
.iv-card a:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:8px}
.iv-t{font:600 14px/1.3 'Work Sans',sans-serif;margin:11px 0 3px;color:var(--ink)}
.iv-g{display:block;font:400 11.5px/1.35 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--acid)}
.iv-new{position:absolute;top:-7px;right:-7px;z-index:3;background:var(--pink);color:var(--on-neon);font:600 11px 'Work Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;transform:rotate(6deg)}
.iv-dashed .iv-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:2px dashed var(--pink);box-shadow:none;color:var(--ink);font:600 15px/1.3 'Work Sans',sans-serif;text-align:center;padding:12px}
.iv-plus{font-size:26px;color:var(--pink);line-height:1}
.iv-ph .iv-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(135deg,rgba(217,172,87,.1) 0 10px,transparent 10px 20px);border:2px dashed var(--gold);box-shadow:none;color:var(--ink);font:500 13px 'Work Sans',sans-serif;text-align:center;padding:12px}
.iv-ph .iv-art b{font:400 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--acid);color:var(--on-neon);padding:3px 7px;border-radius:4px}

/* The occasion band is calm: straight cards, gold hairlines, more air. */
.iv-oc .iv-art{border-radius:6px}
.iv-wedding{margin-top:40px;padding:6px 0 10px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.iv-wedding .iv-rowname{font-size:24px}
.iv-wedding .iv-card{flex-basis:186px}
.iv-wedding .iv-art{box-shadow:none;outline:1px solid var(--rule);outline-offset:-1px}
.iv-wedding .iv-t{font-weight:400}

.iv-tiles{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.iv-tile a{display:block;border:1px solid var(--edge);border-radius:14px;padding:14px;color:var(--ink);text-decoration:none;height:100%}
.iv-tile a:hover{border-color:var(--pink)}
.iv-sw{display:block;height:72px;border-radius:8px;margin-bottom:10px;overflow:hidden}
.iv-sw img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.iv-tile b{display:block;font:600 15px 'Work Sans',sans-serif}
.iv-tile span:last-child{font:400 12px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--acid)}
.iv-tile-dashed a{border-style:dashed}
.iv-tile-dashed .iv-sw{border:1px dashed var(--edge)}
.iv-tile .iv-pinklink{font:600 14px 'Work Sans',sans-serif!important;letter-spacing:0!important;color:var(--pink)!important}

/* ── Difference strip ── */
.iv-diff{margin:16px 0 0;padding:56px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.iv-diff .iv-bandtitle{margin-bottom:30px}
.iv-dgrid{display:grid;grid-template-columns:3fr 1.3fr;gap:32px;align-items:start}
.iv-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.iv-n{font-family:'EB Garamond',serif;font-size:34px;line-height:1;color:var(--pink)}
.iv-points h3{font-family:'Unbounded',sans-serif;font-weight:600;font-size:15px;line-height:1.35;margin:10px 0 8px;color:var(--ink)}
.iv-points p{font-size:15px;line-height:1.55;color:var(--ink-mid);margin:0}
.iv-demo{margin:0}
.iv-demopair{display:flex;align-items:center;gap:10px}
.iv-demopair .iv-art{flex:1;min-width:0}
.iv-arrow{font-size:22px;color:var(--pink)}
.iv-demo figcaption{font-size:14px;color:var(--ink-mid);margin-top:12px}

/* ── Filtered results ── */
.iv-results{padding:28px 0 20px}
.iv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:26px 18px}
.iv-grid .iv-card{flex:none}
.iv-clear{margin-left:auto;font:600 14px 'Work Sans',sans-serif;color:var(--pink);background:none;border:0;cursor:pointer;padding:4px}
.iv-none{color:var(--ink-mid)}
.iv-none a{color:var(--pink)}

/* ── Describe ── */
.iv-cta{margin:44px 0 0;padding:34px;border:2px dashed var(--pink);border-radius:22px;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}
.iv-cta h2{font-family:'Unbounded',sans-serif;font-weight:800;font-size:26px;line-height:1.2;margin:8px 0;color:var(--ink)}
.iv-ctasub{margin:0;font-size:16px;color:var(--ink-mid)}
.iv-example{margin:0 0 12px;font-size:15px;color:var(--ink-soft)}
.iv-example span{color:var(--ink)}
.iv-exchips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.iv-exchips li{font-size:13px;color:var(--ink-mid);border:1px solid var(--edge);border-radius:999px;padding:5px 11px}
.iv-phnote{font-size:13px;color:var(--ink-mid);margin:0 0 12px}
.iv-phnote b{font:400 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--acid);color:var(--on-neon);padding:2px 6px;border-radius:4px;margin-right:6px}

/* ── Directory (above the site footer) ── */
.iv-dir{margin:56px 0 40px;padding-top:36px;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.iv-dirh{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}
.iv-dir ul{list-style:none;margin:0;padding:0}
.iv-dir a,.iv-dead{display:block;font-size:14.5px;color:var(--ink-mid);text-decoration:none;padding:4px 0}
.iv-dir a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}

/* ── Phone ── */
@media (max-width:860px){
  .iv-doors{grid-template-columns:1fr}
  .iv-doorwrap{min-height:0}
  .iv-fan{display:none}
  .iv-door{padding:20px 20px 10px}
  .iv-dchips{padding:0 20px}
  .iv-dgrid{grid-template-columns:1fr}
  .iv-points{grid-template-columns:1fr}
  .iv-cta{grid-template-columns:1fr;padding:24px}
  .iv-tiles{grid-template-columns:1fr 1fr}
  .iv-dir{grid-template-columns:1fr 1fr}
  .iv-bar{flex-wrap:wrap}
  .iv-chips{order:5;flex-basis:100%}
  .iv-search{flex:1}
  .iv-search input{width:100%}
  .iv-card{flex-basis:132px}
  .iv-wedding .iv-card{flex-basis:146px}
  .iv-ex{margin:0 -16px;padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){ .iv-art{transition:none} }
.iv-results[hidden],[data-bands][hidden],.iv-band[hidden],.iv-card[hidden],.iv-none[hidden],.iv-chip[hidden]{display:none!important}

/* ── TinselLux (owner, 2026-10-06) ── the label itself is .tlux in site.css */
.iv-chip-lux{display:inline-flex;align-items:center;gap:6px;border-color:var(--gold);color:var(--ink);background:rgba(217,172,87,.1)}
.iv-chip-lux .tlux-star{width:11px;height:11px;fill:#E8C468}
.iv-chip-lux[aria-pressed="true"]{border-color:var(--gold);background:rgba(217,172,87,.22)}
.iv-mat{font-style:normal;color:var(--gold)}
.iv-luxband{margin:28px 0 8px;border:1px solid rgba(217,172,87,.45);border-radius:16px;padding:24px 26px 12px;background:linear-gradient(180deg,rgba(217,172,87,.07),transparent 60%)}
/* The band opens on the label itself, larger (owner, 2026-10-05: replaced the
   acid "TinselLux™" eyebrow). The ™ moved to the first point's sentence. */
.iv-luxmark{margin:0 0 10px}
.iv-luxmark .tlux-lg{font-size:clamp(17px,1.8vw,21px);padding:10px 22px 10px 16px;gap:10px;border-width:1.6px}
.iv-luxmark .tlux-lg .tlux-star{width:18px;height:18px}
.iv-luxtitle{font-family:'Unbounded',sans-serif;font-weight:800;font-size:22px;line-height:1.25;margin:8px 0 4px;max-width:24ch;color:var(--ink)}
.iv-luxsub{margin:0 0 14px;font-size:15px;color:var(--ink-mid)}
/* The TinselLux feature (owner, 2026-10-05): brass-pin points on the left,
   a close-up of a TinselLux + Final Touch card on the right. The close-up is
   the card itself, untouched: no tint, frame or glow over it (§2.3 rule 4). */
.iv-luxfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center;padding:34px 34px 34px}
.iv-luxfeat .iv-luxtitle{font-size:clamp(22px,2.4vw,28px);max-width:20ch}
.iv-luxfeat .iv-luxsub{font-size:16px;font-weight:300;margin-bottom:22px;max-width:44ch}
.iv-brass{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:16px}
.iv-brass li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}
.iv-brass p{margin:3px 0 0;font-size:15px;line-height:1.55;color:var(--ink-mid);max-width:46ch}
.iv-brass b{color:var(--ink);font-weight:600}
/* A brass upholstery pin (owner, 2026-10-05: nail heads pressed into
   furniture, not buttons), drawn in CSS: a small smooth dome, a dark rim, one
   bright highlight, and the shallow dent it presses into the ground. */
.iv-pin{position:relative;width:14px;height:14px;margin:4px auto 0;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFF6D2 0 9%,#F0CF78 22%,#C69A3C 52%,#8A6220 82%,#5A3E12 100%);
  box-shadow:inset 0 0 0 .75px rgba(70,46,12,.7),0 0 0 2.5px rgba(0,0,0,.28),0 1.5px 2.5px rgba(0,0,0,.55)}
.iv-pin::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  background:radial-gradient(circle,transparent 58%,rgba(217,172,87,.10) 66%,transparent 78%)}
.iv-luxlink{font-weight:600;font-size:15px;color:var(--pink);text-decoration:none}
.iv-luxlink span{font-family:'EB Garamond',Georgia,serif;font-size:17px;margin-left:4px}
.iv-luxlink:hover{text-decoration:underline;text-underline-offset:3px}
.iv-luxshot{margin:0;display:grid;gap:10px}
.iv-luxpan{position:relative;aspect-ratio:4/5;max-width:100%;overflow-y:auto;overflow-x:hidden;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.45);scrollbar-width:none;cursor:grab;overscroll-behavior:contain;touch-action:pan-y}
.iv-luxpan::-webkit-scrollbar{display:none}
.iv-luxpan:active{cursor:grabbing}
.iv-luxpan:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.iv-luxpan img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.iv-luxhint{color:var(--ink-soft);margin-left:6px}
.iv-luxshot figcaption{font:400 13px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--ink-soft)}
@media (max-width:860px){
  .iv-luxfeat{grid-template-columns:1fr;gap:24px;padding:24px 16px}
  .iv-luxshot{order:-1}
}
/* NEW stays in its own corner: the label sits bottom-left since 2026-10-05,
   so the two no longer meet on a phone's narrow card. */
@media (max-width:860px){
  .iv-luxband{margin:24px -16px 8px;border-radius:0;border-left:0;border-right:0;padding:20px 16px 8px}
}

/* ── Occasion first (owner, 2026-10-10) ──
   The picker at the top, the bar's choices, the grouped results. */
.iv-pick{display:grid;gap:28px;margin:8px 0 36px}
.iv-pickhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.iv-pickh{font-family:'Unbounded',sans-serif;font-weight:600;font-size:20px;margin:0;color:var(--ink)}
.iv-pick .iv-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.iv-pick .iv-tile a{padding:10px}
.iv-pick .iv-sw{height:64px}
.iv-occ select{max-width:240px}
.iv-filtersbtn{display:none;font:600 13px 'Work Sans',sans-serif;color:var(--ink);background:rgba(242,234,219,.06);border:1px solid var(--edge);border-radius:10px;padding:8px 12px;cursor:pointer}
.iv-filtersbtn b{font:400 12px 'IBM Plex Mono',monospace;color:var(--acid)}
.iv-filtersbtn[aria-expanded="true"]{border-color:var(--pink);background:var(--pink-bg)}
.iv-barmore{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.iv-barmore .iv-search{margin-left:auto}
.iv-bar [hidden]{display:none!important}
.iv-filtersbtn:focus-visible,.iv-pill:focus-visible,.iv-clear:focus-visible,.iv-subnav a:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.iv-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.iv-pill{font:500 13px 'Work Sans',sans-serif;color:var(--ink);background:var(--pink-bg);border:1px solid var(--pink);border-radius:999px;padding:5px 12px;cursor:pointer}
.iv-pill::after{content:" \00d7";color:var(--pink);font-weight:600}
.iv-active .iv-clear{margin-left:0}
.iv-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.iv-subnav a{font:600 13px 'Work Sans',sans-serif;color:var(--ink);text-decoration:none;border:1.5px solid var(--edge);border-radius:999px;padding:6px 12px}
.iv-subnav a:hover{border-color:var(--pink)}
.iv-subnav b{font:400 12px 'IBM Plex Mono',monospace;color:var(--acid);margin-left:2px}
.iv-group{padding-top:22px;scroll-margin-top:96px}
.iv-grouphead{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--rule);padding-top:16px;margin:0 0 16px}
.iv-after{margin:36px 0 0;color:var(--ink-mid)}
.iv-after a{color:var(--pink)}
.iv-subnav[hidden],.iv-pool[hidden],[data-describe][hidden]{display:none!important}
@media (max-width:860px){
  .iv-bar{flex-wrap:wrap;gap:10px}
  .iv-occ{flex:1;min-width:0}
  .iv-occ select{width:100%;max-width:none}
  .iv-filtersbtn{display:block}
  .iv-barmore{display:none;flex-basis:100%}
  .iv-barmore.open{display:flex}
  .iv-barmore .iv-search{margin-left:0;flex-basis:100%}
  .iv-pick .iv-tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
  .iv-group{scroll-margin-top:72px}
}
/* Occasion pages (/invitations/birthday …): the same groups as the results. */
.occ-subnav{margin:0 0 12px}
.occ-group{padding-top:20px;scroll-margin-top:24px}