/* PHONE SUBPAGES · shared layer (2026-10-02). Loaded after phone.css on every rebuilt subpage.
   Units = Cuberto phone rem (1rem = 2.6667vw). Desktop: only the two "hide phone-only" rules apply. */
.pg-ph{display:none}
.pm-btn{display:none}
@media (max-width:940px){
  .pg-ph{display:block}
  /* one entrance per element: the desktop [data-r]/.up reveal stands down, phone-reveal.js owns motion */
  html.js [data-r],html.js .up,html.js .stg{opacity:1!important;transform:none!important;transition:none!important}
  html.js [data-prv="c"]{transition:opacity 1s cubic-bezier(.25,.46,.45,.94) var(--rv-d,0s),transform 2s cubic-bezier(.19,1,.22,1) var(--rv-d,0s)!important}
  html.js [data-prv="c"].rv-card:not(.rv-in){opacity:0!important;transform:translateY(70px)!important}
  /* page frame */
  body{background:#fff}
  main .sec{padding:0 4vw!important;margin:0!important;max-width:none!important}
  main .sec > .wrap{padding:0!important;max-width:none!important;width:auto!important}
  .intouch{display:none!important}
  /* tophead: label + H1 at the Cuberto header level (12vw; capped by the longest word like the homepage hero) */
  main .pg-hero{padding-top:32vw!important}
  main .pg-hero > .wrap > .phs-label{font-size:4.2667vw!important;line-height:1.2!important;margin:0 0 3.2vw!important;opacity:1}
  main .pg-hero h1{font-size:clamp(28px, 11.1vw, 52px)!important;line-height:1!important;font-weight:600!important;letter-spacing:-.02em!important;text-align:left!important;margin:0!important;max-width:none!important;text-wrap:wrap}
  /* section heads */
  main .sec h2{font-size:8.5333vw!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:500!important;text-align:left!important;margin:0!important;max-width:none!important}
  main .sec .sec-lead{font-size:5.3333vw!important;line-height:1.3!important;letter-spacing:.01em!important;margin:6.4vw 0 0!important;max-width:94%!important;text-align:left!important}
  /* "Read more" fold (Cuberto entries: text + Read more) */
  [data-more].pm:not(.pm-open) > p:not(:first-of-type){display:none}
  [data-more].pm:not(.pm-open) > p:first-of-type{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .pm-btn{display:inline-block;margin:4.2667vw 0 0;padding:0;border:0;background:none;font:inherit;font-size:3.7333vw;line-height:1.2;color:inherit;opacity:.6;text-decoration:underline;text-underline-offset:.25em;cursor:pointer;-webkit-tap-highlight-color:transparent}
  /* dark chapter */
  main .sec.chapter-dark{background:#000!important;color:#fff!important}
  main .sec.chapter-dark::before{display:none!important}
  /* the desktop rising-panel slab does not exist on phone (it painted white over the dark FAQ) */
  main .sec.flow::before{display:none!important}
  main #faq h2:not(.ph-faq-h){display:block!important;color:#fff!important;font-size:8.5333vw!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:500!important;margin:0 0 6.4vw!important}
  main #faq{padding:26.6667vw 0!important}
  /* no lone word on a heading line (owner law); long compounds may hyphenate in lead text */
  main .sec .sec-lead,main .sec p{text-wrap:pretty}
  .pg-nb{white-space:nowrap}
  /* service visuals: one rounded media card per entry (Cuberto Preview card radius), replaces the entry icon on phone */
  .sv-media{position:relative;display:block;aspect-ratio:718/448;border-radius:20.8px;overflow:hidden;background:#0b0b0d;margin:0 0 6.4vw}
  .sv-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .sv-media + .add-icon{display:none!important}
}