








:where(.pv) .ca-cards .decision{position:relative; scroll-margin-top:calc(96px - var(--pv-hd-h, 64px) - 16px)}   
:where(.pv) .ca-cards .a-pic{position:relative; z-index:1; transition:transform 320ms var(--pv-ease)}

:where(.pv) .ca-cards .decision::before{content:""; position:absolute; left:0; right:0; top:0; aspect-ratio:4/5; z-index:0; pointer-events:none;
  box-shadow:0 18px 32px -18px rgba(10,10,46,.55); opacity:0; transform:none; transition:opacity 320ms var(--pv-ease), transform 320ms var(--pv-ease)}
@media (max-width:900px){ :where(.pv) .ca-cards .decision::before{aspect-ratio:16/10} }
:where(.pv) .ca-cards .rp-ph{transition:opacity 300ms linear}
@media (hover:hover){
  :where(.pv) .ca-cards:hover .decision .rp-ph{opacity:.55}
  :where(.pv) .ca-cards .decision:hover .rp-ph{opacity:1}
  :where(.pv) .ca-cards .decision:hover .a-pic{transform:translateY(-3px)}
  :where(.pv) .ca-cards .decision:hover::before{opacity:1; transform:translateY(-3px)}
}

:where(.pv) .ca-cards:has(.ca-open:focus-visible) .decision .a-pic img{opacity:.55}
:where(.pv) .ca-cards .decision:has(.ca-open:focus-visible) .a-pic img{opacity:1}
:where(.pv) .ca-cards .decision:has(.ca-open:focus-visible) .a-pic{transform:translateY(-3px)}
:where(.pv) .ca-cards .decision:has(.ca-open:focus-visible)::before{opacity:1; transform:translateY(-3px)}
:where(.pv) .ca-cards .decision:has(.ca-open:focus-visible){outline:2px solid var(--pv-focus); outline-offset:6px; border-radius:var(--pv-radius)}


:where(.pv) .ca-open{all:unset; cursor:pointer; text-wrap:balance; -webkit-tap-highlight-color:transparent}
:where(.pv) .ca-open::after{content:""; position:absolute; inset:0; z-index:2}
:where(.pv) .ca-open:focus-visible{outline:none}

:where(.pv) .ca-cards, :where(.pv) .ca-cards *, :where(.pv) .ca-open::after{-webkit-tap-highlight-color:transparent}
:where(.pv) .ca-cards .decision:has(.ca-open){cursor:pointer}


:where(.pv) .ca-plus{position:absolute; right:10px; bottom:10px; z-index:1; width:30px; height:30px; background:var(--pv-paper);
  border:1px solid var(--pv-rule); border-radius:var(--pv-radius); transition:transform 320ms var(--pv-ease)}
:where(.pv) .ca-plus::before, :where(.pv) .ca-plus::after{content:""; position:absolute; left:8px; right:8px; top:calc(50% - .5px); height:1px; background:var(--pv-ink)}
:where(.pv) .ca-plus::after{transform:rotate(90deg)}
@media (hover:hover){ :where(.pv) .ca-cards .decision:hover .ca-plus{transform:scale(1.12); border-color:var(--pv-accent)} }
:where(.pv) .ca-cards .decision:has(.ca-open:focus-visible) .ca-plus{transform:scale(1.12); border-color:var(--pv-accent)}


:where(.pv) .ca-cards .decision.ca-src > *{visibility:hidden}


:where(.pv) .ca-cards.ca-here-on .decision:not(.ca-here) .a-pic img,
:where(.pv) .ca-cards.ca-here-on .decision:not(.ca-here) .rp-ph{opacity:.55}
:where(.pv) .ca-cards .decision.ca-here .a-pic{transform:translateY(-3px)}
:where(.pv) .ca-cards .decision.ca-here::before{opacity:1; transform:translateY(-3px)}


:where(.pv) .ca-dlg{padding:0; border:0; margin:auto; width:min(1032px, calc(100vw - 48px)); max-width:none; max-height:none;
  background:transparent; color:var(--pv-body); overflow:visible}
:where(.pv) .ca-dlg::backdrop{background:rgba(10,10,46,.66)}
:where(.pv) .ca-panel{position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  height:min(600px, calc(100vh - 48px)); height:min(600px, calc(100lvh - 48px))}   

:where(.pv) .ca-ground{position:absolute; inset:0; background:var(--pv-paper); transform-origin:0 0; border-radius:var(--pv-radius)}
:where(.pv) .ca-pic{position:relative; margin:0; overflow:hidden; background:var(--pv-band); transform-origin:0 0}

:where(.pv) .ca-pic-in{position:absolute; inset:0; transform-origin:0 0}
:where(.pv) .ca-pic img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
:where(.pv) .ca-pic .rp-ph > span{transition:opacity 200ms linear}
:where(.pv) .ca-flying .ca-pic .rp-ph > span{opacity:0; transition:none}
:where(.pv) .ca-body{position:relative; display:flex; flex-direction:column; min-height:0; overflow-y:auto;
  padding:clamp(56px,5vw,72px) clamp(28px,4vw,56px) 0}
