.method-arch,.treatments-tl{position:relative;padding:9rem 5vw 8rem;background:var(--paper);color:var(--ink);overflow:hidden}
.treatments-tl{background:var(--mist)}
.ma-head{max-width:46rem;margin:0 auto 5rem;text-align:center;display:grid;justify-items:center;gap:1.4rem}
.ma-kicker{margin:0;padding:.5rem 1rem;border:1px solid rgba(123,87,24,.35);border-radius:999px;color:var(--gold-deep);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ma-head h2{margin:0;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:600;line-height:.95;letter-spacing:-.06em;text-wrap:balance}
.ma-head h2 em{font-style:normal;color:var(--gold-deep)}
.ma-lead{margin:0;max-width:34rem;color:var(--muted);font-size:1.05rem;line-height:1.6;text-wrap:pretty}
.ma-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,30vw) minmax(0,1fr);align-items:center;gap:0;max-width:1320px;margin:0 auto}
.ma-arch{margin:0;aspect-ratio:3/4.1;border-radius:999px 999px 28px 28px;overflow:hidden;border:1px solid rgba(123,87,24,.28);box-shadow:0 40px 90px rgba(80,58,20,.14),0 0 0 10px rgba(255,253,248,.9),0 0 0 11px rgba(199,164,86,.35)}
.ma-arch img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}
.ma-points{list-style:none;margin:0;padding:0;display:grid;gap:3.4rem}
.ma-points li{display:grid;align-items:center;gap:1rem}
.ma-points-left li{grid-template-columns:auto minmax(0,1fr) minmax(2rem,4rem);text-align:left}
.ma-points-right li{grid-template-columns:minmax(2rem,4rem) auto minmax(0,1fr)}
.ma-points-left li:nth-child(2),.ma-points-right li:nth-child(2){transform:translateX(0)}
.ma-points-left li:nth-child(odd){padding-left:3vw}
.ma-points-right li:nth-child(odd){padding-right:3vw}
.ma-points b{display:inline-grid;place-items:center;min-width:3.4rem;height:3.4rem;padding:0 .9rem;border:1px solid rgba(123,87,24,.4);border-radius:999px;background:#fff;color:var(--gold-deep);font-size:1rem;font-weight:600;letter-spacing:-.02em}
.ma-points strong{display:block;font-size:1.05rem;font-weight:600}
.ma-points small{display:block;margin-top:.25rem;color:var(--muted);font-size:.8rem;line-height:1.45}
.ma-points i{height:1px;background:linear-gradient(90deg,transparent,rgba(123,87,24,.45))}
.ma-points-right i{background:linear-gradient(90deg,rgba(123,87,24,.45),transparent)}
.tl{list-style:none;margin:0 auto;padding:0;max-width:1180px;position:relative;display:grid;gap:2.5rem}
.tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),rgba(199,164,86,.15));transform:translateX(-50%)}
.tl-item{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:5rem}
.tl-dot{position:absolute;left:50%;top:2.4rem;width:13px;height:13px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px var(--mist),0 0 0 7px rgba(199,164,86,.5);transform:translateX(-50%)}
.tl-right .tl-card{grid-column:2}
.tl-left .tl-card{grid-column:1}
.tl-card{padding:2.4rem 2.4rem 2.2rem;border:1px solid rgba(123,87,24,.18);border-radius:28px;background:linear-gradient(160deg,#fff 40%,#faf3e3);box-shadow:0 24px 60px rgba(80,58,20,.08);display:grid;gap:1.6rem;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.tl-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px rgba(80,58,20,.13)}
.tl-card h3{margin:0;padding-bottom:1.4rem;border-bottom:1px solid var(--line);font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:600;letter-spacing:-.04em;display:flex;gap:.7rem;align-items:baseline}
.tl-card h3 span{color:var(--gold-deep);font-size:.6em;font-weight:500;letter-spacing:0}
.tl-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.tl-tags li{padding:.5rem .95rem;border:1px solid rgba(123,87,24,.28);border-radius:999px;font-size:.8rem;color:var(--ink);background:rgba(255,253,248,.8)}
.tl-cta{justify-self:start;display:inline-flex;align-items:center;gap:.8rem;padding:.55rem .6rem .55rem 1.2rem;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-size:.85rem;cursor:pointer}
.tl-cta i{width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-style:normal;transition:transform .35s}
.tl-cta:hover i{transform:rotate(45deg)}
@media (max-width:900px){
.ma-stage{grid-template-columns:1fr;gap:3rem;justify-items:center}
.ma-arch{width:min(78vw,380px);order:-1}
.ma-points{gap:1.6rem;width:100%;max-width:440px}
.ma-points li,.ma-points-left li,.ma-points-right li{grid-template-columns:auto minmax(0,1fr);padding:0!important}
.ma-points i{display:none}
.tl::before{left:7px}
.tl-dot{left:7px}
.tl-item{grid-template-columns:1fr;padding-left:2.4rem}
.tl-right .tl-card,.tl-left .tl-card{grid-column:1}
.tl-card{padding:1.8rem}
}
.ma-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ma-bg-video{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(6px) saturate(1.15) contrast(1.05);opacity:1;animation:maSpin 60s linear infinite}
.ma-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 22%,rgba(255,253,248,.7),transparent 70%),linear-gradient(var(--paper),transparent 10%,transparent 90%,var(--paper))}
.method-arch>.ma-head,.method-arch>.ma-stage{position:relative;z-index:1}
@keyframes maSpin{to{transform:rotate(360deg) scale(1.25)}}
@media (prefers-reduced-motion:reduce){.ma-bg-video{animation:none}}
/* Treatments premium motion */
.treatments-tl{--tl-p:0}
.tl::before{background:rgba(199,164,86,.18)}
.tl-progress{position:absolute;left:50%;top:0;width:2px;height:calc(var(--tl-p)*100%);transform:translateX(-50%);background:linear-gradient(rgba(199,164,86,0),var(--gold) 30%,var(--gold-deep));box-shadow:0 0 18px rgba(199,164,86,.55);border-radius:2px;z-index:1}
.tl-progress::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--gold);transform:translateX(-50%);box-shadow:0 0 0 6px rgba(199,164,86,.18),0 0 24px rgba(199,164,86,.8)}
.tl-dot{z-index:2;transition:transform .6s cubic-bezier(.22,1,.36,1),background .6s,box-shadow .6s;background:#e9dcc0;transform:translateX(-50%) scale(.7)}
.tl-item.is-on .tl-dot{background:var(--gold);transform:translateX(-50%) scale(1);box-shadow:0 0 0 6px var(--mist),0 0 0 7px rgba(199,164,86,.6),0 0 30px 6px rgba(199,164,86,.45)}
.tl-ghost{position:absolute;top:50%;font-size:clamp(7rem,16vw,15rem);font-weight:600;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(123,87,24,.28);background:linear-gradient(100deg,rgba(199,164,86,0) 30%,rgba(199,164,86,.55) 50%,rgba(199,164,86,0) 70%) no-repeat;background-size:250% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none;opacity:0;transition:opacity 1.2s,transform 1.4s cubic-bezier(.22,1,.36,1)}
.tl-right .tl-ghost{left:calc(25% - .1em);transform:translate(-50%,-40%) translateX(-40px)}
.tl-left .tl-ghost{left:75%;transform:translate(-50%,-40%) translateX(40px)}
.tl-item.is-in .tl-ghost{opacity:1;transform:translate(-50%,-50%);animation:tlShine 6s 1s ease-in-out infinite}
@keyframes tlShine{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}
.tl-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform,opacity,filter;--rx:0deg;--ry:0deg;--mx:50%;--my:50%}
.motion-v2 .tl-card{opacity:0;filter:blur(10px);transition:opacity 1s cubic-bezier(.22,1,.36,1),filter 1s,transform 1.1s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.motion-v2 .tl-right .tl-card{transform:perspective(1200px) translateX(70px) rotateY(-10deg) scale(.96)}
.motion-v2 .tl-left .tl-card{transform:perspective(1200px) translateX(-70px) rotateY(10deg) scale(.96)}
.motion-v2 .tl-item.is-in .tl-card{opacity:1;filter:none;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry))}
.motion-v2 .tl-item.is-in .tl-card.is-hover{transition:opacity 1s,filter 1s,transform .25s ease-out,box-shadow .5s;box-shadow:0 40px 80px rgba(80,58,20,.16)}
.tl-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(234,217,168,.55),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.tl-card.is-hover::before{opacity:1}
.tl-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.9) 48%,rgba(234,217,168,.5) 52%,transparent 65%);transform:translateX(-120%)}
.tl-item.is-in .tl-sheen{animation:tlSheen 1.6s .55s cubic-bezier(.22,1,.36,1) forwards}
@keyframes tlSheen{to{transform:translateX(120%)}}
.tl-card h3{position:relative}
.tl-card h3::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s .5s cubic-bezier(.22,1,.36,1)}
.tl-item.is-in .tl-card h3::after{transform:scaleX(1)}
.motion-v2 .tl-tags li,.motion-v2 .tl-cta{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.tl-item.is-in .tl-tags li,.tl-item.is-in .tl-cta{opacity:1;transform:none}
.tl-item.is-in .tl-tags li:nth-child(1){transition-delay:.55s}.tl-item.is-in .tl-tags li:nth-child(2){transition-delay:.65s}.tl-item.is-in .tl-tags li:nth-child(3){transition-delay:.75s}.tl-item.is-in .tl-cta{transition-delay:.9s}
.tl-tags li:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.tl-cta{position:relative;overflow:hidden}
.tl-cta::before{content:"";position:absolute;inset:0;background:var(--gold-deep);transform:translateY(101%);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.tl-cta:hover::before{transform:none}
.tl-cta span,.tl-cta i{position:relative}
.motion-v2 .treatments-tl .ma-head>*{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity .9s,transform 1s cubic-bezier(.22,1,.36,1),filter .9s}
.motion-v2 .treatments-tl .ma-head.is-in>*{opacity:1;transform:none;filter:none}
.motion-v2 .treatments-tl .ma-head.is-in>*:nth-child(2){transition-delay:.12s}.motion-v2 .treatments-tl .ma-head.is-in>*:nth-child(3){transition-delay:.24s}
.treatments-tl .ma-head h2 em{background:linear-gradient(100deg,var(--gold-deep) 40%,var(--gold-light) 50%,var(--gold-deep) 60%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tlShine 7s ease-in-out infinite}
@media (max-width:900px){.tl-progress{left:7px}.tl-ghost{display:none}.motion-v2 .tl-right .tl-card,.motion-v2 .tl-left .tl-card{transform:translateY(40px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.motion-v2 .tl-card,.motion-v2 .tl-tags li,.motion-v2 .tl-cta,.motion-v2 .treatments-tl .ma-head>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.tl-sheen,.tl-ghost,.treatments-tl .ma-head h2 em{animation:none!important}}
/* Method indicators premium */
.ma-points li{position:relative;padding:1rem 1.2rem!important;border-radius:22px;background:rgba(255,253,248,.62);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px rgba(80,58,20,.1);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,background .5s}
.ma-points-left li{grid-template-columns:auto minmax(0,1fr)!important;margin-right:2.2rem}
.ma-points-right li{grid-template-columns:auto minmax(0,1fr)!important;margin-left:2.2rem}
.ma-points-left li:nth-child(2){margin-right:4.2rem;margin-left:-1.5rem}
.ma-points-right li:nth-child(2){margin-left:4.2rem;margin-right:-1.5rem}
.ma-points li:hover{transform:translateY(-4px);background:rgba(255,253,248,.85);box-shadow:0 26px 60px rgba(80,58,20,.16)}
.ma-points small{color:#5b554b}
.ma-points b{position:relative;isolation:isolate;border:0;background:#fff;box-shadow:0 6px 18px rgba(123,87,24,.16)}
.ma-points b::before{content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--a,0deg),var(--gold) 0 25%,rgba(199,164,86,.15) 25% 100%);animation:maRing 4s linear infinite}
.ma-points b::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;z-index:-1}
.ma-points li:nth-child(2) b::before{animation-delay:-1.3s}.ma-points li:nth-child(3) b::before{animation-delay:-2.6s}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes maRing{to{--a:360deg}}
.ma-points i{position:absolute;top:50%;width:2.2rem;height:1px;background:rgba(123,87,24,.3)!important;display:block}
.ma-points-left i{left:100%}
.ma-points-right i{right:100%}
.ma-points-left li:nth-child(2) i{width:4.2rem}.ma-points-right li:nth-child(2) i{width:4.2rem}
.ma-points i::after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px rgba(199,164,86,.8);animation:maPulseL 2.6s ease-in-out infinite}
.ma-points-right i::after{animation-name:maPulseR}
@keyframes maPulseL{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes maPulseR{0%{left:100%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}
.motion-v2 .ma-points li{opacity:0;filter:blur(8px)}
.motion-v2 .ma-points-left li{transform:translateX(-60px)}
.motion-v2 .ma-points-right li{transform:translateX(60px)}
.motion-v2 .ma-stage.is-in .ma-points li{opacity:1;filter:none;transform:none;transition:opacity 1s,filter 1s,transform 1.2s cubic-bezier(.22,1,.36,1),box-shadow .5s,background .5s}
.motion-v2 .ma-stage.is-in .ma-points li:nth-child(1){transition-delay:.35s}.motion-v2 .ma-stage.is-in .ma-points li:nth-child(2){transition-delay:.5s}.motion-v2 .ma-stage.is-in .ma-points li:nth-child(3){transition-delay:.65s}
.motion-v2 .ma-stage.is-in .ma-points li:hover{transition-delay:0s;transform:translateY(-4px)}
.ma-points i{transform:scaleX(0);transition:transform 1s 1.1s cubic-bezier(.22,1,.36,1)}
.ma-points-left i{transform-origin:left}.ma-points-right i{transform-origin:right}
.ma-stage.is-in .ma-points i,:not(.motion-v2) .ma-points i{transform:none}
.motion-v2 .ma-arch{clip-path:inset(100% 0 0 0 round 999px 999px 28px 28px);transform:translateY(40px)}
.motion-v2 .ma-stage.is-in .ma-arch{clip-path:inset(0 0 0 0 round 999px 999px 28px 28px);transform:none;transition:clip-path 1.6s cubic-bezier(.77,0,.18,1),transform 1.6s cubic-bezier(.22,1,.36,1)}
.ma-arch img{transform:scale(1.15);transition:transform 2.4s cubic-bezier(.22,1,.36,1)}
.ma-stage.is-in .ma-arch img{transform:scale(1)}
.ma-arch{position:relative}
.ma-scan{position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(transparent,rgba(234,217,168,.35) 80%,rgba(255,255,255,.8) 99%,transparent);mix-blend-mode:screen;pointer-events:none;animation:maScan 5s 2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes maScan{0%{top:-30%}60%,100%{top:110%}}
@media (max-width:900px){.ma-points li,.ma-points-left li,.ma-points-right li,.ma-points-left li:nth-child(2),.ma-points-right li:nth-child(2){margin:0}.ma-points i{display:none!important}.motion-v2 .ma-points-left li,.motion-v2 .ma-points-right li{transform:translateY(30px)}}
@media (prefers-reduced-motion:reduce){.ma-points b::before,.ma-points i::after,.ma-scan{animation:none!important}.motion-v2 .ma-points li,.motion-v2 .ma-arch{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}}
/* No containers */
.ma-points li,.ma-points li:hover{padding:0!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-radius:0;box-shadow:none!important}
.ma-points li{gap:1.2rem}
.ma-points strong{font-size:1.35rem;letter-spacing:-.03em;text-shadow:0 0 18px rgba(255,253,248,.95),0 0 4px rgba(255,253,248,.9)}
.ma-points small{max-width:15rem;font-size:.86rem;color:#3f3a32;text-shadow:0 0 14px rgba(255,253,248,1),0 0 3px rgba(255,253,248,1)}
.ma-points b{min-width:3.8rem;height:3.8rem;font-size:1.05rem;background:rgba(255,253,248,.9);transition:transform .6s cubic-bezier(.22,1,.36,1),background .4s,color .4s}
.ma-points li:hover b{transform:scale(1.08);background:var(--ink);color:var(--gold-light)}
.ma-points li:hover strong{color:var(--gold-deep)}
.ma-points strong{transition:color .4s}
.ma-points-left li,.ma-points-left li:nth-child(2){margin-right:1.4rem}
.ma-points-right li,.ma-points-right li:nth-child(2){margin-left:1.4rem}
.ma-points-left li:nth-child(2){margin-left:-2rem}
.ma-points-right li:nth-child(2){margin-right:-2rem}
.ma-points i,.ma-points-left li:nth-child(2) i,.ma-points-right li:nth-child(2) i{width:1.4rem;background:linear-gradient(90deg,rgba(123,87,24,.55),rgba(199,164,86,.9))!important}
.ma-points-right i{background:linear-gradient(90deg,rgba(199,164,86,.9),rgba(123,87,24,.55))!important}
.ma-points-left li{text-align:right;grid-template-columns:minmax(0,1fr) auto!important}
.ma-points-left li b{order:2}
.ma-points-left small{margin-left:auto}
.ma-stage::before{content:"";position:absolute;inset:-10% -5%;z-index:-1;background:radial-gradient(ellipse 30% 55% at 18% 50%,rgba(255,253,248,.55),transparent 70%),radial-gradient(ellipse 30% 55% at 82% 50%,rgba(255,253,248,.55),transparent 70%);pointer-events:none}
.ma-stage{position:relative}
@media (max-width:900px){.ma-points-left li{text-align:left;grid-template-columns:auto minmax(0,1fr)!important}.ma-points-left li b{order:0}.ma-points-left small{margin-left:0}}
.ma-arch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;opacity:0;transition:opacity 1.2s}
.ma-arch-video.is-ready{opacity:1}
.ma-scan{z-index:2}
/* Seamless transition method -> treatments */
.method-arch{background:linear-gradient(var(--paper) 0%,var(--paper) 60%,var(--mist) 100%);padding-bottom:14rem}
.ma-bg{-webkit-mask-image:linear-gradient(transparent 0,#000 14%,#000 70%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 14%,#000 70%,transparent 100%)}
.ma-bg-video{inset:-50%!important;width:200%!important;height:200%!important;animation-name:maSpin2!important}
@keyframes maSpin2{to{transform:rotate(360deg)}}
/*perf:mobile-bg*/@media (max-width:900px){.ma-bg-video{filter:none!important}}
.ma-bg::after{background:radial-gradient(ellipse 60% 45% at 50% 22%,rgba(255,253,248,.7),transparent 70%)!important}
.treatments-tl{position:relative;z-index:2;margin-top:-8rem;--tl-in:0;border-radius:calc((1 - var(--tl-in)) * 64px) calc((1 - var(--tl-in)) * 64px) 0 0;transform:translateY(calc((1 - var(--tl-in)) * 60px)) scale(calc(.94 + var(--tl-in) * .06));transform-origin:50% 0;box-shadow:0 -30px 80px rgba(80,58,20,calc((1 - var(--tl-in)) * .12));will-change:transform}
.treatments-tl::before{content:"";position:absolute;left:50%;top:0;width:min(60vw,700px);height:1px;transform:translateX(-50%) scaleX(var(--tl-in));background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:calc(1 - var(--tl-in) * .6)}
@media (prefers-reduced-motion:reduce){.treatments-tl{transform:none!important;border-radius:0!important}}
.ma-bg{bottom:9rem!important;-webkit-mask-image:linear-gradient(transparent 0,#000 14%,#000 55%,transparent 92%)!important;mask-image:linear-gradient(transparent 0,#000 14%,#000 55%,transparent 92%)!important}
.treatments-tl{transform:translateY(calc((1 - var(--tl-in)) * 50px))!important;background:linear-gradient(rgba(245,239,226,0),var(--mist) 6rem),var(--mist)}
.method-arch{background:linear-gradient(var(--paper) 0%,var(--paper) 45%,var(--mist) 85%,var(--mist) 100%)!important}
/* Onix Infinity device */
.onyx-visual{position:relative}
.onyx-device{position:absolute;z-index:2;left:50%;top:50%;height:min(92%,760px);width:auto;max-width:none;translate:-50% -50%;-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 55%,transparent 100%);pointer-events:none;animation:onixFloat 7s ease-in-out infinite}
@keyframes onixFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.onyx-orbit i{display:none}
.onyx-label{z-index:3}
@media (max-width:900px){.onyx-device{height:min(88%,520px)}}
@media (prefers-reduced-motion:reduce){.onyx-device{animation:none}}
/* Casos & clínica */
.cs-section{position:relative;padding:9rem 0 7rem;background:var(--ink);color:#f4ead8;overflow:hidden}
.cs-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(199,164,86,.18),transparent 70%);pointer-events:none}
.cs-head{position:relative;max-width:1320px;margin:0 auto 4rem;padding:0 5vw;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 3rem}
.cs-head .ma-kicker{grid-column:1/-1;justify-self:start;border-color:rgba(199,164,86,.45);color:var(--gold)}
.cs-head h2{margin:0;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:600;letter-spacing:-.06em;line-height:.95}
.cs-head h2 em{font-style:normal;color:var(--gold)}
.cs-head .ma-lead{grid-column:1;color:rgba(244,234,216,.72);max-width:36rem}
.cs-nav{grid-row:2/4;grid-column:2;display:flex;gap:.6rem}
.cs-arrow{width:56px;height:56px;border-radius:50%;border:1px solid rgba(244,234,216,.3);background:transparent;color:#f4ead8;font-size:1.2rem;cursor:pointer;transition:background .3s,color .3s,transform .3s}
.cs-arrow:hover{background:var(--gold);color:var(--ink);transform:scale(1.06)}
.cs-track{list-style:none;margin:0;padding:1rem 5vw 2rem;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,24vw,360px);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:5vw;scrollbar-width:none;cursor:grab}
.cs-track::-webkit-scrollbar{display:none}
.cs-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.cs-card{position:relative;scroll-snap-align:start;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#14110c;border:1px solid rgba(199,164,86,.18);isolation:isolate;transform:translateY(calc(var(--lift,0) * 1px));transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s}
.cs-card:nth-child(even){margin-top:3rem}
.cs-card:hover{border-color:rgba(199,164,86,.6);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.cs-media{position:absolute;inset:0;z-index:0}
.cs-media video,.cs-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;background:#000}
.cs-glow{position:absolute;inset:-20%;background:conic-gradient(from var(--ga,0deg) at 50% 60%,rgba(199,164,86,.0),rgba(199,164,86,.35),rgba(139,100,32,.1),rgba(234,217,168,.3),rgba(199,164,86,0));filter:blur(40px);animation:csSpin 9s linear infinite}
@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes csSpin{to{--ga:360deg}}
.cs-num{position:absolute;z-index:2;top:1.2rem;left:1.4rem;font-size:.75rem;letter-spacing:.2em;color:rgba(244,234,216,.75)}
.cs-play{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;display:grid;justify-items:center;gap:.8rem;border:0;background:none;color:#f4ead8;cursor:pointer;font:inherit;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}
.cs-play i{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.3rem;padding-left:4px;background:rgba(244,234,216,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(244,234,216,.4);transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s,color .3s;box-shadow:0 0 0 0 rgba(199,164,86,.5);animation:csPulse 2.6s ease-out infinite}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(199,164,86,.45)}100%{box-shadow:0 0 0 22px rgba(199,164,86,0)}}
.cs-card:hover .cs-play i{transform:scale(1.1);background:var(--gold);color:var(--ink)}
.cs-ig{position:absolute;z-index:2;left:1.4rem;bottom:1.2rem;font-size:.78rem;color:rgba(244,234,216,.8);text-decoration:none}
.cs-ig:hover{color:var(--gold)}
.cs-card.is-playing .cs-play,.cs-card.is-playing .cs-glow{display:none}
.cs-card.is-native .cs-play,.cs-card.is-native .cs-glow{display:none}
.cs-card.is-native::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 60%,rgba(0,0,0,.55));pointer-events:none}
.cs-card.is-embed .cs-ig,.cs-card.is-embed .cs-num{display:none}
.cs-note{margin:1rem 5vw 0;font-size:.75rem;color:rgba(244,234,216,.45)}
.cs-card{opacity:0;transform:translateY(60px) scale(.96);filter:blur(8px)}
.cs-section.is-in .cs-card{opacity:1;transform:none;filter:none;transition:opacity 1s,transform 1.2s cubic-bezier(.22,1,.36,1),filter 1s,border-color .4s,box-shadow .5s}
.cs-section.is-in .cs-card:nth-child(2){transition-delay:.08s}.cs-section.is-in .cs-card:nth-child(3){transition-delay:.16s}.cs-section.is-in .cs-card:nth-child(4){transition-delay:.24s}.cs-section.is-in .cs-card:nth-child(5){transition-delay:.32s}.cs-section.is-in .cs-card:nth-child(6){transition-delay:.4s}.cs-section.is-in .cs-card:nth-child(7){transition-delay:.48s}.cs-section.is-in .cs-card:nth-child(8){transition-delay:.56s}
@media (max-width:760px){.cs-head{grid-template-columns:1fr}.cs-nav{grid-row:auto;grid-column:1}.cs-track{grid-auto-columns:72vw}.cs-card:nth-child(even){margin-top:0}}
@media (prefers-reduced-motion:reduce){.cs-card{opacity:1!important;transform:none!important;filter:none!important}.cs-glow,.cs-play i{animation:none}}
.onyx-device{mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 48% 50% at 50% 50%,#000 40%,transparent 78%)!important;mask-image:radial-gradient(ellipse 48% 50% at 50% 50%,#000 40%,transparent 78%)!important}
.cs-card.is-embed .cs-media iframe{transform:scale(1.02);transform-origin:center}
.cs-note{display:none}
.onyx-device{mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.onyx-visual::after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:min(70%,520px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(199,164,86,.42),rgba(199,164,86,.12) 45%,transparent 70%);filter:blur(20px);pointer-events:none;animation:onixGlow 6s ease-in-out infinite}
@keyframes onixGlow{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.08}}
@media (prefers-reduced-motion:reduce){.onyx-visual::after{animation:none}}
/* ===== Mobile & tablet premium pass ===== */
@media (max-width:680px){
  .hero{position:relative;display:flex!important;flex-direction:column;min-height:100svh;padding:0!important;overflow:hidden}
  .hero .trust-pill,.hero .mobile-trust-list,.hero .hero-proof,.hero .scroll-cue,.hero .mobile-lead-journey,.hero .eyebrow{display:none!important}
  .hero-visual{order:-1;position:absolute!important;inset:0!important;width:100%!important;height:100svh!important;margin:0!important;z-index:0}
  .hero-visual .portrait-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;margin:0!important}
  .hero-visual .hero-poster,.hero-visual .hero-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 18%!important}
  .hero-visual .skin-scan,.hero-visual .face-axis,.hero-visual .data-point,.hero-visual .vertical-note{display:none!important}
  .hero-visual::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(255,253,248,0) 40%,rgba(255,253,248,.82) 68%,#fffdf8 92%);pointer-events:none}
  .hero-copy{position:relative!important;z-index:3;margin-top:auto!important;padding:0 1.4rem calc(6.5rem + env(safe-area-inset-bottom))!important;width:100%!important;max-width:none!important}
  .hero-title{font-size:clamp(2.7rem,12.5vw,3.6rem)!important;line-height:.92!important;margin:0 0 .9rem!important}
  .hero-intro{font-size:1rem!important;line-height:1.5!important;margin:0 0 1.3rem!important;max-width:30rem}
  .hero-copy .hero-action,.hero-copy .hero-about{min-height:52px}
  .hero-copy .title-line>span{animation:mHeroUp 1.1s cubic-bezier(.22,1,.36,1) both}
  .hero-copy .title-line:nth-child(2)>span{animation-delay:.1s}.hero-copy .title-line:nth-child(3)>span{animation-delay:.2s}
  .hero-intro,.hero-copy .hero-action,.hero-copy .hero-about{animation:mHeroFade 1s .45s cubic-bezier(.22,1,.36,1) both}
  .hero-visual .portrait-frame{animation:mHeroZoom 2.4s cubic-bezier(.22,1,.36,1) both}
  /* method indicators */
  .ma-points li,.ma-points-left li,.ma-points-right li,.ma-points-left li:nth-child(2),.ma-points-right li:nth-child(2){margin:0!important;text-align:left!important;grid-template-columns:auto minmax(0,1fr)!important}
  .ma-points-left li b{order:0!important}.ma-points-left small{margin-left:0!important}
  .ma-points{gap:1.4rem!important;padding:0 1.2rem}
  .ma-points b{min-width:3.2rem!important;height:3.2rem!important;font-size:.9rem!important}
  .ma-points strong{font-size:1.15rem!important}
  .ma-arch{width:min(82vw,340px)!important}
  .ma-bg-video{filter:blur(10px) saturate(1.05)!important}
  /* immersive kicker contrast */
  .immersive-copy .section-kicker{color:#ead9a8!important;text-shadow:0 1px 10px rgba(0,0,0,.4)}
  .immersive-copy h2{font-size:clamp(2.6rem,12vw,3.4rem)!important}
  .immersive-badge{width:96px!important;height:96px!important;top:5.5rem!important;bottom:auto!important}
  /* footer word fits */
  .footer-word{font-size:22vw!important;letter-spacing:-.06em!important;padding:0 1rem!important}
  .footer-ribbon{opacity:.5;width:60vw!important}
  .onyx-device{height:min(78vw,440px)!important}
  .cs-section{padding:6rem 0 5rem}
}
@media (min-width:681px) and (max-width:1024px){
  .ma-stage{grid-template-columns:1fr!important;gap:2.5rem;justify-items:center}
  .ma-arch{width:min(56vw,400px)!important;order:-1}
  .ma-points{grid-template-columns:1fr 1fr;width:100%;max-width:720px;gap:1.6rem 2rem!important}
  .ma-points li{margin:0!important;text-align:left!important;grid-template-columns:auto minmax(0,1fr)!important}
  .ma-points-left li b{order:0!important}.ma-points i{display:none!important}
  .tl-item{column-gap:3rem}
  .cs-track{grid-auto-columns:clamp(240px,38vw,320px)}
}
@keyframes mHeroUp{from{transform:translateY(105%)}}
@keyframes mHeroFade{from{opacity:0;transform:translateY(18px)}}
@keyframes mHeroZoom{from{transform:scale(1.12);filter:blur(6px)}}
@media (prefers-reduced-motion:reduce){.hero-copy *,.hero-visual .portrait-frame{animation:none!important}}
@media (max-width:680px){
  .hero{min-height:auto!important;padding-top:4.6rem!important}
  .hero-visual{position:relative!important;inset:auto!important;height:58svh!important;max-height:520px;width:calc(100% - 2.4rem)!important;margin:.6rem auto 0!important;border-radius:200px 200px 28px 28px!important;overflow:hidden!important}
  .hero-visual .portrait-frame{border-radius:inherit!important}
  .hero-visual .hero-poster,.hero-visual .hero-video{object-position:50% 12%!important}
  .hero-visual::after{background:linear-gradient(180deg,rgba(255,253,248,0) 62%,rgba(255,253,248,.55) 100%)!important}
  .hero-copy{margin-top:-2.2rem!important;padding:0 1.4rem 6.5rem!important}
  .hero-title,.hero-title .title-line,.hero-title .title-line>span{opacity:1!important;visibility:visible!important;filter:none!important;clip-path:none!important}
  .hero-title{display:block!important;font-size:clamp(2.4rem,11vw,3.2rem)!important;text-shadow:0 2px 24px rgba(255,253,248,.9)}
  .hero-title .title-line{display:block;overflow:hidden}
}
.tl-media{margin:-2.4rem -2.4rem 0;aspect-ratio:16/9;overflow:hidden;border-radius:28px 28px 0 0;position:relative}
.tl-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.8s cubic-bezier(.22,1,.36,1)}
.tl-item.is-in .tl-media img{transform:scale(1)}
.tl-card:hover .tl-media img{transform:scale(1.05)}
.tl-media::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(255,253,248,.35))}
@media (max-width:900px){.tl-media{margin:-1.8rem -1.8rem 0}}
@media (max-width:680px){
  .ma-stage{gap:2rem!important}
  .ma-points{width:100%;max-width:none!important;padding:0 1.4rem!important;gap:0!important}
  .ma-points li{position:relative;display:grid!important;grid-template-columns:4.2rem minmax(0,1fr)!important;align-items:center;gap:1rem!important;padding:1.15rem 0!important;border-top:1px solid rgba(123,87,24,.18)}
  .ma-points-right li:last-child{border-bottom:1px solid rgba(123,87,24,.18)}
  .ma-points-left{margin-bottom:0}
  .ma-points b{min-width:0!important;height:auto!important;padding:0!important;background:none!important;box-shadow:none!important;font-size:1.9rem!important;font-weight:300!important;letter-spacing:-.04em;color:var(--gold-deep)!important;justify-content:start}
  .ma-points b::before,.ma-points b::after{display:none!important}
  .ma-points strong{font-size:1.1rem!important;text-shadow:none!important}
  .ma-points small{font-size:.86rem!important;color:#5b554b!important;text-shadow:none!important;max-width:none!important}
  .ma-points li::after{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--gold);transition:width 1.2s cubic-bezier(.22,1,.36,1)}
  .ma-stage.is-in .ma-points li::after{width:100%}
  .ma-stage.is-in .ma-points li:nth-child(2)::after{transition-delay:.15s}.ma-stage.is-in .ma-points li:nth-child(3)::after{transition-delay:.3s}
  .ma-stage::before{display:none}
  .ma-points-left,.ma-points-right{background:rgba(255,253,248,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:24px;padding:.4rem 1.4rem!important;margin:0 1rem!important;width:auto!important}
  .ma-points-left li:first-child,.ma-points-right li:first-child{border-top:0}
  .ma-points-right li:last-child{border-bottom:0}
}
@media (max-width:680px){
  .site-footer{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))!important}
  .footer-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2.2rem 1.2rem!important;padding:3.5rem 1.4rem 0!important}
  .footer-hello{grid-column:1/-1!important;order:-1}
  .footer-hello p{font-size:1.35rem!important;line-height:1.35!important;margin:.6rem 0 1.4rem!important}
  .footer-contact{display:grid!important;gap:.9rem!important;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
  .footer-hello>a,.footer-hello>button{margin-top:1rem}
  .footer-hello>button{width:100%;justify-content:space-between}
  .footer-column a,.footer-column button{font-size:.95rem!important}
  .footer-stage{position:relative;min-height:auto!important;padding:3rem 1.4rem 1rem!important;overflow:hidden}
  .footer-legal{display:flex!important;flex-wrap:wrap;gap:.6rem 1.2rem!important;font-size:.75rem!important;position:static!important;margin-bottom:2.4rem}
  .footer-word{position:relative!important;display:block;width:100%!important;font-size:21.5vw!important;line-height:.82!important;letter-spacing:-.07em!important;text-align:center;padding:0!important;margin:0!important;white-space:nowrap;overflow:visible}
  .footer-lab{position:static!important;display:block;text-align:right;margin:-.4rem .4rem 0!important;font-size:1.3rem!important}
  .footer-ribbon{position:absolute!important;right:-20vw!important;bottom:-4rem!important;width:70vw!important;opacity:.35!important;pointer-events:none}
}
@media (max-width:680px){
  .footer-stage{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .footer-legal{width:100%!important;flex-direction:row!important}
  .footer-word{font-size:18.5vw!important;width:auto!important}
}
.cs-note{display:block!important}
/* iOS / touch fixes */
@media (hover:none){
  .ma-points li:hover,.ma-stage.is-in .ma-points li:hover{transform:none!important}
  .ma-points li:hover b{transform:none!important;background:none!important;color:var(--gold-deep)!important}
  .ma-points li:hover strong{color:inherit!important}
  .tl-card:hover{transform:none}
}
@media (max-width:680px){
  .ma-points-left,.ma-points-right,.method-arch .ma-head,.ma-arch,.ma-bg{translate:none!important}
  .ma-points li{transition:none!important}
  .footer-word{font-size:16.5vw!important}
  .footer-ribbon{display:none!important}
  .footer-lab{text-decoration:none!important;margin-top:.4rem!important}
}
.ic{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Instagram button – premium */
.ig-btn{position:relative;display:inline-flex;align-items:center;gap:.55rem;height:44px;padding:0 .95rem 0 .8rem;border-radius:999px;border:1px solid rgba(139,100,32,.35);color:inherit;text-decoration:none;font-size:.82rem;overflow:hidden;isolation:isolate;transition:color .45s,border-color .45s,transform .45s cubic-bezier(.22,1,.36,1)}
.ig-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#8b6420,#c7a456 50%,#ead9a8);transform:translateY(102%);transition:transform .55s cubic-bezier(.77,0,.18,1)}
.ig-btn .ic{font-size:1.15rem;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ig-btn:hover{color:#0b0a08;border-color:transparent;transform:translateY(-2px)}
.ig-btn:hover::before{transform:none}
.ig-btn:hover .ic{transform:rotate(-12deg) scale(1.12)}
.ig-head span{display:none}.ig-head{width:44px;padding:0;justify-content:center}
.ig-drawer,.ig-foot{color:#f4ead8;border-color:rgba(244,234,216,.3)}
@media (max-width:680px){.ig-head{display:none}}
@media (prefers-reduced-motion:reduce){.ig-btn,.ig-btn::before,.ig-btn .ic{transition:none}}
/* Mobile method timeline (replaces side lists) */
.ma-mobile{display:none}
@media (max-width:680px){
  .ma-points{display:none!important}
  .ma-mobile{position:relative;z-index:1;display:grid;gap:1rem;list-style:none;margin:2.4rem 0 0;padding:0 1.2rem 0 4.6rem;--mp:0}
  .mm-line{position:absolute;left:2.35rem;top:1.6rem;bottom:1.6rem;width:2px;background:rgba(139,100,32,.18);border-radius:2px}
  .mm-line i{position:absolute;left:0;top:0;width:100%;height:calc(var(--mp) * 100%);background:linear-gradient(#ead9a8,#c7a456 40%,#8b6420);border-radius:2px;box-shadow:0 0 12px rgba(199,164,86,.75)}
  .mm-line i::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;border-radius:50%;translate:-50% 0;background:#fff;box-shadow:0 0 0 3px #c7a456,0 0 16px 4px rgba(199,164,86,.8)}
  .mm-item{position:relative}
  .mm-gap{margin-top:1.4rem}
  .mm-node{position:absolute;left:-4.6rem;top:50%;translate:0 -50%;width:3.2rem;height:3.2rem;margin-left:.75rem;border-radius:50%;display:grid;place-items:center;background:#fffdf8;border:1px solid rgba(139,100,32,.3);color:#7b5718;font-size:.82rem;font-weight:600;letter-spacing:-.02em;transition:background .6s,color .6s,border-color .6s,box-shadow .6s,scale .6s cubic-bezier(.22,1,.36,1);z-index:2}
  .mm-item.is-on .mm-node{background:linear-gradient(140deg,#c7a456,#8b6420);color:#fff;border-color:transparent;box-shadow:0 0 0 5px rgba(199,164,86,.18),0 8px 24px rgba(139,100,32,.35);scale:1.06}
  .mm-card{padding:1.15rem 1.25rem;border-radius:20px;background:rgba(255,253,248,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 34px rgba(80,58,20,.1);opacity:0;transform:translateX(24px);filter:blur(6px);transition:opacity .8s,transform 1s cubic-bezier(.22,1,.36,1),filter .8s}
  .mm-item.is-in .mm-card{opacity:1;transform:none;filter:none}
  .mm-card h3{margin:0 0 .3rem;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:#0b0a08}
  .mm-card p{margin:0;font-size:.9rem;line-height:1.45;color:#5b554b}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){.mm-card{opacity:1;transform:none;filter:none;transition:none}}
/* Mobile hero overlay */
.m-hero-over{display:none}
@media (max-width:680px){
  .hero-visual{height:72svh!important;max-height:640px}
  .hero-visual::after{background:linear-gradient(180deg,rgba(11,10,8,0) 38%,rgba(11,10,8,.18) 58%,rgba(11,10,8,.72) 100%)!important}
  .m-hero-over{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;color:#fff}
  .mho-kicker{position:absolute;top:1.4rem;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.5rem .9rem;border-radius:999px;background:rgba(255,253,248,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);color:#7b5718;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;animation:mhoDown 1s .3s cubic-bezier(.22,1,.36,1) both}
  .mho-kicker i{width:6px;height:6px;border-radius:50%;background:#c7a456;box-shadow:0 0 0 0 rgba(199,164,86,.6);animation:mhoPing 2s infinite}
  .mho-chip{position:absolute;padding:.55rem .85rem;border-radius:14px;background:rgba(255,253,248,.2);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.45);font-size:.72rem;font-weight:500;letter-spacing:.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
  .mho-chip-a{left:1rem;top:34%;animation:mhoIn 1s .8s cubic-bezier(.22,1,.36,1) both,mhoFloat 6s 1.8s ease-in-out infinite}
  .mho-chip-b{right:1rem;top:46%;animation:mhoIn 1s 1s cubic-bezier(.22,1,.36,1) both,mhoFloat 7s 2s ease-in-out infinite reverse}
  .mho-title{position:absolute;left:1.4rem;right:1.4rem;bottom:1.6rem;margin:0;font-size:clamp(2.6rem,12.5vw,3.5rem);font-weight:600;line-height:.92;letter-spacing:-.055em;text-shadow:0 4px 30px rgba(0,0,0,.25)}
  .mho-title span{display:block;overflow:hidden;padding-bottom:.04em}
  .mho-title b{display:inline-block;font-weight:inherit;animation:mhoUp 1.2s cubic-bezier(.22,1,.36,1) both}
  .mho-title span:nth-child(1) b{animation-delay:.45s}.mho-title span:nth-child(2) b{animation-delay:.58s}.mho-title span:nth-child(3) b{animation-delay:.71s}
  .mho-title em{font-style:normal;background:linear-gradient(100deg,#ead9a8 30%,#fff 50%,#c7a456 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mhoShine 5s 2s ease-in-out infinite}
  .hero-copy .hero-title{display:none!important}
  .hero-copy{margin-top:1.4rem!important}
  .hero-intro{font-size:1.02rem!important;color:#4a453d!important}
  .hero-copy .hero-action{background:linear-gradient(120deg,#0b0a08,#2a2116)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(20,14,4,.25)}
}
@keyframes mhoUp{from{transform:translateY(110%)}}
@keyframes mhoIn{from{opacity:0;transform:translateY(16px) scale(.94);filter:blur(6px)}}
@keyframes mhoDown{from{opacity:0;transform:translateY(-12px)}}
@keyframes mhoFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes mhoPing{0%{box-shadow:0 0 0 0 rgba(199,164,86,.6)}100%{box-shadow:0 0 0 10px rgba(199,164,86,0)}}
@keyframes mhoShine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.m-hero-over *{animation:none!important}}
@media (max-width:680px){
  .hero-visual::after{display:none!important}
  .hero-visual .portrait-frame{isolation:auto!important}
  .m-hero-over{z-index:20!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
  .m-hero-over::before{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(180deg,rgba(11,10,8,0),rgba(11,10,8,.55) 45%,rgba(11,10,8,.85));border-radius:0 0 28px 28px;z-index:-1}
  .mho-title{color:#fff!important;opacity:1!important;filter:none!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important}
  .mho-title em{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#ead9a8!important;animation:none!important}
  .mho-chip{background:rgba(255,253,248,.88)!important;color:#0b0a08!important;text-shadow:none!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}
  .mho-kicker{background:rgba(255,253,248,.92)!important}
}
@media (max-width:680px){
  .hero{--hp:0}
  .hero-visual{transform:translateY(calc(var(--hp) * -24px)) scale(calc(1 - var(--hp) * .07));transform-origin:50% 0;will-change:transform}
  .hero-visual .hero-poster,.hero-visual .hero-video{position:absolute!important;inset:0!important;left:0!important;top:0!important;transform:none!important;translate:0 calc(var(--hp) * 70px);scale:calc(1.04 + var(--hp) * .12);will-change:translate,scale}
  .mho-title{translate:0 calc(var(--hp) * -140px);opacity:calc(1 - var(--hp) * 1.1)!important}
  .mho-chip-a{translate:calc(var(--hp) * -40px) calc(var(--hp) * -200px)}
  .mho-chip-b{translate:calc(var(--hp) * 40px) calc(var(--hp) * -260px)}
  .mho-kicker{translate:-50% calc(var(--hp) * -60px)!important;opacity:calc(1 - var(--hp) * 1.4)}
  .hero-copy{translate:0 calc(var(--hp) * -60px)}
}
/* Smoothness (no features disabled) */
*{-webkit-tap-highlight-color:transparent}
.ma-bg-video,.tl-card,.cs-card,.mm-card,.cl-tile,.cl-word{backface-visibility:hidden}
