/* One introduction: complete film, with text on the film or in its mobile margins. */
.craft-video-intro{clip-path:none;background:#f3f2ed}
.craft-film-ambience{display:none;pointer-events:none;z-index:0}
.craft-video-intro .craft-film-page{position:absolute;left:50%;top:50%;width:min(90vw,1280px,calc((100svh - var(--header) - 80px)*2.133333));aspect-ratio:1536/720;transform:translate(-50%,-50%);isolation:isolate;z-index:1;background:#f3f2ed;border-radius:18px;overflow:hidden}
.craft-video-intro video{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;background:#f3f2ed;pointer-events:none;border-radius:18px}
.craft-video-intro .craft-film-page::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#000a 0%,#0008 28%,transparent 62%),linear-gradient(120deg,#0009,transparent 40%);pointer-events:none}
.craft-video-intro .craft-cover-kicker{top:24px;left:28px;z-index:2}
.craft-video-intro .craft-cover-heading{left:6.5%;right:auto;top:auto;bottom:11%;transform:none;text-align:left;z-index:2}
.craft-video-intro .craft-cover-heading h2{font-size:clamp(32px,5vw,76px);transform:none}
.craft-video-intro .craft-cover-heading>p{margin-top:18px;transform:none}
.craft-video-intro .craft-explore{left:auto;right:6%;bottom:18px;transform:none;z-index:2}
@media(max-width:800px){
  .craft-video-intro{background:#1e2a30}
  .craft-film-ambience{display:block;position:absolute;inset:-8%;width:116%;height:116%;filter:blur(28px) saturate(.85) brightness(.46);background:#1e2a30}
  .craft-video-intro .craft-film-page{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(64px,1fr) auto auto auto auto minmax(24px,1fr);color:#f0f2f1;background:transparent;border-radius:0;overflow:visible}
  .craft-video-intro .craft-film-page::before{content:none}
  .craft-video-intro video{position:relative;inset:auto;grid-column:1;grid-row:3;align-self:center;justify-self:center;width:min(calc(100% - 24px),calc((100svh - var(--header) - 330px)*2.133333));height:auto;aspect-ratio:1536/720;margin:24px 0 20px;border-radius:14px;background:transparent;box-shadow:0 12px 32px #00000038}
  .craft-video-intro .craft-cover-kicker{top:24px;left:24px;color:#ffffffad;font-size:11px}
  .craft-video-intro .craft-cover-heading{display:contents;position:static;transform:none;text-shadow:0 2px 14px #00000045}
  .craft-video-intro .craft-cover-heading h2{grid-column:1;grid-row:2;align-self:center;justify-self:center;font-size:clamp(30px,9.5vw,40px);color:#f0f2f1;letter-spacing:.06em}
  .craft-video-intro .craft-cover-heading>p{grid-column:1;grid-row:4;align-self:start;justify-self:center;margin:0;color:#ffffffd6;font-size:13px;letter-spacing:.1em}
  .craft-video-intro .craft-explore{position:relative;inset:auto;grid-column:1;grid-row:5;align-self:center;justify-self:center;transform:none;margin:28px 0 0;color:#ffffffd6;font-size:12px}
  .craft-video-intro .craft-explore span{margin-top:10px}
}
@media(min-width:801px) and (max-height:620px){
  .craft-video-intro .craft-cover-kicker{top:12px;left:18px;font-size:9px}
  .craft-video-intro .craft-cover-heading h2{font-size:32px}
  .craft-video-intro .craft-cover-heading>p{font-size:11px;margin-top:10px}
  .craft-video-intro .craft-explore{bottom:4px;padding:4px 12px;font-size:10px}
  .craft-video-intro .craft-explore span{font-size:16px;margin-top:6px}
}
@media(max-width:800px) and (orientation:landscape),(max-width:800px) and (max-height:540px){
  .craft-video-intro .craft-film-page{grid-template-rows:82px minmax(0,1fr) 82px}
  .craft-video-intro video{grid-row:2;width:auto;height:min(100%,calc((100vw - 40px)*.46875));max-width:100%;justify-self:center;margin:0}
  .craft-video-intro .craft-cover-kicker{top:8px;left:12px;font-size:10px}
  .craft-video-intro .craft-cover-heading h2{grid-row:1;font-size:28px;align-self:end;margin-bottom:8px}
  .craft-video-intro .craft-cover-heading>p{grid-row:3;font-size:12px;margin-top:6px}
  .craft-video-intro .craft-explore{grid-row:3;align-self:end;margin:0 0 4px;padding:4px 12px;min-height:44px;font-size:11px}
  .craft-video-intro .craft-explore span{font-size:14px;margin-top:2px}
}