.ph{--g:#D2AB67;--g1:#F4DCA6;--g2:#B98A43;position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-height:calc(100svh + 92px);overflow:hidden;background:#141311;color:#fff;text-align:center;font-family:"Montserrat",sans-serif}
.ph *{box-sizing:border-box}
.ph-sl{position:absolute;inset:0;z-index:-2;margin:0;padding:0;list-style:none}
.ph-sl li{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.8s ease}
.ph-sl li.is-on{opacity:1}
.ph-sl img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.06);transition:transform 10s linear}
.ph-sl li.is-on img{transform:scale(1)}
.ph:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(20,19,17,.55) 0%,rgba(20,19,17,0) 22%,rgba(20,19,17,0) 45%,rgba(20,19,17,.78) 100%)}
.ph-in{width:100%;max-width:1100px;padding:0 24px 120px}
.ph-orn{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 26px;color:var(--g);animation:ph-up 1s .1s both}
.ph-orn:before,.ph-orn:after{content:"";width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--g))}
.ph-orn:after{transform:scaleX(-1)}
.ph-orn svg{width:14px;height:14px;fill:currentColor}
.ph h1{margin:0;font-family:"Advent Pro",sans-serif;font-size:15px;font-weight:400;letter-spacing:.5em;line-height:1.6;text-transform:uppercase;color:rgba(255,255,255,.85);animation:ph-up 1s .25s both}
.ph-d{margin:16px 0 0;font-family:"Advent Pro",sans-serif;font-size:96px;font-weight:200;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.35);animation:ph-up 1.1s .4s both}
.ph-d b{font-weight:600;background:linear-gradient(180deg,var(--g1),var(--g) 55%,var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ph h1 .ph-s{display:inline-block;font-size:.58em;font-weight:200;letter-spacing:.1em;line-height:1.1}
.ph-dots{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);display:flex;gap:10px;animation:ph-up 1s .7s both}
.ph-dots button{position:relative;width:34px;height:14px;padding:0!important;margin:0;border:0!important;background:none!important;box-shadow:none!important;cursor:pointer}
.ph-dots button:before,.ph-dots button:after{content:"";position:absolute;left:0;top:6px;height:1px}
.ph-dots button:before{right:0;background:rgba(255,255,255,.3)}
.ph-dots button:after{width:0;background:var(--g1)}
.ph-dots button.is-on:after{animation:ph-bar 7s linear forwards}
.ph-dots button:focus-visible{outline:1px solid var(--g);outline-offset:3px}
@keyframes ph-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes ph-bar{from{width:0}to{width:100%}}
@media (max-width:1024px){.ph-d{font-size:72px}}
@media (max-width:767px){
  .ph{min-height:calc(100svh - 140px)}
  .ph-in{padding:0 18px 96px}
  .ph-orn{margin-bottom:18px}
  .ph-orn:before,.ph-orn:after{width:36px}
  .ph h1{font-size:11px;letter-spacing:.32em}
  .ph-d{font-size:46px;margin-top:12px}
  .ph-dots{bottom:34px}
  .ph-dots button{width:24px}
}
@media (prefers-reduced-motion:reduce){.ph *,.ph-sl img{animation:none!important;transition:none!important}}