/* The original film ends cleanly before this editorial arrival page. */
.intro-track{--intro-top:calc(86px + var(--review-offset,0px));height:calc(400vh + var(--intro-top));height:calc(400svh + var(--intro-top));padding-top:var(--intro-top)}
.intro-stage{top:var(--intro-top);height:calc(100vh - var(--intro-top));height:calc(100dvh - var(--intro-top))}
.intro-stage{isolation:isolate}
.snd-dock[hidden]{display:none!important}
.arrival{position:relative;min-height:100svh;background:#111711;border-block:1px solid var(--line);overflow:hidden}
.arrival-image{position:absolute;inset:0 0 0 auto;width:62%;overflow:hidden;opacity:.82;mask-image:linear-gradient(to right,transparent 0%,#000 60%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 60%)}
.arrival-image img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;filter:sepia(.3) saturate(.68) brightness(.5) contrast(1.04)}
.arrival-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#111711 0%,transparent 45%)}
.arrival-copy{position:relative;z-index:1;display:flex;align-items:center;min-height:100svh;width:58%;padding:130px clamp(45px,7vw,135px) 110px max(48px,calc((100vw - 1280px)/2))}
.arrival-copy-inner{max-width:520px}
.arrival .eyebrow{margin-bottom:29px}
.arrival h1{font-size:clamp(82px,8.8vw,148px);line-height:.9;letter-spacing:-.06em}
.arrival h1 em{display:inline-block;margin-top:9px;color:var(--gold)}
.arrival-roles{margin-top:38px;font-size:17px;letter-spacing:.015em}
.arrival-lede{max-width:430px;margin-top:18px;color:var(--muted);font-size:17px;line-height:1.65}
.arrival .button{margin-top:37px;min-width:207px}
.arrival-note{margin-top:90px;color:var(--gold);font:italic 17px/1.6 Fraunces,Georgia,serif}
.arrival-note span{display:block;color:var(--muted)}
.story-origin{position:relative;display:flex;align-items:center;gap:0;max-width:450px;height:278px;margin:2px 0 13px;overflow:hidden}
.story-origin img{align-self:flex-start;width:280px;height:auto;filter:sepia(.27) saturate(.76) brightness(.91) contrast(.98);opacity:.84;mask-image:radial-gradient(ellipse 95% 65% at 50% 25%,#000 35%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 95% 65% at 50% 25%,#000 35%,transparent 85%)}
html.story-photo-clear .story-origin img{filter:sepia(.2) saturate(.82) brightness(.96) contrast(1.03);opacity:.96;mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 78%)}
.story-origin figcaption{margin-left:-5px;max-width:170px;color:var(--muted);font-size:12px;line-height:1.6}
.story-origin figcaption span{display:block;margin-bottom:9px;color:var(--gold);font:10px "Space Mono",monospace;text-transform:uppercase;letter-spacing:.16em}
.brand-relationships{margin-top:88px;padding-top:43px;border-top:1px solid var(--line)}
.brand-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}
.brand-heading .eyebrow{margin-bottom:13px}
.brand-heading h3{font:400 clamp(27px,3vw,37px)/1.1 Fraunces,Georgia,serif;letter-spacing:-.025em}
.brand-heading>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.55}
.brand-list{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:28px 0 0;padding:0}
.brand-list li{margin:0 20px 10px 0;padding:5px 20px 5px 0;border-right:1px solid var(--line);color:var(--cream);font-size:12px;font-weight:500;letter-spacing:.045em;line-height:1.35}
.brand-list li:last-child{border-right:0}
.brand-more{margin-top:11px}
.brand-more summary{display:inline-flex;align-items:center;gap:15px;color:var(--gold);font-size:12px;letter-spacing:.035em;cursor:pointer;list-style:none}
.brand-more summary::-webkit-details-marker{display:none}
.brand-more summary span{font-size:19px;line-height:1}
.brand-more[open] summary span{transform:rotate(45deg)}
.brand-more .brand-list{margin-top:18px}
.news-card{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:44;width:min(332px,calc(100vw - 28px));padding:24px 20px 18px;background:#0d1a11f2;border:1px solid #bca56e58;border-radius:7px;box-shadow:0 18px 52px #0009;backdrop-filter:blur(14px);opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.news-card[hidden]{display:none}
.news-card.in{opacity:1;pointer-events:auto;transform:none}
.news-card::before{content:"";position:absolute;inset:-1px -1px auto;height:2px;background:linear-gradient(90deg,#ce3b44 0 33.4%,#d9b33c 33.4% 66.7%,#2fa36b 66.7%)}
.news-card .eyebrow{margin:0 0 10px;color:var(--gold)}
.news-card h2{font:italic 300 23px/1.2 Fraunces,Georgia,serif;margin:0 0 9px}
.news-card>p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 15px}
.news-card .news-close{position:absolute;right:5px;top:5px;border:0;background:transparent;color:var(--muted);font-size:23px;width:40px;height:40px;cursor:pointer}
.news-card .news-close:hover,.news-card .news-close:focus-visible{color:var(--ink)}
.news-card-row{display:flex;gap:8px}
.news-card-row input{flex:1;min-width:0;min-height:43px;margin:0;padding:9px 11px;background:#16251a;border:1px solid var(--line);border-radius:3px;color:var(--ink);font:12px "Space Mono",monospace}
.news-card-row button{flex:none;min-height:43px;padding:9px 14px;border:1px solid var(--gold);border-radius:3px;background:transparent;color:var(--gold);font:11px "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.news-card-row button:hover{background:var(--gold);color:#111711}
.news-card .form-status{margin:10px 0 0;min-height:0;font-size:12px}
.news-card .news-fine{margin:11px 0 0!important;font:10px/1.5 "Space Mono",monospace!important;color:var(--muted)!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:900px){
  .arrival-copy{padding-left:35px;padding-right:30px}
  .arrival h1{font-size:clamp(68px,10vw,108px)}
}
@media(max-width:700px){
  .intro-track{--intro-top:calc(70px + var(--review-offset,0px))}
  .intro-beat{font-size:clamp(19px,5vw,24px);letter-spacing:.02em}
  .arrival{min-height:100svh}
  .arrival-image{inset:0;width:100%;height:100%;opacity:.68;mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 86%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 86%)}
  .arrival-image img{object-position:50% 22%;filter:sepia(.26) saturate(.7) brightness(.62)}
  .arrival-image::after{background:linear-gradient(to top,#111711 0%,transparent 45%)}
  .arrival-copy{width:100%;min-height:100svh;align-items:flex-end;padding:42svh 25px 55px;background:linear-gradient(to top,#111711 0%,#111711d9 25%,transparent 70%)}
  .arrival .eyebrow{margin-bottom:18px}
  .arrival h1{font-size:clamp(74px,20vw,110px)}
  .arrival-roles{margin-top:28px;font-size:15px}
  .arrival-lede{font-size:15px}
  .arrival-note{margin-top:48px}
  .story-origin{height:242px;margin-block:0 10px}
  .story-origin img{width:225px}
  .brand-relationships{margin-top:62px;padding-top:32px}
  .brand-heading{display:block}
  .brand-heading>p{margin-top:15px}
  .brand-list{margin-top:22px}
  .brand-list li{font-size:11px;margin-right:13px;padding-right:13px}
  .news-card{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto}
  .intro-stage{background:#02070b url("photos/entrance/seqp/f138.webp") center/cover no-repeat}
}
@media(max-width:360px){.arrival-copy{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){
  .news-card{transition:none}
  .intro-track{height:100vh;height:100svh}
  .intro-stage{height:calc(100vh - var(--intro-top));height:calc(100svh - var(--intro-top));top:0}
  .intro-beat{display:none}
}
.intro-track.static{height:100vh;height:100svh}
.intro-track.static .intro-stage{position:relative;top:0;height:calc(100svh - var(--intro-top));background:#02070b url("photos/entrance/seq/f138.webp") center/cover no-repeat}
.intro-track.static #introCanvas,.intro-track.static .intro-gate,.intro-track.static .intro-cue,.intro-track.static .intro-skip,.intro-track.static .intro-coords,.intro-track.static .intro-cap,.intro-track.static .intro-beat,.intro-track.static~.snd-dock{display:none!important}
@media(max-width:700px){.intro-track.static .intro-stage{background-image:url("photos/entrance/seqp/f138.webp")}}
html:not(.has-js) .intro-track{height:100vh;height:100svh}
html:not(.has-js) .intro-stage{position:relative;top:0;height:calc(100svh - var(--intro-top));background:#02070b url("photos/entrance/seq/f138.webp") center/cover no-repeat}
html:not(.has-js) #introCanvas,html:not(.has-js) .intro-gate,html:not(.has-js) .intro-cue,html:not(.has-js) .intro-skip,html:not(.has-js) .intro-coords,html:not(.has-js) .intro-cap,html:not(.has-js) .intro-beat,html:not(.has-js) .snd-dock{display:none!important}
@media(max-width:700px){html:not(.has-js) .intro-stage{background-image:url("photos/entrance/seqp/f138.webp")}}
