/* Look 5 — "The trade", 20 Oct 2026. Variety's dense ruled structure dressed with The Hollywood Reporter's photography and
   high-contrast serif. The Upcoming yellow masthead with the white stacked logo; white page, ink type, grey hairlines and dotted
   rules, one heavy black band. Yellow only for the masthead, stars, rules and underlines, never as text on white.
   Playfair Display (serif display) + IBM Plex Sans (Variety's own body face). Sizes: 11 / 14 / 17 / 20 / 24 / 30 (lead 48 on
   desktop). Spacing scale: 4 8 12 16 24 32 48. Nothing moves on hover (editor): hover changes colour or underline only. */
@font-face{font-family:"Playfair Display";src:url(../../fonts/playfair-display.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(../../fonts/ibm-plex-sans.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap}
:root{--brand:#ffc124;--ink:#111;--grey:#6b6b6b;--mute:#9a9a9a;--rule:#dedede;--dot:#b9b9b9;--paper:#fff;--ground:#f4f4f2;--gold:#ffc124;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--star:12px;--gap:14px;--bar:56px;
  --cat:var(--brand);--cat-culture:#f8c156;--cat-music:#e63f3f;--cat-cinema:#4fc4ef;--cat-theatre:#f0b431;--cat-art:#EFA169;--cat-food:#e99268;--cat-literature:#4471cb;--cat-fashion:#FF83C9;--cat-feature:#90afba;--cat-tech:#90afba;--cat-focus:#90afba;--cat-ca:#91a7be;--cat-nyc:#FDD017;--cat-comp:#ff803e;--cat-berlin:#d82b47;--cat-glasgow:#4b4675;--cat-cannes:#d82b47;--cat-venice:#eea250;--cat-lff:#d82b47}
.lk-cat-culture{--cat:var(--cat-culture)}.lk-cat-music{--cat:var(--cat-music)}.lk-cat-cinema{--cat:var(--cat-cinema)}.lk-cat-theatre{--cat:var(--cat-theatre)}.lk-cat-art{--cat:var(--cat-art)}.lk-cat-food{--cat:var(--cat-food)}.lk-cat-literature{--cat:var(--cat-literature)}.lk-cat-fashion{--cat:var(--cat-fashion)}.lk-cat-feature{--cat:var(--cat-feature)}.lk-cat-tech{--cat:var(--cat-tech)}.lk-cat-focus{--cat:var(--cat-focus)}.lk-cat-ca{--cat:var(--cat-ca)}.lk-cat-nyc{--cat:var(--cat-nyc)}.lk-cat-comp{--cat:var(--cat-comp)}.lk-cat-berlin{--cat:var(--cat-berlin)}.lk-cat-glasgow{--cat:var(--cat-glasgow)}.lk-cat-cannes{--cat:var(--cat-cannes)}.lk-cat-venice{--cat:var(--cat-venice)}.lk-cat-lff{--cat:var(--cat-lff)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bar) + 8px)}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a,a:visited{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
.l5-t a:hover,.l5-head-t a:hover,.l5a-li-t a:hover{text-decoration:none} /* headlines: no hover effect (editor, 4 Nov 2026) */
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
.lk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lk-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.lk-icon{display:block}

/* masthead: The Upcoming yellow bar, white stacked logo centred on phones, burger left, search right (adapted from Look 1) */
.lk-masthead{position:sticky;top:0;z-index:40;background:var(--brand)}
.lk-bar{display:flex;align-items:center;gap:4px;height:var(--bar);position:relative}
.lk-logo{flex:none;display:flex;align-items:center;order:1;margin:0 auto}
.lk-logo img{width:auto;height:40px}
.lk-logo:hover{text-decoration:none}
.lk-wordmark,.lk-tagline,.lk-dateline{display:none}
.lk-burger,.lk-search-toggle,.lk-search button{appearance:none;background:none;border:0;padding:10px;margin:0;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font:600 13px var(--sans)}
.lk-burger .lk-icon,.lk-search-toggle .lk-icon{width:22px;height:22px}
.lk-burger span{display:none}
.lk-burger{order:0;margin-left:-10px}.lk-search-toggle{order:2;margin-right:-10px}
.lk-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);max-height:calc(100vh - var(--bar));overflow:auto;padding:4px 16px 16px;box-shadow:0 12px 24px -12px rgba(0,0,0,.15)}
body.lk-menu-open .lk-nav{display:block}
.lk-nav-list li{border-top:1px solid var(--rule)}
.lk-nav-list>li:first-child{border-top:0}
.lk-nav-list>li>a{display:block;padding:12px 0;font:600 15px var(--sans);text-transform:uppercase;letter-spacing:.06em}
.lk-nav-list .sub-menu{display:none;padding:0 0 8px 12px}
.lk-nav-list li.lk-open>.sub-menu{display:block}
.lk-nav-list .sub-menu li{border:0}
.lk-nav-list .sub-menu a{display:block;padding:7px 0;font:400 15px var(--sans);color:var(--grey)}
.lk-search{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:10px 16px;gap:4px}
body.lk-search-open .lk-search{display:flex}
.lk-search input{flex:1;min-width:0;width:100%;font:16px var(--sans);padding:10px 12px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink)}
.lk-search button{color:var(--ink)}
.lk-search input:focus{outline:0;border-bottom-color:var(--brand)}
.lk-social{display:flex;gap:4px}
.lk-social a{padding:8px;color:var(--grey)}
.lk-social-mobile{padding-top:12px;border-top:1px solid var(--rule)}
.lk-social-mobile a:first-child{margin-left:-8px} /* icons carry 8px padding: the glyphs line up with the menu text */
.lk-social-desktop,.lk-soc-nav,.lk-search-results{display:none}

/* desk strip: Variety's tab row — caps text, a yellow bar under the one you touch; swipes sideways, each jumps to its desk */

/* leaderboard slot */
.lk-leader{margin-top:16px}
.lk-leader img{margin:0 auto}

