/* Creative Retail Awards 2026 pages: CreativeRetailAwards2026.c6-html and the 2026 news stories.
   Everything is scoped to #cra26 so the old site styles (and the new-look site, which reuses this
   block on CreativeRetailAwards2026.c6-html) are left alone.
   Look: the Awards' new home is a Victorian music hall, so velvet, gilt and a proscenium arch;
   Montserrat throughout, the face of the Creative Retail Awards' own logo and banners. */
#cra26{--velvet:#3b0b1f;--velvet-2:#4d1229;--gilt:#d4ad5a;--gilt-ink:#8a6a1f;--pink:#ff7aae;--pink-ink:#b8165c;
  --ink:#2a1a21;--ink-2:#5d4b54;--rule:#e8dbe0;--blush:#f7eff2;
  --display:Montserrat,'Helvetica Neue',Arial,sans-serif;--sans:Montserrat,'Helvetica Neue',Arial,sans-serif;
  max-width:1100px;margin:6px auto 30px;font:400 14.5px/1.65 var(--sans);color:var(--ink);text-align:left;background:#fff}
#cra26 *{box-sizing:border-box}
#cra26 img{display:block;max-width:100%;height:auto;border:0}
#cra26 a{color:var(--pink-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#cra26 a:hover{color:var(--velvet)}
#cra26 a:focus-visible{outline:3px solid var(--gilt);outline-offset:3px}
#cra26 p,#cra26 ul,#cra26 ol,#cra26 figure,#cra26 blockquote{margin:0}
#cra26 ul,#cra26 ol{padding:0;list-style:none}
#cra26 h1,#cra26 h2,#cra26 h3{font-family:var(--display);font-weight:700;color:var(--velvet);margin:0;letter-spacing:-.015em;text-transform:none}
#cra26 .c6-small{font:600 11.5px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase}

/* ------------------------------------------------ the stage (page opening) */
#cra26 .c6-stage{background:var(--velvet);color:#f4e7ec;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center;padding:40px 44px 44px}
#cra26 .c6-brand{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:var(--gilt)}
#cra26 .c6-brand img{width:30px;height:auto}
#cra26 .c6-stage h1{font-size:54px;line-height:1;color:#fff;font-weight:700;letter-spacing:-.03em;margin:0 0 20px}
#cra26 .c6-stage .c6-deck{font-size:17px;line-height:1.6;color:#f4e7ec;max-width:30em}
#cra26 .c6-stage .c6-when{margin:16px 0 0;color:var(--gilt)}
/* the proscenium: a semicircular arch on a 4:5 picture, with a gilt frame standing off it */
#cra26 .c6-arch{padding:9px;border:1.5px solid var(--gilt);border-radius:50% 50% 0 0/40% 40% 0 0}
#cra26 .c6-arch img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:50% 50% 0 0/40% 40% 0 0}
#cra26 .c6-arch-cap{margin:10px 0 0;font-size:12.5px;color:#cbb3bd}

/* stories: the headline on velvet, the picture half in, half out, under a flatter arch */
#cra26 .c6-stage.c6-story{display:block;padding:38px 44px 0;background:linear-gradient(var(--velvet) 0,var(--velvet) 64%,#fff 64%)}
#cra26 .c6-stage.c6-story h1{font-size:38px;line-height:1.1;letter-spacing:-.025em;max-width:19em;margin-top:6px}
#cra26 .c6-stage.c6-story .c6-deck{max-width:36em}
#cra26 .c6-stage.c6-story .c6-when{margin:0}
#cra26 .c6-story-pic{margin:30px 0 0;padding:8px;border:1.5px solid var(--gilt);border-radius:50% 50% 0 0/22% 22% 0 0;background:#fff}
#cra26 .c6-story-pic img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:50% 50% 0 0/21% 21% 0 0}
#cra26 .c6-story-cap{padding:10px 44px 0;font-size:12.5px;color:var(--ink-2)}

/* ------------------------------------------------ buttons */
#cra26 .c6-btns{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
#cra26 .c6-btn{display:inline-block;padding:12px 18px;border-radius:2px;font:600 13.5px/1 var(--sans);letter-spacing:.01em;white-space:nowrap;text-decoration:none}
#cra26 .c6-btn.c6-gold{background:var(--gilt);color:var(--velvet)}
#cra26 .c6-btn.c6-gold:hover{background:#e3c17a;color:var(--velvet)}
#cra26 .c6-btn.c6-ghost{box-shadow:inset 0 0 0 1.5px var(--gilt);color:#fff}
#cra26 .c6-btn.c6-ghost:hover{background:#56182f;color:#fff}
#cra26 .c6-btn.c6-dark{background:var(--velvet);color:#fff}
#cra26 .c6-btn.c6-dark:hover{background:#5a1834;color:#fff}
#cra26 .c6-btn.c6-line{box-shadow:inset 0 0 0 1.5px var(--velvet);color:var(--velvet)}
#cra26 .c6-btn.c6-line:hover{background:var(--blush)}

