/* Approved covers retain their photos; playback controls are shared site-wide. */
.brand-split-video.approved-video-cover{position:relative;aspect-ratio:16/9;height:auto;align-self:center;border-radius:12px}
.brand-split-video.approved-video-cover picture{display:block;width:100%;height:100%}
.brand-split-video.approved-video-cover .media-slot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-video-cover] .video-cover-title,[data-video-cover] .video-cover-duration{display:none}
@media(max-width:650px){.brand-split-video.approved-video-cover{aspect-ratio:4/3}}

@media(max-width:650px){.brand-split-video.approved-video-cover[data-video-cover="BRAND-WHY"]{aspect-ratio:6048/4024}}

.video-placement[hidden]{display:none!important}
.video-placement{max-width:1000px;margin:56px auto;padding:0 24px;scroll-margin-top:110px}
.video-placement-copy{max-width:640px;margin:0 0 24px}
.video-placement-copy h2{margin:8px 0 16px;font-size:28px;line-height:1.35;letter-spacing:0}
.video-placement-copy>p:not(.kicker){line-height:1.8}
.video-placement-media{margin:0;width:100%;max-width:880px}
.video-placement-frame{position:relative;background:#111b18;overflow:hidden}
.video-placement-frame img{display:block;width:100%;height:auto}
.video-placement-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.video-placement--portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:64px;align-items:center}
.video-placement--portrait .video-placement-copy{margin:0}
.video-placement--portrait .video-placement-frame{aspect-ratio:9/16}
.video-placement--portrait .video-placement-frame img,.video-placement--portrait .video-placement-frame video{width:100%;height:100%;object-fit:contain}
.video-placement-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:#004740;color:#fff;font-size:24px;cursor:pointer}
.video-placement-play:hover{background:#002e29}
.video-placement-play:focus-visible{outline:3px solid var(--palette-focus);outline-offset:5px}
.video-placement-error{margin:0;padding:16px;color:#fff;font-size:14px}
@media(max-width:719px){
  .video-placement{margin:40px auto;padding:0 24px}
  .video-placement-copy h2{font-size:24px}
  .video-placement--portrait{grid-template-columns:minmax(0,1fr);gap:24px}
  .video-placement--portrait .video-placement-media{width:min(100%,280px);justify-self:center;grid-row:1}
  .video-placement--portrait .video-placement-copy{grid-row:2}
}

/* Review marks are emitted by the preview build only. Existing detail layouts stay unchanged. */
.video-frame-new{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#004740}
.video-frame-new>picture{display:block;width:100%;height:100%}
.video-frame-new>picture>img,.video-frame-new>video{display:block;width:100%;height:100%;object-fit:contain}
.video-frame-new--portrait{aspect-ratio:9/16}
.video-frame-new--portrait>picture>img{object-fit:cover}
.video-module{max-width:1000px;margin:64px auto;padding:0 24px;border:0;scroll-margin-top:110px}
.video-module>h2{margin:0 0 24px;font-size:28px;line-height:1.35;letter-spacing:0}
.video-module-description{max-width:720px;margin:20px 0 0;font-size:16px;line-height:1.8;color:#435b53}
.video-surface-title,.video-detail-review-title{position:absolute;z-index:1;bottom:0;left:0;right:0;margin:0!important;padding:48px 24px 24px;background:linear-gradient(0deg,rgba(0,71,64,.9),rgba(0,71,64,0));color:#fff!important;font-size:24px!important;line-height:1.4!important;letter-spacing:0!important;pointer-events:none}
.video-review-label{position:absolute;z-index:4;right:16px;top:16px;padding:5px 10px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:rgba(0,71,64,.85);color:#fff;font-size:12px;line-height:1.5;letter-spacing:0;pointer-events:none}
.video-review-play,.video-real-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:64px;height:64px;padding:0;border:0;border-radius:50%;background:transparent}
.video-review-play{opacity:.76;pointer-events:none;cursor:default}
.video-review-play>img,.video-real-play>img{position:static;width:100%;height:100%;object-fit:contain}
.video-real-play{cursor:pointer}
.video-real-play:hover{background:var(--palette-action)}
.video-real-play:focus-visible{outline:3px solid var(--palette-focus);outline-offset:5px}
.video-frame-new .video-placement-error{position:absolute;z-index:5;left:0;right:0;bottom:0;background:#004740}
.brand-page>.video-module--brand-camp{width:100%;max-width:none;padding:0;margin:64px 0}
.brand-page>#video-brand-camp+.brand-section-done{border-top:0;padding-top:0}
.brand-why-page>.video-module--brand-review{max-width:none;margin:64px 0;padding:0}
.home-video-hero{box-sizing:border-box;width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding:72px 40px;background:#005a50;color:#fff}
.home-video-hero-inner{display:grid;grid-template-columns:minmax(0,720fr) minmax(0,464fr);align-items:center;gap:56px;width:100%;max-width:1240px;margin:0 auto}
.home-video-hero-media{position:relative;min-width:0;isolation:isolate}
.home-video-hero-media::before{content:none}
.home-video-hero .video-frame-new{position:relative;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;box-shadow:0 12px 32px rgba(0,24,21,.2)}
.home-video-hero .video-frame-new>picture>img{object-fit:contain}
.home-video-hero-copy{min-width:0;color:#fff;text-align:left}
.home-video-hero-words{margin:0;color:inherit;font-size:44px;font-weight:800;line-height:1.35;letter-spacing:0;white-space:nowrap}
.home-video-hero-tagline{margin:24px 0 0;font-size:22px;line-height:1.6}
.home-video-hero-facts{margin:16px 0 0;font-size:14px;line-height:1.9;letter-spacing:0;color:rgba(255,255,255,.8);white-space:nowrap}
.home-video-hero .video-play-symbol{width:72px;height:72px}
main:has(> .home-video-hero){padding-top:0}
.home-video-hero .hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.home-video-hero .button{font-size:14px;min-height:44px;padding:10px 18px}
.home-video-hero .button-hero-primary{background:var(--palette-action);color:#073e35;border-color:var(--palette-decoration)}
.home-video-hero .button-hero-secondary{background:transparent;border:1px solid rgba(255,255,255,.8);color:#fff}
.products-line.products-feature.products-line-with-video,.products-line.products-feature.products-line-with-video.products-feature-reverse{grid-template-columns:minmax(0,1fr) 270px;gap:40px;min-height:0;padding:32px;border-radius:0}
.products-line.products-line-with-video .products-feature-copy{order:0;padding:0}
.products-line-with-video .products-feature-media{order:1;display:flex;align-items:center;justify-content:center;min-height:480px;background:transparent}
.products-line-with-video .video-frame-new{width:270px;height:480px;flex:none}
.products-line-with-video .video-surface-title{font-size:20px!important;padding:48px 18px 20px}
@media(max-width:1199px){.home-video-hero{padding:72px 32px}.home-video-hero-inner{grid-template-columns:minmax(0,1fr);max-width:720px;gap:32px}}
@media(max-width:719px){
  .video-module{margin:48px auto;padding:0 24px}
  .video-module>h2{font-size:24px}
  .video-review-play,.video-real-play{width:52px;height:52px}
  .video-review-label{right:12px;top:12px;font-size:11px;padding:4px 8px}
  .video-surface-title,.video-detail-review-title{font-size:20px!important;padding:36px 18px 18px}
  .home-video-hero{padding:48px 24px}
  .home-video-hero-media::before{top:-14px;left:-16px;width:120px;height:88px}
  .home-video-hero-words{font-size:36px}
  .home-video-hero-tagline{font-size:20px;margin-top:16px}
  .home-video-hero-facts{font-size:14px;margin-top:12px;white-space:normal}
  .home-video-hero-facts .home-hero-fact{display:block;white-space:nowrap}
  .home-video-hero-facts .home-hero-fact-separator{display:none}
  .home-video-hero .hero-actions{margin-top:24px}
  .products-line.products-feature.products-line-with-video,.products-line.products-feature.products-line-with-video.products-feature-reverse{display:flex;flex-direction:column;gap:28px;padding:28px 24px}
  .products-line-with-video .products-feature-copy{order:0}
  .products-line-with-video .products-feature-media{order:1;width:100%;aspect-ratio:auto;min-height:0}
  .products-line-with-video .video-frame-new{width:70vw;max-width:100%;height:auto;aspect-ratio:9/16}
}