/* Hero v5 — Essentia-inspired editorial product stage. */
.hero-cinematic{height:250vh;min-height:1900px;padding:0;background:#f5f3ee;color:#292b27}
.hero-sticky{display:block;isolation:isolate;background:#f5f3ee;color:#292b27;transition:background-color .9s cubic-bezier(.16,1,.3,1),color .7s}
.hero-sticky:before{content:"Dinamo";position:absolute;z-index:0;left:1.5vw;right:-2vw;bottom:-4.5vw;font-size:clamp(190px,26vw,510px);line-height:.72;letter-spacing:-.09em;font-weight:500;color:rgba(41,43,39,.065);white-space:nowrap;transition:color .8s,transform .3s linear;transform:translate3d(calc(var(--hero-progress,0) * -3vw),0,0)}
.hero-sticky:after{content:"";position:absolute;z-index:1;left:50%;bottom:-24vh;width:74vw;height:52vh;border-radius:50%;background:radial-gradient(ellipse at 50% 22%,rgba(220,204,232,.82),rgba(220,204,232,.28) 52%,transparent 72%);filter:blur(10px);transform:translateX(-50%) scale(calc(1 + var(--hero-progress,0) * .18));transition:opacity .8s,background .9s}
.hero-copy-new{position:absolute;z-index:4;inset:0;height:auto;padding:0;background:transparent;display:block}
.hero-eyebrow{position:absolute;left:3.7vw;top:4.8vh;margin:0;color:#50514c;font-size:9px}
.hero-cinematic h1{position:absolute;z-index:2;left:3.7vw;top:8vh;width:88vw;margin:0;color:#292b27;font-size:clamp(82px,8.7vw,150px);line-height:.9;letter-spacing:-.078em;font-weight:500;transition:opacity .6s,transform .85s cubic-bezier(.16,1,.3,1),filter .6s}
.hero-cinematic h1 span{display:inline;color:#292b27;margin:0;white-space:nowrap}
.hero-cinematic .hero-intro{position:absolute;z-index:5;right:4vw;top:31vh;width:min(27vw,430px);margin:0;color:#292b27;text-align:right;font-size:clamp(21px,2.15vw,36px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.hero-actions{position:absolute;z-index:7;right:4vw;top:51vh;width:min(27vw,430px);margin:0;justify-content:flex-end}
.hero-actions a{min-width:170px;padding:14px 18px;border:1px solid rgba(41,43,39,.26);color:#292b27;background:rgba(255,255,255,.58);backdrop-filter:blur(14px)}
.hero-action-primary{background:#dfe4da!important;color:#292b27!important;border-color:#dfe4da!important}
.hero-proof-row{position:absolute;z-index:7;left:3.7vw;bottom:7.5vh;width:min(39vw,590px);margin:0;border:0;display:flex;gap:24px;align-items:flex-end;transition:opacity .5s,transform .7s}
.hero-proof-row>div{padding:0;border:0;display:grid;gap:3px}.hero-proof-row strong{font-size:14px}.hero-proof-row span{color:#686a63;font-size:7px}
.hero-media{position:absolute;z-index:2;inset:0;height:auto;overflow:hidden;background:transparent;pointer-events:none}
.hero-media>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;clip-path:circle(0 at 67% 52%);filter:saturate(.58) contrast(1.03) brightness(.72);transform:scale(1.12);transition:opacity .9s,clip-path 1.35s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}
.hero-media-shade{display:block;position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(34,25,39,.86) 0,rgba(34,25,39,.35) 48%,rgba(34,25,39,.1) 78%),linear-gradient(0deg,rgba(25,18,29,.55),transparent 60%);transition:opacity .9s}
.hero-media .hero-product{position:absolute;z-index:4;left:50%;right:auto;top:17vh;bottom:auto;width:min(43vw,650px);height:78vh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 38px 34px rgba(72,57,80,.17));transform:translate3d(calc(-50% + var(--hero-progress,0) * 6vw),calc(var(--hero-progress,0) * -3vh),0) scale(calc(1 + var(--hero-progress,0) * .06))!important;transition:opacity .8s,filter .7s}
.hero-editorial{display:none}
.hero-media-label{display:flex;opacity:0;color:#fff;transition:opacity .7s}.hero-bottom-line{z-index:7;left:auto;right:4vw;bottom:2.4vh;width:auto;color:#292b27}.hero-bottom-line>span{display:none}
.hero-phase-index{color:rgba(41,43,39,.62)}.hero-phase-index i{background:rgba(41,43,39,.16)}.hero-phase-index i:after{background:#292b27}
.hero-scroll-copy{z-index:5;left:3.7vw;right:16vw;top:45%;transform:translateY(-50%)}
.hero-scroll-copy p{font-size:clamp(90px,10.4vw,180px);line-height:.78;color:#292b27}.hero-scroll-copy p span{color:#604d6e;margin-left:8vw}
.hero-cinematic[data-phase="2"] .hero-sticky{background:#d8c8e2}
.hero-cinematic[data-phase="2"] .hero-sticky:before{color:rgba(58,40,68,.075)}
.hero-cinematic[data-phase="2"] .hero-sticky:after{background:radial-gradient(ellipse at 50% 22%,rgba(244,238,248,.86),rgba(160,124,182,.25) 58%,transparent 74%)}
.hero-cinematic[data-phase="3"] .hero-sticky{background:#2f2534;color:#f7f2f8}
.hero-cinematic[data-phase="3"] .hero-sticky:before{color:rgba(255,255,255,.045)}
.hero-cinematic[data-phase="3"] .hero-sticky:after{opacity:.15}
.hero-cinematic[data-phase="3"] .hero-scroll-copy p{color:#fff}.hero-cinematic[data-phase="3"] .hero-scroll-copy p span{color:#d6c1e2}
.hero-cinematic[data-phase="3"] .hero-phase-index{color:rgba(255,255,255,.68)}.hero-cinematic[data-phase="3"] .hero-phase-index i{background:rgba(255,255,255,.17)}.hero-cinematic[data-phase="3"] .hero-phase-index i:after{background:#fff}
.hero-cinematic[data-phase="3"] .hero-media>video{opacity:.92;clip-path:circle(95% at 67% 52%);transform:scale(1.025)}
.hero-cinematic[data-phase="3"] .hero-media-shade{opacity:1}
.hero-cinematic[data-phase="3"] .hero-media-label{opacity:1}
.hero-cinematic[data-phase="3"] .hero-product{opacity:0;filter:drop-shadow(0 38px 34px rgba(0,0,0,.34))}
.hero-cinematic[data-phase="2"] .hero-bottom-line,.hero-cinematic[data-phase="3"] .hero-bottom-line{color:inherit}

@media(max-width:780px){
  .hero-cinematic{height:auto;min-height:122svh;padding:70px 0 0;background:#f5f3ee;color:#292b27}
  .hero-sticky{position:relative;top:auto;height:calc(122svh - 70px);min-height:780px;background:#f5f3ee!important;overflow:hidden}
  .hero-sticky:before{left:-2vw;bottom:0;font-size:34vw;color:rgba(41,43,39,.06)!important}
  .hero-sticky:after{width:135vw;height:54vh;left:50%;bottom:-27vh}
  .hero-copy-new{height:auto;min-height:0;padding:0}
  .hero-eyebrow{left:20px;top:26px;color:#4b4d47;font-size:6.5px;max-width:82vw}
  .hero-cinematic h1{left:20px;top:64px;width:calc(100% - 40px);font-size:15.7vw;line-height:.9;color:#292b27}
  .hero-cinematic h1 span{color:#292b27;white-space:normal}
  .hero-cinematic .hero-intro{left:auto;right:20px;top:31vh;width:66vw;max-width:300px;text-align:right;color:#292b27;font-size:18px;line-height:1.08}
  .hero-actions{left:auto;right:20px;top:43vh;width:auto;justify-content:flex-end}.hero-actions a{min-width:150px;font-size:7px;padding:12px 14px}
  .hero-media{height:auto;min-height:0;inset:0}.hero-media>video,.hero-media-shade,.hero-media-label{display:none}.hero-media .hero-product{left:50%;top:42vh;bottom:auto;width:100vw;max-width:560px;height:63vh;object-position:center bottom;transform:translateX(-50%)!important}
  .hero-proof-row{display:none}.hero-bottom-line{right:20px;bottom:16px;color:#292b27}.hero-phase-index,.hero-scroll-copy{display:none}
  .hero-cinematic[data-phase] h1,.hero-cinematic[data-phase] .hero-intro,.hero-cinematic[data-phase] .hero-actions{opacity:1;transform:none;filter:none;pointer-events:auto}
}