/* The Exceptional Private Practice — shared reading shell.
   Paper and ink match the approved Daily Brief so the framed brief sits seamlessly in the page. */
:root{
  --paper:#fbf8f2; --paper-2:#f3ece0; --ink:#1f2328; --muted:#5d5a55; --rule:#e2d9c9;
  --bronze:#a16e49; --bronze-ink:#8a5a36; --gold:#be9a48; --charcoal:#202020; --link:#8a5a36;
  --display:"Playfair Display", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --serif:Charter, "Bitstream Charter", "Iowan Old Style", "Sitka Text", Georgia, "Times New Roman", serif;
  --sans:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--paper:#14181f;--paper-2:#1b2029;--ink:#ece8e0;--muted:#aab0ba;--rule:#2d333d;--bronze:#d2a27a;--bronze-ink:#e0b48e;--gold:#d6b46a;--charcoal:#0f1217;--link:#e0b48e}
}
:root[data-theme="dark"]{--paper:#14181f;--paper-2:#1b2029;--ink:#ece8e0;--muted:#aab0ba;--rule:#2d333d;--bronze:#d2a27a;--bronze-ink:#e0b48e;--gold:#d6b46a;--charcoal:#0f1217;--link:#e0b48e}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,summary:focus-visible,iframe:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;top:1rem;z-index:50;background:var(--paper);color:var(--ink);padding:.5rem .8rem;border:1px solid var(--bronze)}
.wrap{width:min(72rem,100% - 2rem);margin-inline:auto}

/* Masthead */
.site-head{border-bottom:1px solid var(--rule)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem 2rem;flex-wrap:wrap;padding:1.1rem 0}
.wordmark{font:500 clamp(1.2rem,2.4vw,1.55rem)/1.1 var(--display);color:var(--ink);text-decoration:none;letter-spacing:-.005em}
.wordmark span{font-style:italic;color:var(--bronze)}
.site-nav{display:flex;flex-wrap:wrap;gap:.35rem 1.6rem;font-size:.86rem}
.site-nav a{color:var(--ink);text-decoration:none;padding:.3rem 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{border-bottom-color:var(--bronze)}
.ext::after{content:" ↗";font-size:.8em;color:var(--bronze)}

/* Publication intro */
.pub-hero{padding:clamp(2.5rem,7vw,5rem) 0 clamp(1.5rem,4vw,2.5rem);text-align:center}
.pub-hero .kicker,.deeper-head .kicker{font:600 .74rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink);margin:0 0 1rem}
.pub-hero h1{font:500 clamp(2.3rem,6.4vw,4.4rem)/1.04 var(--display);letter-spacing:-.015em;margin:0 auto;max-width:16ch}
.pub-hero h1 em{color:var(--bronze);font-weight:400}
.pub-hero .subtitle{font:400 clamp(1.05rem,2.2vw,1.3rem)/1.5 var(--sans);color:var(--muted);margin:1.1rem auto 0;max-width:38rem}
.pub-hero .intro{font:400 1rem/1.7 var(--sans);margin:1.4rem auto 0;max-width:34rem}
.rule-ornament{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:2.2rem auto 0;color:var(--bronze);font:italic 500 1rem/1 var(--display)}
.rule-ornament::before,.rule-ornament::after{content:"";height:1px;width:min(9rem,22vw);background:var(--bronze);opacity:.55}

/* Article crumb row on the article page */
.crumbs{padding:1.5rem 0 0;font-size:.82rem;color:var(--muted)}
.crumbs a{color:var(--muted)}

/* The brief publication copy (gold with a footer-only change), framed */
.brief-frame{display:block;width:100%;height:85vh;border:0;background:var(--paper)}
.brief-frame.is-fitted{height:auto}
.brief-alt{text-align:center;font-size:.8rem;color:var(--muted);margin:.25rem 0 0}

/* Go deeper — shown only after the full brief */
.deeper{background:var(--paper-2);border-top:1px solid var(--rule);padding:clamp(3rem,7vw,5rem) 0}
.deeper-head{text-align:center;max-width:40rem;margin:0 auto clamp(2rem,5vw,3rem)}
.deeper-head h2{font:500 clamp(1.9rem,4.4vw,2.9rem)/1.1 var(--display);margin:0}
.deeper-head p{color:var(--muted);margin:.8rem 0 0}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.25rem)}
.choice{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);color:var(--ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.choice:hover{border-color:var(--bronze);transform:translateY(-2px)}
.choice:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.choice figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--rule)}
.choice figure img{width:100%;height:100%;object-fit:cover;display:block}
.choice .body{padding:clamp(1.25rem,3vw,1.9rem);display:flex;flex-direction:column;gap:.6rem;flex:1}
.choice .label{font:600 .72rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.choice h3{font:500 clamp(1.5rem,3vw,2rem)/1.15 var(--display);margin:0}
.choice p{margin:0;color:var(--muted);font-size:.96rem}
.choice .go{margin-top:auto;padding-top:.6rem;font-weight:500;color:var(--bronze-ink)}
.choice .go::after{content:" →"}
@media (max-width:720px){.choices{grid-template-columns:1fr}}

/* Footer */
.site-foot{background:var(--charcoal);color:#e9e2d6;padding:2.6rem 0 2.2rem;font-size:.86rem}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem}
.site-foot .wordmark{color:#f6efe4}
.site-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.site-foot a{color:#e9e2d6}
.site-foot .fine{flex-basis:100%;color:#b9b0a2;font-size:.78rem;margin:0;max-width:52rem}

.choice-wide{max-width:60rem;margin:0 auto}
.choice-wide figure{aspect-ratio:3/1}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-head nav,.deeper,.site-foot nav{display:none}}

/* ---------- Landing page ---------- */
.lp-eyebrow{font:600 .74rem/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-ink);margin:0 0 1rem}
.lp-hero{padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(3rem,7vw,5.5rem);overflow:hidden}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.lp-hero h1{font:500 clamp(2.6rem,6vw,4.8rem)/1.02 var(--display);letter-spacing:-.02em;margin:0}
.lp-hero h1 em{color:var(--bronze);font-weight:400}
.lp-sub{font:italic 400 clamp(1.15rem,2.2vw,1.45rem)/1.4 var(--display);color:var(--ink);margin:1.1rem 0 0;max-width:30rem}
.lp-lede{font-size:1.02rem;line-height:1.75;color:var(--muted);margin:1.3rem 0 0;max-width:33rem}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;margin-top:2rem}
.lp-btn{display:inline-flex;align-items:center;padding:.9rem 1.5rem;background:var(--charcoal);color:#f6efe4;text-decoration:none;font:500 .98rem/1.2 var(--sans);border:1px solid var(--charcoal);transition:background .2s ease,color .2s ease}
.lp-btn:hover{background:var(--bronze);border-color:var(--bronze);color:#fff}
.lp-link{font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:.15rem}
.lp-from{font-size:.84rem;color:var(--muted);margin:2rem 0 0}
.lp-plates{position:relative;min-height:clamp(18rem,34vw,27rem)}
.lp-plate{margin:0;position:absolute;width:88%;background:var(--paper);padding:.55rem .55rem .7rem;border:1px solid var(--rule);box-shadow:0 18px 40px rgba(32,32,32,.12)}
.lp-plate img{display:block;width:100%}
.lp-plate figcaption{font:italic 400 1rem/1.3 var(--display);margin-top:.55rem;color:var(--ink)}
.lp-plate figcaption span{font:600 .66rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink);margin-right:.5rem;font-style:normal}
.lp-plate-a{top:0;right:0;transform:rotate(1.2deg)}
.lp-plate-b{bottom:0;left:0;transform:rotate(-1.4deg)}
@media (max-width:900px){
  .lp-hero-grid{grid-template-columns:1fr}
  .lp-plates{min-height:0;display:grid;gap:1.1rem}
  .lp-plate{position:static;width:100%;transform:none}
}
.lp-section-head{max-width:44rem;margin:0 auto clamp(2rem,5vw,3.25rem);text-align:center}
.lp-section-head h2{font:500 clamp(1.9rem,4.4vw,3rem)/1.1 var(--display);margin:0}
.lp-section-head p:not(.lp-eyebrow){color:var(--muted);margin:.9rem auto 0;max-width:38rem}

.lp-problems{background:var(--paper-2);border-block:1px solid var(--rule);padding:clamp(3.5rem,8vw,5.5rem) 0}
.lp-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:62rem;margin:0 auto}
.lp-problem{padding:0 clamp(1.25rem,4vw,3rem)}
.lp-problem+.lp-problem{border-left:1px solid var(--rule)}
.lp-problem-n{font:italic 400 1.6rem/1 var(--display);color:var(--bronze);margin:0 0 .8rem}
.lp-problem h3{font:500 clamp(1.35rem,2.6vw,1.75rem)/1.2 var(--display);margin:0 0 .8rem}
.lp-problem p{margin:0 0 1.1rem;color:var(--ink);font-family:var(--serif);font-size:1.05rem;line-height:1.7}
.lp-problem-go{font-weight:500;text-decoration:none;color:var(--bronze-ink)}
.lp-problem-go::after{content:" ↓"}
@media (max-width:760px){.lp-problem-grid{grid-template-columns:1fr;gap:2.2rem}.lp-problem,.lp-problem+.lp-problem{padding:0;border-left:0}.lp-problem+.lp-problem{border-top:1px solid var(--rule);padding-top:2.2rem}}

.lp-lessons{padding:clamp(3.5rem,8vw,6rem) 0 clamp(2rem,5vw,3rem)}
.lp-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(2.5rem,6vw,4rem) 0;border-top:1px solid var(--rule);scroll-margin-top:1rem}
.lp-lesson-flip .lp-lesson-art{order:2}
.lp-lesson-art{position:relative;padding-bottom:3.5rem}
.lp-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.lp-triptych img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--rule);background:var(--paper-2)}
.lp-ring{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:clamp(9rem,15vw,11rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:1.1rem;
  background:radial-gradient(ellipse at 32% 20%,#fffdf0 0%,#fff1bd 45%,#f2d46f 100%) padding-box,conic-gradient(from 25deg,#90610c,#ffe77a,#b78012,#fff3a5,#a66d0b,#f8d44d,#90610c) border-box;
  border:4px solid transparent;box-shadow:0 0 0 2px #e7c054,0 10px 26px rgba(119,80,13,.18);color:#4b320d}
.lp-ring span{font:600 clamp(.95rem,1.5vw,1.1rem)/1.25 var(--display)}
.lp-lesson-n{display:flex;align-items:baseline;gap:.8rem;font:600 .76rem/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-ink);margin:0 0 .8rem}
.lp-lesson-n span{font:italic 400 2.2rem/1 var(--display);letter-spacing:0;color:var(--bronze)}
.lp-lesson h3{font:500 clamp(1.6rem,3.2vw,2.3rem)/1.15 var(--display);margin:0 0 1rem}
.lp-principle{margin:0 0 1.4rem;font-size:1.02rem}
.lp-principle strong{color:var(--bronze-ink);font-weight:600}
.lp-takeaways{margin:0 0 1.8rem;border-top:1px solid var(--rule)}
.lp-takeaways div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}
.lp-takeaways dt{font:600 .7rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lp-takeaways dd{margin:0;font-size:.95rem}
.lp-paths{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.lp-path{display:grid;gap:.15rem;padding:1rem 1.2rem 1rem 1.2rem;border:1px solid var(--rule);background:var(--paper);color:var(--ink);text-decoration:none;position:relative;transition:border-color .2s ease,transform .2s ease}
.lp-path::after{content:"→";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:var(--bronze);font-size:1.2rem}
.lp-path:hover{border-color:var(--bronze);transform:translateX(3px)}
.lp-path-primary{background:var(--charcoal);border-color:var(--charcoal);color:#f6efe4}
.lp-path-primary:hover{border-color:var(--bronze)}
.lp-path-primary::after{color:#e0b48e}
.lp-path-step{font:600 .68rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink)}
.lp-path-primary .lp-path-step{color:#e0b48e}
.lp-path-title{font:500 1.15rem/1.3 var(--display);padding-right:2rem}
.lp-path-meta{font-size:.82rem;color:var(--muted)}
.lp-path-primary .lp-path-meta{color:#c9c0b2}
@media (max-width:900px){.lp-lesson{grid-template-columns:1fr}.lp-lesson-flip .lp-lesson-art{order:0}}
@media (max-width:480px){.lp-takeaways div{grid-template-columns:1fr;gap:.2rem}}

.lp-how{padding:clamp(3.5rem,8vw,5.5rem) 0;background:var(--paper-2);border-block:1px solid var(--rule)}
.lp-formats{display:grid;grid-template-columns:minmax(0,1fr) 4rem minmax(0,1fr);align-items:stretch;max-width:64rem;margin:0 auto}
.lp-format{background:var(--paper);border:1px solid var(--rule);padding:clamp(1.5rem,3.5vw,2.4rem)}
.lp-format-deep{background:var(--charcoal);border-color:var(--charcoal);color:#efe7da}
.lp-format-tag{font:600 .7rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink);margin:0 0 .6rem}
.lp-format-deep .lp-format-tag{color:#e0b48e}
.lp-format h3{font:500 clamp(1.5rem,2.8vw,2rem)/1.15 var(--display);margin:0 0 .5rem}
.lp-format-lede{font-family:var(--serif);font-size:1.05rem;color:var(--muted);margin:0 0 1.2rem}
.lp-format-deep .lp-format-lede{color:#c9c0b2}
.lp-format ul{list-style:none;margin:0;padding:0}
.lp-format li{padding:.55rem 0 .55rem 1.4rem;border-top:1px solid var(--rule);position:relative;font-size:.95rem}
.lp-format-deep li{border-top-color:#3a3a3d}
.lp-format li::before{content:"";position:absolute;left:0;top:1.05rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--gold)}
.lp-format-arrow{display:grid;place-items:center}
.lp-format-arrow span{width:100%;height:1px;background:var(--bronze);position:relative}
.lp-format-arrow span::after{content:"";position:absolute;right:0;top:-5px;border-left:10px solid var(--bronze);border-top:5px solid transparent;border-bottom:5px solid transparent}
@media (max-width:820px){.lp-formats{grid-template-columns:1fr;gap:0}.lp-format-arrow{height:3rem}.lp-format-arrow span{width:1px;height:100%}.lp-format-arrow span::after{right:-5px;top:auto;bottom:0;border-top:10px solid var(--bronze);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}}

.lp-from-band{background:var(--charcoal);color:#efe7da;padding:clamp(3rem,7vw,4.5rem) 0}
.lp-from-band .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;align-items:end}
.lp-from-band .lp-eyebrow{color:#e0b48e}
.lp-from-band h2{font:500 clamp(1.8rem,3.8vw,2.6rem)/1.1 var(--display);margin:0 0 .8rem}
.lp-from-band p{color:#c9c0b2;margin:0;max-width:34rem}
.lp-from-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:flex-end}
.lp-btn-light{background:transparent;border-color:#e0b48e;color:#f3ddc8}
.lp-btn-light:hover{background:#e0b48e;color:var(--charcoal);border-color:#e0b48e}
.lp-link-light{color:#efe7da}
@media (max-width:820px){.lp-from-band .wrap{grid-template-columns:1fr}.lp-from-links{justify-content:flex-start}}
.landing .site-foot{border-top:1px solid #333}

/* ---------- Cinematic hero ----------
   Stacking inside .lp-cinema-media: poster (auto) < video (1) < scrim ::after (2) < captions, label (3) < Pause/Play (4). */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-cinema[hidden]{display:none}
.lp-cinema{position:relative;background:#111;color:#f6efe4;overflow:hidden}
.lp-cinema-media{position:relative;aspect-ratio:16/9;max-height:92vh;width:100%}
.lp-cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0} /* shown with a clean cut once playing: no cross-dissolve, so the poster pose never ghosts over the opening */
.lp-cinema-video.is-playing{opacity:1}
.lp-cinema-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(17,17,17,.78) 0%,rgba(17,17,17,.45) 34%,rgba(17,17,17,0) 58%),linear-gradient(0deg,rgba(17,17,17,.45),rgba(17,17,17,0) 30%)}
.lp-cinema-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;z-index:2;max-width:74rem;margin:0 auto;pointer-events:none}
.lp-cinema-copy>*{max-width:34rem;pointer-events:auto}
.lp-cinema-copy .lp-eyebrow{color:#e0b48e}
.lp-cinema-copy h1{font:500 clamp(2.4rem,5.2vw,4.6rem)/1.02 var(--display);letter-spacing:-.02em;margin:0;color:#fbf6ee}
.lp-cinema-copy h1 em{color:#e0b48e;font-weight:400}
.lp-cinema-copy .lp-sub{color:#f3e9da}
.lp-cinema-copy .lp-lede{color:#d9cfbf}
.lp-cinema-copy .lp-btn{background:#e0b48e;border-color:#e0b48e;color:#1b1b1d}
.lp-cinema-copy .lp-btn:hover{background:#f3ddc8;border-color:#f3ddc8}
.lp-cinema-copy .lp-link{color:#f6efe4;border-bottom-color:#e0b48e}
.lp-cinema-cues{position:absolute;z-index:3;right:clamp(1rem,4vw,3rem);bottom:clamp(3.2rem,8vh,5rem);text-align:right}
.lp-cue{margin:0;font:italic 400 clamp(1.3rem,2.6vw,2rem)/1.2 var(--display);color:#fbf6ee;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 18px rgba(0,0,0,.55);opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease;position:absolute;right:0;bottom:0;white-space:nowrap}
.lp-cue.on{opacity:1;transform:none}
.lp-cinema-label{position:absolute;z-index:3;left:clamp(1rem,3vw,2rem);bottom:.9rem;margin:0;font:500 .66rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(246,239,228,.7)}
.lp-cinema-toggle{position:absolute;z-index:4;right:clamp(1rem,3vw,2rem);bottom:.7rem;font:500 .78rem/1 var(--sans);padding:.55rem .9rem;background:rgba(17,17,17,.55);color:#f6efe4;border:1px solid rgba(246,239,228,.45);cursor:pointer;min-height:2.25rem}
.lp-cinema-toggle:hover{background:rgba(17,17,17,.8)}
.lp-cinema-label{max-width:calc(100% - 8rem)} /* never runs under the Pause button */
@media (max-width:760px){
  .lp-cinema{background:var(--paper)}
  .lp-cinema-media{aspect-ratio:4/5;max-height:none;background:#111}
  .lp-cinema-media::after{background:linear-gradient(0deg,rgba(17,17,17,.55),rgba(17,17,17,0) 35%)}
  .lp-cinema-copy{position:static;padding:2rem 0 2.6rem;background:var(--paper);color:var(--ink)}
  .lp-cinema-copy h1{color:var(--ink)} .lp-cinema-copy h1 em{color:var(--bronze)}
  .lp-cinema-copy .lp-eyebrow{color:var(--bronze-ink)} .lp-cinema-copy .lp-sub{color:var(--ink)} .lp-cinema-copy .lp-lede{color:var(--muted)}
  .lp-cinema-copy .lp-btn{background:var(--charcoal);border-color:var(--charcoal);color:#f6efe4}
  .lp-cinema-copy .lp-link{color:var(--ink)}
  .lp-cinema-cues{left:1rem;right:1rem;text-align:center;bottom:3.4rem} .lp-cue{left:0;right:0;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.lp-cue{transition:none}}
.lp-cinema-poster,.lp-cinema-poster img{position:absolute;inset:0;width:100%;height:100%;display:block}
.lp-cinema-poster img{object-fit:cover;object-position:62% 40%}
.lp-cinema-video[hidden],.lp-cinema-cues[hidden]{display:none}
.lp-cinema-video{z-index:1}
.lp-cinema-copy .lp-from{color:#cfc5b5}
.lp-cinema-copy .lp-from a{color:#f3ddc8}
@media (max-width:760px){.lp-cinema-poster img{object-position:50% 30%}.lp-cinema-copy .lp-from{color:var(--muted)}.lp-cinema-copy .lp-from a{color:var(--link)}}
/* Tablet and desktop: the film always shows its whole 16:9 frame (never cropped), so the copy never covers a face or an
   action. 761-1099px: film on top, copy below on the dark band. */
@media (min-width:761px){
  .lp-cinema-media{aspect-ratio:16/9;max-height:none}
  .lp-cinema-media::after{background:linear-gradient(0deg,rgba(17,17,17,.62),rgba(17,17,17,0) 36%)}
  .lp-cinema-copy{position:static;padding:clamp(2.2rem,4vw,3rem) 0 clamp(2.6rem,5vw,3.4rem)}
  .lp-cinema-copy>*{max-width:40rem}
  .lp-cinema-copy h1{font-size:clamp(2.4rem,4.2vw,3.9rem);max-width:36rem}
}
/* 1100px and wider: copy in the left column, the film beside it in its own shape, its left edge feathered into the dark. */
@media (min-width:1100px){
  .lp-cinema{display:grid;align-items:center;min-height:calc(min(62vw,50vw + 8rem) * .5625)}
  .lp-cinema-media{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(62%,calc(50% + 8rem))}
  .lp-cinema-poster img,.lp-cinema-video{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
  .lp-cinema-copy{position:relative;z-index:2;padding:3rem 0;pointer-events:none}
  .lp-cinema-copy>*{max-width:28rem}
  .lp-cinema-copy h1{font-size:clamp(2.6rem,3.6vw,3.6rem);max-width:28rem}
}