/* ------------------------------------------------ sections */
#cra26 .c6-sec{padding:52px 44px 0}
#cra26 .c6-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 24px}
#cra26 .c6-sec-h h2{font-size:30px;line-height:1.1;letter-spacing:-.025em}
#cra26 .c6-sec-h p{margin:8px 0 0;color:var(--ink-2);max-width:40em}
#cra26 .c6-sec-h > a{flex:none;font-weight:600;font-size:14px}

/* winners with pictures: the five headline awards, then every category */
#cra26 .c6-lead-awards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 26px}
#cra26 .c6-award{grid-column:span 2}
#cra26 .c6-award.c6-big,#cra26 .c6-award.c6-half{grid-column:span 3}
#cra26 .c6-award img{width:100%;aspect-ratio:5/4;object-fit:cover;margin:0 0 12px;background:var(--blush)}
#cra26 .c6-cat{color:var(--gilt-ink);margin:0 0 5px}
#cra26 .c6-award h3{font-size:20px;line-height:1.2}
#cra26 .c6-award.c6-big h3{font-size:26px;letter-spacing:-.02em}
#cra26 .c6-award .c6-proj{font:italic 500 16px/1.35 var(--display);color:var(--velvet);margin:3px 0 0}
#cra26 .c6-award .c6-note{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2);max-width:34em}
#cra26 .c6-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
#cra26 .c6-gallery h3{font-size:18px;line-height:1.25}
#cra26 .c6-gallery .c6-promo{display:flex;flex-direction:column;justify-content:flex-end;padding:26px 24px;background:var(--velvet);color:#e9d6de}
#cra26 .c6-gallery .c6-promo h3{color:#fff;font-size:22px;line-height:1.2;margin:0 0 10px}
#cra26 .c6-gallery .c6-promo p{font-size:14.5px}
#cra26 .c6-gallery .c6-promo .c6-btns{margin-top:18px}
#cra26 .c6-gallery .c6-proj{font:italic 500 14px/1.35 var(--display);color:var(--velvet);margin:2px 0 0}
#cra26 .c6-with{margin:6px 0 0;font-size:13px;color:var(--ink-2)}
#cra26 .c6-with a{color:inherit}
#cra26 .c6-hc{margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--rule);font-size:12.5px;line-height:1.45;color:var(--ink-2)}
#cra26 .c6-hc b{font-weight:600;color:var(--ink)}
#cra26 .c6-member{display:inline-block;margin-left:4px;padding:1px 5px 2px;border-radius:2px;background:var(--velvet);color:#fff;font:600 9.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;text-decoration:none}

/* SDEA members among the winners */
#cra26 .c6-members{margin:56px 0 0;padding:44px;background:var(--blush)}
#cra26 .c6-members .c6-sec-h{margin-bottom:18px}
#cra26 .c6-mlist{columns:2;column-gap:44px}
#cra26 .c6-mlist li{break-inside:avoid;padding:14px 0 13px;border-top:1px solid #e3cfd7}
#cra26 .c6-mlist .c6-who{display:block;font:700 18px/1.25 var(--display);letter-spacing:-.01em;color:var(--velvet);text-decoration:none;margin:0 0 4px}
#cra26 .c6-mlist a.c6-who:hover{text-decoration:underline}
#cra26 .c6-mlist span{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
#cra26 .c6-mlist span b{font-weight:600;color:var(--gilt-ink)}
#cra26 .c6-mlist span.c6-h b{color:var(--ink-2)}

/* the Winners Guide reader */
#cra26 .c6-reader{position:relative;padding-top:62%;background:#2b0a17}
#cra26 .c6-reader iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
#cra26 .c6-reader-note{margin:10px 0 0;font-size:13px;color:var(--ink-2)}

