/* LUMA | Five cinematic category hero slides | scoped: home hero only.
   Designed for both desktop and narrow phone viewports. No Firebase changes. */
#home.hero.luma-cine-ready {
  display:block!important; width:100%!important; max-width:none!important;
  height:auto!important; min-height:0!important; margin:0!important;
  padding:0!important; border:0!important; overflow:hidden!important;
  background:#09090a!important; isolation:isolate;
}
#home.hero.luma-cine-ready::before,
#home.hero.luma-cine-ready::after {display:none!important}
#home.hero.luma-cine-ready > :not(.luma-cine-shell) {display:none!important}
#home.hero .luma-cine-shell,
#home.hero .luma-cine-shell * {box-sizing:border-box}
#home.hero .luma-cine-shell { position:relative; isolation:isolate; overflow:hidden;
  width:100%; height:clamp(550px,42vw,745px); min-height:550px;
  background:#0e0b0a; color:#fff7ea; font-family:'DM Sans',sans-serif }
#home.hero .luma-cine-slide {position:absolute;inset:0;display:block;overflow:hidden;z-index:0;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(7%,0,0) scale(1.04);
  transition:opacity .94s cubic-bezier(.24,.7,.25,1),transform 1.12s cubic-bezier(.18,.75,.2,1),visibility 1.12s;}
#home.hero .luma-cine-slide.is-current{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);pointer-events:auto;z-index:2}
#home.hero .luma-cine-slide.is-exiting{opacity:0;visibility:visible;transform:translate3d(-7%,0,0) scale(.965);z-index:1}
#home.hero .luma-cine-slide::before{content:"";position:absolute;inset:-22%;background:radial-gradient(ellipse at 69% 42%,var(--stage-light) 0%,transparent 46%),linear-gradient(102deg,var(--stage-dark) 0%,var(--stage-mid) 63%,var(--stage-dark) 100%);filter:saturate(.98);z-index:0}
#home.hero .luma-cine-slide::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#050507b8 0%,#08080a80 31%,transparent 61%)}
#home.hero .luma-cine-orbit{position:absolute;top:-28%;right:-8%;width:75%;aspect-ratio:1;border:1px solid #e4be7533;border-radius:50%;box-shadow:0 0 0 65px #debd6c08,0 0 0 160px #debd6c05;z-index:1;transform:rotate(-18deg)}
#home.hero .luma-cine-media{position:absolute;inset:0 0 0 43%;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
#home.hero .luma-cine-photo-stage{width:min(90%,790px);height:95%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 45px 50px #0008)}
#home.hero .luma-cine-media img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center;opacity:1;display:block;filter:contrast(1.05);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 48%, #000 58%, transparent 99%);mask-image:radial-gradient(ellipse 60% 60% at 50% 48%, #000 58%, transparent 99%)}
#home.hero .luma-cine-slide.is-current .luma-cine-photo-stage{animation:luma-cine-enter 1.25s cubic-bezier(.15,.72,.14,1) both}
#home.hero .luma-cine-slide.is-current .luma-cine-media img{animation:luma-cine-float 6.5s ease-in-out 1.25s infinite alternate}
#home.hero .luma-cine-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  width:min(47%,720px);height:100%;padding:56px 12px 94px clamp(68px,7.2vw,160px);text-align:left}
#home.hero .luma-cine-eyebrow{font-family:'DM Sans',sans-serif;color:#e7c18b;letter-spacing:.35em;font-weight:800;font-size:11px;text-transform:uppercase;margin-bottom:24px}
#home.hero .luma-cine-copy h2{font-family:'Cormorant Garamond',Georgia,serif;color:#fff9ef;
 font-weight:500;font-size:clamp(62px,6vw,112px);line-height:.88;letter-spacing:-.035em;margin:0 0 24px;max-width:660px}
