.study-coffee-hero { grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap:clamp(35px,5vw,78px); padding-top:20px; }
.study-coffee-hero h1 { font-size:clamp(38px,3.9vw,61px); line-height:1.36; }
.study-coffee-hero .study-hero-copy { max-width:610px; }
.study-video-figure { width:min(100%,328px); margin:0; justify-self:center; }
.study-portrait-player { width:100%; aspect-ratio:9/16; background:#302d27; box-shadow:0 18px 38px rgba(42,34,24,.13); }
.study-portrait-play { position:relative; display:block; width:100%; height:100%; padding:0; border:0; background:none; cursor:pointer; color:#fffaf0; font:inherit; }
.study-portrait-play img { display:block; width:100%; height:100%; object-fit:cover; }
.study-play-symbol { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:62px; height:62px; padding-left:4px; border:1px solid #f4e7c8; border-radius:50%; background:rgba(35,29,22,.8); font-size:23px; transform:translate(-50%,-50%); }
.study-play-caption { position:absolute; bottom:24px; left:0; width:100%; font-size:13px; font-weight:700; text-shadow:0 1px 7px #211c16; }
.study-portrait-player iframe { display:block; width:100%; height:100%; border:0; }
.study-player-note { margin:12px 0 0; color:var(--muted); font-size:12px; line-height:1.75; word-break:keep-all; }
.study-youtube-link,.aside-art-link { width:fit-content; color:var(--study-accent); font-size:13px; font-weight:700; border-bottom:1px solid currentColor; padding-bottom:4px; }
.study-portrait-play:focus-visible,.study-youtube-link:focus-visible { outline:3px solid var(--study-accent); outline-offset:5px; }
.study-copy a { color:var(--study-accent); text-decoration:underline; text-underline-offset:4px; }
.study-source { scroll-margin-top:28px; }
.study-source p { font-size:14px!important; }
@media(max-width:900px) { .study-coffee-hero { grid-template-columns:1fr; } .study-video-figure { width:min(78vw,328px); } .study-coffee-hero .study-hero-copy { max-width:700px; } }
@media(max-width:600px) { .study-coffee-hero h1 { font-size:clamp(31px,8.8vw,41px); } .study-coffee-hero .study-hero-copy { padding:0 2%; } .study-coffee-hero { gap:30px; } .study-video-figure { width:min(78vw,310px); } }