/* TheMediaEvent 6.20 — homepage atmosphere.
   Only decorative planes move. Content, image proportions and navigation stay in flow. */
.complete-home .tme-motion-scene{position:relative;isolation:isolate}
.complete-home .tme-motion-scene>.wrap,
.complete-home .tme-motion-scene>.cinema-copy{position:relative;z-index:2}
.complete-home .tme-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;border-radius:inherit;contain:paint}
.complete-home .tme-atmosphere-plane{position:absolute;inset:-90px -7%;transform:translate3d(0,var(--tme-drift,0px),0)}
.complete-home .tme-atmosphere-wash,
.complete-home .tme-atmosphere-veil{position:absolute;inset:-5%;transform-origin:70% 35%;animation:tme-light-drift 19s ease-in-out infinite alternate;animation-play-state:paused}
.complete-home .tme-atmosphere-wash{background:radial-gradient(ellipse at 85% 23%,#c79a5452 0,transparent 46%),radial-gradient(ellipse at 4% 80%,#cdb4853b 0,transparent 45%)}
.complete-home .tme-atmosphere-veil{background:linear-gradient(116deg,transparent 25%,#fff7db38 40%,transparent 55%,#bba1791a 72%,transparent 83%);animation-name:tme-light-fold;animation-duration:25s;animation-delay:-8s}
.complete-home .tme-atmosphere-bokeh{position:absolute;inset:0;opacity:.64;animation:tme-bokeh-drift 22s ease-in-out infinite alternate;animation-play-state:paused}
.complete-home .tme-atmosphere-bokeh i{position:absolute;display:block;width:var(--b-size);height:var(--b-size);left:var(--b-x);top:var(--b-y);border-radius:50%;background:radial-gradient(circle,#ffedd1b3 0,#edc38735 28%,#e3b1680d 57%,transparent 72%);opacity:var(--b-opacity)}
.complete-home .tme-atmosphere-ring{position:absolute;width:72vw;height:72vw;min-width:540px;min-height:540px;max-width:1100px;max-height:1100px;right:-33%;top:3%;border:1px solid #b6905024;border-radius:50%;transform:translate3d(0,var(--tme-counter,0px),0) rotate(-24deg) scaleY(.66)}
.complete-home .tme-atmosphere-ring:after{content:'';position:absolute;inset:28px;border:1px solid #b6905014;border-radius:50%}
.complete-home .tme-motion-visible .tme-atmosphere-plane{will-change:transform}
:root[data-motion=running] .complete-home .tme-motion-visible .tme-atmosphere-wash,
:root[data-motion=running] .complete-home .tme-motion-visible .tme-atmosphere-veil,
:root[data-motion=running] .complete-home .tme-motion-visible .tme-atmosphere-bokeh{animation-play-state:running}

/* Warm candlelight drifts across the existing full, uncropped hero photograph. */
.complete-home .reference-main-hero .tme-atmosphere{z-index:1;top:var(--tme-header-h,64px)}
.complete-home .reference-main-hero .tme-atmosphere-wash{background:radial-gradient(ellipse at 92% 85%,#efb2554d,transparent 45%),radial-gradient(ellipse at 78% 10%,#f8c9a838,transparent 44%)}
.complete-home .reference-main-hero .tme-atmosphere-veil{background:linear-gradient(115deg,transparent 44%,#ffe7b224 64%,transparent 80%);animation-duration:21s}
.complete-home .reference-main-hero .tme-atmosphere-bokeh{mask-image:linear-gradient(90deg,transparent 30%,#000 64%);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 64%)}
.complete-home .reference-main-hero .tme-atmosphere-ring{display:none}

/* A quiet golden glow behind ivory editorial layouts. */
.complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-bokeh{display:none}
.complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-wash{opacity:.67}
.complete-home #collection .tme-atmosphere{max-height:1050px;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.complete-home .reference-original-copy .tme-atmosphere{border-radius:40px}
.complete-home .reference-original-copy .tme-atmosphere-ring{right:-25%;top:-70%;opacity:.6}
.complete-home #privacy .tme-atmosphere-wash{background:radial-gradient(ellipse at 4% 20%,#bbaa793b,transparent 52%),radial-gradient(ellipse at 88% 82%,#cfb58a33,transparent 50%)}

/* Night scenes keep a deep ink base and a champagne light temperature. */
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-wash{background:radial-gradient(ellipse at 88% 35%,#b68b3f30,transparent 52%),radial-gradient(ellipse at 8% 75%,#55766d30,transparent 52%)}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-veil{background:linear-gradient(122deg,transparent 32%,#e8c3850f 49%,transparent 64%)}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-ring{border-color:#e5c58e21}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-ring:after{border-color:#e5c58e12}
.complete-home #studio .tme-atmosphere{max-height:1000px;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.complete-home .interlude>.interlude-photo,
.complete-home .interlude>.interlude-content{position:relative;z-index:2}
.complete-home .interlude .tme-atmosphere-wash{background:radial-gradient(ellipse at 20% 45%,#c49b4640,transparent 58%),radial-gradient(ellipse at 92% 80%,#65735b30,transparent 42%)}

/* Real scroll parallax on decorative photo backgrounds, never foreground portraits. */
html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{top:-64px;height:624px;transform:translate3d(0,var(--tme-photo-y,0px),0);will-change:auto}
html body.complete-home #media-network.tme-motion-visible>.reference-network-photo{will-change:transform}
html body.complete-home #enquire.tme-motion-scene{background-image:none}
.complete-home #enquire .tme-atmosphere{z-index:-2}
.complete-home .tme-atmosphere-photo{position:absolute;inset:-80px 0;transform:translate3d(0,var(--tme-photo-y,0px),0);background:url('photos/hero.webp') center/cover no-repeat}
.complete-home #enquire .tme-atmosphere-plane{z-index:1}
.complete-home #enquire .tme-atmosphere-ring{display:none}

/* Visible early in the experience; uses the site's existing pause/resume handler. */
.complete-home .tme-hero-motion{position:absolute;right:max(24px,5%);bottom:23px;z-index:3;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 15px;border:1px solid #f8e4c547;border-radius:999px;background:#152027a6;color:#fff4e2;font:500 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.015em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
.complete-home .tme-hero-motion:hover{background:#152027d9;border-color:#f8e4c582}
.complete-home .tme-hero-motion:focus-visible{outline:2px solid #ffe3ac;outline-offset:4px}
.complete-home .tme-hero-motion:before{content:'Ⅱ';font-size:12px;line-height:1}
:root[data-motion=paused] .complete-home .tme-hero-motion:before{content:'▷'}
.complete-home .tme-hero-motion:disabled{cursor:default;opacity:.8}
html:not([data-motion]) .complete-home .tme-hero-motion{display:none}

@keyframes tme-light-drift{from{transform:translate3d(-2%,1%,0) rotate(-3deg) scale(1.02)}to{transform:translate3d(3%,-2%,0) rotate(4deg) scale(1.09)}}
@keyframes tme-light-fold{from{transform:translate3d(-4%,2%,0) rotate(-6deg);opacity:.45}to{transform:translate3d(5%,-2%,0) rotate(5deg);opacity:1}}
@keyframes tme-bokeh-drift{from{transform:translate3d(-8px,20px,0);opacity:.38}to{transform:translate3d(15px,-23px,0);opacity:.75}}

@media(max-width:1023px){
 .complete-home .reference-main-hero .tme-atmosphere-wash{background:radial-gradient(ellipse at 93% 25%,#d8aa603b,transparent 54%),radial-gradient(ellipse at 15% 70%,#dbb78b24,transparent 45%)}
 .complete-home .reference-main-hero .tme-atmosphere-bokeh{mask-image:linear-gradient(90deg,transparent 10%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 75%)}
 .complete-home .tme-atmosphere-ring{opacity:.65}
 .complete-home .tme-hero-motion{right:20px;bottom:17px;min-height:44px;font-size:10px;padding:8px 13px}
}
@media(max-width:699px){
 html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{height:418px;top:-48px}
 .complete-home .tme-atmosphere-plane{inset:-60px -9%}
 .complete-home .tme-atmosphere-bokeh i:nth-child(n+7){display:none}
 .complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-wash{opacity:.5}
 .complete-home .tme-atmosphere-ring{right:-100%;opacity:.5}
 .complete-home .tme-hero-motion{right:14px;bottom:12px}
}

/* Pause when offscreen, backgrounded, in a dialog, or typing into the enquiry. */
.complete-home .tme-atmosphere-suspended .tme-atmosphere-wash,
.complete-home .tme-atmosphere-suspended .tme-atmosphere-veil,
.complete-home .tme-atmosphere-suspended .tme-atmosphere-bokeh,
:root.page-dormant .complete-home .tme-atmosphere-wash,
:root.page-dormant .complete-home .tme-atmosphere-veil,
:root.page-dormant .complete-home .tme-atmosphere-bokeh{animation-play-state:paused!important}
:root[data-motion=paused] .complete-home .tme-atmosphere-plane,
:root[data-motion=paused] .complete-home .tme-atmosphere-photo,
:root[data-motion=paused] .complete-home #media-network.tme-motion-scene>.reference-network-photo{transform:none!important}
@media(prefers-reduced-motion:reduce){
 .complete-home .tme-atmosphere *{animation:none!important}
 .complete-home .tme-atmosphere-plane,
 .complete-home .tme-atmosphere-photo,
 html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{transform:none!important}
 .complete-home .tme-atmosphere-bokeh{display:none}
}
@media print{.complete-home .tme-atmosphere,.complete-home .tme-hero-motion{display:none!important}}

/* v6.21: visible motion at normal viewing speed, including while the page is still. */
.complete-home .tme-hero-film{position:absolute;z-index:0;pointer-events:none;background:#111b20;opacity:0;animation:tme-hero-scene 18s ease-in-out infinite;animation-play-state:paused;overflow:hidden}
.complete-home .tme-hero-film .tme-film-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;animation:tme-film-camera 18s ease-in-out infinite;animation-play-state:paused;transform-origin:center center}
:root[data-motion=running] .complete-home .tme-motion-visible .tme-hero-film,
:root[data-motion=running] .complete-home .tme-motion-visible .tme-film-image{animation-play-state:running}
.complete-home .tme-atmosphere-suspended .tme-hero-film,
.complete-home .tme-atmosphere-suspended .tme-film-image,
:root.page-dormant .complete-home .tme-hero-film,
:root.page-dormant .complete-home .tme-film-image{animation-play-state:paused!important}
:root[data-motion=paused] .complete-home .tme-hero-film{display:none}
@keyframes tme-hero-scene{0%,10%{opacity:0}28%,62%{opacity:1}83%,100%{opacity:0}}
@keyframes tme-film-camera{0%,10%{transform:scale(.94) translate3d(-1%,0,0)}65%,100%{transform:scale(1) translate3d(0,0,0)}}
.complete-home .tme-atmosphere-plane{inset:-220px -14%}
.complete-home .tme-atmosphere-wash{animation-duration:6s;animation-name:tme-visible-light}
.complete-home .tme-atmosphere-veil{animation-duration:7s;animation-name:tme-visible-sweep;animation-delay:-2s}
.complete-home .tme-atmosphere-bokeh{animation:none;opacity:1}
.complete-home .tme-atmosphere-bokeh i{animation:tme-floating-light var(--b-duration,8s) linear var(--b-delay,0s) infinite;animation-play-state:paused;background:radial-gradient(circle,#fff1cce6 0,#f5d49b99 18%,#e7b16538 42%,transparent 70%);opacity:1}
.complete-home .tme-atmosphere-bokeh i:after{content:'';position:absolute;left:45%;top:45%;width:5px;height:5px;border-radius:50%;background:#ffe8b5;box-shadow:0 0 12px 3px #f3c78180}
.complete-home .tme-atmosphere-ring{border-width:2px;border-color:#b6905045;animation:tme-orbit-sway 8s ease-in-out infinite alternate;animation-play-state:paused}
.complete-home .tme-atmosphere-ring:after{border-color:#b6905033;inset:34px}
.complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-wash{opacity:1;background:radial-gradient(ellipse at 80% 35%,#c79a5480 0,transparent 43%),radial-gradient(ellipse at 15% 75%,#cdb48560 0,transparent 42%)}
.complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-veil{background:linear-gradient(112deg,transparent 20%,#fffdf8bf 38%,#e2c89b55 43%,transparent 57%)}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-wash{background:radial-gradient(ellipse at 83% 35%,#b68b3f65,transparent 48%),radial-gradient(ellipse at 12% 75%,#55766d55,transparent 48%)}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-veil{background:linear-gradient(118deg,transparent 35%,#edcf9433 48%,transparent 60%)}
.complete-home .tme-atmosphere[data-tone=night] .tme-atmosphere-ring{border-color:#e5c58e47}
.complete-home .reference-main-hero .tme-atmosphere-wash{background:radial-gradient(ellipse at 80% 72%,#efb2555c,transparent 42%),radial-gradient(ellipse at 60% 10%,#f8c9a852,transparent 40%)}
.complete-home .reference-main-hero .tme-atmosphere-veil{background:linear-gradient(108deg,transparent 30%,#fff0c545 44%,#f2bf753b 48%,transparent 60%);animation-duration:6s}
.complete-home .reference-main-hero .tme-atmosphere-bokeh{mask-image:linear-gradient(90deg,transparent 35%,#000 57%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 57%)}
html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{top:-200px;height:800px;animation:tme-world-camera 8s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center 40%}
.complete-home .tme-atmosphere-photo{inset:-210px 0}
:root[data-motion=running] .complete-home .tme-motion-visible .tme-atmosphere-bokeh i,
:root[data-motion=running] .complete-home .tme-motion-visible .tme-atmosphere-ring,
:root[data-motion=running] body.complete-home #media-network.tme-motion-visible>.reference-network-photo{animation-play-state:running}
.complete-home .tme-atmosphere-suspended .tme-atmosphere-bokeh i,
.complete-home .tme-atmosphere-suspended .tme-atmosphere-ring,
html body.complete-home #media-network.tme-atmosphere-suspended>.reference-network-photo,
:root.page-dormant .complete-home .tme-atmosphere-bokeh i,
:root.page-dormant .complete-home .tme-atmosphere-ring,
:root.page-dormant body.complete-home #media-network>.reference-network-photo{animation-play-state:paused!important}
@keyframes tme-visible-light{from{transform:translate3d(-14%,8%,0) rotate(-8deg) scale(.95)}to{transform:translate3d(15%,-10%,0) rotate(9deg) scale(1.12)}}
@keyframes tme-visible-sweep{from{transform:translate3d(-28%,0,0) rotate(-8deg);opacity:.4}to{transform:translate3d(23%,0,0) rotate(8deg);opacity:1}}
@keyframes tme-floating-light{0%{transform:translate3d(-38px,145px,0) scale(.7);opacity:0}12%{opacity:.8}80%{opacity:.8}100%{transform:translate3d(65px,-180px,0) scale(1.1);opacity:0}}
@keyframes tme-orbit-sway{from{transform:translate3d(-55px,calc(var(--tme-counter,0px) + 45px),0) rotate(-34deg) scaleY(.58)}to{transform:translate3d(65px,calc(var(--tme-counter,0px) - 55px),0) rotate(-12deg) scaleY(.78)}}
@keyframes tme-world-camera{from{transform:translate3d(-16px,calc(var(--tme-photo-y,0px) - 34px),0) scale(1.04)}to{transform:translate3d(20px,calc(var(--tme-photo-y,0px) + 34px),0) scale(1.12)}}
@media(max-width:699px){
 .complete-home .tme-atmosphere-plane{inset:-190px -20%}
 html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{height:650px;top:-170px}
 .complete-home .tme-atmosphere[data-tone=paper] .tme-atmosphere-wash{opacity:.8}
 .complete-home .tme-atmosphere-bokeh i:nth-child(n+7){display:block}
 .complete-home .reference-main-hero .tme-atmosphere-bokeh{mask-image:linear-gradient(90deg,transparent 15%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 75%)}
}
@media(prefers-reduced-motion:reduce){html body.complete-home #media-network.tme-motion-scene>.reference-network-photo{animation:none!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.complete-home .tme-hero-film{display:none!important}}
@media print{.complete-home .tme-hero-film{display:none!important}}