/* IN Eternity motion layer v5 (3 Nov 2026). Paired with ie-motion-v2.js. Respects reduced motion. */
:root{--iem-wine:#7A433E;--iem-rose:#A6685E;--iem-gold:#C9A96E;--iem-champ:#E3C99A;--iem-ease:cubic-bezier(.2,.75,.2,1)}

/* Scroll progress hairline */
.iem-progress{position:fixed;top:0;left:0;right:0;height:2px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--iem-wine),var(--iem-gold) 55%,var(--iem-rose));z-index:10001;pointer-events:none}

/* ---------- HEROES ---------- */
.iem .hero{isolation:isolate}
.iem-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.iem-aurora i{position:absolute;border-radius:50%;will-change:transform}
.iem-aurora i:nth-child(1){width:60vw;height:60vw;left:-18vw;top:-22vw;background:radial-gradient(circle,rgba(227,201,154,.42),rgba(227,201,154,0) 62%);animation:iemA 19s ease-in-out infinite alternate}
.iem-aurora i:nth-child(2){width:48vw;height:48vw;left:14vw;top:26vh;background:radial-gradient(circle,rgba(166,104,94,.24),rgba(166,104,94,0) 62%);animation:iemB 23s ease-in-out infinite alternate}
.iem-aurora i:nth-child(3){width:40vw;height:40vw;left:-8vw;bottom:-16vw;background:radial-gradient(circle,rgba(201,169,110,.26),rgba(201,169,110,0) 62%);animation:iemC 27s ease-in-out infinite alternate}
@keyframes iemA{to{transform:translate3d(12vw,10vh,0) scale(1.18)}}
@keyframes iemB{to{transform:translate3d(-10vw,-12vh,0) scale(.86)}}
@keyframes iemC{to{transform:translate3d(16vw,-6vh,0) scale(1.12)}}

.iem-dust{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 2s ease}
.iem-dust.on{opacity:1}
.iem-kb{animation:iemKB 26s ease-in-out infinite alternate;transform-origin:62% 38%}
@keyframes iemKB{from{scale:1}to{scale:1.09}}
.iem-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.iem-sweep::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:36%;background:linear-gradient(100deg,rgba(255,236,210,0),rgba(255,236,210,.26) 50%,rgba(255,236,210,0));transform:skewX(-18deg);animation:iemSweep 8s ease-in-out 1.8s infinite}
@keyframes iemSweep{0%{left:-60%}55%,100%{left:130%}}

