.yellow-content{max-width:72ch;margin:42px auto;padding:0 24px}.yellow-content h2{margin-bottom:14px}.yellow-content p{line-height:1.65}@media(max-width:760px){body:has(form.quote) .actionbar,body:has(form.quote) .mobile-bar{position:static;inset:auto;margin-top:24px}body:has(form.quote) input,body:has(form.quote) textarea{scroll-margin-block:24px}}

/* Existing responsive composition also follows available CSS width at zoom. */
body{container-type:inline-size}
@container(max-width:899px){
  .hero-dark .hero-side,.hero-light .hero-side,.hero-motif{display:none}
  /* the watermark shrinks and moves out of the copy instead of disappearing */
  .hero-watermark{width:120px;height:120px;right:8px;top:8px;bottom:auto;opacity:.12}
  .hero h1{margin-bottom:var(--s-3)}
  .hero .lede{margin-bottom:var(--s-5)}
  .hero-panel,.hero-band{background:var(--brand-tint);color:var(--ink);box-shadow:none;
    padding:var(--s-5)}
  .hero-panel .facts-phone,.hero-panel>.btn,.hero-band .band-call,
  .hero-band .band-act{display:none}
  .hero-panel .trust,.hero-band .trust{border-top:0;padding-top:0}
  .hero-panel .trust li,.hero-band .trust li{color:var(--ink-2)}
  .hero-panel .trust .tick,.hero-band .trust .tick{color:var(--brand)}
}
@container(max-width:719px){
  [data-card="bordered"] .cards{gap:0}
  [data-card="bordered"] .card{gap:var(--s-2);padding:var(--s-4) 0;background:none;
    border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
  [data-card="bordered"] .card:last-child{border-bottom:0}
  [data-card="bordered"] .card:hover{transform:none;box-shadow:none}
  [data-card="bordered"] .card :is(h2,h3) a{flex-direction:row;align-items:center;
    gap:var(--s-3)}
  [data-card="bordered"] .card :is(h2,h3) a::after{border-radius:0}
  [data-card="bordered"] .tile{width:40px;height:40px;border-radius:var(--r-sm)}
  [data-card="bordered"] .tile .glyph{width:22px;height:22px}
  [data-card="bordered"] .card p{margin-left:52px;display:-webkit-box;-webkit-line-clamp:2;
    -webkit-box-orient:vertical;overflow:hidden}
  [data-card="bordered"] .card .more{display:none}
}
@container(max-width:1300px){
 [data-world="bwv"] .top .wrap{padding-left:28px;padding-right:28px;gap:12px}
 [data-world="bwv"] .top nav{gap:12px}
 [data-world="bwv"] .top nav a{font-size:14px}
 [data-world="bwv"] .w-word{font-size:22px}
 [data-world="bwv"] .w-atlas-copy{padding:29px 25px}
 [data-world="bwv"] .w-atlas-copy h1{font-size:clamp(40px,3.52vw,50px)}
 [data-world="bwv"] .w-atlas-intro{font-size:18px}
 [data-world="bwv"] .w-atlas-disclose{font-size:14px}
 [data-world="bwv"] .w-atlas-services a{min-height:59px;font-size:13px}
}
@container(max-width:1000px){
 [data-world="bwv"] .top .wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 [data-world="bwv"] .top nav{order:3;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap;margin:0}
 [data-world="bwv"] .top .phone,[data-world="bwv"] .top .phone.only-wide{margin-left:auto;order:2}
 [data-world="bwv"] .w-atlas-hero{grid-template-columns:1fr}
 [data-world="bwv"] .w-atlas-figure{height:57vw;max-height:none}
 [data-world="bwv"] .w-atlas-copy{padding:35px 6% 44px}
 [data-world="bwv"] .w-atlas-copy h1{font-size:clamp(42px,7vw,65px)}
 [data-world="bwv"] .w-atlas-explain{grid-template-columns:1fr;gap:38px}
 [data-world="bwv"] .w-atlas-steps{max-width:900px}
}
@container(max-width:650px){
 [data-world="bwv"] .wrap{padding-left:22px;padding-right:22px}
 [data-world="bwv"] .top .wrap{padding-left:17px;padding-right:17px;gap:5px}
 [data-world="bwv"] .w-brand-mark{width:39px;height:39px}
 [data-world="bwv"] .w-word{font-size:18px}
 [data-world="bwv"] .top nav{gap:4px 15px}
 [data-world="bwv"] .top nav a{font-size:14px;min-height:38px}
 [data-world="bwv"] .top nav a.cta,[data-world="bwv"] .top nav a.cta.only-wide{min-height:38px;padding:0 12px}
 [data-world="bwv"] .top .phone,[data-world="bwv"] .top .phone.only-wide{font-size:13px}
 [data-world="bwv"] .w-atlas-figure{height:68vw;min-height:260px}
 [data-world="bwv"] .w-atlas-label{display:none}
 [data-world="bwv"] .w-atlas-hand{display:none}
 [data-world="bwv"] .w-atlas-mobile-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:11px 12px;margin:-8px 0 20px;background:#eef6fb;border-radius:7px;color:#234a75;font-size:12px;line-height:1.25}
 [data-world="bwv"] .w-atlas-mobile-key strong{grid-column:1/-1;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
 [data-world="bwv"] .w-atlas-mobile-key span::before{content:"• ";color:#096cca;font-weight:700}
 [data-world="bwv"] .w-fixtures{left:2%;top:63%}
 [data-world="bwv"] .w-valve{left:47%;top:65%}
 [data-world="bwv"] .w-backup{left:68%;top:71%}
 [data-world="bwv"] .w-rain{top:39%;right:2%}
 [data-world="bwv"] .w-main{bottom:7%}
 [data-world="bwv"] .w-atlas-caption{font-size:9px;left:10px;bottom:6px}
 [data-world="bwv"] .w-atlas-copy{padding:28px 20px 36px}
 [data-world="bwv"] .w-atlas-copy h1{font-size:clamp(37px,9.4vw,52px)}
 [data-world="bwv"] .w-atlas-intro{font-size:19px;margin-top:18px}
 [data-world="bwv"] .w-atlas-action{font-size:15px;letter-spacing:0;white-space:normal;padding:12px 15px;min-height:54px}
 [data-world="bwv"] .w-atlas-services a{min-height:63px;font-size:13px}
 [data-world="bwv"] .w-atlas-services a img{width:27px;height:27px}
 [data-world="bwv"] .w-atlas-explain{padding:50px 20px 55px}
 [data-world="bwv"] .w-atlas-summary h2{font-size:34px}
 [data-world="bwv"] .w-atlas-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 [data-world="bwv"] .w-step-icon{width:80px;height:80px;background-size:77px;margin-bottom:10px}
 [data-world="bwv"] .w-step:not(:last-child)::after{display:none}
 [data-world="bwv"] .w-cards,[data-world="bwv"] .w-about .wrap,[data-world="bwv"] .quote-grid{grid-template-columns:1fr}
 [data-world="bwv"] .w-card{grid-template-columns:1fr}
 [data-world="bwv"] .w-art{min-height:0;height:210px}
 [data-world="bwv"] .w-band .wrap{align-items:flex-start;flex-direction:column}
}
@container(max-width:759px){
  .top .phone.only-wide{display:inline-flex;align-items:center;justify-content:center;
    margin-left:auto;font-size:0;gap:0;padding:0 12px;min-width:44px;min-height:44px}
  .top .phone.only-wide svg{width:20px;height:20px;flex:none}
}
@container(max-width:760px){.domain-sale{align-items:stretch;flex-direction:column;gap:7px;padding:8px 18px}.domain-sale-owner{font-size:12px}.domain-sale-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.domain-sale-actions a{white-space:normal;min-height:38px;padding:7px 9px;text-align:center;font-size:13px}}
@container(max-width:900px){.masthead,.header-inner,.navrow{flex-wrap:wrap}.desktop-nav{min-width:0;flex-wrap:wrap;white-space:normal}.first-viewport .hero h1{font-size:clamp(38px,8cqw,64px)}.first-viewport .hero-subtitle{font-size:25px}.first-viewport .hero-body{font-size:15px}}