:root { --paper:#f5f4ef; --ink:#111214; --red:#e21b15; --grey:#8d8e8c; --line:#d5d5cf; }
    * { box-sizing:border-box; }
    html { background:var(--paper); scroll-snap-type:y mandatory; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
    .slide { min-height:100svh; position:relative; overflow:hidden; padding:25px 29px; scroll-snap-align:start; border-bottom:1px solid var(--line); display:flex; flex-direction:column; }
    .meta { display:flex; justify-content:space-between; gap:14px; font-size:10px; letter-spacing:.13em; font-weight:900; text-transform:uppercase; z-index:4; }
    .muted { color:var(--grey); } .red { color:var(--red); }
    .eyebrow { font-size:11px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; margin:0 0 14px; }
    .hero { padding-bottom:0; }
    .hero-copy { position:relative; z-index:3; margin:auto 0 0; max-width:650px; }
    .hero h1, .giant { margin:0; font-size:clamp(54px,15vw,170px); line-height:.78; letter-spacing:-.11em; }
    .hero .lead { font:clamp(18px,2.2vw,26px)/1.22 Arial,Helvetica,sans-serif; max-width:495px; margin:20px 0 28px; }
    .hero-image { height:48svh; margin:0 -29px; position:relative; overflow:hidden; }
    .hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; animation:drift 12s ease-in-out infinite alternate; }
    .hero-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 48%); }
    .rule { height:8px; background:var(--red); position:absolute; bottom:0; left:0; right:0; }
    .type { margin:auto 0 0; }
    .type h2 { font-size:clamp(44px,11.5vw,140px); line-height:.8; letter-spacing:-.1em; margin:0; }
    .type p { font:clamp(18px,2.2vw,27px)/1.28 Arial,Helvetica,sans-serif; max-width:610px; margin:20px 0; }
    .matrix { margin-top:25px; border-top:1px solid var(--ink); }
    .matrix div { display:grid; grid-template-columns:86px 1fr; gap:12px; padding:14px 0; border-bottom:1px solid var(--ink); font-size:16px; line-height:1.15; }
    .matrix b { color:var(--red); font-size:11px; letter-spacing:.12em; }
    .image-slide { padding-bottom:0; }
    .image-slide .frame { margin:20px -29px 0; flex:1; min-height:420px; position:relative; overflow:hidden; background:#111; }
    .image-slide img { height:100%; width:100%; object-fit:cover; animation:drift 11s ease-in-out infinite alternate; }
    .image-slide .overlay { position:absolute; inset:0; padding:29px; color:#fff; background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,.02) 65%); display:flex; flex-direction:column; justify-content:flex-end; }
    .overlay h2 { font-size:clamp(43px,11vw,128px); line-height:.79; letter-spacing:-.1em; margin:0; }
    .overlay p { font:18px/1.25 Arial,Helvetica,sans-serif; max-width:540px; margin:18px 0 0; }
    .phone-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:auto 0 0; }
    .phone { aspect-ratio:9/16; background:var(--ink) center/cover no-repeat; color:var(--paper); padding:15px; display:flex; flex-direction:column; justify-content:flex-end; border-radius:22px; border:6px solid #303133; position:relative; overflow:hidden; isolation:isolate; }
    .phone:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08) 70%); }
    .phone:nth-child(1){background-image:url('/pulse-assets/action-track.png')}.phone:nth-child(2){background-image:url('/pulse-assets/cockpit.png')}
    .phone small { font-weight:900; letter-spacing:.1em; color:#a9a9a6; }
    .phone b { font-size:clamp(23px,5vw,54px); line-height:.83; letter-spacing:-.08em; margin:9px 0; }
    .phone span { font:13px/1.2 Arial,Helvetica,sans-serif; }
    .route { margin-top:25px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
    .route div { border-top:7px solid var(--ink); font-size:14px; line-height:1.15; padding-top:10px; }
    .route b { display:block; color:var(--red); font-size:10px; letter-spacing:.1em; margin-bottom:7px; }
    .proof { margin:auto 0 0; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); gap:1px; background:var(--ink); }
    .proof a { background:var(--paper) center/cover no-repeat; padding:18px; min-height:145px; position:relative; isolation:isolate; color:var(--paper); display:flex; flex-direction:column; justify-content:end; text-decoration:none; }
    .proof a:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.06));transition:background .2s ease}.proof a:hover:before,.proof a:focus-visible:before{background:linear-gradient(0deg,rgba(0,0,0,.48),rgba(226,27,21,.22))}.proof a:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.proof a:nth-child(1){background-image:url('/pulse/experience/posters/choose.jpg')}.proof a:nth-child(2){background-image:url('/pulse/experience/posters/enter.jpg')}.proof a:nth-child(3){background-image:url('/pulse/experience/posters/feel.jpg')}.proof a:nth-child(4){background-image:url('/pulse/experience/posters/share.jpg')}
    .proof small { color:#fff; font-weight:900; letter-spacing:.1em; }
    .proof b { display:block; font-size:clamp(20px,4vw,37px); line-height:.92; letter-spacing:-.07em; margin-top:17px; }
    .close { justify-content:center; }
    .close .tag { margin-top:27px; padding:13px 15px; background:var(--ink); color:var(--paper); font-size:11px; font-weight:900; letter-spacing:.12em; align-self:flex-start; }
    .controls { position:fixed; right:20px; bottom:20px; z-index:9; display:flex; gap:6px; }
    .controls button { width:42px; height:42px; border:1px solid var(--ink); background:var(--paper); font-size:19px; }
    .progress { position:fixed; z-index:10; bottom:0; left:0; right:0; height:6px; background:#dbdbd6; }
    .progress i { display:block; background:var(--red); height:100%; width:16.67%; transition:width .3s; }
    @keyframes drift { to { transform:scale(1.08) translate3d(-1.5%,-1%,0); } }
    @media (min-width:760px) { .slide { padding:42px 72px; } .hero-image,.image-slide .frame { margin-left:-72px; margin-right:-72px; } .hero-image { height:52svh; } .image-slide .overlay { padding:72px; } .proof { grid-template-columns:repeat(4,1fr); } .controls { right:34px; bottom:30px; } }
  @media (max-width:640px) { html{scroll-snap-type:none}.slide{min-height:0;padding:18px 24px 34px}.hero{min-height:100svh}.hero-image{height:42svh;margin-left:-24px;margin-right:-24px}.image-slide .frame{flex:none;min-height:0;height:auto;aspect-ratio:4/5;margin:14px -24px 0}.image-slide .overlay{padding:24px}.controls{right:14px;bottom:18px} }