/* Soft media variant: decoration fades; presented photos, graphics and video do not. */
@import url('./accent-cobalt.css');
:root{--paper:#f5f1e8;--decorative-opacity:.12;--decorative-saturation:.48;--texture-opacity:.12}
.slide > img.art{opacity:var(--decorative-opacity);filter:saturate(var(--decorative-saturation))}
.slide.art::before{content:'';position:absolute;inset:0;background:url('../assets/paper.png') repeat;background-size:550px 350px;opacity:var(--texture-opacity);mix-blend-mode:multiply;z-index:-1;pointer-events:none}
.media-composition{position:absolute;inset:0}
.media-header{position:absolute;left:80px;right:80px;top:40px;display:flex;justify-content:space-between;align-items:baseline;gap:48px}
.media-composition h1{font:400 66px/1.1 var(--display-font);margin:0;white-space:pre-line;letter-spacing:-.015em}
.media-eyebrow{font:400 19px/1.4 var(--body-font);letter-spacing:.08em;white-space:pre-line}
.media-header .media-eyebrow{text-align:right;flex-shrink:0}
.presented-media{position:absolute;margin:0;overflow:hidden;background:#e5e2d9}
.presented-media > img,.presented-media > video,.video-print-poster,.video-print-poster > img{display:block;width:100%;height:100%;opacity:1;filter:none}
.presented-media > video{background:#111}
.presented-media > video:focus-visible{outline:3px solid var(--accent-lime);outline-offset:-3px}
.media-footer{position:absolute;left:80px;right:80px;bottom:30px;display:flex;align-items:baseline;justify-content:space-between;gap:30px;font:400 18px/1.4 var(--body-font);letter-spacing:-.04em;color:var(--ink)}
.media-footer span:last-child{text-align:right;font-size:15px}
.media-hero > .presented-media{left:80px;top:150px;width:1440px;height:660px}
.media-pair-grid{position:absolute;left:80px;right:80px;top:150px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.media-pair-item .presented-media{position:relative;width:100%;height:640px}
.media-pair-item p{margin:14px 0 0;font:400 23px/1.3 var(--body-font)}
.media-pair .media-footer{bottom:24px}
.media-portrait > .presented-media{left:744px;top:56px;width:776px;height:764px}
.portrait-copy{position:absolute;left:95px;top:102px;width:560px}
.portrait-copy h1{font-size:94px;line-height:1.05;margin:88px 0 33px}
.portrait-copy p{font:400 28px/1.5 var(--body-font);white-space:pre-line;margin:0;width:510px;letter-spacing:-.04em}
.quiet-ornament{display:block;font:36px/1 Arial,sans-serif;margin-top:90px;opacity:.55}
.media-video .media-header{top:29px}
.media-video .media-header h1{font-size:58px}
.media-video > .presented-media{left:160px;top:112px;width:1280px;height:720px}
.media-video .media-footer{bottom:26px}
.media-canvas > .presented-media{left:80px;top:160px;width:1440px;height:640px;background:transparent}
.media-immersive > .presented-media{left:44px;top:44px;width:1512px;height:770px}
.immersive-title{position:absolute;left:44px;right:44px;bottom:86px;padding:70px 52px 40px;background:linear-gradient(transparent,#0008);color:#fffdf4;pointer-events:none}
.immersive-title h1{font-size:84px}
.media-immersive .media-footer{left:48px;right:48px;bottom:29px}
.video-print-poster{display:none;position:absolute;inset:0}
.video-print-poster span{position:absolute;left:20px;bottom:20px;padding:9px 14px;background:#171c1de6;color:#fff;font:20px/1.2 var(--body-font)}
@media print{.presented-media > video{display:none}.presented-media > .video-print-poster{display:block}}