/* Daniel's approved A price plate. Figures stay still; the consultation CTA keeps its deliberate wipe. */
.home-price-section{padding-block:76px}
.home-price-plate{--price-pad:clamp(20px,4vw,52px);--price-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;isolation:isolate;overflow:hidden;color:#fff;border-radius:4px;background:#1b3140;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.35),0 22px 44px -20px rgba(16,32,42,.6)}
/* Daniel 2026-10-13: photo 3 from the photo-library dig, across the whole plate with a wide fade */
.home-price-photo{position:absolute;z-index:-2;inset:0 0 0 auto;width:100%;background:url('assets/media/plate-s-grace.jpg') 50% 35%/cover no-repeat;mix-blend-mode:luminosity;opacity:.7;-webkit-mask-image:linear-gradient(90deg,transparent 6%,#000 50%);mask-image:linear-gradient(90deg,transparent 6%,#000 50%)}
.home-price-tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b3140 0%,rgba(27,49,64,.85) 40%,rgba(27,49,64,.25) 75%,rgba(27,49,64,.4) 100%),linear-gradient(180deg,transparent 55%,rgba(27,49,64,.85) 80%)}
/* Daniel 2026-10-13: the site's arch pattern in the circles' orange, still (no wave), fading out of the upper-left corner */
.home-price-rings{position:absolute;z-index:-1;left:0;top:0;width:min(760px,70%);height:100%;background:rgba(237,135,60,.14);-webkit-mask-image:url(assets/arch-tile.svg),radial-gradient(farthest-corner at 0 0,#000 0,rgba(0,0,0,.75) 22%,rgba(0,0,0,.3) 48%,transparent 72%);mask-image:url(assets/arch-tile.svg),radial-gradient(farthest-corner at 0 0,#000 0,rgba(0,0,0,.75) 22%,rgba(0,0,0,.3) 48%,transparent 72%);-webkit-mask-size:179.4px 179.4px,100% 100%;mask-size:179.4px 179.4px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}
.home-price-plate::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background:var(--price-grain)}
.home-price-band{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:10px 20px;margin:18px 0 0;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:#203846;background:linear-gradient(180deg,#f2985a 0%,#ed873c 45%,#e37d34 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(110,45,0,.4),0 3px 10px rgba(0,0,0,.3);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.home-price-band::before,.home-price-band::after{content:'';flex:0 0 7px;width:7px;height:7px;transform:rotate(45deg);background:#203846}
.home-price-body{position:relative;z-index:1;padding:38px var(--price-pad) 0}
.home-price-plate .home-price-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a9c0cc;margin:0 0 10px}
.home-price-plate h2{color:#fff;font-weight:700;font-size:clamp(34px,5.4vw,54px);max-width:720px;line-height:1.05;letter-spacing:-.01em;margin:0 0 28px;text-wrap:balance}   /* balance, 2026-11-11 audit: on phones the first line wrapped and left "smile," alone */
.home-price-segment{display:inline-flex;margin:6px 0 26px;max-width:100%;padding:5px;border:0;border-radius:999px;background:var(--dio-alu-silver,linear-gradient(180deg,#e6e8e8,#c9cdcd));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(20,40,52,.28),0 6px 14px -6px rgba(0,0,0,.5)}
.home-price-segment button{font:inherit;font-size:16px;font-weight:600;min-height:48px;border:0;border-radius:999px;padding:12px 22px;background:transparent;color:#1c3341;cursor:pointer}
.home-price-segment:not(.dio-segmented-control) button[aria-pressed=true]{background:var(--dio-alu-steel);color:white}
.home-price-amount{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 4px;min-height:107px}
.home-price-amount b{font-size:clamp(64px,11vw,112px);line-height:.95;font-weight:700;letter-spacing:-.02em;color:#ED873C;background:none;text-shadow:0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.12)}
.home-price-amount span{font-size:20px;line-height:1.4;color:#c9d6dd}
.home-price-plate .home-price-description{font-size:17px;color:#d5e0e5;margin:18px 0 30px;max-width:560px;line-height:1.55}
.home-price-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.14);margin:0 calc(-1*var(--price-pad))}
.home-price-facts>*{background:rgba(14,28,37,.72);padding:18px clamp(14px,2vw,22px)}
/* 2026-11-11 audit: the outer cells take the plate's own inset, so their text lines up with the heading, price and button above and below */
.home-price-facts>:first-child{padding-left:var(--price-pad)}
.home-price-facts>:last-child{padding-right:var(--price-pad)}
.home-price-facts strong{display:block;font-size:17px;margin-bottom:4px;line-height:1.4}
.home-price-facts small{display:block;font-size:14px;color:#a9c0cc;line-height:1.4}
/* 2026-11-12 (Daniel): the consultation button takes the first box, with its small line under it; the other two boxes are whole-box links
   (Financing, Lifetime Warranty) in the same look, with an arrow, an underline on hover and focus, and the white ring used on the dark cards */
.home-price-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.home-price-cta>.dio-button-shadow{max-width:100%}
.home-price-facts>a{display:block;color:#fff;font-weight:400;text-decoration:none}   /* weight: Financing loads record.css, whose bare a{} rule sets 600 */
.home-price-facts>a strong{text-decoration:underline 2px transparent;text-underline-offset:5px}
.home-price-facts>a:is(:hover,:focus-visible) strong{text-decoration-color:currentColor}
.home-price-facts>a:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.home-price-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:26px var(--price-pad) 30px;margin:0 calc(-1*var(--price-pad));background:rgba(14,28,37,.72)}
.home-price-facts .home-price-cta .button{font-size:16px;padding-inline:22px}
:is(.home-price-actions,.home-price-cta) .button{font-size:17px;min-height:54px;padding:12px 28px;white-space:normal;text-align:center}
.home-price-actions>.home-price-link{color:#fff;font-size:16px;min-height:48px;display:inline-flex;align-items:center}
.home-price-noscript{color:#d5e0e5;font-size:16px}
@media(max-width:760px){.home-price-rings{display:none}.home-price-section{padding-block:48px}.home-price-band{font-size:14px;letter-spacing:.04em;text-align:center}.home-price-photo{width:100%;right:0;bottom:auto;height:560px;background-position:64% 30%;opacity:.5;-webkit-mask-image:radial-gradient(120% 90% at 85% 25%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 90% at 85% 25%,#000 30%,transparent 75%)}.home-price-facts{grid-template-columns:1fr}.home-price-facts>*{padding-inline:var(--price-pad)}.home-price-segment button{padding:11px 16px;font-size:15px}.home-price-amount{gap:8px;min-height:115px}.home-price-amount span{flex-basis:100%}:is(.home-price-actions,.home-price-cta)>.dio-button-shadow{width:100%}:is(.home-price-actions,.home-price-cta) .button{width:100%;padding-inline:14px;font-size:16px}}

/* Daniel 10 October: restore only the Home price CTA's normal metal wipe (2026-11-12: the CTA now sits in the first box, .home-price-cta).
   The price section remains a quiet zone; every other protected CTA is unchanged. */
#cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button::before{content:''!important;transition:transform var(--dio-cta-retract-duration,1.2s) cubic-bezier(.22,.7,.25,1)!important}
#cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button:is(:active,:focus-visible){color:#203846!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
#cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button:is(:active,:focus-visible)::before{transition-duration:var(--dio-cta-wipe-duration,.45s)!important}
@media(hover:hover){
 #cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button:hover{color:#203846!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
 #cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button:hover::before{transition-duration:var(--dio-cta-wipe-duration,.45s)!important}
}
html:is(.reduce-motion,.dio-alive-off) #cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button::before{transition:none!important}
@media(prefers-reduced-motion:reduce){#cost.home-price-section :is(.home-price-actions,.home-price-cta) a.button::before{transition:none!important}}

/* 2026-10-13 (Daniel): a patient reveal photo replaces the empty operatory: #415, flipped so her face sits in the clear right side, with the card's lettering re-set to read correctly (Daniel's idea). Same luminosity blend, opacity, mask and tint. */
/* special condition line under the price (Daniel 2026-10-13) */
/* 2026-11-11 (Daniel): the end date should catch the eye. Solid orange aluminium plate with the 45-degree corners, dark ink (contrast ruling), the date large. Static. */
.home-price-special{position:relative;z-index:1;margin:14px 0 0;display:flex;flex-direction:column;gap:2px;width:fit-content;max-width:560px;padding:12px 24px 13px 18px;background:linear-gradient(180deg,#f4a165 0%,#ed873c 40%,#e9853b 100%);color:#1C2E3A;font-size:15.5px;font-weight:600;line-height:1.4;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.home-price-ends{font-size:24px;font-weight:700;line-height:1.2}
/* struck standard fee under the price while a lower-priced special runs (offers rule, Daniel 2026-11-05); home-price.js adds it */
.home-price-was{position:relative;z-index:1;margin:0 0 4px;font-size:22px;font-weight:500;line-height:1.3;color:#c9d6dd}   /* sits above the price (2026-11-11) */
.home-price-was s{text-decoration-thickness:3px;text-decoration-color:#ED873C}
[data-special-only]{display:none}
.dio-special-on [data-special-only]{display:block}
.cost2-special{margin:14px 0 0;padding:12px 14px;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1.5px #ed873c;color:#fff!important;font-size:15px;line-height:1.5}.cost2-special strong{color:#f4a165}/* Daniel 2026-11-12: no charcoal fill; orange outline on the navy card */