/* Cinematic workshop title card: the existing film remains the visual lead. */
.hero-copy { animation:none!important; }
.hero .eyebrow { display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;color:rgba(222,246,245,.86)!important;font:700 9px/1.3 var(--mono)!important;letter-spacing:.14em!important;text-shadow:0 2px 12px rgba(0,0,0,.7);animation:home-copy-in .7s .1s both; }
.hero .eyebrow .dash { display:block!important;width:23px!important;height:1px!important;background:#59ccd3!important; }
.hero h1 { width:100%!important;max-width:850px!important;margin:0!important;font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-size:clamp(72px,8.3vw,124px)!important;font-weight:760!important;line-height:.94!important;letter-spacing:-.067em!important;text-wrap:initial!important; }
.hero-title-static { display:block;white-space:nowrap;animation:home-title-in .85s .18s both; }
.hero-phrase-stage { position:relative;display:block;height:1.88em; }
.hero-phrase { position:absolute;inset:0;display:block;visibility:hidden;opacity:0;transform:translateY(13px);filter:blur(6px);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.75,.25,1),filter .65s ease,visibility 0s linear .65s; }
.hero-phrase.is-active { visibility:visible;opacity:1;transform:none;filter:none;transition-delay:0s; }
.hero-phrase>span,.hero-phrase>em { display:block;white-space:nowrap;font:inherit;line-height:.94; }
.hero-phrase>em { color:#59c8d3!important;font-style:normal; }
.hero-phrase.is-active>span { animation:home-title-in .75s .14s both; }
.hero-phrase.is-active>em { animation:home-title-in .8s .26s both; }
.hero-description { margin:17px 0 21px!important;max-width:36ch!important;color:rgba(239,250,250,.88)!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;font-size:clamp(14px,1.2vw,17px)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:-.012em!important;text-shadow:0 2px 13px rgba(0,0,0,.65);animation:home-copy-in .8s .9s both; }
.hero-description { max-width:54ch!important;width:100%; }
.hero-signal { align-items:center!important;gap:10px 22px!important; }
.hero-hyundai-link { position:relative;display:inline-flex!important;align-items:center;gap:9px;padding:8px 13px!important;border:1px solid rgba(102,222,230,.58);border-radius:999px;background:linear-gradient(110deg,rgba(16,69,75,.76),rgba(9,24,28,.78));box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 20px rgba(0,0,0,.2),0 0 22px rgba(48,193,204,.1);color:#e6ffff!important;text-decoration:none!important;font:700 9px/1.2 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;letter-spacing:.035em!important;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s; }
.hero-hyundai-link>i { position:relative;display:block!important;flex:none;width:7px;height:7px;border:0!important;border-radius:50%;background:#70e5e8!important;box-shadow:0 0 10px rgba(89,221,231,.78); }
.hero-hyundai-link>i:after { content:"";position:absolute;inset:-4px;border:1px solid rgba(95,218,227,.46);border-radius:50%;animation:hyundai-link-pulse 2.8s ease-out infinite; }
.hero-hyundai-link>b { margin-left:4px;color:#83e6e9;font-size:13px;line-height:1;font-weight:500; }
.hero-hyundai-link:hover { transform:translateY(-1px);border-color:#8af5f3;background:linear-gradient(110deg,rgba(18,92,99,.88),rgba(10,34,38,.88));box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.27),0 0 26px rgba(48,193,204,.2); }
.hero-scroll-cue { position:absolute;z-index:4;left:50%;bottom:70px;display:grid;justify-items:center;gap:3px;min-width:120px;transform:translateX(-50%);color:rgba(230,249,248,.78);text-decoration:none;text-align:center;font:700 7px/1.4 var(--mono);letter-spacing:.16em; }
.hero-scroll-cue svg { display:block;width:27px;height:36px;overflow:visible;fill:none;stroke:#8be8e7;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(65,207,215,.25));animation:scroll-arrow-breathe 2.1s ease-in-out infinite; }
.hero-scroll-cue span { opacity:.68;transition:opacity .2s; }
.hero-scroll-cue:hover span { opacity:1; }
@keyframes scroll-arrow-breathe { 0%,100%{transform:translateY(-2px);opacity:.65}50%{transform:translateY(5px);opacity:1} }
@keyframes hyundai-link-pulse { 0%{transform:scale(.7);opacity:.65}80%,100%{transform:scale(1.55);opacity:0} }
@media(min-width:761px) {
  .hero-copy { width:min(100%, 920px)!important;max-width:920px!important; }
  .hero h1 { width:100%!important;max-width:none!important;overflow:visible!important;font-size:clamp(66px,7.6vw,110px)!important; }
  .hero-phrase-stage,.hero-phrase { overflow:visible!important; }
  .hero .cinema-media { pointer-events:none!important; }
}
@keyframes home-title-in { from { opacity:0;transform:translateY(18px);clip-path:inset(0 0 100% 0);letter-spacing:-.035em; } to { opacity:1;transform:none;clip-path:inset(0);letter-spacing:-.067em; } }
@keyframes home-copy-in { from { opacity:0;transform:translateY(10px); } to { opacity:1;transform:none; } }
@media(max-width:760px) {
  .hero { height:100svh!important;min-height:0!important; }
  .hero-copy { justify-content:flex-end!important;padding:calc(var(--header-h) + 10px) 20px clamp(38px,5svh,54px)!important; }
  .hero .eyebrow { margin-bottom:14px!important;font-size:8px!important;letter-spacing:.13em!important; }
  .hero h1 { max-width:calc(100vw - 40px)!important;font-size:clamp(50px,13.35vw,65px)!important;font-weight:750!important;line-height:.94!important; }
  .hero-description { margin:13px 0 17px!important;max-width:100%!important;width:100%!important;font-size:14px!important;line-height:1.5!important; }
  .hero-signal { max-width:100%; }
  .hero-hyundai-link { min-height:34px;padding:8px 12px!important;font-size:9px!important; }
  .hero-scroll-cue { bottom:clamp(116px,17vh,154px); }
}
@media(max-width:350px) {
  .hero h1 { font-size:clamp(45px,13vw,50px)!important; }
  .hero .eyebrow { font-size:7px!important; }
  .hero-copy { padding-bottom:34px!important; }
}
@media(max-height:680px) and (max-width:760px) {
  .hero-copy { padding-bottom:25px!important; }
  .hero .eyebrow { margin-bottom:10px!important; }
  .hero h1 { font-size:clamp(43px,11.8vw,54px)!important; }
  .hero-description { margin:8px 0 10px!important; }
  .hero-scroll-cue { bottom:120px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero .eyebrow,.hero-title-static,.hero-phrase.is-active>span,.hero-phrase.is-active>em,.hero-description { animation:none!important; }
  .hero-phrase { transition:none!important;filter:none!important;transform:none!important; }
  .hero-scroll-cue svg,.hero-hyundai-link>i:after { animation:none!important; }
}