.hd.over{position:fixed;transition:background .25s,color .25s}
.hd.over.solid .mk .lg,.hd.over.solid .mk small{display:none}
.hd.over.solid{background:#fff;color:var(--ink)}
.hd.over.solid nav .hot{color:#1D512F}
.hd.over.solid .mk .wm{display:block}
.clip{position:relative;clip-path:inset(0);overflow:hidden}
.flg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;z-index:1}
.flg .lg{width:62px;height:120px;background:#fff}
.flg.half{left:75%}
.flg small{font-family:var(--w);font-weight:300;font-size:8px;letter-spacing:.6em;padding-left:.6em;color:#fff}
.hero{height:900px;max-height:100svh;min-height:600px;background:#222 center 30%/cover no-repeat}
.na{position:relative;padding:110px 0 120px;overflow:hidden;background:#fff}
.vp{--s:20vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none}
.vp::-webkit-scrollbar{display:none}
.vp.drag{cursor:grabbing;scroll-snap-type:none}
.trk{display:flex;padding-inline:calc(50% - var(--s) / 2)}
.it{flex:0 0 var(--s);height:720px;position:relative;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}
.it>a{display:block;line-height:0}
.it img{height:400px;width:auto;max-width:none;object-fit:contain;transform:scale(1);transform-origin:50% 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none;will-change:transform}
.it.on img{transform:scale(1.7)}
.it .tg{position:absolute;left:14%;top:calc(50% - 222px);display:flex;gap:14px;text-transform:uppercase;transition:top .45s cubic-bezier(.2,.7,.2,1)}
.it.on .tg{opacity:0}
.it .tg{transition:opacity .3s}
.it .cp{position:absolute;left:4%;top:calc(50% + 356px);display:grid;gap:3px;opacity:0;transition:opacity .3s;pointer-events:none}
.it.on .cp{opacity:1;pointer-events:auto}
.vp.nt .it img,.vp.nt .it .tg,.vp.nt .it .cp{transition:none!important}
.cp b{font-size:10px;font-weight:700;text-transform:uppercase;color:#000;margin-top:6px}
.cp .bm{margin:0}
.na .ar{position:absolute;top:50%;z-index:2;width:30px;height:30px;display:grid;place-items:center}
.na .ar.p{left:30px}.na .ar.n{right:30px}
.na .lab{position:absolute;left:calc(50% - 10vw);top:110px;text-transform:uppercase;z-index:2}
.split{display:grid;grid-template-columns:1fr 1fr}
.split .gp{background:var(--tile);display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px 70px}
.split h2{margin:0;font-family:var(--w);font-weight:200;font-size:16px;letter-spacing:.42em;padding-left:.42em;color:#000}
.split p{margin:26px 0 0;max-width:46ch;font-size:10px;line-height:11px;text-transform:uppercase}
.split .gp img{height:300px;width:auto;margin:70px 0 60px}
.split .nm{font-size:12px;font-weight:500;text-transform:uppercase;color:#000}
.split .ds{margin-top:40px;width:130px;height:40px;border:1px solid #000;border-radius:20px;display:grid;place-items:center;font-size:10px;text-transform:uppercase}
.split .ph{min-height:989px;background:#222 center/cover no-repeat}
.cap{position:absolute;left:24px;bottom:24px;color:#fff;text-transform:uppercase;z-index:2}
.vid{height:900px;max-height:100svh;background:#111}
.vid video{object-position:50% 62%}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .hero{height:100svh;min-height:560px;max-height:none;background-position:62% 30%}
  .flg .lg{width:48px;height:92px}
  .na{padding:74px 0 70px}
  .na .lab{left:16px;top:74px}
  .na{padding:74px 0 70px}
  .vp{--s:100vw}
  .it{height:auto;flex-direction:column;padding:40px 0 0}
  .it img,.it.on img{height:auto;width:62vw;transform:none}
  .it .tg{display:none}
  .it .cp,.it.on .cp{position:static;opacity:1;pointer-events:auto;align-self:flex-end;margin:26px 22px 0 0}
  .flg.half{left:50%}
  .it .tg{display:none}
  .it.on .cp{align-self:flex-end;padding-left:0;margin-right:22px;margin-top:26px}
  .na .ar{top:48%}.na .ar.p{left:16px}.na .ar.n{right:16px}
  .split{grid-template-columns:1fr}
  .split .ph{order:-1;min-height:844px}
  .split .gp{padding:56px 24px 60px}
  .split h2{font-size:11px}
  .split .gp img{height:250px;margin:60px 0 50px}
  .vid{height:100svh;max-height:none}
  .vid video{transform:scale(1.6);transform-origin:50% 90%}
}