/* Video detail layout. Scoped to one website page to avoid changing other sites. */
#wrapwrap .ref-video-detail{color:#292929;background:#fff;overflow-x:clip}
#wrapwrap .ref-video-detail .ref-video-detail-banner{min-height:390px;background:linear-gradient(110deg,#5f544b,#33332e)}
#wrapwrap .ref-video-detail .ref-video-detail-banner .ref-np-banner-shade{background:linear-gradient(90deg,#0009,#0006,#0007)}
#wrapwrap .ref-video-detail .ref-video-detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:45px 0 75px}
#wrapwrap .ref-video-detail .ref-video-detail-overview{display:grid;grid-template-columns:minmax(0,51%) minmax(0,1fr);gap:22px;align-items:start;border:1px solid #eee;padding:17px}
#wrapwrap .ref-video-detail .ref-video-detail-player{aspect-ratio:16/9;position:relative;min-width:0;background:#151515;overflow:hidden}
#wrapwrap .ref-video-detail .ref-video-detail-player video,#wrapwrap .ref-video-detail .ref-video-detail-player>img{display:block;width:100%;height:100%;object-fit:contain}
#wrapwrap .ref-video-detail .ref-video-detail-player>img{object-fit:cover}
#wrapwrap .ref-video-detail .ref-video-detail-no-media{height:100%;display:grid;place-items:center;padding:16px;text-align:center;color:#ddd}
#wrapwrap .ref-video-detail .ref-video-detail-summary{min-width:0}
#wrapwrap .ref-video-detail .ref-video-detail-summary h1{font:500 clamp(22px,2.4vw,30px)/1.3 "Barlow",Arial,sans-serif;color:#262626;margin:0 0 15px;overflow-wrap:anywhere}
#wrapwrap .ref-video-detail .ref-video-detail-summary p{font-size:15px;line-height:1.75;color:#777;white-space:pre-line;overflow-wrap:anywhere}
#wrapwrap .ref-video-detail .ref-video-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
#wrapwrap .ref-video-detail .ref-video-detail-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;background:#b59175;color:white;text-decoration:none;font-size:12px;font-weight:600;text-align:center;transition:background .2s}
#wrapwrap .ref-video-detail .ref-video-detail-actions a:hover{background:#997357;color:#fff}
#wrapwrap .ref-video-detail .ref-video-detail-article{margin-top:22px;padding-bottom:28px;min-height:250px}
#wrapwrap .ref-video-detail .ref-video-detail-article>h2{font:600 16px/1.5 "Barlow",Arial,sans-serif;color:#b59175;padding:14px 0;margin:0 0 16px;border-top:2px solid #b59175;border-bottom:1px solid #e9e9e9}
#wrapwrap .ref-video-detail .ref-video-detail-rich{padding:5px 0;overflow-wrap:anywhere}
#wrapwrap .ref-video-detail .ref-video-detail-story-image{margin:20px 0}
#wrapwrap .ref-video-detail .ref-video-detail-story-image img{display:block;width:auto;max-width:100%;height:auto;margin:auto}
#wrapwrap .ref-video-detail .ref-video-detail-categories{display:flex;flex-direction:column}
#wrapwrap .ref-video-detail .ref-video-detail-categories>a{color:#444;font-size:14px;text-decoration:none;padding:10px 0;border-top:1px solid #eee}
#wrapwrap .ref-video-detail .ref-video-detail-categories>a:hover{color:#b59175}
#wrapwrap .ref-video-detail .ref-video-detail-contact{padding:12px 0 42px}
#wrapwrap .ref-video-detail .ref-video-detail-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#wrapwrap .ref-video-detail .ref-video-detail-contact-grid>div{min-width:0;padding:16px 0;border-top:1px solid #ede0d6}
#wrapwrap .ref-video-detail .ref-video-detail-contact-grid h3{font-size:13px;font-weight:650;color:#b59175;letter-spacing:.04em;margin:0 0 8px}
#wrapwrap .ref-video-detail .ref-video-detail-contact-grid a,#wrapwrap .ref-video-detail .ref-video-detail-contact-grid p{color:#666;font-size:14px;line-height:1.7;text-decoration:none;overflow-wrap:anywhere;margin:0}
#wrapwrap .ref-video-detail .ref-video-detail-contact-grid a:hover{color:#b59175}
#wrapwrap .ref-video-detail .ref-video-detail-message{padding-top:45px}
#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
#wrapwrap .ref-video-detail .ref-video-detail-related-cover{aspect-ratio:1.66/1;background:#efefef;position:relative;margin-bottom:10px;overflow:hidden}
#wrapwrap .ref-video-detail .ref-video-detail-related-cover img{width:100%;height:100%;object-fit:cover;margin:0;transition:transform .25s}
#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid>a:hover img{transform:scale(1.045)}
#wrapwrap .ref-video-detail .ref-video-detail-related-cover span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;background:#0009;border-radius:50%;color:#fff;padding-left:3px}
#wrapwrap .ref-video-detail .ref-video-detail-related-fallback{height:100%;display:grid;place-items:center;color:#b59175;background:#e2d7ca}
#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid strong{overflow-wrap:anywhere}
#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1100px){#wrapwrap .ref-video-detail .ref-video-detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}#wrapwrap .ref-video-detail .ref-video-detail-overview{grid-template-columns:minmax(0,1fr)}#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){#wrapwrap .ref-video-detail .ref-video-detail-layout{grid-template-columns:minmax(0,1fr);padding-top:30px;padding-bottom:40px}#wrapwrap .ref-video-detail .ref-video-detail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#wrapwrap .ref-video-detail .ref-video-detail-sidebar>#video-detail-inquiry{grid-column:1/-1}#wrapwrap .ref-video-detail .ref-video-detail-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#wrapwrap .ref-video-detail .ref-video-detail-banner{min-height:270px}#wrapwrap .ref-video-detail .ref-video-detail-overview{padding:10px}#wrapwrap .ref-video-detail .ref-video-detail-summary h1{font-size:23px}#wrapwrap .ref-video-detail .ref-video-detail-actions{flex-direction:column}#wrapwrap .ref-video-detail .ref-video-detail-sidebar{display:flex;flex-direction:column}#wrapwrap .ref-video-detail .ref-video-detail-contact-grid{grid-template-columns:minmax(0,1fr);gap:4px}#wrapwrap .ref-video-detail .ref-video-detail-relatedgrid{grid-template-columns:minmax(0,1fr)}#wrapwrap .ref-video-detail .ref-video-detail-message{padding-top:28px}}
@media(prefers-reduced-motion:reduce){#wrapwrap .ref-video-detail .ref-video-detail-related-cover img,#wrapwrap .ref-video-detail .ref-video-detail-actions a{transition:none}}
