/* The original guide artwork retains the PDF's crop and opacity. Only live type changes. */
.guide-book.guide-book--restored{aspect-ratio:612/792;width:clamp(260px,25vw,390px);height:auto;overflow:hidden;background:#fff;transform:rotateY(-7deg);isolation:isolate;container-type:inline-size}
.guide-book--restored .guide-original-photo{position:absolute!important;max-width:none!important;object-fit:fill!important;filter:none!important;z-index:-1;display:block}
.guide-book--restored .guide-book-copy{position:absolute;inset:0;padding:10% 10% 8%;background:none;justify-content:space-between;box-sizing:border-box;color:#25251f}
.guide-book--restored .guide-book-copy small{font:500 2.5cqw/1.4 'DM Sans',sans-serif;letter-spacing:.2em}
.guide-book--restored .guide-book-copy h2{font:400 10.5cqw/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:auto 0;max-width:100%;text-wrap:balance}
.guide-book--restored .guide-book-copy img{width:57%;max-width:210px;height:auto;mix-blend-mode:multiply}
.companion-guide .guide-description .textlink{display:inline-flex;align-items:center;margin:6px 20px 6px 0;white-space:normal}
/* A visible invitation beside the copy and inside the image, without a footer-like bar. */
.rhea-trailer-feature{grid-template-columns:.85fr 1.15fr;gap:5%;max-width:1600px;margin:auto;padding:64px 6%;box-sizing:border-box;background:#f5f1e8}
.course-trailer-feature .rhea-trailer-intro{padding:0;max-width:none}
.rhea-trailer-intro h1{font:400 clamp(36px,3.7vw,58px)/1.08 'DM Sans',sans-serif;letter-spacing:-.045em;margin:25px 0}
.rhea-trailer-feature .rhea-trailer-intro .button{display:none}
.rhea-trailer-feature .rhea-trailer-intro>p:last-of-type{margin-top:24px}
.trailer-showcase{aspect-ratio:3/2!important;min-height:0!important;height:auto!important;overflow:hidden}
.trailer-showcase.is-playing{aspect-ratio:16/9!important}
.trailer-showcase .trailer-cover{width:100%;height:100%;margin:0;border:0;position:relative}
.trailer-showcase .trailer-cover[hidden]{display:none!important}
.trailer-showcase .trailer-play-banner,.cohesive-home-cover .trailer-play-banner{position:absolute;bottom:5%;right:5%;left:auto;min-height:0;display:inline-flex;gap:12px;align-items:center;padding:14px 18px;background:#fcf8ed;color:#262d22;border:1px solid #e7dfcd;box-shadow:0 3px 12px #29272418;font:600 clamp(10px,1vw,13px)/1.3 'DM Sans',sans-serif;letter-spacing:.12em;z-index:5;pointer-events:none}
.trailer-showcase .trailer-play-symbol{width:auto;height:auto;border:0;font-size:12px;padding:0;color:inherit}
.trailer-showcase .trailer-cover:hover .trailer-play-banner{background:#fffdf5;color:#26351e}
.rhea-trailer-link{margin-top:10px!important;min-height:48px;font-size:12px!important;background:transparent!important;color:#252b21!important;cursor:pointer}
.rhea-trailer-link>span{border:1px solid #75816b!important;border-radius:50%;display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px}
.trailer-showcase .trailer-media,.trailer-showcase .trailer-media video,.trailer-showcase .trailer-media iframe{width:100%;height:100%;object-fit:contain;border:0}
/* Same stage, device scale, typography and untouched original portraits in every screen. */
.cohesive-device-scene{display:block;width:100%;height:auto;aspect-ratio:3/2}
.cohesive-device-scene .trailer-original-portrait{left:auto;right:0;width:700px;height:835px;filter:none!important}
.cohesive-device-scene .trailer-original-portrait image{filter:none!important}
.cohesive-device-scene .trailer-screen-type{left:0;right:auto;width:580px;box-sizing:border-box;padding:70px 40px;background:#faf2e4;align-items:flex-start;text-align:left}
.cohesive-device-scene .trailer-screen-type>img{position:absolute;left:40px;top:110px;width:360px;max-height:none;margin:0;visibility:hidden}
.cohesive-device-scene .trailer-screen-type>strong{position:absolute;left:40px;right:20px;top:340px;font-size:104px;line-height:1.04;letter-spacing:-4px}
.cohesive-device-scene .trailer-tablet-type{box-sizing:border-box}
.cohesive-device-scene .trailer-tablet-type img{position:absolute;top:46px;left:240px;width:220px;height:79px;visibility:hidden}
.cohesive-device-scene .trailer-tablet-type strong{position:absolute;top:170px;left:35px;right:35px;font-size:75px;line-height:1.04}
.cohesive-device-scene>.trailer-vector-logo{pointer-events:none}
.cohesive-device-scene .trailer-screen-controls{left:620px;bottom:90px}
.cohesive-device-scene .trailer-screen-footer{font-size:19px;letter-spacing:2px}
.collection-device-preview{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden}
.collection-preview-caption{position:absolute;right:4%;bottom:5%;background:#fcf8ed;padding:14px 18px;color:#252b21;font:600 12px/1.3 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.collection-device-preview:focus-visible{outline:3px solid #42573a;outline-offset:4px}
.teaching-scene:has(.collection-device-preview){padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
html .protocol-composite{width:100%!important;height:auto!important;aspect-ratio:3/2!important;display:block;object-fit:contain!important;filter:none!important;transform:none!important}
.protocol-product-stage:has(.protocol-composite){margin:0;overflow:hidden}
@media(max-width:700px){
 .rhea-trailer-feature{grid-template-columns:1fr;padding:40px 6%;gap:28px}
 .rhea-trailer-feature .trailer-showcase{grid-row:auto}
 .rhea-trailer-intro h1{font-size:38px}
 .trailer-showcase .trailer-play-banner,.cohesive-home-cover .trailer-play-banner{bottom:4%;right:4%;padding:12px;font-size:10px;gap:8px}
 .guide-book.guide-book--restored{width:min(75vw,330px)}
 .collection-preview-caption{font-size:10px;padding:10px 12px}
}