/* Exact image supplied by the owner, not an approximation or new crown.
   Keep the photo at its original 864:746 composition. Render live UI independently. */
@media (max-width:670px){
  .crown-home{
    position:relative!important;
    isolation:isolate;
    min-height:max(calc(100vh + 96px),720px,calc(74px + 94vw + 286px))!important;
    height:max(calc(100vh + 96px),720px,calc(74px + 94vw + 286px))!important;
    max-height:none!important;
    overflow:hidden;
    background:#050404!important;
  }
  @supports (height:100dvh){
    .crown-home{
      min-height:max(calc(100dvh + 96px),720px,calc(74px + 94vw + 286px))!important;
      height:max(calc(100dvh + 96px),720px,calc(74px + 94vw + 286px))!important;
    }
  }
  .page-home .topbar{
    position:absolute!important;
    top:0!important;left:0;right:0;
    height:74px!important;
    background:#050404!important;
    box-shadow:none!important;
    z-index:28!important;
  }
  .crown-photo, .crown-film{
    position:absolute!important;
    top:74px!important;
    bottom:auto!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:94vw!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    background:#050404 url("./assets/owner_approved_crown_exact_4x.webp") center top / 100% auto no-repeat!important;
    transform:none!important;
    filter:none!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.98) 88%,transparent 94%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.98) 88%,transparent 94%)!important;
    pointer-events:none!important;
  }
  .crown-photo{z-index:1!important}
  .crown-film{z-index:2!important;object-position:center top!important;opacity:0}
  .crown-home.video-playing .crown-film{opacity:1}
  .crown-home::after{display:none!important}
  .crown-grain{display:none!important}
  .crown-mountain-flakes{display:none!important}
  .crown-copy{
    position:absolute!important;
    top:calc(74px + 94vw - 5px)!important;
    bottom:auto!important;
    left:0!important;right:0!important;
    padding:0 3%!important;
    margin:0 auto!important;
    width:100%!important;
    max-width:100%!important;
    z-index:12!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    background:#050404;
  }
  .crown-copy::before,.crown-copy h1::before{display:none!important}
  .crown-copy h1{
    margin:0 0 11px!important;
    padding:0!important;
    font-family:var(--display)!important;
    font-size:clamp(29px,7.8vw,39px)!important;
    font-weight:500!important;
    letter-spacing:.055em!important;
    line-height:1.09!important;
    white-space:nowrap!important;
    color:#f6ebdf!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:0 2px 10px #000a!important;
  }
  .crown-copy h1 span{color:#f6ebdf!important}
  .crown-copy p{
    margin:0 0 19px!important;
    color:#f0e9e2!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.11em!important;
    line-height:1.65!important;
  }
  .crown-shop-btn,.crown-shop-btn:hover,.crown-shop-btn:focus-visible{
    display:flex!important;
    width:84%!important;
    max-width:365px!important;
    min-height:47px!important;
    margin:0!important;
    padding:0 15px!important;
    background:linear-gradient(#f1d39c,#d7ad70)!important;
    border:1px solid #e5c28a!important;
    border-radius:5px!important;
    font-size:11px!important;
    letter-spacing:.035em!important;
    font-weight:700!important;
    color:#17120b!important;
    text-shadow:none!important;
    box-shadow:0 2px 7px #0006!important;
  }
  .crown-trust{
    display:flex!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    font-size:8px!important;
    letter-spacing:.015em!important;
    color:#c8beb1!important;
    margin:48px 0 30px!important;
  }
  .crown-trust span{padding:3px 8px!important}
}
@media (min-width:671px){
  .crown-home{background:#050404!important}
  .crown-photo,.crown-film{background-image:url("./assets/owner_approved_crown_exact_4x.webp")!important;background-size:contain!important;background-position:center 74px!important;background-repeat:no-repeat!important}
  .crown-mountain-flakes{display:none!important}
}


/* 20261011-fullscreen-art-real-v22 — actual approved picture across whole phone hero.
   Never place heading/button/trust on a separate black slab on mobile. */
@media (max-width:670px) {
 .crown-home {
   position:relative!important;isolation:isolate!important;
   height:100svh!important;min-height:100svh!important;max-height:none!important;
   overflow:hidden!important;background:#080604!important;
 }
 @supports (height:100dvh){
  .crown-home{height:100dvh!important;min-height:100dvh!important}
 }
 .page-home .topbar{
   height:74px!important;top:0!important;background:#050404!important;z-index:30!important;
 }
 .crown-art-panel{
   position:absolute!important;inset:74px 0 0!important;z-index:4!important;
   display:block!important;pointer-events:none!important;
   background-image:url("./assets/king_pauper_fullscreen_approved_4k_v23.webp")!important;
   background-position:center center!important;
   background-size:100% 100%!important;
   background-repeat:no-repeat!important;
 }
 .crown-photo,.crown-film,.crown-grain,.crown-mountain-flakes{
   display:none!important;visibility:hidden!important;
 }
 .crown-home:after,.crown-home::after{display:none!important}
 .crown-copy{
   position:absolute!important;inset:74px 0 0!important;
   z-index:12!important;width:100%!important;height:auto!important;
   padding:0!important;max-width:none!important;margin:0!important;
   left:0!important;right:0!important;top:74px!important;bottom:0!important;
   display:block!important;background:transparent!important;
   pointer-events:none!important;
 }
 .crown-copy::before,.crown-copy h1::before{display:none!important}
 .crown-copy h1,.crown-copy p,.crown-trust{
   position:absolute!important;opacity:0!important;
   pointer-events:none!important;left:0!important;
 }
 .crown-copy h1{top:62%!important}
 .crown-copy p{top:72%!important}
 .crown-trust{top:95%!important}
 .crown-copy .crown-shop-btn,
 .crown-copy .crown-shop-btn:hover,
 .crown-copy .crown-shop-btn:focus-visible {
   position:absolute!important;z-index:40!important;
   top:80.8%!important;left:13.5%!important;right:13.5%!important;
   bottom:auto!important;width:73%!important;height:7.3%!important;max-width:none!important;
   min-height:0!important;margin:0!important;padding:0!important;
   opacity:0!important;border:0!important;border-radius:4px!important;
   background:transparent!important;box-shadow:none!important;
   pointer-events:auto!important;touch-action:manipulation!important;
   display:block!important;
 }
 .crown-copy .crown-shop-btn:focus-visible{
   opacity:1!important;outline:3px solid #e8be76!important;
   outline-offset:2px!important;color:transparent!important;
 }
}
@media (min-width:671px){
 .crown-art-panel{display:none!important}
}

/* 20261011-v24: preserve the approved full-screen artwork. Only the gold
   stream pixels move in the encoded, perfectly registered overlaid film. */
@media(max-width:670px){
 .crown-art-panel{isolation:isolate!important}
 .crown-art-panel .river-flow-video{
  position:absolute!important;display:block!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:fill!important;
  z-index:1!important;opacity:0;pointer-events:none!important;
 }
 .crown-home.river-playing .crown-art-panel .river-flow-video{opacity:1}
}
@media(min-width:671px){.river-flow-video{display:none!important}}
@media(prefers-reduced-motion:reduce){.crown-art-panel .river-flow-video{display:none!important}}

/* 20261011-v26: prevent video compression or wave motion from touching the
   baked-in store heading, tagline, CTA or trust labels. River-only opacity
   is supplied by a precisely aligned RGBA mask derived from the approved art. */
@media(max-width:670px){
  .crown-art-panel .river-flow-video{
    -webkit-mask-image:url('./assets/king_pauper_river_alpha_behind_letters_v27.png')!important;
    mask-image:url('./assets/king_pauper_river_alpha_behind_letters_v27.png')!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
    -webkit-mask-position:0 0!important;
    mask-position:0 0!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }
}

/* v27 river runs behind individual letter shapes and into bottom lake without animating text. */