#home.hero .luma-cine-copy h2 em{display:block;color:#edc38a;font-weight:500;font-style:italic;margin-top:8px}
#home.hero .luma-cine-copy p{color:#e2d6c7;max-width:390px;font-size:15px;line-height:1.62;margin:0 0 30px}
#home.hero .luma-cine-cta{border:1px solid #efc68d;background:#e6bc7b;color:#130e09;display:inline-flex;gap:19px;justify-content:center;align-items:center;
  min-height:52px;padding:14px 24px;font-size:12px;font-weight:800;letter-spacing:.11em;white-space:nowrap;transition:transform .25s ease,background .25s ease;text-decoration:none}
#home.hero .luma-cine-cta:hover{transform:translateY(-3px);background:#f6dda9}
#home.hero .luma-cine-cta:focus-visible,#home.hero .luma-cine-control:focus-visible,#home.hero .luma-cine-tab:focus-visible{outline:3px solid #ffdfa2;outline-offset:4px}
#home.hero .luma-cine-slide.is-current .luma-cine-eyebrow{animation:luma-cine-text .7s .1s both}
#home.hero .luma-cine-slide.is-current .luma-cine-copy h2{animation:luma-cine-text .92s .21s both}
#home.hero .luma-cine-slide.is-current .luma-cine-copy p{animation:luma-cine-text .9s .34s both}
#home.hero .luma-cine-slide.is-current .luma-cine-cta{animation:luma-cine-text .9s .45s both}
#home.hero .luma-cine-spark{position:absolute;display:block;width:9px;height:9px;z-index:3;pointer-events:none;border:1px solid #efd1a377;
 background:linear-gradient(40deg,#e8be8547,#fff4d342);transform:rotate(45deg)}
#home.hero .luma-cine-spark:nth-of-type(1){top:15%;right:29%;width:14px;height:14px}
#home.hero .luma-cine-spark:nth-of-type(2){top:34%;right:8%;width:6px;height:6px}
#home.hero .luma-cine-spark:nth-of-type(3){bottom:24%;right:45%;width:12px;height:12px}
#home.hero .luma-cine-spark:nth-of-type(4){bottom:17%;right:14%;width:7px;height:7px}
#home.hero .luma-cine-slide.is-current .luma-cine-spark{animation:luma-cine-spark-move 5.1s ease-in-out infinite alternate}
#home.hero .luma-cine-controls{position:absolute;z-index:8;bottom:24px;left:clamp(68px,7.2vw,160px);right:clamp(24px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:24px}
#home.hero .luma-cine-tabs{display:flex;gap:clamp(8px,2vw,22px);align-items:center;min-width:0}
#home.hero .luma-cine-tab{position:relative;background:transparent;border:0;border-bottom:2px solid #f4d9ac42;color:#e5daca99;
  font-size:10px;font-weight:800;letter-spacing:.12em;min-height:44px;padding:9px 0;white-space:nowrap;cursor:pointer}