:where(.pv) .ca-count{font-family:var(--pv-mono); font-size:var(--pv-fs-meta); letter-spacing:.04em; color:var(--pv-muted); margin:0 0 18px}
:where(.pv) .ca-body .dicon{color:var(--pv-ink)}
:where(.pv) .ca-title{font-size:var(--pv-fs-h2); line-height:1.08; margin:0 0 22px; outline:none}
:where(.pv) .ca-items{list-style:none; margin:0; padding:0}
:where(.pv) .ca-items li{font-size:var(--pv-fs-lede); line-height:1.45; color:var(--pv-ink); padding:12px 0; border-top:1px solid var(--pv-hair); text-wrap:pretty}
:where(.pv) .ca-items li:last-child{border-bottom:1px solid var(--pv-hair)}

:where(.pv) .ca-pager{margin-top:auto; display:flex; justify-content:space-between; gap:16px; padding-block:24px 28px;
  font-family:var(--pv-mono); font-size:var(--pv-fs-meta)}
:where(.pv) .ca-pager button{all:unset; cursor:pointer; color:var(--pv-ink); min-height:44px; display:inline-flex; align-items:center; gap:.5em;
  background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/0 1px no-repeat; transition:background-size var(--pv-dur) var(--pv-ease)}
:where(.pv) .ca-pager button:last-child{margin-left:auto; text-align:right}

:where(.pv) .ca-pager button, :where(.pv) .ca-x{-webkit-tap-highlight-color:transparent}
@media (hover:hover){ :where(.pv) .ca-pager button:hover{background-size:100% 1px} }
:where(.pv) .ca-pager button:focus-visible{outline:2px solid var(--pv-focus); outline-offset:3px; border-radius:var(--pv-radius)}

:where(.pv) .ca-x{position:absolute; top:14px; right:14px; z-index:3; min-height:44px; padding:0 14px; cursor:pointer;
  font-family:var(--pv-mono); font-size:var(--pv-fs-meta); letter-spacing:.02em; color:var(--pv-ink);
  background:var(--pv-paper); border:1px solid var(--pv-rule); border-radius:var(--pv-radius)}
@media (hover:hover){ :where(.pv) .ca-x:hover{border-color:var(--pv-accent); color:var(--pv-accent)} }

@media (max-width:760px){
  


  :where(.pv) .ca-dlg{width:100vw; height:100dvh; max-height:100dvh; margin:0; overflow-y:auto; overscroll-behavior:contain}
  :where(.pv) .ca-panel{grid-template-columns:1fr; grid-template-rows:auto 1fr; min-height:100dvh; height:auto}
  :where(.pv) .ca-ground{border-radius:0}
  :where(.pv) .ca-pic{aspect-ratio:4/3}
  :where(.pv) .ca-body{overflow:visible; padding:24px 20px 0}
  :where(.pv) .ca-x{position:fixed; top:12px; right:12px}
  :where(.pv) .ca-pager{padding-bottom:max(28px, env(safe-area-inset-bottom))}
}



@media (min-width:561px){
  :where(.pv) .ca-cards .decision h3{display:flex; align-items:flex-end; min-height:calc(2em * 1.15)}
}






:where(.pv) .strata.c2-armed, :where(.pv) .strata.c2-play{overflow:visible}
:where(.pv) .strata:is(.c2-armed, .c2-play) .stratum:nth-child(1){z-index:3}
:where(.pv) .strata:is(.c2-armed, .c2-play) .stratum:nth-child(2){z-index:2}
:where(.pv) .strata:is(.c2-armed, .c2-play) .stratum:nth-child(3){z-index:1}
:where(.pv) .strata.c2-armed .stratum{transform:translateY(var(--pv-c2-y, 0px)) scale(var(--pv-c2-s, 1)); transform-origin:50% 100%}
:where(.pv) .strata.c2-armed .stratum li{opacity:0; transform:translateY(var(--pv-rise))}


:where(.pv) .strata:is(.c2-armed, .c2-play) .stratum::after{content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--pv-lt-top); transition:opacity 360ms var(--pv-ease)}
:where(.pv) .strata.c2-play .stratum::after{opacity:0}

:where(.pv) .reveal.is-armed > .strata{opacity:1; transform:none; transition:none}





:where(.pv) .ca-badges{list-style:none; margin:clamp(22px,3vw,30px) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:clamp(18px,4vw,48px)}
:where(.pv) .ca-badges li{display:flex; flex-direction:column; align-items:center; gap:12px}
:where(.pv) .ca-bdg{position:relative; display:block; width:clamp(64px,7vw,84px); aspect-ratio:1}
:where(.pv) .ca-bdg img{display:block; width:100%; height:100%}
:where(.pv) .ca-sheen{position:absolute; inset:0; overflow:hidden; pointer-events:none;
  -webkit-mask:var(--pv-badge) center/contain no-repeat; mask:var(--pv-badge) center/contain no-repeat}
