/* nov13d: Culture, Realized. Issue 02, the fashion issue. Black and white only. Serif display, italic pull lines, hairlines, air. */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-display-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-display-latin-wght-italic.woff2) format("woff2")}
.x-lux{--x-paper:#fff;--x-ink:#000;--x-text:#141414;--x-bone:#fff;--x-mute:#b9b9b9;--x-rule:#2b2b2b;--x-col:43rem;--lux:"Playfair Display","Bodoni 72","Didot","Bodoni MT",Georgia,serif}
.x-lux .x-prog{mix-blend-mode:difference}.x-lux .x-prog span{background:#fff}
/* hero */
.x-lux .x-hero{background:#000;text-align:center;padding-top:clamp(56px,8vw,128px)}
.x-lux .x-kick{justify-content:center;letter-spacing:.32em;color:#b9b9b9}
.x-lux .x-kick a:hover{border-color:#fff}
.x-lux .x-kick span+span::before,.x-lux .x-kick a+span::before{background:#8a8a8a}
.x-lux .x-h1{margin-top:clamp(28px,3.4vw,56px);font:400 clamp(1.75rem,10vw,8.6rem)/1 var(--lux);letter-spacing:.012em;text-transform:uppercase;color:#fff}
.x-lux .x-h1 em{font-style:italic;font-weight:400}
.x-lux .x-deck{margin-inline:auto;max-width:42ch;font:italic 400 clamp(1.15rem,.95rem + 1vw,1.75rem)/1.42 var(--lux);color:#ececec;text-wrap:balance}
.x-lux .x-meta{justify-content:center;color:#b9b9b9;margin-top:clamp(24px,2.8vw,44px)}
.x-lux .x-meta i{background:#777}
.x-lux .x-meta a{border-bottom-color:#fff}.x-lux .x-meta a:hover{color:#fff;border-bottom-color:transparent}
.x-lux .x-cover figcaption{text-align:center;font:italic 400 1rem/1.45 var(--lux);letter-spacing:.01em;color:#b9b9b9}
/* contents */
.x-lux .x-toc{background:#000;text-align:center;border-top-color:#2b2b2b}
.x-lux .x-toc ol{text-align:left}
.x-lux .x-toc a{font:400 clamp(1.05rem,.95rem + .5vw,1.35rem)/1.2 var(--lux);text-transform:none;letter-spacing:.005em;align-items:baseline}
.x-lux .x-toc a span{font:italic 400 1rem/1 var(--lux);letter-spacing:.04em;color:#b9b9b9}
.x-lux .x-toc a:hover,.x-lux .x-toc a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
/* reading */
.x-lux .x-col p{font:400 clamp(1.125rem,1.02rem + .46vw,1.375rem)/1.72 var(--body);color:#141414}
.x-lux .x-col a{text-decoration-color:#000;text-decoration-thickness:1px;text-underline-offset:.2em}
.x-lux .x-col a:hover{background:#000;color:#fff;text-decoration-color:#000}
.x-lux .x-col p.x-lede{font:400 clamp(1.7rem,1.25rem + 2vw,3rem)/1.16 var(--lux);letter-spacing:-.005em;color:#000;margin-bottom:1em;text-wrap:balance}
.x-lux .x-col p.x-say{border:0;padding:0;margin:clamp(2.6rem,5.5vw,5rem) auto;text-align:center;font:italic 400 clamp(1.75rem,1.2rem + 2.6vw,3.5rem)/1.14 var(--lux);letter-spacing:0;color:#000;text-wrap:balance}
.x-lux .x-col p.x-say::before{content:"";display:block;width:1px;height:clamp(36px,4vw,56px);background:#000;margin:0 auto clamp(18px,2vw,28px)}
@media (min-width:1100px){.x-lux .x-col p.x-say{margin-inline:-7rem}}
/* chapter openers: white, centred, serif */
.x-lux .x-chh{background:#fff;color:#000;text-align:center;border-top:1px solid #000;margin-top:clamp(48px,7vw,112px);padding:clamp(64px,9vw,152px) 0 clamp(20px,3vw,48px)}
.x-lux .x-chn{color:#000;letter-spacing:.42em;margin-bottom:clamp(18px,2vw,30px)}
.x-lux .x-chh h2{margin-inline:auto;max-width:17ch;font:400 clamp(2rem,1.1rem + 5vw,6.2rem)/1.03 var(--lux);letter-spacing:.012em;text-transform:uppercase;color:#000;text-wrap:balance}
.x-lux .x-chh+.x-ch{padding-top:clamp(28px,4vw,64px)}
/* figures on white */
.x-lux .x-fig{background:#fff;color:#141414;padding-block:clamp(4px,1vw,12px)}
.x-lux .x-frame img{background:#f4f4f2;outline:1px solid #e4e4e4;outline-offset:-1px}
.x-lux .x-fig figcaption{display:block;text-align:center;max-width:44rem;font:italic 400 clamp(1.07rem,1rem + .3vw,1.22rem)/1.5 var(--lux);color:#3d3d3d}
.x-lux .x-fig figcaption b{font:600 .94em/1.5 var(--body);font-style:normal;letter-spacing:.01em;color:#000}
.x-lux .x-fig figcaption a{color:#000;text-decoration-color:#000;text-decoration-thickness:1px}
.x-lux .x-cn{display:block;margin:0 0 6px;font:italic 400 1rem/1.4 var(--lux);letter-spacing:.06em;color:#5c5c5c}
.x-lux .x-fig:not(.x-vid) .x-cn::before{content:"N\00B0\00A0"}
/* the numbers: one black band, white serif numerals */
.x-lux .x-statfig{background:#000;color:#fff;padding:clamp(44px,6vw,104px) var(--x-g) clamp(32px,4vw,64px)}
.x-lux .x-sr{max-width:1040px;border-top-color:#3a3a3a}
.x-lux .x-srow{grid-template-columns:auto minmax(0,1fr);column-gap:.42em;font-size:clamp(2.6rem,7.6vw,6.4rem);padding:.22em 0;border-bottom-color:#3a3a3a}
.x-lux .x-sn,.x-lux .x-sn.x-hot{min-width:calc(var(--nw)*1.16);font:400 1em/1 var(--lux);letter-spacing:-.01em;color:#fff}
.x-lux .x-sh{font:600 clamp(1rem,.88rem + .55vw,1.3rem)/1.3 var(--body);letter-spacing:.14em;color:#fff}
.x-lux .x-sd{color:#cfcfcf}
.x-lux .x-statfig figcaption{color:#cfcfcf}.x-lux .x-statfig figcaption b{color:#fff}.x-lux .x-statfig .x-cn{color:#b9b9b9}
/* film */
.x-lux .x-vt{font:400 clamp(2rem,6vw,5.6rem)/1 var(--lux);letter-spacing:.012em}
.x-lux .x-vy{font:italic 400 1.05rem/1 var(--lux);letter-spacing:.12em;color:#b9b9b9}
.x-lux .x-pl{background:#fff;color:#000}
.x-lux .x-play:focus-visible{outline-color:#fff}
/* end matter */
.x-lux .x-end{border-top-color:#000}
.x-lux .x-col p.x-bio{font:italic 400 clamp(1.1rem,1.02rem + .3vw,1.28rem)/1.55 var(--lux);color:#2a2a2a;border-left:1px solid #000}
.x-lux .x-nb:hover{background:#fff!important;color:#000!important;outline:1px solid #000;outline-offset:-1px}
.x-lux .x-ns:hover{background:#000;color:#fff}
@media (max-width:480px){.x-lux .x-srow{font-size:2.5rem}.x-lux .x-hero{padding-top:44px}}
/* lining figures everywhere serif is used (the font shorthand resets this, so it is set last) */
.x-lux .x-h1,.x-lux .x-chh h2,.x-lux .x-sn,.x-lux .x-col p.x-say,.x-lux .x-col p.x-lede,.x-lux .x-fig figcaption,.x-lux .x-cn,.x-lux .x-toc a,.x-lux .x-vt,.x-lux .x-deck,.x-lux .x-col p.x-bio{font-variant-numeric:lining-nums!important;font-feature-settings:"lnum" 1!important}