#home.hero .luma-cine-tab.is-current{color:#ffdd9e;border-bottom-color:#f8d095}
#home.hero .luma-cine-tab.is-current::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#ffe5b6;transform-origin:left;animation:luma-cine-progress 5.4s linear both}
#home.hero .luma-cine-arrows{display:flex;align-items:center;gap:8px;flex-shrink:0}
#home.hero .luma-cine-control{width:42px;height:42px;border:1px solid #f8daa564;border-radius:50%;background:#0909096a;color:#fff4df;font-size:21px;line-height:1;cursor:pointer}
#home.hero .luma-cine-control:hover{background:#bd946353}
#home.hero .luma-cine-count{color:#fff3df;opacity:.9;letter-spacing:.14em;font-size:12px;min-width:60px;text-align:center}
@keyframes luma-cine-enter{0%{opacity:.1;transform:translate3d(85px,30px,0) scale(.77) rotate(-9deg);filter:blur(13px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}}
@keyframes luma-cine-text{from{opacity:0;transform:translate3d(-30px,23px,0);filter:blur(8px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes luma-cine-float{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-16px) rotate(1deg)}}
@keyframes luma-cine-spark-move{from{opacity:.35;translate:0 0;rotate:0deg}to{opacity:.9;translate:21px -33px;rotate:50deg}}
@keyframes luma-cine-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1440px){#home.hero .luma-cine-media{inset:0 0 0 43%}#home.hero .luma-cine-copy{padding-left:7vw}#home.hero .luma-cine-controls{left:7vw}}
@media(max-width:900px) and (min-width:701px){#home.hero .luma-cine-copy{width:50%;padding-left:48px}#home.hero .luma-cine-controls{left:48px}#home.hero .luma-cine-copy h2{font-size:70px}#home.hero .luma-cine-media{inset:0 0 0 41%}}
/* MOBILE: full image on TOP, complete text block BELOW. They never overlap. */
@media(max-width:700px){
 #home.hero .luma-cine-shell{height:clamp(635px,170vw,745px);min-height:635px;max-height:745px}
 #home.hero .luma-cine-slide::before{inset:-5%;background:radial-gradient(ellipse at 50% 24%,var(--stage-light) 0%,transparent 50%),linear-gradient(180deg,var(--stage-mid) 0%,var(--stage-dark) 76%)}
 #home.hero .luma-cine-slide::after{background:linear-gradient(180deg,transparent 0%,transparent 53%,var(--stage-dark) 66%,var(--stage-dark) 100%)}
 #home.hero .luma-cine-media{inset:0 0 auto 0;height:57%;width:100%;display:flex;justify-content:center;align-items:center;z-index:2;padding:0 22px}
 #home.hero .luma-cine-photo-stage{width:100%;max-width:440px;height:100%;filter:drop-shadow(0 20px 25px #0007)}
 #home.hero .luma-cine-media img{width:100%;height:100%;object-fit:contain;object-position:center}
 #home.hero .luma-cine-orbit{top:-14%;right:-33%;width:125%}
 #home.hero .luma-cine-copy{position:absolute;left:0;right:0;bottom:70px;top:55%;width:100%;height:auto;
    padding:10px clamp(24px,7vw,44px) 8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:5}
 #home.hero .luma-cine-eyebrow{font-size:9px;letter-spacing:.24em;margin:0 0 12px}
 #home.hero .luma-cine-copy h2{font-size:clamp(49px,12.2vw,71px);line-height:.83;margin:0 0 10px}
 #home.hero .luma-cine-copy h2 em{display:inline;margin:0 0 0 5px}
 #home.hero .luma-cine-copy p{font-size:12px;line-height:1.5;max-width:340px;margin:0 0 16px}
 #home.hero .luma-cine-cta{min-height:43px;padding:11px 18px;font-size:10px;gap:13px}
 #home.hero .luma-cine-controls{left:20px;right:20px;bottom:16px;display:flex;flex-direction:column-reverse;gap:4px;align-items:stretch}
 #home.hero .luma-cine-arrows{display:none}
 #home.hero .luma-cine-tabs{width:100%;gap:4px;justify-content:space-between}
 #home.hero .luma-cine-tab{font-size:9px;letter-spacing:0;min-height:34px;padding:6px 1px}
 #home.hero .luma-cine-spark:nth-of-type(1){top:10%;right:16%}
 #home.hero .luma-cine-spark:nth-of-type(2){top:32%;right:5%}
 #home.hero .luma-cine-spark:nth-of-type(3){top:42%;left:6%}
}
@media(max-width:360px){#home.hero .luma-cine-shell{height:630px;min-height:630px}#home.hero .luma-cine-media{height:54%}#home.hero .luma-cine-copy{top:51%;bottom:55px}#home.hero .luma-cine-copy h2{font-size:49px}#home.hero .luma-cine-copy p{font-size:11px}#home.hero .luma-cine-tabs{gap:3px}#home.hero .luma-cine-tab{font-size:8px}}
@media(prefers-reduced-motion:reduce){#home.hero .luma-cine-slide,#home.hero .luma-cine-slide.is-current,#home.hero .luma-cine-slide.is-exiting{transition:none;transform:none}#home.hero .luma-cine-shell *{animation:none!important;scroll-behavior:auto!important}}