.watch-page{background:#023429;color:#fcecdd;min-height:100svh}
.watch-page :focus-visible{outline:2px solid #c4a267;outline-offset:6px}
.watch-skip{position:fixed;top:12px;left:12px;z-index:10;background:#fcecdd;color:#023429;padding:14px 20px;transform:translateY(-160%)}
.watch-skip:focus{transform:none}
.watch-header{max-width:1320px;margin-inline:auto;padding:24px clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid rgba(252,236,221,.17)}
.watch-header .brand-mark{width:49px;height:49px;object-fit:contain}
.watch-header .brand-name{font-size:28px}
.watch-header .brand-descriptor{font-size:9px}
.watch-back{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:13px;line-height:1.5}
.watch-back span{color:#c4a267;font-size:23px}
.watch-back:hover{color:#c4a267}
.watch-main{max-width:1210px;margin:0 auto;padding:44px clamp(22px,5vw,70px) 64px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,90px)}
.watch-media{justify-self:center;width:min(100%,420px,41.625svh);padding:1px;background:rgba(196,162,103,.6);box-shadow:0 24px 70px rgba(0,15,11,.18)}
.watch-player{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#001e18}
.watch-story{padding-block:14px}
.watch-kicker{color:#c4a267;font-size:12px;line-height:1.6;letter-spacing:.13em;display:flex;gap:15px;margin-bottom:24px}
.watch-kicker span{opacity:.6}
.watch-story h1{font-family:var(--display);font-size:clamp(40px,4.2vw,62px);font-weight:400;line-height:1.08;letter-spacing:-.035em;max-width:600px;text-wrap:balance}
.watch-duration{margin-top:20px;font-size:13px;line-height:1.7;color:#d5cbb9;display:flex;align-items:center;gap:10px}
.watch-duration span{color:#c4a267}
.watch-description{font-size:16px;line-height:1.85;max-width:490px;margin-top:28px;color:#e5ddcf}
.watch-contact{border-top:1px solid rgba(196,162,103,.32);margin-top:36px;padding-top:23px}
.watch-contact>p{font-size:16px;line-height:1.7;color:#fcecdd}
.watch-contact>div{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:12px}
.watch-contact a{min-height:44px;display:inline-flex;align-items:center;gap:20px;font-size:15px;border-bottom:1px solid rgba(196,162,103,.65)}
.watch-contact a span{color:#c4a267}
.watch-contact a:hover{color:#c4a267}
@media(max-width:760px){
 .watch-header{padding-block:19px;gap:18px}
 .watch-header .brand{gap:9px}
 .watch-header .brand-mark{width:40px;height:40px}
 .watch-header .brand-name{font-size:23px}
 .watch-header .brand-descriptor{font-size:7px}
 .watch-back{font-size:13px;gap:8px;max-width:135px}
 .watch-main{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px;padding-bottom:48px}
 .watch-media{width:min(100%,410px,40.5svh)}
 .watch-story{padding:0;max-width:520px;justify-self:center;width:100%}
 .watch-kicker{font-size:11px;margin-bottom:17px}
 .watch-story h1{font-size:clamp(37px,10.5vw,53px)}
 .watch-duration{margin-top:16px}
 .watch-description{margin-top:22px;font-size:16px}
 .watch-contact{margin-top:28px;padding-top:21px}
}