:where(.pv) .ca-sheen::after{content:""; position:absolute; inset:0;
  background:linear-gradient(100deg, transparent 38%, rgba(255,255,255,.6) 50%, transparent 62%); transform:translateX(-110%)}
:where(.pv) .ca-code{font-family:var(--pv-disp); font-size:var(--pv-fs-h3); line-height:1; color:var(--pv-ink); white-space:nowrap}
:where(.pv) .reveal.is-armed > .ca-badges{opacity:1; transform:none; transition:none}
:where(.pv) .ca-badges.is-armed li{opacity:0; transform:translateY(var(--pv-rise)) scale(.9)}
:where(.pv) .ca-badges.is-in li{animation:pv-ca-in 520ms var(--pv-ease) both; animation-delay:calc(var(--pv-i, 0) * 150ms)}
:where(.pv) .ca-badges:is(.is-in, .is-sweep) .ca-sheen::after{animation:pv-ca-sweep 1100ms var(--pv-ease-move) both;
  animation-delay:calc(450ms + var(--pv-i, 0) * 150ms)}
@keyframes pv-ca-in{from{opacity:0; transform:translateY(var(--pv-rise)) scale(.9)} to{opacity:1; transform:none}}
@keyframes pv-ca-sweep{from{transform:translateX(-110%)} to{transform:translateX(110%)}}
@media (max-width:420px){ :where(.pv) .ca-badges{gap:18px 16px} :where(.pv) .ca-code{font-size:var(--pv-fs-card)} }






:where(.pv) .ca-kit-wrap{margin-top:clamp(44px,7vw,84px)}
:where(.pv) .ca-kit{background:var(--pv-band); border-radius:var(--pv-radius); padding:clamp(28px,4vw,56px)}
:where(.pv) .ca-kit-sec + .ca-kit-sec{margin-top:clamp(40px,5vw,64px)}
:where(.pv) .ca-kit .plats,
:where(.pv) .ca-kit .names{display:grid; gap:1px; background:var(--pv-hair); border:1px solid var(--pv-hair);
  border-radius:var(--pv-radius); overflow:hidden; margin-top:clamp(22px,3vw,30px)}


:where(.pv) .ca-kit .plats{grid-template-columns:repeat(5,minmax(0,1fr)); font-family:inherit; font-size:inherit; line-height:inherit}
:where(.pv) .ca-kit .plats span{display:flex; align-items:center; min-height:clamp(52px,5vw,64px);
  padding:10px clamp(14px,1.6vw,20px); background:var(--pv-paper); white-space:normal}
:where(.pv) .ca-kit .plats span::after{content:none}
:where(.pv) .ca-kit .names{grid-template-columns:repeat(5,minmax(0,1fr))}


:where(.pv) .ca-kit .plats span,
:where(.pv) .ca-kit .names span{justify-content:center; text-align:center}
:where(.pv) .ca-kit .names span{display:flex; align-items:center; min-height:clamp(52px,5vw,64px);
  padding:10px clamp(14px,1.6vw,20px); background:var(--pv-paper)}
:where(.pv) .ca-kit .more-names{margin-top:clamp(10px,1.4vw,14px)}
:where(.pv) .ca-kit .more-names .names{margin-top:10px}

:where(.pv) .ca-certs.sec{padding-top:clamp(44px,6vw,72px); padding-bottom:0}
@media (max-width:760px){
  

  :where(.pv) .ca-kit-wrap{margin-top:56px}
  :where(.pv) .ca-kit{padding:32px 18px}
  
  :where(.pv) .ca-kit .plats{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.pv) .ca-kit .plats span:last-child{grid-column:1 / -1}
  :where(.pv) .ca-kit .names{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  :where(.pv) .ca-kit .more-names .names span:last-child{grid-column:1 / -1}
}

@media (prefers-reduced-motion:reduce){
  :where(.pv) .ca-cards .a-pic, :where(.pv) .ca-cards .decision::before, :where(.pv) .ca-plus, :where(.pv) .ca-cards .rp-ph{transition:none}
  :where(.pv) .ca-badges li, :where(.pv) .ca-sheen::after{animation:none}
}


@media print{
  :where(.pv) .strata.c2-armed .stratum{transform:none}
  :where(.pv) .strata.c2-armed .stratum li, :where(.pv) .ca-badges.is-armed li{opacity:1; transform:none}
  :where(.pv) .strata .stratum::after, :where(.pv) .ca-plus, :where(.pv) .ca-sheen, :where(.pv) .ca-dlg{display:none}
}