/* ───────── type atoms ───────── */
.l5-k{display:flex;flex-wrap:wrap;gap:0 8px;font:700 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.l5-k b{font-weight:inherit;border-bottom:2px solid var(--cat);padding-bottom:2px}
.l5-k time,.l5-k i{font-weight:400;font-style:normal;color:var(--grey);letter-spacing:.04em;text-transform:none;font-size:11.5px}
.l5-k time::before,.l5-k i::before{content:"";display:inline-block;width:1px;height:10px;background:var(--dot);margin-right:8px;vertical-align:-1px}
.l5-by{display:block;font:500 10px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.l5-by-w{display:none} /* NAME without "By", everywhere in Look 5 (editor, 4 Nov 2026) */
.l5-t{font:700 17px/1.18 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.l5-t-serif{font:600 20px/1.12 var(--serif);letter-spacing:-.005em}
.l5-verdict{font:14px/1.45 var(--sans);color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.l5-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.l5-img{display:block;position:relative;overflow:hidden;background:var(--ground)}
.l5-img img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center top}
.l5-play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.72);border:2px solid var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}
.l5-play .lk-icon{width:16px;height:16px}

/* stars: one span, five masked shapes, the first N in yellow */
.lk-stars{--n:0;--empty:#d4d4d4;display:inline-block;vertical-align:middle;height:var(--star);width:calc(var(--star)*5 + 8px);background:linear-gradient(90deg,var(--gold) calc(var(--n)*(var(--star) + 2px)),var(--empty) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,1 15.1,8.6 23.2,9.2 17,14.4 18.9,22.3 12,18 5.1,22.3 7,14.4 .8,9.2 8.9,8.6'/%3E%3C/svg%3E") 0 0/calc(var(--star) + 2px) var(--star) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,1 15.1,8.6 23.2,9.2 17,14.4 18.9,22.3 12,18 5.1,22.3 7,14.4 .8,9.2 8.9,8.6'/%3E%3C/svg%3E") 0 0/calc(var(--star) + 2px) var(--star) repeat-x}
.lk-r1{--n:1}.lk-r2{--n:2}.lk-r3{--n:3}.lk-r4{--n:4}.lk-r5{--n:5}

/* section head: Variety's 4px black rule over THR's caps serif title, grey caps "See all" */
.l5-main{padding-top:16px}
.l5-sec{margin-top:40px}
.l5-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid var(--ink);padding-top:10px;margin-bottom:16px}
.l5-head-t{font:700 22px/1.05 var(--serif);letter-spacing:.01em;text-transform:uppercase}
.l5-more,.l5-more:visited{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grey);white-space:nowrap}
.l5-more:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px}