/* the night */
#cra26 .c6-night{margin:60px 0 0;padding:46px 44px 48px;background:var(--velvet);color:#ecdce3}
#cra26 .c6-night .c6-sec-h h2{color:#fff}
#cra26 .c6-night .c6-sec-h p{color:#d9c3cc}
#cra26 .c6-night .c6-sec-h > a{color:var(--gilt)}
#cra26 .c6-pics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
#cra26 .c6-pics figure{position:relative;overflow:hidden}
#cra26 .c6-pics figure:first-child{grid-row:span 2}
#cra26 .c6-pics img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
#cra26 .c6-pics figure:first-child img{aspect-ratio:auto}
#cra26 .c6-pics figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 7px;font-size:12px;line-height:1.35;color:#fff;background:linear-gradient(transparent,rgba(30,4,14,.85))}
#cra26 .c6-night-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:44px;margin:34px 0 0;align-items:start}
#cra26 .c6-night-text p{font-size:14.5px;line-height:1.75}
#cra26 .c6-night-text p + p{margin-top:1em}
#cra26 .c6-quote blockquote{font:italic 500 20px/1.5 var(--display);color:#fff}
#cra26 .c6-sig{display:flex;align-items:center;gap:12px;margin:18px 0 0}
#cra26 .c6-sig img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 22%}
#cra26 .c6-sig b{display:block;font-weight:600;color:#fff}
#cra26 .c6-sig span{display:block;font-size:13px;color:#d9c3cc}
#cra26 .c6-quote.c6-light blockquote{color:var(--velvet)}
#cra26 .c6-quote.c6-light .c6-sig b{color:var(--ink)}
#cra26 .c6-quote.c6-light .c6-sig span{color:var(--ink-2)}
#cra26 .c6-quote.c6-light{margin:34px 0;padding:4px 0 4px 22px;border-left:3px solid var(--gilt)}

/* the credits, set like a programme: name, leader dots, role */
#cra26 .c6-credits{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px 52px}
#cra26 .c6-credits h3{font-size:20px;margin:0 0 10px}
#cra26 .c6-cast li{display:flex;align-items:baseline;gap:8px;padding:6px 0}
#cra26 .c6-cast .c6-n{flex:none;font:600 15px/1.3 var(--display);color:var(--velvet)}
#cra26 .c6-cast .c6-dots{flex:1 1 20px;min-width:20px;border-bottom:1.5px dotted #c2a660;transform:translateY(-5px)}
#cra26 .c6-cast .c6-r{flex:0 1 auto;max-width:58%;text-align:right;font-size:13px;line-height:1.4;color:var(--ink-2)}
#cra26 .c6-credits .c6-also{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}

/* the full results as a cast list (news story) */
#cra26 .c6-results li{padding:11px 0 12px;border-top:1px solid var(--rule)}
#cra26 .c6-results .c6-row{display:flex;align-items:baseline;gap:8px}
#cra26 .c6-results .c6-c{flex:none;max-width:46%;font:600 13px/1.35 var(--sans);color:var(--gilt-ink)}
#cra26 .c6-results .c6-dots{flex:1 1 20px;min-width:20px;border-bottom:1.5px dotted #c2a660;transform:translateY(-4px)}
#cra26 .c6-results .c6-w{flex:0 1 auto;text-align:right;font:700 16px/1.3 var(--display);color:var(--velvet)}
#cra26 .c6-results .c6-more{margin:3px 0 0;text-align:right;font-size:13px;line-height:1.45;color:var(--ink-2)}
#cra26 .c6-results .c6-more i{font-weight:500;color:var(--velvet)}

/* next year: a playbill notice */
#cra26 .c6-notice{margin:60px 44px 0;padding:34px 30px 32px;border:4px double var(--gilt);text-align:center}
#cra26 .c6-notice .c6-small{color:var(--gilt-ink)}
#cra26 .c6-notice h2{font-size:30px;line-height:1.1;letter-spacing:-.025em;margin:8px 0 12px}
#cra26 .c6-notice p{max-width:36em;margin:0 auto;color:var(--ink-2)}
#cra26 .c6-notice .c6-btns{justify-content:center}
#cra26 .c6-tail{margin:28px 44px 0;padding:14px 0 0;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-2)}
#cra26 .c6-tail a{margin-right:10px}

