@layer components{.flt{--gold:#a58860;--rule:#a7a9ac;--ink:#161616;--text-col:720px;--wide-col:1080px}.flt-mast{background:#f7f7f7;border-block-end:1px solid #e3e3e1;padding-block:14px}.flt-mast img{width:72px;height:auto;margin-inline:auto;display:block}.flt-tabs{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-block-end:1px solid #e3e3e1;position:sticky;inset-block-start:76px}.flt-tabs .inner{max-width:var(--wide-col);align-items:stretch;min-height:52px;margin-inline:auto;padding-inline:20px;display:flex}.flt-tabs .q{background:var(--gold);flex:none;place-items:center;width:52px;display:grid}.flt-tabs .scroller{scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.flt-tabs .tab,.flt-tabs .past{white-space:nowrap;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#111;align-items:center;padding-inline:clamp(14px,2vw,26px);font-size:14px;font-weight:500;display:flex;position:relative}.flt-tabs .tab+.tab:before{content:"";background:#d6d6d4;width:1px;position:absolute;inset-block:14px;inset-inline-start:0}.flt-tabs .tab[aria-current]:after{content:"";background:var(--gold);height:3px;position:absolute;inset-block-end:0;inset-inline:clamp(14px,2vw,26px)}.flt-tabs .past{color:#707070;flex:none;gap:12px;padding-inline-end:0}.flt-tabs .progress{background:var(--gold);transform-origin:0;height:2px;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}.flt-hero{color:#fff;background:#111;display:grid}.flt-hero>*{grid-area:1/1}.flt-hero .media{height:clamp(480px,52vw,780px);position:relative}.flt-hero .media img{object-fit:cover;object-position:50% 30%}.flt-hero .copy{text-align:center;background:linear-gradient(#0000,#000000a8);align-self:end;padding:0 20px clamp(40px,5vw,72px);padding-block-start:160px;position:relative}.flt-hero h1{font-family:var(--sans);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(48px,6.4vw,96px);font-weight:800;line-height:.98}.flt-hero .dek{font-family:var(--serif);margin:14px 0 0;font-size:clamp(22px,2vw,30px);line-height:1.2}.flt-article{color:var(--ink);padding-block:clamp(48px,6vw,80px) 24px}.flt .flt-col{max-width:var(--text-col);box-sizing:content-box;margin-inline:auto;padding-inline:20px}.flt-byline{align-items:center;gap:16px;display:flex}.flt-byline img{width:40px;height:40px}.flt-byline p{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0;font-size:15px;font-weight:500}.flt-byline .meta{color:#6d6e71}.flt-byline-rule{background:var(--gold);width:52px;height:2px;margin-block:22px 36px;display:block}.flt-body{font-family:var(--serif);letter-spacing:-.003em;font-size:clamp(21px,1.7vw,25px);line-height:1.52}.flt-body p{text-wrap:pretty;hanging-punctuation:first;margin-block:0 1.05em}.flt-body p a{color:var(--gold);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.flt-body h2{font-family:var(--sans);letter-spacing:-.03em;color:var(--gold);margin-block:1.9em .45em;scroll-margin-block-start:150px;font-size:clamp(28px,2.4vw,34px);font-weight:700;line-height:1.1}#editors-note{scroll-margin-block-start:150px}.flt-figure{margin:2.2em 0}.flt-figure .img{max-width:var(--wide-col);margin-inline:auto;padding-inline:20px}.flt-figure img{width:100%;height:auto;display:block}.flt-figure figcaption{font-family:var(--serif);color:#4a4a4a;margin-block:14px 0;font-size:19px;font-style:italic;line-height:1.35}.flt-quote{max-width:900px;margin:2em auto;padding-inline:20px;display:grid}.flt-quote>*{grid-area:1/1}.flt-quote .mark{fill:#f2f2f0;width:clamp(90px,10vw,150px);height:auto}.flt-quote .open{place-self:start}.flt-quote .close{place-self:end}.flt-quote blockquote{font-family:var(--sans);letter-spacing:-.035em;color:#2b2b2b;text-wrap:balance;margin:0;padding:clamp(28px,3vw,40px) clamp(20px,4vw,48px);font-size:clamp(36px,4.2vw,60px);font-weight:800;line-height:1.08;position:relative}.flt-spotify,.flt-spotify-frame{margin:1.6em 0 2em}.flt-spotify{color:#fff;background:#161616;border-radius:12px;align-items:center;gap:18px;padding:14px;display:flex}.flt-spotify img,.flt-spotify .art{object-fit:cover;background:#2b2b2b;border-radius:6px;flex:none;width:96px;height:96px}.flt-spotify .meta{flex:1;min-width:0}.flt-spotify .meta p{margin:0}.flt-spotify .kicker{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff9;font-size:12px;font-weight:500}.flt-spotify .title{font-family:var(--serif);margin-block-start:4px;font-size:26px;line-height:1.1}.flt-spotify .open{font-family:var(--sans);color:#ffffffb3;text-underline-offset:3px;margin-block-start:6px;font-size:13px;text-decoration:underline;display:inline-block}.flt-spotify .play{color:#000;cursor:pointer;background:#1ed760;border:0;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.flt-spotify-frame{border:0;border-radius:12px;width:100%;height:152px;display:block}.flt-end{max-width:var(--wide-col);margin:clamp(40px,5vw,72px) auto 0;padding-inline:20px}.flt-sub{color:#fff;background:#2b2b2b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;padding:clamp(28px,3vw,40px);display:flex}.flt-sub h2{font-family:var(--sans);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:700}.flt-sub p{font-family:var(--serif);color:#ffffffd9;margin:4px 0 0;font-size:clamp(20px,1.8vw,26px)}.flt-sub a{background:var(--gold);color:#fff;min-height:48px;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding-inline:28px;font-size:15px;font-weight:500;display:inline-flex}.flt-next{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-block-start:16px;display:grid}.flt-next a{border:1px solid #e3e3e1;flex-direction:column;gap:6px;padding:24px;display:flex}.flt-next .k{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6d6e71;font-size:12px;font-weight:500}.flt-next .t{font-family:var(--serif);font-size:30px;line-height:1.1}.flt-lockup{width:60px;height:60px;margin:clamp(48px,6vw,80px) auto;display:block}@media (hover:hover) and (pointer:fine){.flt-tabs .tab:hover,.flt-tabs .past:hover{color:var(--gold)}.flt-next a:hover{border-color:#111}.flt-sub a:hover{filter:brightness(1.08)}}@media (prefers-reduced-motion:no-preference){.flt-next a{transition:border-color .2s var(--ease-out)}}}
