/* The complete artwork is the coordinate system; never crop or stretch it. */
#main .page-pdv { min-height:0; }
#main .pdv-care-page { --pdv-blue:#249aff; position:relative; isolation:isolate; container-type:inline-size; width:100%; color:#f3f3f0; background:#07090b; }
#main .pdv-art-upper,#main .pdv-art-lower { position:relative; }
/* The two windows show complementary parts of the same artwork, at its original
   proportions. The briefing opens space in the dark band before the plans. */
#main .pdv-artboard { position:relative; z-index:0; width:100%; pointer-events:none; overflow:hidden; }
#main .pdv-artboard img { position:absolute; display:block; width:100%; height:auto; max-width:100%; left:0; }
#main .pdv-art-upper .pdv-artboard { height:125.2689cqw; }
#main .pdv-art-upper .pdv-artboard img { top:0; }
#main .pdv-art-lower .pdv-artboard { height:52.4149cqw; }
#main .pdv-art-lower .pdv-artboard img { bottom:0; }
#main .pdv-art-upper .pdv-artboard::after,#main .pdv-art-lower .pdv-artboard::after { content:''; position:absolute; left:0; right:0; height:3cqw; }
#main .pdv-art-upper .pdv-artboard::after { bottom:0; background:linear-gradient(transparent,#07090b); }
#main .pdv-art-lower .pdv-artboard::after { top:0; background:linear-gradient(#07090b,transparent); }
#main .pdv-care-page > .detail-back { position:absolute; top:12px; left:6.9%; z-index:5; min-height:30px; padding:0 12px; font-size:9px; }
#main .pdv-panel { position:absolute; z-index:2; padding:0; margin:0; }
#main .pdv-panel h1,#main .pdv-panel h2,#main .pdv-panel h3,#main .pdv-panel p { margin:0; }
#main .pdv-panel h1,#main .pdv-panel h2,#main .pdv-panel h3 { font-family:'Cal Sans','DM Sans',sans-serif; font-weight:400; letter-spacing:-.012em; }
#main .pdv-panel p { font-family:'DM Sans',Arial,sans-serif; color:#c2c7ca; font-size:1.25cqw; line-height:1.5; }
#main .pdv-hero { top:6.383%; left:6.9%; width:38%; }
#main .pdv-panel .pdv-kicker { display:flex; align-items:center; gap:1.2cqw; margin-bottom:1.4cqw; font-size:1.05cqw; letter-spacing:.13em; }
#main .pdv-kicker span { width:9cqw; height:1px; background:linear-gradient(90deg,#168dff,transparent); }
#main .pdv-hero h1 { font-size:4.75cqw; line-height:.99; }
#main .pdv-panel .pdv-lead { max-width:33cqw; margin-top:1.35cqw; font-size:1.32cqw; line-height:1.48; }
#main .pdv-button { position:relative; display:inline-flex; align-items:center; justify-content:space-between; gap:1.4cqw; min-height:4.35cqw; max-width:100%; margin-top:2cqw; padding:.6cqw 2.2cqw; border:1px solid #249aff; border-radius:99px; overflow:hidden; color:#eff5fc; background:linear-gradient(130deg,#15315066,#07101b77); box-shadow:inset 0 1px 1px #c4dfff33,0 0 16px #008cff22; font:500 1.06cqw/1.3 'DM Sans',sans-serif; text-transform:uppercase; letter-spacing:.025em; text-decoration:none; transition:background .25s,box-shadow .25s,border-color .25s; }
#main .pdv-button::before { content:''; position:absolute; inset:0; background:linear-gradient(110deg,transparent,#449fff33,transparent); transform:translateX(-110%); transition:transform .55s; }
#main .pdv-button span { color:#4da9ff; font-size:2cqw; line-height:1; }
#main .pdv-button:hover,#main .pdv-button:focus-visible { background:#153854aa; border-color:#85c7ff; box-shadow:0 0 28px #168cff44; }
#main .pdv-button:hover::before { transform:translateX(110%); }
#main .pdv-button:focus-visible { outline:2px solid white; outline-offset:4px; }
#main .pdv-tags { display:flex; justify-content:space-between; gap:1cqw; max-width:32cqw; margin-top:2.4cqw; color:#9caebc; font:.78cqw/1.5 'DM Sans',sans-serif; text-transform:uppercase; letter-spacing:.14em; }
#main .pdv-panel .pdv-side-note { position:absolute; top:26.5cqw; left:81.4cqw; width:10cqw; font-size:.82cqw; line-height:1.7; letter-spacing:.17em; text-transform:uppercase; }
#main .pdv-options { top:38.7234%; left:6.9%; right:6.9%; }
#main .pdv-options > h2 { font-size:2.8cqw; line-height:1.13; }
#main .pdv-options-grid { display:grid; grid-template-columns:1fr 1fr; gap:5cqw; margin-top:2.75cqw; }
#main .pdv-option { display:grid; grid-template-columns:7.2cqw 1fr; gap:2cqw; align-items:start; padding-left:2.7cqw; border-left:1px solid #249aff55; }
#main .pdv-option-icon { display:grid; place-items:center; width:7cqw; height:7cqw; border:1px solid #249aff99; border-radius:50%; color:#249aff; font-size:3.4cqw; }
#main .pdv-option .pdv-index { margin-bottom:.55cqw; color:#71a8d0; font-size:.7cqw; letter-spacing:.1em; }
#main .pdv-option h3 { font-size:1.8cqw; line-height:1.2; }
#main .pdv-option div > p:last-child { margin-top:.85cqw; font-size:1.23cqw; line-height:1.42; }
#main .pdv-observe { top:59.0071%; left:6.9%; right:6.9%; height:23.2624%; display:grid; grid-template-columns:1fr 1fr; gap:0 5cqw; align-content:start; align-items:center; }
#main .pdv-observe h2 { font-size:3.05cqw; line-height:1.15; white-space:nowrap; }
#main .pdv-observe-intro { max-width:34cqw; font-size:1.23cqw; }
/* Small labels annotate the same store details as in the reference. */
#main .pdv-observe-list { position:absolute; inset:0; pointer-events:none; }
#main .pdv-observe-item { position:absolute; display:flex; align-items:center; gap:1.1cqw; max-width:17cqw; color:#f5f5f2; font:1.45cqw/1.35 'DM Sans',sans-serif; text-shadow:0 2px 5px #000,0 0 15px #000; }
#main .pdv-observe-item i { position:relative; flex:none; width:.7cqw; height:.7cqw; border-radius:50%; background:#2ba4ff; box-shadow:0 0 0 .45cqw #008cff16,0 0 14px #008cff; }
#main .pdv-observe-item i::before { content:''; position:absolute; left:50%; top:-2cqw; width:1px; height:4.7cqw; background:#168dff55; }
#main .pdv-observe-item small { display:none; }
#main .pdv-observe-item:nth-child(1) { left:6%; top:33%; }
#main .pdv-observe-item:nth-child(2) { left:23%; top:44%; }
#main .pdv-observe-item:nth-child(3) { left:42%; top:67%; }
#main .pdv-observe-item:nth-child(4) { left:63%; top:35%; }
#main .pdv-observe-item:nth-child(5) { left:86%; top:39%; }
#main .pdv-observe-item:nth-child(6) { left:86%; top:78%; }
#main .pdv-process { top:89.6454%; left:18.2%; width:75%; display:flex; align-items:center; justify-content:space-between; gap:7cqw; }
#main .pdv-process-copy { flex:1; min-width:0; }
#main .pdv-process h2 { display:flex; align-items:center; gap:1.4cqw; font-size:2.95cqw; line-height:1.15; white-space:nowrap; }
#main .pdv-process h2 b { margin-left:1.4cqw; color:#249aff; font:300 2.8cqw 'DM Sans',sans-serif; }
#main .pdv-process-copy > p { max-width:49cqw; margin-top:1.6cqw; font-size:1.23cqw; }
#main .pdv-process .pdv-process-aside { width:9.7cqw; flex:none; padding-left:2cqw; border-left:1px solid #249aff55; font-size:.95cqw; line-height:1.9; letter-spacing:.16em; text-transform:uppercase; }
#main .pdv-plans { top:4.4068%; left:6.9%; right:5.7%; }
#main .pdv-plans-heading { display:grid; grid-template-columns:38% 1fr; gap:5cqw; align-items:center; }
#main .pdv-plans h2 { font-size:3.05cqw; line-height:1.15; }
#main .pdv-plans-heading > p { font-size:1.12cqw; line-height:1.5; }
#main .pdv-price-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:2.5cqw; border:1px solid #329eff77; border-radius:3cqw; background:#080d1380; box-shadow:0 0 15px #128cff15,inset 0 1px #a7d1ff22; }
#main .pdv-price { display:grid; justify-items:center; align-content:center; gap:.55cqw; min-height:8cqw; margin:1cqw 0; padding:0 .6cqw; border-right:1px solid #afc8de33; }
#main .pdv-price:last-child { border:0; }
#main .pdv-price span { font:400 1.95cqw/1.1 'Cal Sans',sans-serif; white-space:nowrap; }
#main .pdv-price small { color:#c8ccd0; font:1.1cqw/1.4 'DM Sans',sans-serif; }
#main .pdv-close { top:45.7627%; left:55.4%; width:29.5%; }
#main .pdv-close h2 { font-size:3.02cqw; line-height:1.09; }
#main .pdv-close-copy > p:not(.pdv-close-aside) { margin-top:2cqw; font-size:1.27cqw; line-height:1.5; }
#main .pdv-close .pdv-button { margin-top:2cqw; }
#main .pdv-close-copy > .pdv-close-aside { position:absolute; top:9cqw; left:33cqw; width:10cqw; font-size:.84cqw; line-height:1.6; letter-spacing:.16em; text-transform:uppercase; }
#main .pdv-pointer-light { position:absolute; z-index:1; inset:0; pointer-events:none; background:radial-gradient(400px circle at var(--pdv-pointer-x,50%) var(--pdv-pointer-y,22%),#309fff13,transparent 70%); }
#main .pdv-motion-ready .pdv-reveal { opacity:.55; filter:blur(5px); transition:opacity .55s,filter .55s; }
#main .pdv-motion-ready .pdv-reveal.is-visible { opacity:1; filter:none; }
#main .pdv-briefing { --quote-amber:#d5ad77; --quote-muted:#b3b6ba; --quote-blue:#359aff; position:relative; z-index:2; background:radial-gradient(ellipse at 12% 55%,#15436b1a,transparent 65%),#07090b; }
#main .pdv-briefing .quote-briefing { padding-block:80px 100px; }
#main .pdv-briefing em { color:#76baff; }
#main .pdv-briefing .quote-eyebrow { color:#86b5d8; }
#main #pdv-briefing { scroll-margin-top:80px; }
/* On small screens the complete artwork remains visible, followed by readable copy. */
@media (max-width:760px) {
  #main .pdv-care-page { display:flex; flex-direction:column; }
  #main .pdv-art-upper,#main .pdv-art-lower { display:flex; flex-direction:column; }
  #main .pdv-briefing .quote-briefing { padding-block:50px 65px; }
  #main .pdv-artboard { order:1; }
  #main .pdv-panel { position:relative; inset:auto; width:auto; padding:48px 24px; order:2; }
  #main .pdv-hero { order:0; padding-top:85px; }
  #main .pdv-panel h1 { font-size:clamp(42px,8vw,62px); }
  #main .pdv-panel h2 { font-size:32px; white-space:normal; }
  #main .pdv-panel h3 { font-size:23px; }
  #main .pdv-panel p,#main .pdv-panel .pdv-lead,#main .pdv-option div > p:last-child,#main .pdv-plans-heading > p,#main .pdv-close-copy > p:not(.pdv-close-aside) { max-width:none; font-size:16px; line-height:1.6; }
  #main .pdv-panel .pdv-kicker { margin-bottom:20px; font-size:12px; gap:16px; }
  #main .pdv-kicker span { width:70px; }
  #main .pdv-panel .pdv-lead { margin-top:24px; }
  #main .pdv-button { min-height:54px; margin-top:24px; padding:12px 22px; gap:18px; font-size:12px; }
  #main .pdv-button span { font-size:24px; }
  #main .pdv-tags { max-width:none; margin-top:26px; flex-wrap:wrap; justify-content:flex-start; gap:18px; font-size:10px; }
  #main .pdv-side-note,#main .pdv-close-aside { display:none; }
  #main .pdv-options-grid { grid-template-columns:1fr; gap:30px; margin-top:30px; }
  #main .pdv-option { grid-template-columns:52px 1fr; gap:18px; padding-left:16px; }
  #main .pdv-option-icon { width:50px; height:50px; font-size:28px; }
  #main .pdv-option .pdv-index { font-size:11px; margin-bottom:6px; }
  #main .pdv-option div > p:last-child { margin-top:12px; }
  #main .pdv-observe { height:auto; display:block; background:#0c1015; }
  #main .pdv-observe-intro { margin-top:20px; }
  #main .pdv-observe-list { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:30px; }
  #main .pdv-observe-item:nth-child(n) { position:relative; inset:auto; max-width:none; font-size:16px; gap:12px; }
  #main .pdv-observe-item i { width:6px; height:6px; }
  #main .pdv-observe-item i::before { display:none; }
  #main .pdv-process { display:block; }
  #main .pdv-process h2 { flex-wrap:wrap; gap:14px; font-size:30px; }
  #main .pdv-process h2 b { font-size:28px; margin-left:10px; }
  #main .pdv-process-copy > p { max-width:none; margin-top:22px; }
  #main .pdv-process .pdv-process-aside { width:auto; margin-top:24px; padding-left:20px; font-size:12px; }
  #main .pdv-plans-heading { grid-template-columns:1fr; gap:20px; }
  #main .pdv-price-grid { grid-template-columns:1fr 1fr; margin-top:28px; border-radius:24px; }
  #main .pdv-price { min-height:110px; margin:0; gap:10px; border-bottom:1px solid #afc8de33; }
  #main .pdv-price:nth-child(2n) { border-right:0; }
  #main .pdv-price:last-child { grid-column:1/-1; }
  #main .pdv-price span { font-size:25px; }
  #main .pdv-price small { font-size:14px; }
  #main .pdv-close-copy > p:not(.pdv-close-aside) { margin-top:24px; }
  #main .pdv-close .pdv-button { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
  #main .pdv-motion-ready .pdv-reveal { opacity:1; filter:none; transition:none; }
  #main .pdv-button { transition:none; }
  #main .pdv-button::before { display:none; }
}