/* Spinning seal */
.iem-ring{position:absolute;z-index:4;width:150px;height:150px;pointer-events:none;animation:iemRingIn 1.6s var(--iem-ease) .8s both}
.iem-ring svg{position:relative;z-index:1;display:block;width:100%;height:100%;animation:iemSpin 28s linear infinite;overflow:visible}
.iem-ring text{font:600 12.5px/1 Manrope,sans-serif;letter-spacing:.22em;fill:var(--iem-wine)}
.iem-ring::before{content:"";position:absolute;inset:3px;z-index:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,251,248,.97),rgba(246,237,233,.92));box-shadow:0 20px 44px -18px rgba(0,0,0,.5),inset 0 0 0 1px rgba(201,169,110,.65)}
.iem-ring::after{content:"";position:absolute;inset:31px;z-index:1;border-radius:50%;border:1px solid rgba(201,169,110,.55)}
.iem-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:'Noto Serif Display','NSD Fallback',serif;font-weight:300;font-size:34px;letter-spacing:.04em;z-index:2;background:linear-gradient(135deg,#8c5a3c,#c99c64 50%,#7A433E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.iem-ring-home{right:4%;top:118px}
.iem-ring-page{right:5%;top:128px}
.sv-hero .iem-ring text{fill:#f3dccf}
.sv-hero .iem-ring::before{background:radial-gradient(circle at 35% 30%,rgba(74,42,40,.9),rgba(28,17,18,.88));box-shadow:0 20px 44px -18px rgba(0,0,0,.65),inset 0 0 0 1px rgba(227,201,154,.55)}
.sv-hero .iem-ring b{background-image:linear-gradient(135deg,#e9d1a2,#fff3df 50%,#c99c64)}
@keyframes iemSpin{to{transform:rotate(360deg)}}
@keyframes iemRingIn{from{opacity:0;transform:scale(.7) rotate(-40deg)}to{opacity:1;transform:none}}

/* Gold shimmer on italic headline words (text always readable) */
.iem .hero-title em,.iem .section-title em.iem-live,.iem h2 em.iem-live,.iem .sv-hero .l2.iem-live{background-image:linear-gradient(100deg,currentColor 0%,currentColor 38%,var(--iem-shim,#E3C99A) 50%,currentColor 62%,currentColor 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.iem .hero-title em{animation:iemShine 7s ease-in-out 1.4s infinite}
.iem .section-title em.iem-live,.iem h2 em.iem-live{animation:iemShine 8s ease-in-out .4s infinite}
.iem .sv-hero .l2.iem-live{--iem-shim:#fff7ea;animation:iemShine 7s ease-in-out 1.2s infinite}
.iem .tx-hero-title-line2{background-image:linear-gradient(100deg,currentColor 0%,currentColor 38%,#C9A96E 50%,currentColor 62%,currentColor 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:iemShine 8s ease-in-out 1.6s infinite}
.iem .tx-hero-overlay{background:linear-gradient(90deg,rgba(246,237,233,.93) 0%,rgba(246,237,233,.82) 36%,rgba(246,237,233,.42) 66%,rgba(246,237,233,.22) 100%)!important}
@keyframes iemShine{0%{background-position:100% 0}35%,100%{background-position:0 0}}

/* Buttons: light sweep + magnetic pull */
.iem-shiny{position:relative;overflow:hidden}
.iem-shine{position:absolute;top:0;bottom:0;left:-70%;width:45%;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.42) 50%,rgba(255,255,255,0));transform:skewX(-20deg);animation:iemBtn 5.5s ease-in-out 2.2s infinite}
@keyframes iemBtn{0%{left:-70%}30%,100%{left:140%}}
.iem .btn-primary:hover,.iem .sv-btn:hover{box-shadow:0 14px 34px -14px rgba(122,67,62,.6)}

/* WhatsApp pill: soft breathing ring */
.iem #g3-pill{animation:iemPulse 3.4s ease-out 3s infinite}
@keyframes iemPulse{0%{box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 0 rgba(37,211,102,.45)}70%,100%{box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 18px rgba(37,211,102,0)}}

/* Cursor halo */
.iem-cursor{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(122,67,62,.5);border-radius:50%;pointer-events:none;z-index:10002;opacity:0;transition:opacity .4s,width .35s var(--iem-ease),height .35s var(--iem-ease),margin .35s var(--iem-ease),background-color .35s,border-color .35s}
.iem-cursor.on{opacity:1}
.iem-cursor.big{width:66px;height:66px;margin:-33px 0 0 -33px;background:rgba(201,169,110,.14);border-color:rgba(201,169,110,.75)}

/* Motion gate: continuous motion waits for the first interaction or 4 s after load (set by the script) */
.iem:not(.iem-go) .iem-aurora i,.iem:not(.iem-go) .iem-kb,.iem:not(.iem-go) .iem-sweep::before,.iem:not(.iem-go) .hero-title em,.iem:not(.iem-go) .tx-hero-title-line2,.iem:not(.iem-go) .sv-hero .l2,.iem:not(.iem-go) .iem-shine,.iem:not(.iem-go) #g3-pill,.iem:not(.iem-go) .iem-ring,.iem:not(.iem-go) .iem-ring svg,.iem:not(.iem-go) .iem-mq-track,.iem:not(.iem-go) .iem-beam i{animation-play-state:paused}

/* ---------- MARQUEE (treatment strip) ---------- */
.iem .intro-strip-inner.iem-mq{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.iem-mq-track{display:flex;align-items:center;height:100%;width:max-content;animation:iemMarq 48s linear infinite}
.iem-mq:hover .iem-mq-track{animation-play-state:paused}
.iem-mq-group{display:flex;align-items:center;gap:60px;padding-right:60px;flex:none}
@keyframes iemMarq{to{transform:translate3d(-50%,0,0)}}

/* ---------- SCROLL REVEALS ---------- */
.iem-r{opacity:0;transform:translate3d(0,30px,0);transition:opacity 1s var(--iem-ease),transform 1.1s var(--iem-ease);transition-delay:var(--d,0s)}
.iem-r.iem-in{opacity:1;transform:none}
.iem-wipe{clip-path:inset(12% 9% 12% 9%);opacity:.2;transition:clip-path 1.3s var(--iem-ease),opacity 1s ease;transition-delay:var(--d,0s)}
.iem-wipe img,.iem-wipe video{scale:1.14;transition:scale 1.7s var(--iem-ease)}
.iem-wipe.iem-in{clip-path:inset(0 0 0 0);opacity:1}
.iem-wipe.iem-in img,.iem-wipe.iem-in video{scale:1}
.iem .gallery-item{overflow:hidden}
.iem .gallery-item img{transition:scale 1.2s var(--iem-ease)}
.iem .gallery-item:hover img{scale:1.06}

/* FAQ answers ease open; table rows highlight */
.iem details[open]>*:not(summary){animation:iemOpen .55s var(--iem-ease)}
@keyframes iemOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.iem main table tbody tr{transition:background-color .3s}
.iem main table tbody tr:hover{background-color:rgba(201,169,110,.09)}

/* Cards: lift + cursor spotlight */
.iem-card{position:relative;transition:opacity 1s var(--iem-ease) var(--d,0s),transform .7s var(--iem-ease) var(--d,0s),box-shadow .55s,border-color .55s;background-image:radial-gradient(420px circle at var(--mx,-999px) var(--my,-999px),rgba(201,169,110,.2),rgba(201,169,110,0) 46%)!important}
.iem-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(122,67,62,.45);border-color:rgba(122,67,62,.38)!important}

/* ---------- HOW IT WORKS: animated timeline ---------- */
.iem-steps{position:relative;list-style:none!important;padding-left:66px!important;counter-reset:iems}
.iem-steps>li{position:relative;counter-increment:iems}
.iem-steps>li::before{content:counter(iems,decimal-leading-zero);position:absolute;left:-66px;top:-3px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(122,67,62,.32);display:grid;place-items:center;font:500 11px/1 Manrope,sans-serif;letter-spacing:.06em;color:var(--iem-wine);background:#F6EDE9;transition:background-color .6s,color .6s,box-shadow .6s,border-color .6s;z-index:1}
.iem-steps>li.iem-on::before{background:var(--iem-wine);color:#fff;border-color:var(--iem-wine);box-shadow:0 0 0 7px rgba(122,67,62,.1)}
.iem-steps::after{content:"";position:absolute;left:19px;top:18px;bottom:34px;width:1px;background:linear-gradient(var(--iem-gold),var(--iem-wine)) no-repeat 0 0/100% calc(var(--p,0)*100%),rgba(122,67,62,.16)}

/* ---------- DEVICES BAND (homepage) ---------- */
.iem-devices{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 50% 0%,#3a2326 0%,#140d0f 66%);color:#f3e6df;padding:84px 0 72px}
.iem-devices::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(227,201,154,.16) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 40%,#000,transparent);pointer-events:none}
.iem-devices::after{content:"";position:absolute;left:50%;top:-30%;width:70vw;height:70vw;transform:translateX(-50%);background:radial-gradient(circle,rgba(166,104,94,.22),rgba(166,104,94,0) 60%);pointer-events:none}
.iem-dev-head{position:relative;z-index:1;max-width:1120px;margin:0 auto 40px;padding:0 24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px}
.iem-kicker{display:block;font:500 10px/1 Manrope,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--iem-champ);margin-bottom:16px}
.iem-dev-title{font-family:'Noto Serif Display','NSD Fallback',serif;font-weight:300;font-size:clamp(30px,3.6vw,50px);line-height:1.1;margin:0;color:#f7ece6}
.iem-dev-title em{font-style:italic;color:var(--iem-champ)}
.iem-dev-ctas{display:flex;gap:12px;flex-wrap:wrap}
.iem-dev-cta{display:inline-block;font:500 11px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f7ece6;text-decoration:none;border:1px solid rgba(227,201,154,.45);padding:16px 22px;transition:background-color .4s,color .4s}
.iem-dev-cta:hover{background:var(--iem-champ);color:#24161a}
.iem-row{position:relative;z-index:1;white-space:nowrap;overflow:hidden;padding:4px 0}
.iem-row-track{display:inline-flex;will-change:transform;transform:translate3d(-4%,0,0)}
.iem-row-b .iem-row-track{transform:translate3d(-30%,0,0)}
.iem-row-group{display:inline-flex;align-items:center;gap:46px;padding-right:46px;flex:none}
.iem-row a,.iem-row span{font-family:'Noto Serif Display','NSD Fallback',serif;font-weight:300;font-size:clamp(36px,6.4vw,96px);line-height:1.12;letter-spacing:-.01em;text-decoration:none}
.iem-row-a a,.iem-row-a span{color:#f7ece6;transition:color .4s}
.iem-row-a a:hover{color:var(--iem-champ)}
.iem-row-b a,.iem-row-b span{color:transparent;-webkit-text-stroke:1px rgba(227,201,154,.62);transition:color .45s}
.iem-row-b a:hover{color:rgba(227,201,154,.9)}
.iem-row i{flex:none;width:12px;height:12px;transform:rotate(45deg);background:linear-gradient(135deg,var(--iem-champ),var(--iem-rose));box-shadow:0 0 16px rgba(227,201,154,.6)}
.iem-dev-note{position:relative;z-index:1;max-width:1120px;margin:34px auto 0;padding:0 24px;font:400 13px/1.75 Manrope,sans-serif;color:rgba(243,230,223,.62)}

/* ---------- DEKA section: laser light sweeps ---------- */
.iem #deka-centre-of-excellence{overflow:hidden}
.iem-beam{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(227,201,154,.22),transparent);pointer-events:none;z-index:1}
.iem-beam i{position:absolute;top:-1px;left:-240px;width:240px;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(227,201,154,0),#ffe6cc);box-shadow:0 0 18px 4px rgba(255,190,150,.55),0 0 60px 10px rgba(166,104,94,.35);animation:iemBeam 6.5s cubic-bezier(.6,0,.3,1) infinite}
.iem-beam.b2{top:auto;bottom:0}
.iem-beam.b2 i{animation-delay:3.2s}
@keyframes iemBeam{0%{left:-240px}60%,100%{left:100%}}

/* ---------- PHILOSOPHY quote: words light up ---------- */
.iem-w{opacity:.16;transition:opacity .45s ease}
.iem-w.on{opacity:1}

@media (max-width:900px){
  .iem-ring{width:104px;height:104px}
  .iem-ring::before{inset:2px}
  .iem-ring::after{inset:21px}
  .iem-ring text{font-size:13.5px}
  .iem-ring b{font-size:24px}
  .iem-ring-home{right:14px;top:auto;bottom:18px}
  .iem-ring-page{display:none}
  .iem-aurora i:nth-child(1){width:150vw;height:150vw;left:-60vw;top:-50vw}
  .iem-aurora i:nth-child(2){width:120vw;height:120vw;left:-10vw;top:30vh}
  .iem-aurora i:nth-child(3){width:110vw;height:110vw;left:-40vw;bottom:-40vw}
  .iem .tx-hero-overlay{background:linear-gradient(180deg,rgba(246,237,233,.9) 0%,rgba(246,237,233,.86) 100%)!important}
}
@media (max-width:760px){
  .iem-steps{padding-left:54px!important}
  .iem-steps>li::before{left:-54px;width:34px;height:34px}
  .iem-steps::after{left:16px}
  .iem-devices{padding:58px 0 50px}
  .iem-row-group{gap:26px;padding-right:26px}
  .iem-row i{width:8px;height:8px}
}
@media print{.iem-r,.iem-wipe{opacity:1!important;transform:none!important;clip-path:none!important}.iem-progress,.iem-cursor,.iem-dust,.iem-ring{display:none!important}}
@media (prefers-reduced-motion:reduce){
  .iem-aurora i,.iem-kb,.iem-sweep::before,.iem .hero-title em,.iem .tx-hero-title-line2,.iem-shine,.iem #g3-pill,.iem-mq-track,.iem-beam i,.iem-ring,.iem-ring svg{animation:none!important}
  .iem-r,.iem-wipe{opacity:1!important;transform:none!important;clip-path:none!important}
  .iem-w{opacity:1!important}
  .iem-dust,.iem-cursor{display:none!important}
}