.guide-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,480px) 310px;align-items:center;justify-content:center;gap:clamp(40px,7vw,110px);padding:86px 32px 94px;border-top:1px solid #b99a583b;background:radial-gradient(ellipse at 69% 43%,#3c382736,transparent 58%),linear-gradient(#0c171de8,#0c1419fa);text-align:left}
.guide-copy{max-width:480px}.guide-eyebrow{margin:0 0 18px;color:#d4b978;text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:650}
html body .guide-copy h2{margin:0;color:#efdaad;font:500 clamp(32px,3.4vw,48px)/1.22 var(--serif);text-align:left;text-shadow:0 2px 8px #0007}
.guide-rule{display:flex;align-items:center;width:136px;margin:25px 0;background:linear-gradient(90deg,#9d7e45,transparent);height:1px}.guide-rule span{width:6px;height:6px;transform:rotate(45deg);border:1px solid #d1ad68;background:#142025}
.guide-intro{max-width:400px;margin:0 0 30px;color:#d2d5d1;font-size:20px;line-height:1.6}
.guide-topics{display:grid;gap:22px;list-style:none;margin:0;padding:0}.guide-topics li{display:flex;gap:18px;align-items:baseline}.guide-topics li>span{color:#b79861;font:14px var(--serif);font-variant-numeric:tabular-nums}.guide-topics strong{color:#f0eadb;font-size:18px;font-weight:600}.guide-topics p{margin:4px 0 0;color:#abb8bc;font-size:16px;line-height:1.45}
.guide-length{margin:32px 0 0;color:#aeb9bd;font-size:14px}.guide-length span{margin:0 9px;color:#bd9959}
.guide-film{width:310px;max-width:100%;margin:0;justify-self:center}.guide-player{position:relative;padding:7px;border:1px solid #b99a58;border-radius:15px;background:linear-gradient(135deg,#344039,#0d1519 38%,#544b32);box-shadow:0 24px 65px #0008,inset 0 0 0 3px #121b1b,inset 0 0 0 4px #b7995730;overflow:hidden}
.guide-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#070c0f;border-radius:8px}
.guide-play{position:absolute;inset:7px 7px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:0;border-radius:8px;background:linear-gradient(transparent 24%,#07101624 60%,transparent);color:#fff1cd;cursor:pointer;font:600 17px var(--text);text-shadow:0 2px 4px #000,0 0 9px #000}
.guide-play[hidden],.guide-error[hidden]{display:none}.guide-play-symbol{display:grid;place-items:center;width:72px;height:72px;border:1px solid #e0bd73;border-radius:50%;background:#101b1ddd;box-shadow:0 0 0 6px #101b1d55,inset 0 0 0 4px #cba96016,0 6px 25px #0005;transition:background .2s,box-shadow .2s,transform .2s}.guide-play-symbol svg{width:27px;height:27px;margin-left:-3px;fill:#e9c780}
.guide-play:hover .guide-play-symbol{background:#273029;box-shadow:0 0 0 8px #caa05c22,inset 0 0 0 4px #cba96025,0 6px 25px #0005;transform:scale(1.045)}.guide-play:focus-visible{outline:2px solid #f5d692;outline-offset:-4px}
.guide-film figcaption{text-align:center;color:#b8bdb4;margin:16px 0 0;font-size:13px;letter-spacing:.08em}.guide-film figcaption span{margin:0 7px;color:#c2a36b}.guide-error{font-size:15px;line-height:1.5;color:#e2ccb0;text-align:center}.guide-error a{color:#f2ce83;text-decoration:underline}
@media(max-width:760px){.guide-showcase{grid-template-columns:minmax(0,480px);gap:16px;padding:54px 26px 62px}.guide-copy{display:contents}.guide-copy h2 br{display:none}.guide-eyebrow{margin:0}.guide-rule{margin:10px 0}.guide-intro{font-size:18px;margin:0}.guide-film{order:1;width:min(310px,100%);margin:14px 0}.guide-topics{order:2;gap:17px;margin-top:10px}.guide-length{order:3;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){.guide-play-symbol{transition:none}.guide-play:hover .guide-play-symbol{transform:none}}