/* ───────── spotlight: THR lead, Variety stack ───────── */
.l5-spot{margin-top:0}
.l5-lead{display:flex;flex-direction:column}
.l5-lead-img{margin:0} /* inset like the text on phone: 16px all round under the bar, not edge to edge (editor, 4 Nov 2026) */
.l5-lead-img img{aspect-ratio:4/3}
.l5-lead-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 4px 20px;border-bottom:1px solid var(--ink)}
.l5-lead-body .l5-k{justify-content:center}
.l5-lead .l5-t-serif{font-size:30px;line-height:1.08;letter-spacing:-.012em}
.l5-deck{display:none;font:400 18px/1.4 var(--serif);color:#333;max-width:40em}
.l5-lead-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px}
.l5-stack{display:flex;flex-direction:column}
.l5-stack-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule)}
.l5-stack-item:last-child{border-bottom:0}
.l5-stack-img{flex:0 0 30%;align-self:flex-start}
.l5-stack-item .l5-body{gap:5px;padding-top:2px}
.l5-stack-item .l5-t{font-size:17px}
.l5-stack-text .l5-stack-item{padding:12px 0}
.l5-quad{position:relative;--qgap:var(--gap);--qpeek:0px}
.l5-quad-more{--qpeek:20px}
.l5-quad-rail{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--qpeek) - var(--qgap)) / 2);gap:24px var(--qgap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}
.l5-quad-rail::-webkit-scrollbar{display:none}
.l5-quad-pg{scroll-snap-align:start;scroll-snap-stop:always}
.l5-quad-nav{display:none}
.l5-on-desk{display:none}
/* category page (editor, 4 Nov 2026): name in the section-head serif, spotlight, rows, then the latest as wrapping cards (no swipe) and pages */
.l5-cat-title{font:700 34px/1.05 var(--serif);text-transform:uppercase;letter-spacing:.01em;text-align:center;margin:8px 0 20px}
.l5-amp{font-size:.7em}
/* author page (editor, 4 Nov 2026): profile centred */
.l5-author{text-align:center}
.l5-author-face{width:120px;height:120px;margin:8px auto 16px;border-radius:50%;overflow:hidden;background:#f1eee8}
.l5-author-face img{display:block;width:100%;height:100%;object-fit:cover}
.l5-author-face .tw-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font:700 40px/1 var(--serif);color:#b9b2a5}
.l5-author .l5-cat-title{margin-bottom:10px}
.l5-author-sec{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0 0 16px;font:600 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.l5-author-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin:0 0 12px;padding:0;list-style:none}
.l5-author-stats li{display:flex;flex-direction:column;align-items:center;gap:4px}
.l5-author-stats b{font:700 24px/1 var(--serif)}
.l5-author-stats span{font:600 10px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.l5-author-soc{display:flex;justify-content:center;gap:4px;margin:0}
.l5-author-soc a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--brand)}
.l5-author-soc .lk-icon{width:20px;height:20px}
.l5-author-bio{max-width:64ch;margin:12px auto 0;font:400 16px/1.6 var(--sans);color:#333}
.l5-author-bio p{margin:0 0 .8em}
.l5-cat-title+.l5-cat-grid>.l5-cat-main>.l5-sec:first-child,.l5-cat-title+.l5-cat-grid .l5a-rail{margin-top:0} /* search: the results sit right under the title */
.l5-empty{font:400 16px/1.5 var(--sans);color:var(--grey);margin:0}
/* contributors page (editor, 4 Nov 2026): the Legacy markup and inline CSS, in Look 2027 type */
#tuc-writers .tw-head h1,#tuc-writers .tw-label{font-family:var(--serif);font-weight:700}
#tuc-writers .tw-label{border-top:3px solid var(--ink)}
#tuc-writers .tw-label span,#tuc-writers .tw-pill,#tuc-writers .tw-sec,#tuc-writers .tw-rest .tw-name,#tuc-writers .tw-head p,#tuc-writers .tw-count,#tuc-writers .tw-latest{font-family:var(--sans)}
#tuc-writers .tw-top .tw-name,#tuc-writers .tw-initials{font-family:var(--serif)}
/* newsletter signup page (editor, 4 Nov 2026): the Legacy layout in Look 2027 type */
.l5-ml-band{background:#2a2a2a;padding:24px 0}
.l5-ml-hero{display:grid;gap:24px;align-items:center}
.l5-ml-collage{order:2;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.l5-ml-collage a,.l5-ml-collage img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}
.l5-ml-card{background:var(--paper);padding:24px 20px;border-top:5px solid var(--brand)}
.l5-ml-card .l5-cat-title{text-align:left;margin:0 0 10px}
.l5-ml-card>p{font:400 17px/1.5 var(--sans);margin:0}
.l5-ml-why{margin-top:48px;text-align:center} /* margin: .lk-wrap sets the padding */
.l5-ml-why .l5-head-t{margin:0 0 32px}
.l5-ml-why ul{list-style:none;margin:0;padding:0;display:grid;gap:32px}
.l5-ml-why svg{width:56px;height:56px;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.l5-ml-why h3{font:700 20px/1.2 var(--serif);text-transform:uppercase;margin:12px 0 8px}
.l5-ml-why p{font:400 16px/1.5 var(--sans);color:#555;margin:0}
.l5-404-search{display:flex;max-width:560px;margin:0 auto 8px;border-bottom:2px solid var(--ink)} /* 404: the search under the title */
.l5-404-search input{flex:1;min-width:0;padding:12px 0;border:0;background:none;font:400 16px var(--sans);color:var(--ink)}
.l5-404-search input:focus{outline:none}
.l5-404-search button{border:0;background:none;padding:0 0 0 12px;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.l5-wrap .l5-rail{display:grid;grid-template-columns:minmax(0,1fr);row-gap:28px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.l5-wrap .l5-rail>.l5-card{flex:none}
.l5-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;font:600 13px/1 var(--sans)}
.l5-pages a,.l5-pages span{padding:10px 14px;border:1px solid var(--rule);color:var(--ink);text-decoration:none}
.l5-pages .current{background:var(--brand);border-color:var(--brand);color:#fff}
.l5-pages .dots{border-color:transparent}
.l5-pages-auto{visibility:hidden;height:1px;overflow:hidden;margin:0}
.l5-loading{display:flex;justify-content:center;gap:8px;height:8px;margin:32px 0 0;visibility:hidden}
.l5-loading.on{visibility:visible}
.l5-loading i{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:l5dot 1s ease-in-out infinite}
.l5-loading i:nth-child(2){animation-delay:.15s}.l5-loading i:nth-child(3){animation-delay:.3s}
@keyframes l5dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.l5-fade{animation:l5fade .5s ease-out both}
@keyframes l5fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.l5-fade,.l5-loading i{animation:none}} /* a row with its own phone look prints both; each shows on its own screen (editor, 4 Nov 2026) */
.l5-quad-arrow{width:20px;height:20px;padding:0;border:0;background:none;color:var(--grey);cursor:pointer}
.l5-quad-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
.l5-quad-arrow:hover{color:var(--ink)}
.l5-quad .l5-t-serif{font-size:17px}
.l5-mini .l5-lead-img{width:70%;margin:0 auto}
.l5-mini .l5-lead .l5-t-serif{font-size:24px}

/* ───────── rails: scroll-snap rows on phones, 2.2 cards in view so the swipe is obvious ───────── */
.l5-rail{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px}
.l5-rail::-webkit-scrollbar{display:none}
.l5-rail>.l5-card{flex:0 0 calc((100vw - 32px - var(--gap)) / 2.2);scroll-snap-align:start}
.l5-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.l5-card .l5-body{gap:5px}
.l5-cols>.l5-card,.l5-large .l5-rail>.l5-card{flex-basis:calc((100vw - 32px - var(--gap)) / 1.4)}
.l5-sec.l5-large .l5-t-serif{font-size:22px}

/* ───────── thumb-left rows (Variety "Latest", THR phone list) ───────── */
.l5-rows{display:flex;flex-direction:column}
.l5-row{display:flex;gap:14px;padding:14px 0;border-top:1px dotted var(--dot)}
.l5-rows>.l5-row:first-child{border-top:0;padding-top:0}
.l5-row-img{flex:0 0 30%}
.l5-row .l5-body{gap:5px}
.l5-row .l5-t-serif{font-size:19px}

/* Most read: THR numerals in the display serif, the only numbers on the page */
.l5-n{flex:0 0 40px;font:900 32px/.95 var(--serif);letter-spacing:-.04em;color:var(--ink)}

/* Music: THR's heavy black band */
.l5-band{background:var(--ink);color:#fff;padding:28px 0 32px;position:relative;box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}
.l5-band .l5-head{border-top-color:#fff}
.l5-band .l5-head-t a,.l5-band .l5-t a{color:#fff}
.l5-band .l5-k,.l5-band .l5-by,.l5-band .l5-more{color:rgba(255,255,255,.72)}
.l5-band .l5-more:hover{color:#fff}
.l5-band .l5-img{background:#222}
.l5-band .lk-stars{--empty:rgba(255,255,255,.28)}

/* Food & Travel and Art: THR "What we're watching" rows; Art crops tall */
.l5-art .l5-img img{aspect-ratio:4/5}
.l5-art .l5-rail>.l5-card{flex-basis:calc((100vw - 32px - var(--gap)) / 2.4)}
.l5-rowsec .l5-t-serif{font-size:18px}

/* Interviews: square portrait crops */
.l5-portrait .l5-img img{aspect-ratio:1/1}
.l5-portrait .l5-t-serif{font-size:18px}

/* This week in London: date block, what · when, headline, small thumb */
.l5-wk-in{position:absolute;opacity:0;pointer-events:none}
.l5-week-tabs{position:relative}
.l5-week-tabs .l5-head-t label{display:inline-block;cursor:pointer;color:var(--grey);border-bottom:3px solid transparent;padding-bottom:4px}
.l5-week-tabs .l5-head-t label:hover{color:var(--ink)}
.l5-wk-p{display:none}
.l5-wk-in:nth-of-type(1):checked~.l5-wk-p:nth-of-type(2),.l5-wk-in:nth-of-type(2):checked~.l5-wk-p:nth-of-type(3){display:block} /* the head div is nth-of-type(1) */
.l5-wk-in:nth-of-type(1):checked~.l5-head label:nth-child(1),.l5-wk-in:nth-of-type(2):checked~.l5-head label:nth-child(2){color:var(--ink);border-bottom-color:var(--brand)}
.l5-wk-in:focus-visible~.l5-head{outline:2px solid var(--ink);outline-offset:4px}
.l5-wk{align-items:flex-start}
.l5-date{flex:0 0 44px;display:flex;flex-direction:column;align-items:center;text-align:center;font:600 10px/1.1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);border-top:2px solid #2a2a2a;padding-top:6px}
.l5-date strong{font:700 24px/1 var(--serif);color:var(--ink);margin:2px 0}
.l5-wk-img{flex:0 0 72px;order:3}
.l5-wk .l5-body{flex:1}
.l5-wk .l5-t{font-size:16.5px}

/* News & features: Variety text columns */
.l5-textcols{display:flex;flex-direction:column}
.l5-textcols>.l5-row{padding:12px 0;border-top:1px dotted var(--dot)}
.l5-textcols>.l5-row:first-child{border-top:0;padding-top:0}

/* newsletter: Variety's one-line strip between hairlines */
.l5-news-strip{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 8px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.l5-news-t{font:600 15px/1.35 var(--sans);letter-spacing:-.01em}
.l5-news-btn,.l5-news-btn:visited{font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;background:var(--ink);color:#fff}
.l5-news-btn:hover{text-decoration:none;background:#000;color:var(--brand)}

/* festival shelf on a grey ground while a festival is live */
.l5-festival{background:var(--ground);padding:24px 16px 28px;margin-left:-16px;margin-right:-16px}
.l5-festival .l5-img{background:#e6e6e3}

/* also on */
.lk-also{margin-top:40px;padding-top:12px;border-top:1px solid var(--rule);font:13px/1.6 var(--sans);color:var(--grey);display:flex;flex-wrap:wrap;gap:4px 18px}
.lk-also a{color:var(--ink);font-weight:600}
.lk-also-label{flex-basis:100%;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700;color:var(--ink)}

/* footer: THR's black foot, white logo */
/* Footer (editor, 4 Nov 2026): off-black; logo with the pages listed beside it, centred on it; a rule, the socials centred, the copyright centred beneath */
.lk-footer{background:#2a2a2a;color:rgba(255,255,255,.7);margin-top:48px;padding:40px 0;font:13px/1.6 var(--sans)}
.lk-footer a,.lk-footer a:visited{color:#fff}
.lk-footer a:hover{color:var(--gold)}
.lk-footer-in{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px 0} /* phones: logo and pages centred as a group, equal space either side and between (editor, 4 Nov 2026) */
.lk-footer-brand{grid-column:2}
.lk-footer-links{grid-column:4}
.lk-footer-brand img{display:block;width:auto;height:88px;max-width:none;margin:0 -15px} /* the PNG carries ~15px of clear space each side at this height: the letters line up with the rule */
.lk-footer-text{margin-top:12px;max-width:42ch}
.lk-footer-links ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.lk-footer-links a,.lk-footer-links a:visited{font:500 13px/1.3 var(--sans);color:rgba(255,255,255,.55)} /* pages in a faint light grey (editor, 4 Nov 2026) */
.lk-footer-links h2,.lk-footer-links h3,.lk-footer-links .widget-title{font:600 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 8px}
.lk-footer-soc{grid-column:1/-1;display:flex;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;margin-bottom:-8px} /* icons carry 8px padding: the visible gaps stay 24px */
.lk-footer-soc a{padding:8px;color:#fff}
.lk-footer-copy{grid-column:1/-1;text-align:center;font-size:12px}
.lk-footer-copy p{margin:0}

/* ───────── article page: THR centred serif headline, caps byline, live 5:4 crop on phones ───────── */
.lk-article-main{display:block;padding:0 16px;overflow-x:clip}
.lk-art-body *{max-width:100%}
.lk-article{max-width:720px;margin:0 auto;padding:24px 0 0}
.lk-art-head{text-align:center;padding:0 4px}
.lk-art-title{font:600 30px/1.1 var(--serif);letter-spacing:-.012em}
.lk-art-byline{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}
.lk-art-face img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.lk-art-who{display:flex;flex-direction:column;align-items:center;gap:3px}
.lk-art-author{font:700 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.lk-art-date{font:12px/1.2 var(--sans);color:var(--grey);letter-spacing:.02em}
.lk-art-byline .lk-stars{--star:14px;margin-top:2px}
.lk-art-figure{margin:20px -16px 0}
.lk-art-img{width:100%;aspect-ratio:var(--ratio);object-fit:cover;object-position:center}
.lk-art-caption{font:12px/1.45 var(--sans);color:var(--grey);padding:8px 16px 0}
.lk-art-body{margin-top:24px;font:17px/1.65 var(--sans);color:#1d1d1d}
.lk-art-body p,.lk-art-body ul,.lk-art-body ol,.lk-art-body blockquote,.lk-art-body figure,.lk-art-body h2,.lk-art-body h3{margin:0 0 1.15em}
.lk-art-body h2,.lk-art-body h3{font:600 23px/1.2 var(--serif)}
.lk-art-body ul{list-style:disc;padding-left:1.2em}.lk-art-body ol{list-style:decimal;padding-left:1.2em}
.lk-art-body a,.lk-art-body a:visited{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
/* pull quotes copied from the public site: indented, short yellow bar on top, Open Sans Condensed bold (editor, 4 Nov 2026; the font loads only where a quote is) */
@font-face{font-family:"Open Sans Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/assets/fonts/open-sans-condensed-v24-latin-700.woff2) format("woff2")}
.lk-art-body blockquote{position:relative;margin:40px 8%;padding:20px 0 0;border:0}
.lk-art-body blockquote::before{content:"";position:absolute;left:0;top:0;width:56px;height:5px;background:var(--brand)}
.lk-art-body blockquote p{font:700 2.1em/1.16 "Open Sans Condensed",sans-serif;color:#444;text-align:left!important;margin:0 0 .4em}
.lk-art-body img{margin:0 auto}
.lk-art-body iframe,.lk-art-body video{max-width:100%}
.lk-art-body .wp-caption{max-width:100%}
.lk-art-body .wp-caption-text,.lk-art-body figcaption{font:12px/1.45 var(--sans);color:var(--grey);padding-top:6px}
.lk-art-body .tuc-stars-wrap{margin:1em 0}
.lk-art-body .tuc-star{display:inline-block;width:16px;height:16px;vertical-align:middle}
.lk-art-body .tuc-star svg{width:16px;height:16px}
.lk-art-body .wp-video,.lk-art-body .wp-block-embed__wrapper{position:relative}
.lk-art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:14px;border-top:1px solid var(--ink);font:13px/1.4 var(--sans);color:var(--grey);align-items:center}
.lk-art-tags-label{text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700;margin-right:4px;color:var(--ink)}
.lk-art-tags a{color:var(--ink);border:1px solid var(--rule);padding:5px 11px;font-weight:500;font-size:12.5px}
.lk-art-tags a:hover{border-color:var(--ink);text-decoration:none}
/* "More from" rail under the article (shared markup: lk-section-head, lk-rail, lk-card) */
.lk-art-more{max-width:1200px;margin:48px auto 0}
/* post-page foot rows: quieter than the homepage, in step with the rail (editor, 4 Nov 2026: "too big and unrefined") */
/* post foot rows: titles in caps at the homepage size (editor, 4 Nov 2026) */ /* foot rows: caps like the homepage, the category-page size (editor, 4 Nov 2026) */
.l5a .lk-art-more .l5-head{border-top-width:3px;padding-top:12px}
.l5a .lk-art-more .l5-rowsec .l5-t-serif{font-size:15px;line-height:1.25}
.l5a .lk-art-more .l5-card{gap:6px}
.lk-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid var(--ink);padding-top:10px;margin-bottom:16px}
.lk-section-title{font:700 22px/1.05 var(--serif);letter-spacing:.01em;text-transform:uppercase}
.lk-section-more{font:600 11px/1;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);white-space:nowrap}
.lk-section-more:hover{color:var(--ink)}
.lk-rail{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px}
.lk-rail::-webkit-scrollbar{display:none}
.lk-rail>.lk-card{flex:0 0 calc((100vw - 32px - var(--gap)) / 2.2);scroll-snap-align:start}
.lk-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.lk-card-img{position:relative;display:block;background:var(--ground);overflow:hidden}
.lk-card-img img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center top}
.lk-play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.72);border:2px solid var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}
.lk-play .lk-icon{width:16px;height:16px}
.lk-card-body{display:flex;flex-direction:column;gap:5px}
.lk-kicker,.lk-kicker:visited{order:0;font:700 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.lk-card-title{order:1;font:700 17px/1.18 var(--sans);letter-spacing:-.015em}
.lk-card-body>.lk-stars{order:2}
.lk-card-meta{order:3;font:500 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.lk-card-standfirst{display:none}

@media (min-width:700px){
  :root{--gap:24px;--bar:64px}
  .lk-wrap{padding:0 28px}
  .lk-logo img{height:48px}
  .l5-sec{margin-top:48px}
  .l5-head-t{font-size:26px}
  .l5-lead-img img{aspect-ratio:16/9}
  .l5-lead .l5-t-serif{font-size:40px}
  .l5-mini .l5-lead-img{width:60%;margin:0 auto}
  .l5-mini .l5-lead .l5-t-serif{font-size:28px}
  .l5-deck{display:block}
  .l5-rail{margin:0;padding:0 0 4px;scroll-padding:0}
  .l5-rail>.l5-card,.l5-cols>.l5-card,.l5-large .l5-rail>.l5-card{flex-basis:calc((100% - 3*var(--gap)) / 3.3)}
  .l5-art .l5-rail>.l5-card{flex-basis:calc((100% - 3*var(--gap)) / 3.6)}
  .l5-wrap .l5-rail{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
  .l5-stack{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}
  .l5-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
  .l5-rows>.l5-row:nth-child(2){border-top:0;padding-top:0}
  .l5-textcols{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:40px}
  .l5-textcols>.l5-row:nth-child(-n+3){border-top:0;padding-top:0}
  .l5-news-strip{flex-direction:row;justify-content:center;gap:28px;text-align:left}
  .l5-festival{padding:28px 28px 32px;margin-left:-28px;margin-right:-28px}
  /* desktop footer, one compact row: logo left, socials + copyright centred, pages stacked on the right (editor, 4 Nov 2026) */
  .lk-footer{padding:32px 0}
  .lk-footer-in{grid-template-columns:1fr auto 1fr;grid-template-areas:"logo soc links" "logo copy links";row-gap:8px}
  .lk-footer-brand{grid-area:logo}
  .lk-footer-brand img{height:72px}
  .lk-footer-links{grid-area:links;justify-self:end;text-align:right}
  .lk-footer-links ul{gap:6px}
  .lk-footer-soc{grid-area:soc;align-self:end;border-top:0;padding-top:0}
  .lk-footer-copy{grid-area:copy;align-self:start}
  .lk-article-main{padding:0 28px}
  .lk-article{padding-top:44px;--ratio:16/9}
  .lk-art-title{font-size:46px}
  .lk-art-figure{margin:28px 0 0}
  .lk-art-caption{padding:8px 0 0}
  .lk-art-body{font-size:18px;margin-top:32px}
  .lk-rail{margin:0;padding:0 0 4px;scroll-padding:0}
  .lk-rail>.lk-card{flex:0 0 calc((100% - 4*var(--gap)) / 4.4)}
}

@media (min-width:1000px){
  /* desktop masthead = the public header's layout: 80px bar, 60px side margins, 75x80 logo, 13px bold sections 8px apart, socials + search at the right (editor, 4 Nov 2026) */
  :root{--bar:80px}
  .lk-masthead{top:var(--wp-admin--admin-bar--height,0)}
  .lk-bar{gap:0;max-width:none;padding:0 60px}
  .lk-burger{display:none}
  .lk-nav{display:block;position:static;background:none;border:0;max-height:none;padding:0;overflow:visible;box-shadow:none;margin-right:auto}
  .lk-nav-list{display:flex}
  .lk-nav-list li{border:0;position:relative}
  .lk-logo{order:0;margin:0 20px 0 0}
  .lk-logo{align-self:flex-start}
  .lk-logo img{width:76px;height:auto}
  .lk-nav-list>li>a,.lk-nav-list>li>a:visited{display:block;padding:0 8px;font:700 13px/80px var(--sans);letter-spacing:0;color:#fff;text-transform:uppercase;white-space:nowrap}
  /* as the public header: grey bar under a hovered section, white drop-down fading in; socials "+" and search slide down */
  .lk-nav-list>li:hover>a,.lk-nav-list>li:focus-within>a{text-decoration:none;box-shadow:inset 0 -5px 0 #fff} /* white bar under the hovered section (editor, 4 Nov 2026) */
  .lk-nav-list .sub-menu{display:block;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;position:absolute;left:0;top:100%;width:200px;background:var(--paper);box-shadow:0 4px 20px -10px #000;padding:0;z-index:50}
  .lk-nav-list li:hover>.sub-menu,.lk-nav-list li:focus-within>.sub-menu{visibility:visible;opacity:1}
  .lk-nav-list .sub-menu a,.lk-nav-list .sub-menu a:visited{display:block;padding:12px 20px;font:700 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#666}
  .lk-nav-list .sub-menu a:hover{color:var(--brand);text-decoration:none}
  .lk-soc-nav{display:block;position:relative;order:2;align-self:stretch}
  .lk-soc-toggle,.lk-search-toggle{display:flex;align-items:center;align-self:stretch;gap:0;height:100%;margin:0;padding:0 20px;border:0;background:none;color:#fff;cursor:pointer;transition:background .3s,color .3s}
  .lk-search-toggle{order:3}
  .lk-soc-toggle{padding:0 10px}
  .lk-soc-toggle .lk-icon{width:16px;height:16px;margin:0 8px}
  .lk-soc-toggle .lk-icon-plus{width:10px;height:10px;margin:0 11px}
  .lk-search-toggle .lk-icon{width:21px;height:21px}
  .lk-soc-toggle:hover,.lk-search-toggle:hover,.lk-soc-open .lk-soc-toggle,.lk-search-open .lk-search-toggle{background:#fff;color:var(--brand)}
  .lk-soc-drop{position:absolute;right:0;top:100%;width:304px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;box-sizing:border-box;background:var(--brand);box-shadow:0 5px 20px -10px #000;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s,visibility .4s;z-index:50}
  .lk-soc-open .lk-soc-drop{visibility:visible;clip-path:inset(0 -30px -30px -30px)}
  .lk-soc-drop a,.lk-soc-drop a:visited{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.1);color:#fff;font:400 11px/1 var(--sans);text-decoration:none;transition:background .3s}
  .lk-soc-drop a:hover{background:rgba(255,255,255,.2)}
  .lk-soc-drop .lk-icon{width:22px;height:22px}
  .lk-social-mobile{display:none}
  .lk-search,body.lk-search-open .lk-search{display:block;position:absolute;top:100%;left:calc(50% - 50vw);right:calc(50% - 50vw);padding:15px 60px;background:var(--paper);border:0;box-shadow:0 5px 20px -10px #000;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s,visibility .4s;z-index:45}
  body.lk-search-open .lk-search{visibility:visible;clip-path:inset(0 0 -30px 0)}
  .lk-search input{width:100%;height:60px;padding:10px 0;border:0;background:none;font:300 32px/1 var(--sans);text-transform:uppercase;color:var(--ink);caret-color:var(--brand)} /* readable as you type (editor, 4 Nov 2026) */
  .lk-search input:focus{outline:none}
  .lk-search input::placeholder{color:var(--mute);opacity:1}
  .lk-search button{display:none}
  .lk-search-results{display:block}
  .lk-search-results .search-result{padding:5px 0;font:400 15px/1.3 var(--sans);text-transform:uppercase;color:var(--grey)}
  .lk-search-results a,.lk-search-results a:visited{color:#e3ab1e}
  .lk-search-results a:hover{color:var(--brand);text-decoration:none}

  /* spotlight: lead left, Variety's ruled stack right behind a vertical hairline */
  .l5-spot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px;margin-top:28px} /* no closing rule: the next section's black bar does that (editor, 4 Nov 2026) */
  .l5-lead-body{border-bottom:0;padding:20px 24px 0}
  .l5-lead .l5-t-serif{font-size:44px}
  .l5-stack{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;column-gap:0;border-left:1px solid var(--rule);padding-left:40px}
  .l5-stack-item{padding:16px 0} /* text starts at the top of the thumb (editor, 4 Nov 2026) */
  .l5-stack-item:first-child{padding-top:0}
  .l5-stack-img{flex:0 0 34%}
  .l5-stack-item .l5-t{font-size:18px}
  /* List and Mini hero: the stack in two columns, no hairline at the left */
  .l5-sec .l5-stack{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-left:0;padding-left:0}
  .l5-sec .l5-stack-item:nth-child(2){padding-top:0}
  .l5-quad{--qgap:calc(2*var(--gap))}
  .l5-quad-more{--qpeek:48px}
  .l5-quad-rail{margin:0;padding:0;scroll-padding:0;row-gap:32px}
  .l5-quad .l5-more{margin-left:auto}
  .l5-quad-nav{display:flex;gap:8px;align-self:center}
  .l5-on-desk{display:block}
  .l5-cat-title{font-size:42px;margin:12px 0 17px} /* desktop page titles; the white above and below the letters equal, 22px each (editor, 4 Nov 2026) */
  .l5-author-face{width:168px;height:168px}
  .l5-author-bio{font-size:17px}
  .l5-catpage .l5-spot{margin-top:0}
  .l5-ml-band{padding:48px 0}
  .l5-ml-hero{grid-template-columns:5fr 6fr;gap:40px}
  .l5-ml-collage{order:0}
  .l5-ml-card{padding:32px}
  .l5-ml-why ul{grid-template-columns:repeat(3,1fr)}
  .l5-cat-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:32px;align-items:start}
  .l5-cat-grid .l5a-rail{grid-column:2;grid-row:1;margin-top:48px}
  .l5-on-phone{display:none}
  .l5-quad .l5-t-serif{font-size:24px}
  .l5-mini{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px;align-items:start} /* Mini hero: lead left, the list right behind the hairline, like the spotlight (editor, 4 Nov 2026) */
  .l5-mini>.l5-head{grid-column:1/-1}
  .l5-mini .l5-lead-img{width:auto}
  .l5-mini .l5-lead .l5-t-serif{font-size:36px}
  .l5-mini .l5-stack{grid-template-columns:1fr;border-left:1px solid var(--rule);padding-left:40px}
  .l5-mini .l5-stack-item:nth-child(2){padding-top:16px}

  /* Variety reviews: four ruled columns (equal widths, hairline drawn in the gutter), no scrolling */
  .l5-cols{display:grid;column-gap:calc(2*var(--gap));overflow:visible}
  .l5-cols{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}
  .l5-cols>.l5-card{flex:none;position:relative}
  .l5-cols>.l5-card:not(:first-child)::before{content:"";position:absolute;top:0;bottom:0;left:calc(-1*var(--gap));border-left:1px solid var(--rule)}
  /* columns follow the post count (l5-c3 / l5-c4 / l5-c5 from l5_cols_class); Large is three across, bigger serif headline. Rows wrap, nothing is hidden. */
  .l5-c5 .l5-cols,.l5-c5.l5-rowsec .l5-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
  .l5-c3 .l5-cols,.l5-c3.l5-rowsec .l5-rail,.l5-large .l5-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l5-c5 .l5-cols>.l5-card:nth-child(5n+1)::before,.l5-c3 .l5-cols>.l5-card:nth-child(3n+1)::before,.l5-c4 .l5-cols>.l5-card:nth-child(4n+1)::before{display:none}
  .l5-sec.l5-large .l5-t-serif{font-size:24px}


  /* Most read: three ruled columns */
  .l5-n{flex-basis:48px;font-size:40px}

  /* Theatre: two ruled columns of thumb rows */
  .l5-rows{column-gap:64px;position:relative}
  .l5-rows::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--rule)}
  .l5-row-img{flex:0 0 36%}
  .l5-row .l5-t-serif{font-size:21px}

  /* Music band: 4.4 cards in view, still swipes */
  .l5-band{padding:32px 0 40px}
  .l5-band-rail>.l5-card{flex-basis:calc((100% - 4*var(--gap)) / 4.4)}

  /* Food & Travel and Art: THR label column on the left, cards on the right */
  .l5-rowsec{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:40px}
  .l5-rowsec .l5-head{display:block;grid-column:1;border-top:3px solid var(--ink)}
  .l5-rowsec .l5-head-t{font-size:30px;line-height:1}
  .l5-rowsec .l5-more{display:inline-block;margin-top:12px}
  .l5-rowsec .l5-rail{grid-column:2;border-top:1px solid var(--ink);padding-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--gap);overflow:visible}
  .l5-rowsec .l5-rail>.l5-card{flex:none}
  .l5-rowsec.l5-large .l5-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l5a .lk-art-more .l5-rowsec{grid-template-columns:minmax(0,1fr)}
  .l5a .lk-art-more .l5-rowsec .l5-head{display:flex;grid-column:1;border-top:3px solid var(--ink)}
  .l5a .lk-art-more .l5-rowsec .l5-more{margin-top:0}
  .l5a .lk-art-more .l5-rowsec .l5-rail{grid-column:1;border-top:0;padding-top:0}
  .l5-art .l5-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
  .l5-art .l5-rail>.l5-card:nth-child(n+5){display:none}

  /* Interviews: square portraits, 4.4 in view */
  .l5-portrait-rail>.l5-card{flex-basis:calc((100% - 4*var(--gap)) / 4.4)}

  /* This week: two columns */
  .l5-week-rows{column-gap:64px}
  .l5-wk-img{flex-basis:96px}

  .l5-textcols{column-gap:48px}
  .lk-rail>.lk-card{flex:0 0 calc((100% - 5*var(--gap)) / 5.4)}
}

/* Look 5 own article page (article.php, 20 Oct 2026, round 2). Head from the rendered THR and Variety pages: left-set
   Playfair headline, serif deck, the critic's line as a ruled row inside the head (caps BY NAME with the brand underline,
   divider, grey date, stars at the right end on reviews). No face: neither trade paper shows one. Phone order: head,
   figure, body, credits, tags, most popular. Desktop: head over a 680px body + 300px rail behind a hairline, rail flush
   with the figure's top. "The verdict" as Variety's review credits: ruled label | value rows, rating first. */
.l5a-grid{display:flex;flex-direction:column}
.l5a-head{order:1}.l5a-fig{order:2}.l5a-main{order:3}.l5a-credits{order:4}.l5a-tabs{order:5}
.l5a-sponsored{order:2;margin:12px 0 0;padding:8px 12px;background:#fff8e1;border-left:3px solid var(--brand);font:700 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)} /* phones: under the picture; desktop: top of the sidebar (editor, 4 Nov 2026) */
.l5a-rail,.l5a-rail-in{display:contents}
.l5a-head{padding-top:4px}
.l5a-section{font:700 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.l5a-section a,.l5a-section a:visited{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--cat);padding-bottom:2px}
.l5a-section-sep{width:1px;height:12px;background:var(--rule)}
.l5a-title{font:600 32px/1.08 var(--serif);letter-spacing:-.015em;max-width:860px}
.l5a-deck{font:400 18px/1.4 var(--serif);color:#333;margin:14px 0 0;max-width:760px}
.l5a-by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:18px;padding:11px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:400 11.5px/1.3 var(--sans);color:var(--grey);letter-spacing:.02em;white-space:nowrap}
.l5a-who{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.l5a-who a,.l5a-who a:visited{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:4px}
.l5a-who a:hover{text-decoration-color:var(--ink)}
.l5a-face{display:inline-block;vertical-align:middle}
.l5a-face{flex:none;width:40px;height:40px;margin-right:8px;border-radius:50%;overflow:hidden;background:#f1eee8}
.l5a-face img{display:block;width:100%;height:100%;object-fit:cover}
.l5a-face .tw-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font:700 13px/1 var(--sans);letter-spacing:0;color:#8a8478}
.l5a-by time::before,.l5a-shot::before{content:"";display:inline-block;width:1px;height:11px;background:var(--dot);margin:0 9px;vertical-align:-1px} /* writer | shot by | date */
.l5a-by::after{content:"";flex-basis:100%;order:1} /* phones: face + writer | Shot by on the first row, the date and the stars on the second (editor, 4 Nov 2026) */
.l5a-by time,.l5a-by-rate{order:2}
.l5a-by time::before{display:none}
.l5a-by-rate{margin-left:auto;display:flex;align-items:center}
.l5a-by-rate .lk-stars{--star:15px}
.l5a .lk-art-figure{margin-top:16px}
.l5a .lk-art-body{margin-top:24px;font-size:17.5px;line-height:1.7}
.l5a-label,.lk-art-body .l5a-label{font:700 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;border-top:3px solid var(--ink);padding-top:10px;margin:0 0 10px}
.l5a-rail .l5a-credits{display:none}
.l5a-credits{margin:28px 0 32px}
.l5a-credits{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:0 16px 8px;display:grid;grid-template-columns:minmax(0,1fr);column-gap:16px;position:relative}
.l5a-credits::before{content:"";position:absolute;left:0;top:0;width:50%;height:3px;background:var(--brand)}
.l5a-credits .l5a-label,.lk-art-body .l5a-credits .l5a-label{grid-column:1/-1;border-top:0;padding-top:15px;margin:0 0 12px}
.l5a-poster{margin:0 0 14px}
.l5a-poster img{display:block;width:100%;height:auto;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.l5a-cred-foot{grid-column:1/-1}
/* phone: a tall or square poster takes the left 42%, the text stands beside it; a wide one sits full width above the text; no poster = text only */
.l5a-shape-tall,.l5a-shape-square{grid-template-columns:42% minmax(0,1fr)}
.l5a-shape-tall .l5a-poster,.l5a-shape-square .l5a-poster{margin-bottom:8px}
.l5a-shape-tall .l5a-dl div,.l5a-shape-square .l5a-dl div{grid-template-columns:1fr;row-gap:2px;padding:8px 0}
.l5a-dl{margin:0 0 8px}
.l5a-cred-name,.lk-art-body .l5a-cred-name{font:600 19px/1.25 var(--serif);margin:0 0 10px;letter-spacing:0}
.l5a-cred-name+.l5a-dl div:first-child{border-top:1px solid var(--rule)}
.l5a-soc{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0}
.l5a-soc a,.lk-art-body .l5a-soc a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--brand);text-decoration:none}
.l5a-soc a:hover{color:var(--ink)}
.l5a-soc .lk-icon{width:22px;height:22px}
.l5a-dl div{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;align-items:baseline;border-top:1px solid var(--rule);padding:9px 0}
.l5a-dl div:last-child{border-bottom:1px solid var(--rule)}
.l5a-dl div:first-child{border-top:0}
.l5a-dl dt{font:700 11px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.l5a-dl dd{margin:0;font:400 14.5px/1.45 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.l5a-dl-rate dd{display:flex;align-items:center;gap:10px}
.l5a-dl-rate .lk-stars{--star:18px}
.l5a-dl-rate b{font:700 20px/1 var(--serif)}
.l5a-btn,.l5a-btn:visited,.lk-art-body .l5a-btn,.lk-art-body .l5a-btn:visited{display:block;text-decoration:none;text-align:center;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:14px 12px;margin-top:8px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
.l5a-btn-alt,.l5a-btn-alt:visited,.lk-art-body .l5a-btn-alt{background:var(--paper);color:var(--ink)}
.l5a-btn:hover{text-decoration:underline;text-decoration-color:var(--brand)}
.l5a-credits .l5a-btn,.lk-art-body .l5a-credits .l5a-btn:visited{margin:0 0 8px;background:var(--brand);color:#fff;border-color:var(--brand)}
.l5a-credits .l5a-btn:hover{text-decoration-color:#fff}
.l5a-credits .l5a-btn-alt,.lk-art-body .l5a-credits .l5a-btn-alt:visited{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.l5a-tags{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-top:28px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:400 14px/1.5 var(--sans);color:var(--ink)}
.l5a-tags-label{font-weight:700;white-space:nowrap}
.l5a-tags-label::after{content:":"}
.l5a-tags-list{color:#333}
.l5a-tags a,.l5a-tags a:visited{color:#333}
.l5a-tags a:hover{color:var(--ink)}
/* Popular / Latest / Top picks tabs, the Look 3 block in Look 5 clothes (Playfair tab labels, Plex meta) */
.l5a-tabs{position:relative;margin-top:20px}
.l5a .lk-art-body>:last-child{margin-bottom:0}
.l5a-tab-in{position:absolute;opacity:0;pointer-events:none}
.l5a-tab-bar{display:flex;gap:20px;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule);margin-bottom:4px}
.l5a-tab-bar label{cursor:pointer;padding:12px 0 10px;margin-bottom:-1px;border-bottom:3px solid transparent;font:600 18px/1.2 var(--serif);letter-spacing:-.01em;color:var(--grey);white-space:nowrap}
.l5a-tab-bar label:hover{color:var(--ink)}
.l5a-tab-p{display:none}
.l5a-tab-in:nth-of-type(1):checked~.l5a-tab-p:nth-of-type(2),.l5a-tab-in:nth-of-type(2):checked~.l5a-tab-p:nth-of-type(3),.l5a-tab-in:nth-of-type(3):checked~.l5a-tab-p:nth-of-type(4){display:block}
.l5a-tab-in:nth-of-type(1):checked~.l5a-tab-bar label:nth-child(1),.l5a-tab-in:nth-of-type(2):checked~.l5a-tab-bar label:nth-child(2),.l5a-tab-in:nth-of-type(3):checked~.l5a-tab-bar label:nth-child(3){color:var(--ink);border-bottom-color:var(--brand)}
.l5a-tab-in:focus-visible~.l5a-tab-bar{outline:2px solid var(--ink);outline-offset:4px}
.l5a-list{list-style:none;margin:4px 0 0;padding:0}
.l5a-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--rule)}
.l5a-list li:last-child{border-bottom:0;padding-bottom:0}
.l5a-n{flex:0 0 22px;font:400 26px/1 var(--serif);color:var(--mute);letter-spacing:-.03em;padding-top:2px}
.l5a-li-img{flex:0 0 84px;display:block;overflow:hidden;background:var(--ground)}
.l5a-li-img img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.l5a-li-noimg,.l5-noimg{aspect-ratio:3/2;background:#fff;border:1px solid var(--rule)}
.l5-portrait .l5-noimg{aspect-ratio:1/1}
.l5a-li-body{min-width:0;display:flex;flex-direction:column;gap:5px}
.l5a-li-t{font:600 15px/1.25 var(--serif);letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.l5a-li-t a,.l5a-li-t a:visited{color:var(--ink)}
.l5a-li-by{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;--star:11px} /* same BY NAME caps as the cards below */ /* stars, then the author on its own line, always at the same left edge (editor, 4 Nov 2026) */
@media (min-width:1000px){
  .l5a .lk-article{max-width:1012px;padding-top:32px}
  .l5a-grid{display:grid;grid-template-columns:minmax(0,680px) 300px;column-gap:32px;align-items:start}
  .l5a-head{grid-column:1/-1;padding-top:0}
  .l5a-section{margin-bottom:16px}
  .l5a-title{font-size:50px}
  .l5a-deck{font-size:23px;margin-top:16px}
  .l5a-by{margin-top:22px;font-size:12px}
  .l5a-by::after{display:none}
  .l5a-by time::before{display:inline-block}
  .l5a-by-rate .lk-stars{--star:16px}
  .l5a-fig{grid-column:1;grid-row:2}
  .l5a .lk-art-figure{margin:24px 0 0}
  .l5a .lk-art-caption{padding:8px 0 0}
  .l5a-main{grid-column:1;grid-row:3}
  .l5a .lk-art-body{margin-top:28px;font-size:18px}
  .l5a-rail{display:block;grid-column:2;grid-row:2/4;align-self:stretch;border-left:1px solid var(--rule);padding-left:24px;margin-left:-8px;margin-top:24px}
  .l5a-rail-in{display:block;position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--bar) + 5px)} /* pins 5px under the masthead (and the admin bar when logged in), yellow rule just visible (editor, 4 Nov 2026) */
  .l5a-credits{margin-top:0}
  .l5a-shape-tall,.l5a-shape-square{grid-template-columns:minmax(0,1fr)}
  .l5a-shape-tall .l5a-dl div,.l5a-shape-square .l5a-dl div{grid-template-columns:84px minmax(0,1fr);row-gap:0;padding:9px 0}
  .l5a-shape-tall .l5a-poster,.l5a-shape-square .l5a-poster{margin-bottom:14px}
  .l5a-rail .l5a-credits{display:block}
  .l5a-credits-inline{display:none}
  .l5a-tabs{margin-top:32px}
  .l5a-rail-in>.l5a-tabs:first-child{margin-top:0} /* no More about card: the tabs bar pins 5px under the masthead */
  .l5a-rail .l5a-tab-bar{border-top:0}
  .l5a-sponsored{margin:0 0 24px} /* desktop sidebar: no black bar above the tabs (editor, 4 Nov 2026) */
}
/* in-body justified galleries (the theme's tuc-gallery markup; its stylesheet is not loaded on a look page) */
.lk-art-body .tuc-gallery{display:flex;flex-direction:column;gap:var(--tuc-gap,4px);margin:0 0 1.2em}
.lk-art-body .tuc-gallery-row{display:flex;gap:var(--tuc-gap,4px)}
.lk-art-body .tuc-gallery-item{flex:1 1 0;min-width:0}
.lk-art-body .tuc-gallery-aspect{position:relative;height:0;overflow:hidden;background:#eee}
.lk-art-body .tuc-gallery-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}

/* no video play badges over pictures anywhere (editor, 20 Oct 2026) */
.lk-play,.l5-play{display:none!important}