/* ------------------------------------------------ stories: article with a side column */
#cra26 .c6-article{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:48px;padding:34px 44px 0}
#cra26 .c6-body p{font-size:15px;line-height:1.75;margin:0 0 1.05em;max-width:40em}
#cra26 .c6-body p.c6-lead{font:500 18px/1.6 var(--display);color:var(--velvet)}
#cra26 .c6-body h2{font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:38px 0 12px}
#cra26 .c6-body figure{margin:26px 0 28px}
#cra26 .c6-body figcaption{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
#cra26 .c6-body .c6-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cra26 .c6-body .c6-pair img{aspect-ratio:5/4;object-fit:cover;width:100%}
#cra26 .c6-body .c6-mlist{columns:1;margin:6px 0 10px}
#cra26 .c6-body .c6-mlist li{padding:12px 0}
#cra26 .c6-update{margin:0 0 26px;padding:14px 18px;background:var(--blush);border-left:3px solid var(--gilt);font-size:15px}
#cra26 .c6-side{font-size:14px;line-height:1.5;position:sticky;top:16px;align-self:start}
#cra26 .c6-side .c6-box{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--rule)}
#cra26 .c6-side h3{font-size:16px;margin:0 0 10px}
#cra26 .c6-side .c6-facts li{padding:6px 0;border-top:1px solid var(--rule);color:var(--ink-2)}
#cra26 .c6-side .c6-facts b{display:block;font:700 16px/1.3 var(--display);color:var(--velvet)}
#cra26 .c6-side .c6-mini li{padding:7px 0;border-top:1px solid var(--rule)}
#cra26 .c6-side .c6-mini .c6-small{display:block;color:var(--gilt-ink);margin:0 0 1px}
#cra26 .c6-side .c6-mini b{font:700 15px/1.3 var(--display);color:var(--velvet)}
#cra26 .c6-side .c6-go li{padding:5px 0}
#cra26 .c6-side .c6-go a{font-weight:600}

/* ------------------------------------------------ smaller screens */
@media (max-width:869px){
  #cra26 .c6-stage{grid-template-columns:1fr;gap:28px;padding:28px 20px 32px}
  #cra26 .c6-stage .c6-arch{max-width:360px;margin:0 auto;width:100%}
  #cra26 .c6-stage h1{font-size:40px}
  #cra26 .c6-stage.c6-story{padding:28px 20px 0;background:linear-gradient(var(--velvet) 0,var(--velvet) 72%,#fff 72%)}
  #cra26 .c6-stage.c6-story h1{font-size:29px}
  #cra26 .c6-story-cap{padding:10px 20px 0}
  #cra26 .c6-sec{padding:40px 20px 0}
  #cra26 .c6-sec-h{display:block}
  #cra26 .c6-sec-h > a{display:inline-block;margin-top:10px}
  #cra26 .c6-sec-h h2{font-size:25px}
  #cra26 .c6-lead-awards{grid-template-columns:1fr 1fr;gap:28px 16px}
  #cra26 .c6-award,#cra26 .c6-award.c6-big,#cra26 .c6-award.c6-half{grid-column:span 1}
  #cra26 .c6-award.c6-big{grid-column:1/-1}
  #cra26 .c6-gallery{grid-template-columns:1fr 1fr;gap:28px 16px}
  #cra26 .c6-gallery h3{font-size:17px}
  #cra26 .c6-members{padding:32px 20px}
  #cra26 .c6-mlist{columns:1}
  #cra26 .c6-night{padding:36px 20px}
  #cra26 .c6-pics{grid-template-columns:1fr 1fr}
  #cra26 .c6-pics figure:first-child{grid-column:1/-1;grid-row:auto}
  #cra26 .c6-pics figure:first-child img{aspect-ratio:3/2}
  #cra26 .c6-night-text,#cra26 .c6-credits{grid-template-columns:1fr;gap:28px}
  #cra26 .c6-notice{margin:44px 20px 0;padding:26px 18px}
  #cra26 .c6-notice h2{font-size:25px}
  #cra26 .c6-tail{margin:24px 20px 0}
  #cra26 .c6-article{grid-template-columns:1fr;gap:10px;padding:26px 20px 0}
  #cra26 .c6-results .c6-row{display:block}
  #cra26 .c6-results .c6-c,#cra26 .c6-results .c6-w{display:block;max-width:none}
  #cra26 .c6-results .c6-c{margin:0 0 3px}
  #cra26 .c6-quote blockquote{font-size:18px}
  #cra26 .c6-side{position:static}
  #cra26 .c6-results .c6-dots{display:none}
  #cra26 .c6-results .c6-w,#cra26 .c6-results .c6-more{text-align:left}
}
@media (max-width:480px){
  #cra26 .c6-gallery{grid-template-columns:1fr}
  #cra26 .c6-lead-awards{grid-template-columns:1fr}
  #cra26 .c6-cast li{flex-wrap:wrap}
  #cra26 .c6-cast .c6-dots{display:none}
  #cra26 .c6-cast .c6-r{max-width:none;text-align:left;flex-basis:100%}
}