/* Full-resolution animated GIF, preserving the existing hero layout. */
html body.complete-home .reference-main-hero[data-hero-gif]{height:clamp(760px,94svh,1020px);min-height:760px;max-height:none;padding:calc(var(--tme-header-h,64px) + 70px) 5% 70px;display:flex;align-items:center;isolation:isolate;background:#111c24;overflow:hidden;aspect-ratio:auto}
html body.complete-home [data-hero-gif] .tme-hero-gif-stage{position:absolute;inset:var(--tme-header-h,64px) 0 0;z-index:0;overflow:hidden}
html body.complete-home [data-hero-gif] .tme-gif-backdrop{position:absolute;inset:-25px;background:linear-gradient(90deg,#101c2afa,#192430a3 57%,#17212a55),url('video/hero-wedding-v622-poster.jpg') center 45%/cover no-repeat;filter:blur(18px);transform:scale(1.04);opacity:.8;pointer-events:none}
html body.complete-home [data-hero-gif] .tme-hero-gif{display:block;position:absolute;inset:0 2.5% 0 auto;width:52%;height:100%;max-width:none;object-fit:contain;object-position:center;opacity:1;visibility:visible;transform:none;border:0;background:transparent}
html body.complete-home [data-hero-gif] .reference-main-shade{display:block;position:absolute;inset:var(--tme-header-h,64px) 0 0;z-index:1;background:linear-gradient(90deg,#101b29b3 0,#101b2980 35%,transparent 62%);pointer-events:none}
html body.complete-home [data-hero-gif] .reference-main-copy{position:relative;z-index:2;width:53%;max-width:660px;margin:0;padding:0;order:initial}
html body.complete-home [data-hero-gif] .reference-main-copy h1{font-size:clamp(42px,4.7vw,70px);line-height:1.09;max-width:650px;margin:0 0 25px}
html body.complete-home [data-hero-gif] .reference-main-copy>p:not(.hero-guarantee){font-size:17px;line-height:1.65;max-width:490px}
html body.complete-home [data-hero-gif] .reference-main-actions{max-width:500px}
html body.complete-home [data-hero-gif] .reference-main-actions .button{min-width:0}
html body.complete-home [data-hero-gif] .tme-hero-motion{right:5%;bottom:22px}
@media(min-width:700px) and (max-width:1023px){
 html body.complete-home .reference-main-hero[data-hero-gif]{height:820px;min-height:820px;padding-inline:4%}
 html body.complete-home [data-hero-gif] .reference-main-copy{width:51%}
 html body.complete-home [data-hero-gif] .reference-main-copy h1{font-size:clamp(40px,5vw,51px)}
 html body.complete-home [data-hero-gif] .reference-main-copy>p:not(.hero-guarantee){font-size:16px}
 html body.complete-home [data-hero-gif] .reference-main-actions{gap:12px}
 html body.complete-home [data-hero-gif] .reference-main-actions .button{padding-inline:15px;font-size:12px!important}
 html body.complete-home [data-hero-gif] .tme-hero-gif{width:50%;right:0}
}
@media(max-width:699px){
 html body.complete-home .reference-main-hero[data-hero-gif]{height:auto;min-height:max(740px,calc(var(--tme-header-h,60px) + 177.734375vw));padding:calc(var(--tme-header-h,60px) + 44px) 6% 100px;display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:flex-start;background:#14212c}
 html body.complete-home [data-hero-gif] .reference-main-copy{order:0;width:100%;max-width:none;padding:0;margin:0;background:none;text-shadow:0 2px 18px #08111bcc}
 html body.complete-home [data-hero-gif] .reference-main-copy h1{font-size:clamp(35px,9vw,57px);line-height:1.08;margin-bottom:20px}
 html body.complete-home [data-hero-gif] .reference-main-copy>p:not(.hero-guarantee){font-size:16px;line-height:1.65;max-width:100%;margin-bottom:22px}
 html body.complete-home [data-hero-gif] .reference-main-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:none}
 html body.complete-home [data-hero-gif] .reference-main-actions .button{width:auto;min-height:46px;padding:12px 17px;font-size:12px!important;gap:10px}
 html body.complete-home [data-hero-gif] .reference-main-actions .reference-hero-report{flex-basis:100%;margin-top:0;font-size:13px}
 html body.complete-home [data-hero-gif] .tme-hero-gif-stage{position:absolute;order:initial;inset:var(--tme-header-h,60px) 0 0;width:100%;height:auto;aspect-ratio:auto;background:#101a24}
 html body.complete-home [data-hero-gif] .tme-hero-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 html body.complete-home [data-hero-gif] .tme-gif-backdrop{display:block}
 html body.complete-home [data-hero-gif] .reference-main-shade{display:block;inset:var(--tme-header-h,60px) 0 0;background:linear-gradient(180deg,#08131ba8 0%,#08131b80 28%,#08131b66 56%,#08131b1a 82%,#08131b40 100%)}
 html body.complete-home [data-hero-gif] .tme-hero-motion{right:16px;bottom:16px}
}


/* GIF playback is native to the image; the optional button swaps to a still. */
html body.complete-home [data-hero-gif] .tme-hero-motion{display:flex}
html body.complete-home [data-hero-gif] .tme-hero-motion[hidden]{display:none}
html body.complete-home [data-hero-gif] .tme-hero-motion[data-animation-toggle]:before{content:'Ⅱ'}
html body.complete-home [data-hero-gif][data-animation-paused] .tme-hero-motion[data-animation-toggle]:before{content:'▷'}
@media print{html body.complete-home [data-hero-gif] .tme-hero-motion{display:none!important}}

/* v6.26: edge-to-edge animated hero on iPad and desktop. */
@media(min-width:700px){
 html body.complete-home [data-hero-gif] .tme-hero-gif{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
 html body.complete-home [data-hero-gif] .tme-gif-backdrop{display:none}
 html body.complete-home [data-hero-gif] .reference-main-shade{background:linear-gradient(90deg,rgba(8,18,27,.73) 0%,rgba(8,18,27,.52) 36%,rgba(8,18,27,.18) 69%,rgba(8,18,27,.08) 100%),linear-gradient(0deg,rgba(8,18,27,.24),transparent 35%)}
 html body.complete-home [data-hero-gif] .reference-main-copy{width:min(660px,82%);max-width:660px;text-shadow:0 2px 22px rgba(4,12,20,.55)}
}