/* /loverslikeus · "Paper, light and dark" (D5), published 2026-10-22 on Manni's "PUBLISH IT".
   Loaded only by loverslikeus.html, after style.css + a-fixes.css. Every rule is scoped to html[data-opt=...]
   so nothing leaks to the other pages. Source of truth for the look: /tmp build gen.py, vault copy
   🚀 Projects/🌐 Website/_private-pages/llu-design-options.py (option d5). */

/* shared moves (from the 10/22 design pass) */
html[data-opt] .llu-eyebrow, html[data-opt] .trade-page-hero-label, html[data-opt] .llu-quote-by,
html[data-opt] .llu-tag, html[data-opt] .trade-team-role, html[data-opt] .trade-credits-label,
html[data-opt] .llu-hero-credit {
  font-family: var(--font-display) !important; text-transform: none !important; letter-spacing: .01em !important;
  font-weight: 400 !important; color: var(--text-dim) !important; }
html[data-opt] .llu-eyebrow { font-size: 1.02rem !important; margin-bottom: .5rem !important; }
html[data-opt] .trade-page-hero-label { font-size: 1.1rem !important; color: var(--text-secondary) !important; }
html[data-opt] .llu-hero-credit { font-size: 1rem !important; color: var(--text-secondary) !important; }
html[data-opt] .llu-tag, html[data-opt] .trade-team-role { font-size: .98rem !important; }
html[data-opt] .trade-credits-label { font-size: .9rem !important; }
html[data-opt] .llu-quote-by { font-size: 1rem !important; }
html[data-opt] .nav-link, html[data-opt] .mobile-nav-link {
  font-family: var(--font-body) !important; text-transform: none !important; letter-spacing: .01em !important;
  font-size: .92rem !important; }
html[data-opt] .nav-link::after { background: var(--text) !important; }
html[data-opt] .header-logo-sub { color: var(--text-dim) !important; }
html[data-opt] .llu-open h3::before { display: none !important; }
html[data-opt] .llu-why-strong { border-left: 0 !important; padding-left: 0 !important; font-style: italic; }
html[data-opt] .site-header { background: color-mix(in srgb, var(--bg) 90%, transparent) !important; }
html[data-opt] body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9000;
  opacity: var(--grain-o, .06); background-image: var(--grain); mix-blend-mode: var(--grain-mode, overlay); }
html[data-opt] .trade-collab-photo, html[data-opt] .trade-collab-photo img, html[data-opt] .llu-still img {
  border-radius: var(--photo-r) !important; }
html[data-opt] .llu-donate { font-family: var(--font-body) !important; text-transform: none !important;
  letter-spacing: .01em !important; font-size: 1.02rem !important; border-bottom: 0 !important;
  padding: .85rem 1.7rem !important; transition: background .2s, color .2s; }
html[data-opt] .footer-touch-label { text-transform: none !important; letter-spacing: .01em !important; font-size: .88rem !important; }
html[data-opt] .trade-page-hero-bg { bottom: 3px !important; }  /* fractional hero height left a 1px seam of the still under the fade (C) */
html[data-opt] .trade-page-hero-gradient { bottom: -3px !important; }
html[data-opt] .footer-location, html[data-opt] .trade-page-back {
  font-family: var(--font-body) !important; text-transform: none !important; letter-spacing: .01em !important;
  font-size: .9rem !important; color: var(--text-dim) !important; }
html[data-opt] .trade-page-back:hover { color: var(--text) !important; }

