/* 2026-10-30 industry skins for v6 show pages (body.sk, written by industry_skin.js). Each page's inline style sets the
   guide's fonts (--serif/--head/--body), palette (--sk-paper/ink/muted/line, --sk-acc, --sk-dark, --sk-hi), its motif
   (--mot-l = light sections, --mot-d = dark bands, copied from the guide's .m-<motif> rules) and the show's own color
   lit for dark grounds (--glow*). The show's b5 color (--k, --accent) stays the main accent. Loaded after shows-b6.css. */
body.sk{--ink:var(--sk-ink);--ink-2:color-mix(in srgb,var(--sk-ink) 78%,var(--sk-muted));--muted:var(--sk-muted);--line:var(--sk-line);--soft:var(--sk-paper);--tint:var(--sk-paper);--deep:var(--sk-dark);--t-deep:var(--sk-dark);--hl:color-mix(in srgb,var(--sk-hi) 70%,#fff);font-family:var(--body)}
.sk main{background:var(--sk-soft)}
.sk h1,.sk h2,.sk h3{text-wrap:balance}

/* ================= cover ================= */
.sk-cover{position:relative;overflow:hidden;display:flex;align-items:stretch;min-height:min(88vh,820px);background-color:var(--sk-paper);background-image:var(--mot-l,none);background-size:var(--mot-l-size,auto);background-position:var(--mot-l-pos,0 0);color:var(--sk-ink);isolation:isolate}
.sk-cover.is-dark{background-color:var(--sk-dark);background-image:var(--mot-d,none);background-size:var(--mot-d-size,auto);background-position:var(--mot-d-pos,0 0);color:#fff}
.skc-img{position:absolute;top:0;right:0;bottom:0;width:62%;margin:0;z-index:0}
.skc-img img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%);display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.no-look .skc-img{width:56%}.no-look .skc-img img{object-position:50% 45%}
.sk-cover::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--sk-paper) 0%,var(--sk-paper) 40%,color-mix(in srgb,var(--sk-paper) 0%,transparent) 62%)}
.sk-cover.is-dark::after{background:linear-gradient(90deg,var(--sk-dark) 0%,var(--sk-dark) 39%,color-mix(in srgb,var(--sk-dark) 0%,transparent) 62%),linear-gradient(0deg,color-mix(in srgb,var(--sk-dark) 55%,transparent) 0%,transparent 34%)}
.skc-img figcaption{position:absolute;right:16px;top:16px;z-index:3;max-width:340px;padding:7px 12px;border-radius:999px;background:rgba(10,10,14,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 .74rem/1.3 var(--head)}
.skc-img figcaption b{color:var(--hl);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}
.skc-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:end;padding-block:30px 60px}
.skc-copy{max-width:640px;align-self:center}
.sk-cover .crumbs{color:var(--ink-2);margin-bottom:30px}
.sk-cover .crumbs a{color:var(--ink-2)}
.sk-cover .crumbs span[aria-current]{color:var(--k);font-weight:600}
.sk-cover.is-dark .crumbs,.sk-cover.is-dark .crumbs a{color:rgba(255,255,255,.72)}
.sk-cover.is-dark .crumbs span[aria-current]{color:var(--glow-soft)}
.skc-issue{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 22px;font:700 .74rem/1.4 var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--k)}
.skc-issue .ic{width:22px;height:22px}
.skc-issue a{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent)}
.skc-issue a:hover{border-bottom-color:currentColor}
.skc-issue .countdown{background:var(--k);color:#fff;border-radius:999px;padding:5px 12px;letter-spacing:.04em;text-transform:none;font-size:.78rem}
.sk-cover.is-dark .skc-issue{color:var(--glow-soft)}
.sk-cover.is-dark .skc-issue .countdown{background:color-mix(in srgb,var(--glow) 20%,rgba(0,0,0,.4));border:1px solid var(--glow);color:#fff}
.sk-cover h1{margin:0 0 20px;color:inherit}
.sk .h6-name{font-family:var(--serif);font-weight:var(--sk-dw,600);font-size:clamp(3.4rem,7.6vw,7rem);line-height:.9;letter-spacing:-.03em}
.sk .h6-name.l{font-size:clamp(2.9rem,6vw,5.6rem)}
.sk .h6-name.xl{font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:.95}
.sk .h6-name em{font-style:var(--sk-it,italic);font-weight:var(--sk-dw,600);color:var(--k)}
.sk-cover.is-dark .h6-name em{color:var(--glow-soft)}
.sk-cover .h6-sub{color:var(--ink-2);font-family:var(--head);font-weight:600;margin-top:16px}
.sk-cover.is-dark .h6-sub{color:rgba(255,255,255,.88)}
.sk-cover .h6-tag{font-family:var(--serif);font-style:var(--sk-it,italic);font-weight:500;font-size:clamp(1.12rem,1.6vw,1.4rem);line-height:1.4;color:var(--k);margin:0 0 26px;max-width:32em}
.sk-cover.is-dark .h6-tag{color:var(--hl)}
.sk-cover .h6-facts{background:var(--sk-soft);border:1px solid var(--sk-line);border-radius:14px;box-shadow:0 22px 44px -30px color-mix(in srgb,var(--sk-dark) 60%,transparent)}
.sk-cover .h6-facts dt{color:var(--sk-muted);font-family:var(--head)}
.sk-cover .h6-facts dd{color:var(--sk-ink);font-family:var(--head)}
.sk-cover.is-dark .h6-facts{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 50px -24px rgba(0,0,0,.6)}
.sk-cover.is-dark .h6-facts div{border-color:rgba(255,255,255,.14)}
.sk-cover.is-dark .h6-facts dt{color:var(--hl)}
.sk-cover.is-dark .h6-facts dd{color:#fff}
.sk-cover.is-dark .h6-facts dd small,.sk-cover.is-dark .h6-facts dd.nc{color:rgba(255,255,255,.7)}
.sk .btn6{font-family:var(--head)}
.sk-cover .btn6.ghost{background:color-mix(in srgb,var(--sk-paper) 70%,transparent)}
.sk-cover.is-dark .btn6,.sk-cover.is-dark .btn6:hover{background:var(--glow);border-color:var(--glow);color:#0b0b10;box-shadow:0 0 0 1px color-mix(in srgb,var(--glow) 40%,transparent),0 14px 34px -12px var(--glow)}
.sk-cover.is-dark .btn6.ghost,.sk-cover.is-dark .btn6.ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.6);color:#fff;box-shadow:none}
.sk-cover .h6-trust{color:var(--ink-2)}
.sk-cover.is-dark .h6-trust{color:rgba(255,255,255,.78)}
.sk-cover.is-dark .h6-trust b{color:#fff}
.sk-cover.is-dark .h6-trust i{background:var(--glow)}

/* Built by Purple cards over the cover photo */
.skc-cards{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.skc-card{margin:0;width:100%;background:#fff;padding:7px 7px 11px;border-radius:4px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.04)}
.skc-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.skc-card figcaption{padding:9px 4px 0;font:500 .78rem/1.35 var(--head);color:var(--sk-ink)}
.skc-card figcaption b{display:block;font:700 .62rem/1.4 var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--k);margin-bottom:2px}
.skc-cards>figure:first-of-type{transform:rotate(2deg)}
.skc-cards>figure+figure{width:84%;margin:16px 34px 0 0;transform:rotate(-2.2deg)}
.skc-sticker{position:absolute;left:-44px;top:-64px;z-index:5;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--k);color:#fff;transform:rotate(-8deg);box-shadow:0 18px 30px -14px rgba(0,0,0,.55);outline:2px dashed rgba(255,255,255,.55);outline-offset:-8px;font-family:var(--head)}
.skc-sticker b{font-family:var(--serif);font-weight:var(--sk-dw,600);font-size:1.3rem;line-height:1}
.skc-sticker span{margin-top:4px;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;max-width:84px;line-height:1.3}
.sk-dark .skc-sticker{border-radius:6px;width:auto;height:auto;padding:12px 16px;outline:0;transform:none;left:-30px;top:-58px;background:rgba(6,9,20,.82);border:1px solid var(--glow);color:#fff;box-shadow:0 0 30px -4px color-mix(in srgb,var(--glow) 80%,transparent);align-items:flex-start;text-align:left}
.sk-dark .skc-sticker b{color:var(--glow-soft)}
.sk-dark .skc-card{background:rgba(10,14,28,.78);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sk-dark .skc-card figcaption{color:rgba(255,255,255,.86)}
.sk-dark .skc-card figcaption b{color:var(--glow-soft)}
.sk-dark .skc-img img{filter:saturate(1.08) contrast(1.04)}

/* ================= bands and sections ================= */
.sk .marquee{font-family:var(--head)}
.sk .nums6{background-color:var(--sk-dark);background-image:var(--mot-d,none);background-size:var(--mot-d-size,auto);background-position:var(--mot-d-pos,0 0)}
.sk .nums6 li{border-left-color:var(--sk-hi)}
.sk .nums6 b{font-family:var(--serif);font-weight:var(--sk-dw,600)}
.sk .nums6 b small.pre,.sk .nums6 b small.post{color:var(--hl);opacity:1}
.sk .qa6-box{border-color:var(--sk-line);background:var(--sk-soft)}
.sk .qa6-box::before{background:linear-gradient(180deg,var(--k),var(--sk-acc))}
.sk .qa6 h2,.sk section.s h2,.sk .strip6 h2,.sk .floor6 h2{font-family:var(--serif);font-weight:var(--sk-dw,600);letter-spacing:-.02em}
.sk section.s h2{color:var(--sk-ink)}
.sk section.s>.wrap>h2::after{content:"";display:block;width:64px;height:3px;margin-top:16px;border-radius:2px;background:linear-gradient(90deg,var(--k) 0 60%,var(--sk-hi) 60%)}
.sk .eyebrow6,.sk .s>.wrap>.eyebrow{font-family:var(--head)}
.sk section.s.alt,.sk .floor6{background-color:var(--sk-paper);background-image:var(--mot-l,none);background-size:var(--mot-l-size,auto);background-position:var(--mot-l-pos,0 0)}
.sk .strip6,.sk .look6{background-color:var(--sk-dark);background-image:var(--mot-d,none);background-size:var(--mot-d-size,auto);background-position:var(--mot-d-pos,0 0)}
.sk .moment6 blockquote p{font-family:var(--serif);font-weight:var(--sk-dw,600)}
.sk .moment6 blockquote em{font-style:var(--sk-it,italic);color:var(--hl)}
.sk .card.crew{background-color:var(--sk-dark)}
.sk .persona{border-color:var(--sk-line)}
.sk .fsheet{border-top:3px solid var(--k)}

/* ================= the look: magazine lookbook ================= */
.sk .look6{padding-block:112px}
.sk .look6-folio{font-family:var(--head);border-top-color:var(--sk-hi)}
.sk .look6-folio span+span{color:var(--hl)}
.sk .look6 h2{font-family:var(--serif);font-weight:var(--sk-dw,600);font-size:clamp(3rem,6.6vw,6rem)}
.sk .look6 h2 em{font-style:var(--sk-it,italic);color:var(--hl)}
.sk .look6-line{font-family:var(--serif);font-style:var(--sk-it,italic)}
.lk{display:flex;flex-direction:column;gap:14px}
.lk-b{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;grid-auto-rows:clamp(64px,6.4vw,92px)}
.lk-q{grid-template-areas:"a a a a a b b b b c c c" "a a a a a b b b b c c c" "a a a a a b b b b c c c" "a a a a a d d d d c c c" "a a a a a d d d d c c c" "a a a a a d d d d c c c"}
.lk-qf{grid-template-areas:"c c c b b b b a a a a a" "c c c b b b b a a a a a" "c c c b b b b a a a a a" "c c c d d d d a a a a a" "c c c d d d d a a a a a" "c c c d d d d a a a a a"}
.lk-w2{grid-template-areas:"a a a a a a a b b b b b" "a a a a a a a b b b b b" "a a a a a a a b b b b b" "a a a a a a a b b b b b" "a a a a a a a b b b b b"}
.lk-w3{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "a a a a b b b b c c c c" "a a a a b b b b c c c c" "a a a a b b b b c c c c"}
.lk-w1{grid-template-areas:"a a a a a a a a a a a a" "a a a a a a a a a a a a" "a a a a a a a a a a a a" "a a a a a a a a a a a a" "a a a a a a a a a a a a"}
.t-a{grid-area:a}.t-b{grid-area:b}.t-c{grid-area:c}.t-d{grid-area:d}
.lk figure{position:relative;margin:0;overflow:hidden;background:#000;min-height:0}
.lk img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.lk figure:hover img{transform:scale(1.035)}
.lk figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 15px;color:#fff;font-family:var(--serif);font-style:var(--sk-it,italic);font-weight:500;font-size:1rem;line-height:1.35;background:linear-gradient(0deg,rgba(0,0,0,.74),rgba(0,0,0,0));text-shadow:0 1px 8px rgba(0,0,0,.3)}
.lk figcaption span{display:block;font:700 10px/1 var(--head);font-style:normal;letter-spacing:.22em;margin-bottom:7px;color:var(--hl)}
.lk .l1{box-shadow:inset 0 0 0 0 transparent}

/* tech guides: dark glass, LED glow in the show's color */
.sk-dark .sk-cover .h6-name em,.sk-dark .look6 h2 em{text-shadow:0 0 22px color-mix(in srgb,var(--glow) 70%,transparent),0 0 56px color-mix(in srgb,var(--glow) 35%,transparent)}
.sk-dark .sk-cover::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,var(--glow) 30%,var(--sk-hi) 70%,transparent);box-shadow:0 0 18px 1px var(--glow)}
.sk-dark .sk-cover .countdown::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px 2px var(--glow);animation:sk-blink 1.6s ease-in-out infinite;vertical-align:1px}
@keyframes sk-blink{50%{opacity:.25}}
.sk-dark .lk figure{box-shadow:0 0 0 1px color-mix(in srgb,var(--glow) 45%,transparent)}
.sk-dark .lk .l1{box-shadow:0 0 0 1px var(--glow),0 0 30px -6px var(--glow)}
.sk-dark .nums6 b{text-shadow:0 0 22px color-mix(in srgb,var(--glow) 55%,transparent)}
.sk-dark .nums6 li{border-left-color:var(--glow);box-shadow:-8px 0 16px -12px var(--glow)}

/* ================= tablet / phone ================= */
@media (max-width:1000px){
  .skc-in{grid-template-columns:minmax(0,1fr) 210px;gap:28px}
  .skc-img{width:56%}
  .sk-cover::after{background:linear-gradient(90deg,var(--sk-paper) 0%,var(--sk-paper) 44%,color-mix(in srgb,var(--sk-paper) 0%,transparent) 66%)}
  .sk-cover.is-dark::after{background:linear-gradient(90deg,var(--sk-dark) 0%,var(--sk-dark) 44%,color-mix(in srgb,var(--sk-dark) 0%,transparent) 68%)}
}
@media (max-width:760px){
  .sk-cover{display:block;min-height:0}
  .skc-img,.no-look .skc-img{position:relative;inset:auto;width:100%;height:min(116vw,560px)}
  .skc-img img{-webkit-mask-image:none;mask-image:none}
  .sk-cover::after,.sk-cover.is-dark::after{bottom:auto;height:min(116vw,560px);background:linear-gradient(0deg,var(--sk-paper) 0%,color-mix(in srgb,var(--sk-paper) 70%,transparent) 18%,color-mix(in srgb,var(--sk-paper) 0%,transparent) 42%)}
  .sk-cover.is-dark::after{background:linear-gradient(0deg,var(--sk-dark) 0%,color-mix(in srgb,var(--sk-dark) 70%,transparent) 20%,color-mix(in srgb,var(--sk-dark) 0%,transparent) 44%)}
  .skc-img figcaption{top:auto;bottom:auto;top:12px;right:12px;left:12px;max-width:none;border-radius:10px;font-size:.68rem}
  .skc-in{display:block;padding-block:0 40px;margin-top:-92px}
  .sk-cover .crumbs{display:none}
  .skc-issue{font-size:.66rem;letter-spacing:.16em;margin-bottom:14px}
  .sk .h6-name{font-size:clamp(2.7rem,13vw,3.6rem)}
  .sk .h6-name.l{font-size:clamp(2.3rem,10.5vw,3rem)}
  .sk .h6-name.xl{font-size:clamp(1.9rem,8.4vw,2.4rem)}
  .sk-cover .h6-tag{font-size:1.05rem}
  .skc-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;align-items:start}
  .skc-cards>figure,.skc-cards>figure+figure{width:auto;margin:0;padding:5px 5px 8px;transform:rotate(-1.5deg)}
  .skc-cards>figure+figure{transform:rotate(1.5deg);margin-top:18px}
  .skc-cards>figure:only-of-type{grid-column:1/-1;max-width:70%}
  .skc-card figcaption{font-size:.7rem;padding-top:6px}
  .skc-card figcaption b{font-size:.56rem;letter-spacing:.1em}
  .skc-sticker{display:none}
  .sk .look6{padding-block:72px}
  .sk .look6 h2{font-size:clamp(2.5rem,12vw,3.4rem)}
  .lk,.lk-b{gap:8px}
  .lk-b{grid-template-columns:1fr 1fr;grid-auto-rows:44vw}
  .lk-q{grid-template-areas:"a b" "a b" "c d"}
  .lk-qf{grid-template-areas:"b a" "d a" "c c"}
  .lk-w2{grid-template-areas:"a b" "a b"}
  .lk-w3{grid-template-areas:"a a" "b c"}
  .lk-w1{grid-template-areas:"a a" "a a"}
  .lk figcaption{font-size:.82rem;padding:34px 11px 10px}
  .lk figcaption span{font-size:9px;margin-bottom:5px}
}
@media (prefers-reduced-motion:reduce){.lk img{transition:none}.sk-dark .sk-cover .countdown::before{animation:none}}
