/* Official campaign layout, scoped to the independent TISSOT promotion. */
.tissot-home{margin:0 0 100px;scroll-margin-top:86px;background:#fff;color:#111;font-family:Arial,"Helvetica Neue",sans-serif}
.tissot-home-brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;padding:22px clamp(24px,4vw,64px)}
.tissot-home-logo{display:block;width:220px;height:auto}
.tissot-home-authorised{display:block;width:116px;height:auto}
.tissot-home-campaign{position:relative;aspect-ratio:16/9;background:#050b13;color:#fff;overflow:hidden}
.tissot-home-picture,.tissot-home-picture img{display:block;width:100%;height:100%}
.tissot-home-picture img{aspect-ratio:2;object-fit:contain}
.tissot-home-copy{position:absolute;left:clamp(24px,4vw,64px);bottom:clamp(28px,4.5vw,72px);z-index:1;max-width:calc(100% - 48px);text-shadow:0 2px 15px rgb(0 0 0 / .55)}
.tissot-home-copy h2{margin:0 0 18px;color:#fff;font:400 clamp(28px,3.1vw,48px)/1.1 Arial,sans-serif;letter-spacing:-.025em}
.tissot-home-discover{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;color:#fff;font:400 12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.tissot-home-discover:hover{text-decoration-thickness:2px}
.tissot-home-play{position:absolute;right:clamp(24px,4vw,64px);bottom:clamp(28px,4.5vw,72px);display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 0;border:0;background:transparent;color:#fff;font:400 12px/1.4 Arial,sans-serif;letter-spacing:.04em;cursor:pointer;text-shadow:0 2px 12px #000}
.tissot-home-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#050b13}
.tissot-home-play{z-index:2}
.tissot-home-pause-icon,.tissot-home-campaign.is-playing .tissot-home-play-icon{display:none}
.tissot-home-campaign.is-playing .tissot-home-pause-icon{display:block}
.tissot-home-audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px}
.tissot-home-audience{position:relative;display:block;color:#fff;text-decoration:none;background:#111}
.tissot-home-audience img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.tissot-home-audience:after{content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.tissot-home-audience-copy{position:absolute;z-index:1;left:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,56px);display:grid;gap:18px}
.tissot-home-audience-copy strong{font:400 clamp(28px,3vw,42px)/1.1 Arial,sans-serif}
.tissot-home-audience-copy>span{font:400 12px/1.5 Arial,sans-serif;letter-spacing:.1em;text-decoration:underline;text-underline-offset:7px}
.tissot-home [hidden]{display:none!important}
.tissot-home a:focus-visible,.tissot-home button:focus-visible,.tissot-home video:focus-visible{outline:2px solid #c8102e;outline-offset:5px}
.tissot-home-error,.tissot-home-film-link{margin:0;display:block;padding:16px 24px;color:#111;font:400 13px/1.5 Arial,sans-serif}
@media(max-width:600px){
.tissot-home{margin-bottom:60px;scroll-margin-top:64px}
.tissot-home-brandbar{min-height:74px;padding:18px 20px;gap:24px}
.tissot-home-logo{width:min(43vw,185px)}
.tissot-home-authorised{width:94px}
.tissot-home-picture img{aspect-ratio:3/4}
.tissot-home-campaign{aspect-ratio:9/16}
.tissot-home-copy{top:24px;bottom:auto;left:24px;right:24px;max-width:none}
.tissot-home-copy h2{font-size:clamp(26px,7.6vw,34px);margin-bottom:9px}
.tissot-home-discover{font-size:11px}
.tissot-home-play{right:24px;bottom:18px}
.tissot-home-audiences{grid-template-columns:minmax(0,1fr)}
.tissot-home-audience-copy{left:24px;bottom:28px}
}