/* KOZMOTIP LANDING — polished celestial overlay */
.landing-content{
  bottom:5.8svh;
  width:min(1280px,96vw);
  gap:18px;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.34));
}

.landing-title{
  margin:0 0 20px;
  padding:0 .1em 30px;
  font-family:"Bodoni MT","Didot","Times New Roman",serif;
  font-size:clamp(54px,5.45vw,92px);
  font-weight:400;
  line-height:.94;
  letter-spacing:.018em;
  white-space:nowrap;
  background:
    linear-gradient(180deg,#fffdf7 0%,#fff1d0 14%,#ffd38a 34%,#fff8e9 55%,#e5aa57 76%,#9f5f1f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.55px rgba(255,246,224,.48);
  text-shadow:
    0 1px 0 rgba(255,255,255,.38),
    0 2px 2px rgba(56,22,0,.94),
    0 0 9px rgba(255,219,165,.86),
    0 0 20px rgba(255,173,67,.60),
    0 0 42px rgba(255,137,20,.24),
    0 0 54px rgba(116,182,255,.10);
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.72));
}

.landing-title::before{
  left:5%;
  right:5%;
  bottom:8px;
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(234,162,69,.18) 4%,
    #d8923c 18%,
    #ffe0a0 45%,
    #fff8e0 50%,
    #ffe0a0 55%,
    #d8923c 82%,
    rgba(234,162,69,.18) 96%,
    transparent 100%);
  box-shadow:0 0 6px rgba(255,173,60,.82),0 0 14px rgba(255,161,38,.36);
}

.landing-title::after{
  content:"•  ◔  ✦  ◕  •";
  bottom:-7px;
  width:auto;
  height:auto;
  font-size:22px;
  letter-spacing:.35em;
  padding-left:.35em;
  color:#ffd07b;
  -webkit-text-fill-color:#ffd07b;
  text-shadow:0 0 8px #ffb247,0 0 16px rgba(255,154,27,.82),0 0 28px rgba(255,172,52,.42);
}

.landing-enter{
  min-width:clamp(320px,25vw,430px);
  height:clamp(64px,5.1vw,78px);
  padding:0 66px;
  border:2px solid rgba(255,207,133,.98);
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 0%,rgba(32,63,104,.96) 0%,rgba(12,29,53,.99) 38%,rgba(3,9,20,1) 100%);
  color:#fff1d4;
  font-family:"Bodoni MT","Didot","Times New Roman",serif;
  font-size:clamp(20px,1.62vw,27px);
  font-weight:400;
  letter-spacing:.22em;
  text-indent:.22em;
  box-shadow:
    inset 0 0 0 2px rgba(112,62,18,.82),
    inset 0 1px 0 rgba(255,250,232,.48),
    inset 0 -8px 20px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,177,67,.44),
    0 0 12px rgba(255,184,82,.82),
    0 0 30px rgba(255,151,26,.34),
    0 10px 28px rgba(0,0,0,.52);
  text-shadow:0 1px 0 rgba(0,0,0,.92),0 0 8px rgba(255,211,151,.56);
}

.landing-enter::before,
.landing-enter::after{
  font-size:21px;
  color:#ffd17b;
  text-shadow:0 0 8px rgba(255,178,66,1),0 0 16px rgba(255,151,27,.62);
}

.landing-enter::before{left:30px}
.landing-enter::after{right:30px}

.landing-enter:hover{
  transform:translateY(-2px) scale(1.018);
  border-color:#ffe7b5;
  filter:brightness(1.1);
  box-shadow:
    inset 0 0 0 2px rgba(127,70,20,.86),
    inset 0 1px 0 rgba(255,252,243,.56),
    0 0 0 1px rgba(255,201,111,.50),
    0 0 18px rgba(255,197,104,.92),
    0 0 40px rgba(255,156,28,.38),
    0 12px 30px rgba(0,0,0,.54);
}

/* Desktop: show a touch more of the 16:9 master without exposing empty edges. */
@media (min-width:1181px){
  .landing-video{
    left:2%;
    width:96%;
    height:100%;
    object-fit:cover;
    object-position:50% 47%;
    transform:scaleX(1.0417);
    transform-origin:50% 50%;
  }
}

@media (min-width:641px) and (max-width:1024px) and (orientation:portrait){
  .landing-content{bottom:9svh;width:95vw;gap:16px}
  .landing-title{font-size:clamp(40px,6.5vw,62px);padding-bottom:26px;margin-bottom:14px}
  .landing-title::after{font-size:18px}
  .landing-enter{min-width:min(360px,56vw);height:62px;font-size:19px;padding:0 58px}
}

@media (min-width:768px) and (max-width:1180px) and (orientation:landscape){
  .landing-content{bottom:5.4svh}
  .landing-title{font-size:clamp(44px,5.15vw,66px)}
  .landing-enter{min-width:300px;height:58px;font-size:18px}
}

@media(max-width:640px){
  .landing-content{bottom:max(13svh,calc(env(safe-area-inset-bottom) + 52px));width:92vw;gap:12px}
  .landing-title{font-size:clamp(24px,7.15vw,31px);line-height:1;letter-spacing:0;white-space:nowrap;width:100%;max-width:92vw;padding:0 0 20px;margin:0 0 7px;text-align:center}
  .landing-title::before{left:4%;right:4%;bottom:6px}
  .landing-title::after{font-size:14px;letter-spacing:.18em;padding-left:.18em;bottom:-5px}
  .landing-enter{min-width:min(78vw,300px);max-width:82vw;height:54px;padding:0 44px;font-size:16px;letter-spacing:.16em;text-indent:.16em;border-width:1.5px}
  .landing-enter::before{left:20px;font-size:14px}
  .landing-enter::after{right:20px;font-size:14px}
}

@media(max-width:380px){
  .landing-content{width:94vw}
  .landing-title{font-size:clamp(22px,6.9vw,27px);max-width:94vw}
  .landing-enter{min-width:80vw;max-width:86vw;padding:0 40px;font-size:15px}
}

@media(max-height:620px) and (orientation:landscape){
  .landing-content{bottom:4svh;gap:9px}
  .landing-title{font-size:clamp(30px,4.8vw,50px);padding-bottom:18px;margin-bottom:5px}
  .landing-title::after{font-size:14px}
  .landing-enter{height:50px;min-width:250px;font-size:15px;padding:0 44px}
}