/* D5 · Paper, light and dark */
html[data-opt='d5'] { --paper:#F0E4D5; --surface:#E6D8C6; --ink:#261B17; --orange:#B8442B;
  --bg:#F0E4D5; --bg-card:#E6D8C6; --text:#261B17; --text-secondary:#50423A; --text-dim:#7E6C62;
  --accent:#B8442B; --accent-hover:#963622; --font-body:'Fraunces', Georgia, serif; --font-display:'Fraunces', Georgia, serif;
  --border: rgba(38,27,23,.12); --divider: rgba(38,27,23,.15); --photo-r:2px;
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .6 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>"); --grain-o: .07; --grain-mode: multiply; }
html[data-opt='d5'] body { background: var(--bg); color: var(--text); }
html[data-opt='d5'] .trade-page-hero { --ink:#F3EBDD; --paper:#1F121E; --surface:#2A1A28; --orange:#EC8063; --text:#F3EBDD; --text-secondary:#E2D5C8; --text-dim:#BFB0A8; --accent:#EC8063; --divider: rgba(243,235,221,.18); --border: rgba(243,235,221,.14); color: var(--text); }
html[data-opt='d5'] .llu-band { --ink:#F3EBDD; --paper:#1F121E; --surface:#2A1A28; --orange:#EC8063; --text:#F3EBDD; --text-secondary:#E2D5C8; --text-dim:#BFB0A8; --accent:#EC8063; --divider: rgba(243,235,221,.18); --border: rgba(243,235,221,.14); color: var(--text); }
html[data-opt='d5'] .trade-page-hero-gradient { background: linear-gradient(to top, #1F121E 0%, rgba(31,18,30,.72) 24%, rgba(31,18,30,.55) 60%, rgba(31,18,30,.42) 100%) !important; }
html[data-opt='d5'] .llu-band { margin-top: clamp(3rem, 7vw, 6rem) !important; margin-bottom: clamp(3rem, 7vw, 6rem) !important; }
html[data-opt='d5'] .llu-triptych { margin-top: 0 !important; margin-bottom: 0 !important; }
html[data-opt='d5'] .site-header { background: rgba(240,228,213,.93) !important; }
html[data-opt='d5'] .site-footer { background: #E6D8C6 !important; }
html[data-opt='d5'] .llu-band { background: linear-gradient(180deg, rgba(31,18,30,.9), rgba(31,18,30,.5) 45%, rgba(31,18,30,.94)), var(--bg) center/cover no-repeat !important; }
html[data-opt='d5'] .llu-dwell { background: linear-gradient(180deg, rgba(31,18,30,.88), rgba(31,18,30,.58) 40%, rgba(31,18,30,.78) 70%, rgba(31,18,30,.95)), var(--bg) center 40%/cover no-repeat !important; }
html[data-opt='d5'] .llu-eyebrow, html[data-opt='d5'] .trade-page-hero-label, html[data-opt='d5'] .llu-tag, html[data-opt='d5'] .trade-team-role, html[data-opt='d5'] .llu-quote-by, html[data-opt='d5'] .llu-hero-credit, html[data-opt='d5'] .trade-credits-label { font-variant-caps: all-small-caps !important; letter-spacing: .07em !important; font-size: 1.12rem !important; }
html[data-opt='d5'] .trade-subtitle { font-variant-caps: all-small-caps !important; letter-spacing: .14em !important; font-family: var(--font-display) !important; }
html[data-opt='d5'] .trade-team-desc, html[data-opt='d5'] .llu-open p, html[data-opt='d5'] .llu-q-sub p, html[data-opt='d5'] .llu-dwell-note, html[data-opt='d5'] .llu-support-note, html[data-opt='d5'] .trade-synopsis, html[data-opt='d5'] .llu-bio, html[data-opt='d5'] .trade-credits-row, html[data-opt='d5'] .llu-cols p, html[data-opt='d5'] .llu-why-lead { font-size: 1.06rem !important; line-height: 1.55 !important; }
html[data-opt='d5'] .llu-donate { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80' preserveAspectRatio='none'><path d='M156 7 C 70 3, 9 19, 11 41 C 13 65, 92 77, 163 74 C 238 71, 294 57, 290 33 C 287 13, 214 2, 118 10' fill='none' stroke='%23B8442B' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>") center/100% 100% no-repeat; color: var(--text) !important; border: 0 !important; font-family: var(--font-display) !important; font-style: italic; font-size: 1.22rem !important; padding: 1.05rem 2.3rem !important; } html[data-opt='d5'] .llu-donate:hover { color: var(--accent) !important; }
html[data-opt='d5'] .footer-touch-wrap { border: 0 !important; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80' preserveAspectRatio='none'><path d='M156 7 C 70 3, 9 19, 11 41 C 13 65, 92 77, 163 74 C 238 71, 294 57, 290 33 C 287 13, 214 2, 118 10' fill='none' stroke='%23B8442B' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>") center/100% 100% no-repeat; }
html[data-opt='d5'] .llu-team { display: block !important; max-width: 52rem; margin: 2.4rem auto 0 !important; }
html[data-opt='d5'] .trade-team-member { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); grid-template-areas: 'role name' '. desc'; column-gap: 2.4rem; row-gap: .15rem; border-left: 0 !important; padding: .95rem 0 !important; }
html[data-opt='d5'] .trade-team-role { grid-area: role; text-align: right; padding-top: .3rem; }
html[data-opt='d5'] .trade-team-name { grid-area: name; font-size: 1.4rem !important; }
html[data-opt='d5'] .trade-team-desc { grid-area: desc; max-width: 30rem; }
html[data-opt='d5'] #team .llu-eyebrow, html[data-opt='d5'] #team .llu-h2, html[data-opt='d5'] .llu-advisors { text-align: center; }
html[data-opt='d5'] .llu-advisors { max-width: 46rem; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 640px) { html[data-opt='d5'] .trade-team-member { grid-template-columns: 1fr; grid-template-areas: 'role' 'name' 'desc'; } html[data-opt='d5'] .trade-team-role { text-align: left; } }
/* D2: his notes on D */
html[data-opt='d5'] body, html[data-opt='d5'] body * { font-variation-settings: 'opsz' 9; }
html[data-opt='d5'] #theme-toggle { display: none !important; }
html[data-opt='d5'] .header-logo { position: static !important; transform: none !important; align-items: flex-start !important; text-align: left !important; margin-right: auto; }
html[data-opt='d5'] .header-logo-name { font-family: var(--font-display) !important; font-style: italic; font-weight: 400 !important; font-size: 1.3rem !important; letter-spacing: 0 !important; text-transform: none !important; }
html[data-opt='d5'] .header-nav { margin-right: 0 !important; gap: 1.8rem !important; }
html[data-opt='d5'] .nav-link { font-size: 1rem !important; font-weight: 400 !important; }
html[data-opt='d5'] .trade-page-hero { min-height: clamp(480px, 76vh, 840px) !important; }
html[data-opt='d5'] .trade-page-hero-content .trade-title { font-weight: 300 !important; letter-spacing: -.012em !important; font-size: clamp(3.1rem, 8.8vw, 7.6rem) !important; line-height: .98 !important; color: #F3EBDD !important; text-wrap: balance; }
@media (max-width: 600px) { html[data-opt='d5'] .trade-page-hero-content .trade-title { font-size: 10.6vw !important; } }
html[data-opt='d5'] .trade-page-hero-content .trade-subtitle { font-size: clamp(1.05rem, 1.7vw, 1.35rem) !important; opacity: .88 !important; margin-top: 1.2rem !important; font-weight: 400 !important; }
html[data-opt='d5'] .trade-page-hero-tagline { font-size: clamp(1.3rem, 2.4vw, 1.85rem) !important; }
html[data-opt='d5'] .trade-page-hero-tagline .mark { color: inherit !important; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80' preserveAspectRatio='none'><path d='M156 7 C 70 3, 9 19, 11 41 C 13 65, 92 77, 163 74 C 238 71, 294 57, 290 33 C 287 13, 214 2, 118 10' fill='none' stroke='%23EC8063' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>") center/100% 100% no-repeat; padding: .1em .42em .14em; margin: 0 -.14em; }
html[data-opt='d5'] #film .trade-grid { display: block !important; }
html[data-opt='d5'] #film .llu-still { margin: 0 0 clamp(2.4rem, 5vw, 4rem) !important; }
html[data-opt='d5'] #film .llu-still img { width: 100%; aspect-ratio: 2 / 1; height: auto; object-fit: cover; object-position: var(--pos, 50% 50%); }
html[data-opt='d5'] #film .trade-content { display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); column-gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
html[data-opt='d5'] #film .llu-eyebrow { grid-column: 1 / -1; }
html[data-opt='d5'] #film .llu-logline { grid-column: 1; grid-row: 2 / span 2; font-size: clamp(1.3rem, 2vw, 1.62rem) !important; line-height: 1.42 !important; margin: 0 !important; }
html[data-opt='d5'] #film .trade-synopsis { grid-column: 2; grid-row: 2; margin-top: .35rem !important; }
html[data-opt='d5'] #film .trade-credits { grid-column: 2; grid-row: 3; display: block !important; }
html[data-opt='d5'] #film .trade-credits-row { display: block !important; margin: 0 0 .9rem !important; }
html[data-opt='d5'] #film .trade-credits-label { display: block !important; margin: 0 0 .15rem !important; }
@media (max-width: 820px) { html[data-opt='d5'] #film .trade-content { display: block !important; } html[data-opt='d5'] #film .llu-logline { margin-bottom: 1.4rem !important; } html[data-opt='d5'] #film .llu-still img { aspect-ratio: 3 / 2; } }
html[data-pic='2'] .llu-band--quote { --bg: url('/assets/trade/port-cranes-dusk.jpg') !important; }
html[data-opt='d5'] .llu-dwell { background: linear-gradient(180deg, rgba(31,18,30,.86) 0%, rgba(31,18,30,.40) 30%, rgba(31,18,30,.48) 52%, rgba(31,18,30,.80) 78%, rgba(31,18,30,.95) 100%), var(--bg) center 40%/cover no-repeat !important; }
@media (max-width: 820px) { html[data-opt='d5'] .llu-dwell { background-position: 0 0, 12% 40% !important; } }
html[data-opt='d5'] .trade-team-name { line-height: 1.25 !important; }
@media (max-width: 600px) { html[data-opt='d5'] .site-footer .trade-page-back { display: inline-block !important; } }
@media (max-width: 768px) { html[data-opt='d5'] .site-footer .footer-right { margin-left: 0 !important; } }
/* C3: his notes on C2 (Untitled 10, 10/22 16:18) */
html[data-opt='d5'] .trade-title .llu-us { color: var(--accent) !important; }
html[data-opt='d5'] .trade-page-hero-tagline.llu-long { max-width: 27ch !important; font-size: clamp(1.15rem, 1.95vw, 1.55rem) !important; line-height: 1.28 !important; }
html[data-opt='d5'] .trade-page-hero-tagline .llu-quote-by { display: block; margin-top: .9rem; font-size: clamp(.95rem, 1.15vw, 1.08rem) !important; line-height: 1.3; color: var(--text-secondary) !important; }
html[data-opt='d5'] #film .llu-still--over { position: relative; }
html[data-opt='d5'] #film .llu-still--over img { aspect-ratio: 16 / 9 !important; object-position: 50% 50% !important; }
html[data-opt='d5'] #film .llu-over { margin: 1.5rem 0 0; }
html[data-opt='d5'] #film .llu-over .llu-logline { color: var(--text) !important; margin: 0 !important; }
html[data-opt='d5'] #film .trade-content { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important; }
html[data-opt='d5'] #film .trade-synopsis { grid-column: 1 !important; grid-row: 1 !important; margin-top: 0 !important; }
html[data-opt='d5'] #film .trade-credits { grid-column: 2 !important; grid-row: 1 !important; }
@media (min-width: 901px) { html[data-opt='d5'] #film .llu-still--over::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: var(--photo-r); background: linear-gradient(90deg, rgba(240,228,213,.93) 0%, rgba(240,228,213,.86) 30%, rgba(240,228,213,.6) 44%, rgba(240,228,213,0) 58%); } html[data-opt='d5'] #film .llu-over { position: absolute; z-index: 1; left: clamp(1.6rem, 3.6vw, 3.4rem); top: 50%; transform: translateY(-50%); width: min(41%, 33rem); margin: 0; } html[data-opt='d5'] #film .llu-over .llu-logline { font-size: clamp(1.08rem, 1.45vw, 1.4rem) !important; line-height: 1.46 !important; text-shadow: 0 1px 16px rgba(240,228,213,.7); } }
@media (max-width: 900px) { html[data-opt='d5'] #film .llu-still--over img { aspect-ratio: 3 / 2 !important; } html[data-opt='d5'] #film .trade-content { display: block !important; } }
html[data-opt='d5'] #team.llu-team-band { overflow: visible !important; padding-top: 0 !important; }
html[data-opt='d5'] .llu-team-photo { position: relative; display: flex; align-items: flex-end; min-height: clamp(360px, 46vw, 720px); padding: 0 0 clamp(.6rem, 2vw, 1.6rem); background: linear-gradient(180deg, var(--bg) 0%, rgba(240,228,213,.32) 12%, rgba(240,228,213,.1) 34%, rgba(240,228,213,.55) 70%, var(--bg) 100%), url('/assets/trade/sideshow-burnout.jpg') 45% 50%/cover no-repeat; }
html[data-opt='d5'] .llu-team-photo .llu-band-inner { width: 100%; text-align: center; }
html[data-opt='d5'] .llu-team-photo .llu-eyebrow { color: var(--text-secondary) !important; }
html[data-opt='d5'] .llu-team-photo .llu-h2 { margin: 0 auto !important; font-size: clamp(2.2rem, 5vw, 4rem) !important; text-shadow: 0 2px 24px rgba(240,228,213,.65); }
html[data-opt='d5'] #team .llu-team { margin-top: clamp(1.4rem, 3vw, 2.4rem) !important; }
html[data-opt='d5'] .llu-why-lead { font-size: clamp(1.22rem, 1.85vw, 1.5rem) !important; line-height: 1.5 !important; }
html[data-opt='d5'] .llu-why-strong { font-size: clamp(1.4rem, 2.5vw, 1.95rem) !important; line-height: 1.32 !important; margin-top: 1.1rem !important; }
html[data-opt='d5'] #support.llu-support { max-width: 76rem !important; text-align: left !important; }
html[data-opt='d5'] .llu-support-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
html[data-opt='d5'] .llu-support-pic { margin: 0; }
html[data-opt='d5'] .llu-support-pic img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: var(--pos, 50% 50%); border-radius: var(--photo-r); }
html[data-opt='d5'] .llu-support-note { margin: 1.6rem 0 0 !important; }
@media (max-width: 820px) { html[data-opt='d5'] .llu-support-grid { grid-template-columns: 1fr; gap: 1.8rem; } html[data-opt='d5'] .llu-support-pic { order: -1; } }
html[data-opt='d5'] .llu-band--end { margin-top: clamp(3rem, 7vw, 5.5rem); }
/* D3: his notes on C4 (10/22 21:00) */
@media (min-width: 901px) { html[data-opt='d5'] #film .llu-still--over::after { background: linear-gradient(90deg, rgba(31,18,30,.93) 0%, rgba(31,18,30,.85) 30%, rgba(31,18,30,.58) 44%, rgba(31,18,30,0) 58%) !important; } html[data-opt='d5'] #film .llu-over { --ink:#F3EBDD; --paper:#1F121E; --surface:#2A1A28; --orange:#EC8063; --text:#F3EBDD; --text-secondary:#E2D5C8; --text-dim:#BFB0A8; --accent:#EC8063; --divider: rgba(243,235,221,.18); --border: rgba(243,235,221,.14); color: var(--text); } html[data-opt='d5'] #film .llu-over .llu-logline { color: var(--text) !important; text-shadow: 0 1px 16px rgba(31,18,30,.7) !important; } }
html[data-opt='d5'] #team.llu-team-band { --ink:#F3EBDD; --paper:#1F121E; --surface:#2A1A28; --orange:#EC8063; --text:#F3EBDD; --text-secondary:#E2D5C8; --text-dim:#BFB0A8; --accent:#EC8063; --divider: rgba(243,235,221,.18); --border: rgba(243,235,221,.14); color: var(--text); background: #1F121E; box-shadow: 0 0 0 100vmax #1F121E; clip-path: inset(0 -100vmax); border-top: 0 !important; padding-bottom: clamp(3.5rem, 7vw, 6rem) !important; }
html[data-opt='d5'] .llu-team-photo { align-items: flex-start !important; padding: clamp(2.4rem, 5vw, 4.6rem) 0 0 !important; background: linear-gradient(180deg, rgba(31,18,30,.86) 0%, rgba(31,18,30,.6) 20%, rgba(31,18,30,.14) 40%, rgba(31,18,30,0) 54%, rgba(31,18,30,.45) 80%, #1F121E 100%), url('/assets/trade/sideshow-burnout.jpg') 45% 60%/cover no-repeat !important; }
html[data-opt='d5'] .llu-team-photo .llu-h2 { text-shadow: 0 2px 22px rgba(31,18,30,.8) !important; }
html[data-opt='d5'] #team .trade-team-member { border-color: rgba(243,235,221,.14) !important; }
html[data-opt='d5'] #team + #support { border-top: 0 !important; }
html[data-opt='d5'] .llu-triptych img:nth-child(3) { object-position: 84% 38%; }
/* D4: his tweaks on D3 (10/22 21:30) */
html[data-opt='d5'] .trade-page-hero-tagline.llu-long { max-width: 33ch !important; font-size: clamp(1.25rem, 2.15vw, 1.72rem) !important; }
html[data-opt='d5'] .trade-page-hero { margin-bottom: 0 !important; }
html[data-opt='d5'] #film { overflow: visible !important; }
html[data-opt='d5'] #film .llu-still--over { --ink:#F3EBDD; --paper:#1F121E; --surface:#2A1A28; --orange:#EC8063; --text:#F3EBDD; --text-secondary:#E2D5C8; --text-dim:#BFB0A8; --accent:#EC8063; --divider: rgba(243,235,221,.18); --border: rgba(243,235,221,.14); color: var(--text); position: relative; width: 100vw; margin: 0 0 clamp(2.6rem, 5vw, 4.2rem) calc(50% - 50vw) !important; height: 100vh; height: 100svh; min-height: 560px; background: #1F121E; overflow: hidden; }
html[data-opt='d5'] #film .llu-still--over img { width: 100%; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; object-position: 50% 55% !important; border-radius: 0 !important; }
html[data-opt='d5'] #film .llu-still--over::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: 0 !important; background: linear-gradient(180deg, #1F121E 0%, rgba(31,18,30,.8) 6%, rgba(31,18,30,.45) 13%, rgba(31,18,30,.15) 20%, rgba(31,18,30,0) 28%), radial-gradient(ellipse 78% 88% at 0% 100%, rgba(31,18,30,.9) 0%, rgba(31,18,30,.66) 38%, rgba(31,18,30,0) 72%), linear-gradient(0deg, rgba(31,18,30,.5) 0%, rgba(31,18,30,0) 34%) !important; }
html[data-opt='d5'] #film .llu-over { position: absolute !important; z-index: 1; left: clamp(1.5rem, 5vw, 5rem) !important; right: auto !important; top: auto !important; bottom: clamp(5rem, 13vh, 8rem) !important; transform: none !important; width: min(40rem, 44vw) !important; margin: 0 !important; }
html[data-opt='d5'] #film .llu-over .llu-logline { color: var(--text) !important; font-size: clamp(1.2rem, 1.62vw, 1.6rem) !important; line-height: 1.46 !important; text-shadow: 0 1px 2px rgba(31,18,30,.6), 0 2px 22px rgba(31,18,30,.85) !important; }
html[data-opt='d5'] #film .llu-over .llu-eyebrow { color: var(--text-secondary) !important; text-shadow: 0 1px 12px rgba(31,18,30,.8); }
@media (max-aspect-ratio: 1/1), (max-width: 760px) { html[data-opt='d5'] #film .llu-still--over { height: auto; min-height: 100svh; display: flex; flex-direction: column; } html[data-opt='d5'] #film .llu-still--over img { height: 64svh !important; min-height: 380px; flex: none; object-position: 64% 50% !important; } html[data-opt='d5'] #film .llu-still--over::after { inset: 0 0 auto 0; height: max(64svh, 380px); background: linear-gradient(180deg, #1F121E 0%, rgba(31,18,30,.3) 12%, rgba(31,18,30,0) 26%, rgba(31,18,30,0) 62%, rgba(31,18,30,.75) 86%, #1F121E 100%) !important; } html[data-opt='d5'] #film .llu-over { position: relative !important; left: auto !important; bottom: auto !important; width: auto !important; margin: -2.6rem 0 0 !important; padding: 0 clamp(1.3rem, 5vw, 2.4rem) clamp(2.4rem, 7vw, 3.4rem); } html[data-opt='d5'] #film .llu-over .llu-logline { font-size: clamp(1.02rem, 4.2vw, 1.3rem) !important; } }
html[data-opt='d5'] .llu-ask { font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: clamp(1.8rem, 3.9vw, 3.15rem); line-height: 1.12; text-align: center; max-width: 48rem; margin: clamp(3.6rem, 7vw, 6rem) auto 0; color: var(--text); text-wrap: balance; }
html[data-opt='d5'] .llu-ask .mark { color: var(--accent); }
html[data-opt='d5'] .llu-why { max-width: 66rem !important; padding: clamp(1rem, 3vw, 2.4rem) 0 clamp(3.4rem, 7vw, 5.6rem) !important; }
html[data-opt='d5'] .llu-why .llu-eyebrow { font-size: clamp(1.15rem, 1.5vw, 1.35rem) !important; margin-bottom: 1rem !important; }
html[data-opt='d5'] .llu-why-lead { font-family: var(--font-display); font-size: clamp(1.45rem, 2.5vw, 2.1rem) !important; line-height: 1.34 !important; max-width: 52rem !important; color: var(--text-secondary) !important; }
html[data-opt='d5'] .llu-why-strong { font-size: clamp(1.95rem, 4.1vw, 3.35rem) !important; line-height: 1.16 !important; margin-top: clamp(1.4rem, 2.6vw, 2.2rem) !important; max-width: 60rem; }
html[data-opt='d5'] .llu-dwell { padding: clamp(3.4rem, 7.5vw, 6.2rem) 0 !important; }
html[data-opt='d5'] .llu-dwell .llu-eyebrow { margin-bottom: clamp(1.4rem, 2.6vw, 2.2rem) !important; }
html[data-opt='d5'] .llu-dwell .llu-q-sub p { color: var(--text-secondary) !important; font-size: clamp(1.06rem, 1.3vw, 1.2rem) !important; }
html[data-opt='d5'] .llu-dwell-close { font-size: clamp(1.45rem, 2.75vw, 2.3rem) !important; margin-top: clamp(2.2rem, 4vw, 3rem) !important; max-width: 44rem !important; }
html[data-opt='d5'] .llu-dwell-note { margin-top: 1.3rem !important; }
html[data-opt='d5'] #team .llu-team { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2.4rem, 5vw, 4.6rem); row-gap: 0; max-width: 64rem !important; }
html[data-opt='d5'] #team .trade-team-member { display: flex !important; flex-direction: column; gap: .2rem; padding: 1.15rem 0 1.25rem !important; border-left: 0 !important; border-top: 1px solid rgba(243,235,221,.14) !important; }
html[data-opt='d5'] #team .trade-team-role { text-align: left !important; padding-top: 0 !important; }
html[data-opt='d5'] #team .trade-team-desc { max-width: none !important; }
@media (max-width: 760px) { html[data-opt='d5'] #team .llu-team { grid-template-columns: 1fr; } }
html[data-opt='d5'] #women .llu-ask { margin: 0 auto clamp(3.4rem, 6.5vw, 5.4rem); }
html[data-opt='d5'] .llu-women-line { font-family: var(--font-display); font-size: clamp(1.3rem, 2.1vw, 1.75rem); line-height: 1.4; text-align: center; max-width: 40rem; margin: clamp(3rem, 6vw, 4.6rem) auto 0; color: var(--text-secondary); text-wrap: balance; }
html[data-opt='d5'] #film .llu-still--over { margin-bottom: 0 !important; }
html[data-opt='d5'] #film + #women { margin-top: 0 !important; border-top: 0 !important; padding-top: clamp(4.2rem, 8.5vw, 7rem) !important; }
html[data-opt='d5'] .llu-support .trade-credits { display: block !important; margin-top: clamp(1.8rem, 3.4vw, 2.6rem); padding-top: 1.2rem; border-top: 1px solid rgba(38,27,23,.14); }
html[data-opt='d5'] .llu-support .trade-credits-row { display: block; color: var(--text-secondary); margin: 0 0 .9rem; }
html[data-opt='d5'] .llu-support .trade-credits-label { display: block; margin: 0 0 .15rem; }
/* D5 fix · his 10/23 notes: a thin paper strip between the two dark pictures (light, dark, light, dark),
   the women fit in one screen, one women line, a new middle photo in the triptych */
html[data-opt='d5'] .llu-strip { background: var(--bg); padding: clamp(.85rem, 1.7vw, 1.2rem) clamp(1.2rem, 4vw, 3rem); text-align: center; }
html[data-opt='d5'] .llu-strip .llu-hero-credit { margin: 0 !important; color: var(--text-secondary) !important; line-height: 1.3; }
html[data-opt='d5'] #film .llu-still--over::after { background: linear-gradient(180deg, rgba(31,18,30,.3) 0%, rgba(31,18,30,0) 14%), radial-gradient(ellipse 78% 88% at 0% 100%, rgba(31,18,30,.9) 0%, rgba(31,18,30,.66) 38%, rgba(31,18,30,0) 72%), linear-gradient(0deg, rgba(31,18,30,.5) 0%, rgba(31,18,30,0) 34%) !important; }
@media (max-aspect-ratio: 1/1), (max-width: 760px) { html[data-opt='d5'] #film .llu-still--over::after { background: linear-gradient(180deg, rgba(31,18,30,.3) 0%, rgba(31,18,30,0) 14%, rgba(31,18,30,0) 62%, rgba(31,18,30,.75) 86%, #1F121E 100%) !important; } }
html[data-opt='d5'] #women { --ph: clamp(11rem, calc(100vh - 31rem), 19rem); --gp: clamp(1.2rem, 2.2vw, 2rem); --rw: calc(3 * var(--ph) + 2 * var(--gp)); }
html[data-opt='d5'] #film + #women { padding-top: clamp(2.2rem, 5.5vh, 3.6rem) !important; }
html[data-opt='d5'] #women .trade-team-content { padding: 0 0 .5rem !important; }
html[data-opt='d5'] #women .llu-ask { font-size: clamp(1.6rem, min(2.35vw, 4.6vh), 2.3rem); max-width: 64rem; margin: 0 auto clamp(1.3rem, 3.6vh, 2.4rem); }
html[data-opt='d5'] #women .llu-eyebrow { max-width: var(--rw); margin: 0 auto .65rem !important; }
html[data-opt='d5'] #women .llu-women { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--gp) !important; max-width: var(--rw); margin: 0 auto !important; }
html[data-opt='d5'] #women .llu-woman { gap: .6rem !important; }
html[data-opt='d5'] #women .trade-collab-name { font-size: 1.25rem !important; line-height: 1.2; }
html[data-opt='d5'] #women .llu-tag, html[data-opt='d5'] #women .llu-bio { font-size: 1rem !important; line-height: 1.4 !important; margin: .15rem 0 0 !important; }
html[data-opt='d5'] #women .trade-collab-quote { font-size: 1.04rem !important; line-height: 1.4 !important; margin-top: .35rem !important; }
html[data-opt='d5'] #women .llu-women-line { font-size: clamp(1.12rem, 1.55vw, 1.38rem); max-width: 58rem; margin: clamp(1.3rem, 3.6vh, 2.4rem) auto 0; }
@media (max-width: 600px) {
  html[data-opt='d5'] #film + #women { padding-top: 2.2rem !important; }
  html[data-opt='d5'] #women .llu-ask { font-size: clamp(1.35rem, 6vw, 1.7rem); margin-bottom: 1.3rem; }
  html[data-opt='d5'] #women .llu-eyebrow { max-width: none; }
  html[data-opt='d5'] #women .llu-women { grid-template-columns: 1fr !important; gap: 1.05rem !important; max-width: none; }
  html[data-opt='d5'] #women .llu-woman { display: grid !important; grid-template-columns: 5.9rem minmax(0, 1fr); column-gap: .95rem !important; align-items: start; }
  html[data-opt='d5'] #women .trade-collab-quote { font-size: .98rem !important; margin-top: .25rem !important; }
  html[data-opt='d5'] #women .llu-women-line { font-size: 1.1rem; margin-top: 1.3rem; }
}