/*
 * Westcoast Smile — Creative Preservation Homepage v6.0.7
 * Modern editorial/video presentation for the live/backup-derived homepage copy.
 * Content, anchors, FAQs, services, reviews and dynamic posts remain in Gutenberg.
 */
.wcs-creative-home{--wcs-h26-navy:#12384b;--wcs-h26-navy2:#0b2a3b;--wcs-h26-ocean:#177e91;--wcs-h26-teal:#2c9c91;--wcs-h26-mint:#e8f7f3;--wcs-h26-mint2:#ccefe6;--wcs-h26-sand:#f5efe6;--wcs-h26-coral:#ef9a82;--wcs-h26-ink:#17384a;--wcs-h26-muted:#587181;--wcs-h26-line:rgba(23,56,74,.13);--wcs-h26-white:#fff;color:var(--wcs-h26-ink);overflow:hidden;background:#fff}
.wcs-creative-home *{box-sizing:border-box}.wcs-creative-home a{text-underline-offset:.18em}.wcs-creative-home .wcs-fidelity-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.wcs-creative-home .wcs-fidelity-section{padding:clamp(74px,8vw,112px) 0}.wcs-creative-home .wcs-fidelity-section-head{max-width:920px;margin:0 0 38px;text-align:left}.wcs-creative-home .wcs-fidelity-section-head h2{margin:0 0 16px;color:var(--wcs-h26-navy);font-size:clamp(2.15rem,4.2vw,4rem);line-height:1.02;letter-spacing:-.045em}.wcs-creative-home .wcs-fidelity-section-head p{max-width:760px;margin:0;color:var(--wcs-h26-muted);font-size:1.06rem;line-height:1.72}

/* Video hero — keeps the split, premium feel of the earlier Studio concept. */
.wcs-home26-hero{position:relative;padding:clamp(58px,6vw,92px) 20px clamp(96px,10vw,132px);background:radial-gradient(circle at 88% 8%,rgba(204,239,230,.92),transparent 28%),radial-gradient(circle at 4% 92%,rgba(239,154,130,.14),transparent 28%),linear-gradient(135deg,#f8fbfa 0%,#eef8f6 51%,#f8f0e7 100%);overflow:hidden}
.wcs-home26-hero:after{content:"";position:absolute;width:520px;height:520px;right:-250px;top:-270px;border:1px solid rgba(23,126,145,.14);border-radius:50%;box-shadow:0 0 0 54px rgba(23,126,145,.025),0 0 0 108px rgba(23,126,145,.018);pointer-events:none}
.wcs-home26-hero-shell{position:relative;z-index:1;width:min(1280px,100%);margin:auto}.wcs-home26-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:clamp(42px,5vw,78px);align-items:center}.wcs-home26-hero-copy{padding:20px 0}.wcs-home26-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--wcs-h26-ocean);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.wcs-home26-eyebrow:before{content:"";width:38px;height:2px;background:linear-gradient(90deg,var(--wcs-h26-ocean),var(--wcs-h26-coral));border-radius:9px}.wcs-home26-hero h1{max-width:660px;margin:0;color:var(--wcs-h26-navy);font-size:clamp(3.6rem,6.6vw,6.7rem);line-height:.92;letter-spacing:-.06em;text-wrap:balance}.wcs-home26-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.wcs-home26-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:999px;font-weight:850;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wcs-home26-btn:hover{transform:translateY(-2px)}.wcs-home26-btn-primary{background:linear-gradient(135deg,var(--wcs-h26-ocean),#0d6375);color:#fff!important;box-shadow:0 12px 28px rgba(23,126,145,.2)}.wcs-home26-btn-secondary{border:1px solid rgba(23,56,74,.2);background:rgba(255,255,255,.72);color:var(--wcs-h26-navy)!important}.wcs-home26-hero-links{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:25px;padding-top:22px;border-top:1px solid rgba(23,56,74,.12)}.wcs-home26-hero-links a{color:#506b78;font-size:.86rem;font-weight:750;text-decoration-thickness:1px}.wcs-home26-video-shell{position:relative;padding:14px;border:1px solid rgba(255,255,255,.9);border-radius:38px;background:rgba(255,255,255,.66);box-shadow:0 30px 80px rgba(21,69,87,.18);backdrop-filter:blur(12px)}.wcs-home26-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:27px;background:#102b3b}.wcs-home26-video-toggle{position:absolute;right:26px;bottom:26px;z-index:2;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 13px;background:rgba(12,43,58,.72);color:#fff;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}.wcs-home26-video-toggle:hover{background:rgba(12,43,58,.9)}

/* Four preserved opening content panels become a broad editorial mosaic. */
.wcs-creative-home .wcs-fidelity-intro{position:relative;z-index:4;margin-top:-64px;padding-top:0;background:transparent}.wcs-creative-home .wcs-fidelity-intro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.wcs-creative-home .wcs-fidelity-intro-card{position:relative;overflow:hidden;padding:clamp(27px,3vw,38px);border:1px solid var(--wcs-h26-line);border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(17,59,76,.10)}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(1),.wcs-creative-home .wcs-fidelity-intro-card:nth-child(4){grid-column:span 7}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2),.wcs-creative-home .wcs-fidelity-intro-card:nth-child(3){grid-column:span 5}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2){background:linear-gradient(145deg,var(--wcs-h26-navy),#165e70);color:#eef8f6;border-color:transparent}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(3){background:linear-gradient(145deg,#fbf6ef,#fff)}.wcs-creative-home .wcs-fidelity-intro-card:before{position:absolute;right:24px;top:18px;color:rgba(23,126,145,.16);font-size:3.4rem;font-weight:950;line-height:1}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(1):before{content:"01"}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2):before{content:"02";color:rgba(255,255,255,.12)}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(3):before{content:"03"}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(4):before{content:"04"}.wcs-creative-home .wcs-fidelity-intro-card h2{max-width:80%;margin:0 0 6px;color:var(--wcs-h26-navy);font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.03em}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2) h2{color:#fff}.wcs-creative-home .wcs-fidelity-kicker{margin:0 0 18px;color:var(--wcs-h26-teal);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2) .wcs-fidelity-kicker{color:#9de0d5}.wcs-creative-home .wcs-fidelity-intro-card p{line-height:1.72}.wcs-creative-home .wcs-fidelity-card-link,.wcs-creative-home .wcs-fidelity-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:999px;background:var(--wcs-h26-ocean);color:#fff!important;text-decoration:none!important;font-weight:800}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(2) .wcs-fidelity-card-link{background:#fff;color:var(--wcs-h26-navy)!important}

/* Awards */
.wcs-creative-home .wcs-fidelity-awards{background:var(--wcs-h26-sand)}.wcs-creative-home .wcs-fidelity-award-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(38px,5vw,72px);align-items:center}.wcs-creative-home .wcs-fidelity-award-copy{padding:0 0 0 28px;border-left:4px solid var(--wcs-h26-coral)}.wcs-creative-home .wcs-fidelity-award-copy h3{margin:0 0 20px;color:var(--wcs-h26-navy);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.18}.wcs-creative-home .wcs-fidelity-award-copy p{line-height:1.75}.wcs-creative-home .wcs-fidelity-award-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wcs-creative-home .wcs-fidelity-award-media figure{margin:0;padding:10px;border-radius:25px;background:#fff;box-shadow:0 18px 42px rgba(47,55,48,.10)}.wcs-creative-home .wcs-fidelity-award-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}

/* Philosophy gets the dramatic dark treatment of the earlier concept. */
.wcs-creative-home .wcs-fidelity-philosophy{background:linear-gradient(145deg,var(--wcs-h26-navy2),#164f61 72%,#1f6e75);color:#edf8f6}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-section-head h2{color:#fff}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,5vw,68px);align-items:center}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-video{order:-1}.wcs-creative-home .wcs-fidelity-copy{font-size:1.02rem;line-height:1.82}.wcs-creative-home .wcs-fidelity-copy p{margin:0 0 18px}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-copy a:not(.wcs-fidelity-primary-link){color:#9ce3d7}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-primary-link{background:#fff;color:var(--wcs-h26-navy)!important}.wcs-creative-home .wcs-fidelity-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:30px;background:#0c2837;box-shadow:0 26px 62px rgba(0,0,0,.22)}.wcs-creative-home .wcs-fidelity-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Smile gallery as an editorial mosaic. */
.wcs-creative-home .wcs-fidelity-gallery{background:#fff}.wcs-creative-home .wcs-fidelity-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(270px,1fr));gap:16px}.wcs-creative-home .wcs-fidelity-gallery-card{position:relative;min-height:280px;overflow:hidden;border-radius:30px;background:var(--wcs-h26-navy);box-shadow:0 18px 44px rgba(19,56,72,.12)}.wcs-creative-home .wcs-fidelity-gallery-card:first-child{grid-column:span 7;grid-row:1/3}.wcs-creative-home .wcs-fidelity-gallery-card:nth-child(2),.wcs-creative-home .wcs-fidelity-gallery-card:nth-child(3){grid-column:span 5}.wcs-creative-home .wcs-fidelity-gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.wcs-creative-home .wcs-fidelity-gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(9,34,47,.86) 100%)}.wcs-creative-home .wcs-fidelity-gallery-card>div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(22px,3vw,36px);color:#fff}.wcs-creative-home .wcs-fidelity-gallery-card h3{margin:0 0 9px;color:#fff;font-size:clamp(1.35rem,2vw,2rem)}.wcs-creative-home .wcs-fidelity-gallery-card p{margin:0 0 10px;max-width:580px;color:rgba(255,255,255,.84);line-height:1.62}.wcs-creative-home .wcs-fidelity-gallery-card a{color:#b9f2e8;font-weight:850}.wcs-creative-home .wcs-fidelity-gallery-card:hover img{transform:scale(1.035)}

/* Local/Kitsilano story */
.wcs-creative-home .wcs-fidelity-location{background:linear-gradient(180deg,var(--wcs-h26-mint),#f8fcfb)}.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(38px,5vw,64px);align-items:start}.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-copy{padding:clamp(28px,3.6vw,46px);border:1px solid rgba(23,126,145,.13);border-radius:30px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(20,75,89,.08)}.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-copy a{color:var(--wcs-h26-ocean);font-weight:750}.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-video{position:sticky;top:120px}

/* Dentist biographies — one full-width editorial card each, alternating portrait position. */
.wcs-creative-home .wcs-fidelity-doctors{background:var(--wcs-h26-sand)}.wcs-creative-home .wcs-fidelity-doctor-grid{display:grid;grid-template-columns:1fr;gap:24px}.wcs-creative-home .wcs-fidelity-doctor-card{display:grid;grid-template-columns:minmax(260px,.37fr) minmax(0,.63fr);overflow:hidden;border:1px solid rgba(23,56,74,.1);border-radius:32px;background:#fff;box-shadow:0 18px 48px rgba(48,52,46,.08)}.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2){grid-template-columns:minmax(0,.63fr) minmax(260px,.37fr)}.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2)>img{grid-column:2;grid-row:1}.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2)>.wcs-fidelity-doctor-copy{grid-column:1;grid-row:1}.wcs-creative-home .wcs-fidelity-doctor-card>img{display:block;width:100%;height:100%;min-height:450px;object-fit:cover;object-position:center top}.wcs-creative-home .wcs-fidelity-doctor-copy{padding:clamp(30px,4vw,52px)}.wcs-creative-home .wcs-fidelity-doctor-copy h3{margin:0 0 18px;color:var(--wcs-h26-navy);font-size:clamp(1.7rem,2.8vw,2.6rem)}.wcs-creative-home .wcs-fidelity-doctor-copy p{line-height:1.8}.wcs-creative-home .wcs-fidelity-doctor-copy a:not(.wcs-fidelity-primary-link){color:var(--wcs-h26-ocean);font-weight:750}

/* Services */
.wcs-creative-home .wcs-fidelity-services{background:#fff}.wcs-creative-home .wcs-fidelity-services-intro{max-width:980px;margin:0 0 42px;font-size:1.03rem;line-height:1.82}.wcs-creative-home .wcs-fidelity-services-intro a{color:var(--wcs-h26-ocean);font-weight:750}.wcs-creative-home .wcs-fidelity-service-grid{counter-reset:wcs-home-service;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wcs-creative-home .wcs-fidelity-service-card{counter-increment:wcs-home-service;position:relative;min-height:250px;padding:30px 28px;border:1px solid var(--wcs-h26-line);border-radius:26px;background:linear-gradient(180deg,#fff,#fbfdfc);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.wcs-creative-home .wcs-fidelity-service-card:after{content:"0" counter(wcs-home-service);position:absolute;right:24px;top:20px;color:rgba(23,126,145,.18);font-size:1.1rem;font-weight:950;letter-spacing:.06em}.wcs-creative-home .wcs-fidelity-service-card:hover{transform:translateY(-5px);border-color:rgba(23,126,145,.28);box-shadow:0 20px 46px rgba(18,63,80,.10)}.wcs-creative-home .wcs-fidelity-service-icon{display:block;width:54px;height:54px;margin:0 0 22px}.wcs-creative-home .wcs-fidelity-service-card h3{margin:0 0 10px;font-size:1.26rem;line-height:1.2}.wcs-creative-home .wcs-fidelity-service-card h3 a{color:var(--wcs-h26-navy);text-decoration:none}.wcs-creative-home .wcs-fidelity-service-card p{margin:0;color:var(--wcs-h26-muted);line-height:1.68}

/* CTA */
.wcs-creative-home .wcs-fidelity-cta{position:relative;background:linear-gradient(125deg,var(--wcs-h26-navy2),#0e6575 72%,#258c82);color:#fff;overflow:hidden}.wcs-creative-home .wcs-fidelity-cta:before{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.02)}.wcs-creative-home .wcs-fidelity-cta-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center}.wcs-creative-home .wcs-fidelity-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.04em}.wcs-creative-home .wcs-fidelity-cta p{max-width:820px;line-height:1.72}.wcs-creative-home .wcs-fidelity-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;border-radius:999px;background:#fff;color:var(--wcs-h26-navy)!important;text-decoration:none!important;font-weight:900;white-space:nowrap}

/* Reviews */
.wcs-creative-home .wcs-fidelity-reviews{background:var(--wcs-h26-mint)}.wcs-creative-home .wcs-fidelity-reviews .wp-gr,.wcs-creative-home .wcs-fidelity-reviews [class*="grw"]{max-width:100%}

/* Latest posts */
.wcs-creative-home .wcs-fidelity-featured{background:#fff}.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.wcs-creative-home .wcs-fidelity-post-card{height:100%;padding:0 0 24px;overflow:hidden;border:1px solid var(--wcs-h26-line);border-radius:26px;background:#fff;box-shadow:0 14px 34px rgba(17,59,76,.06);transition:transform .2s ease,box-shadow .2s ease}.wcs-creative-home .wcs-fidelity-post-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(17,59,76,.10)}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-featured-image{margin:0 0 20px}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-date,.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title,.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt{padding-inline:24px}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-date{font-size:.82rem;color:var(--wcs-h26-muted)}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title{font-size:1.3rem;line-height:1.22}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title a{color:var(--wcs-h26-navy);text-decoration:none}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt{color:var(--wcs-h26-muted);line-height:1.65}.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt__more-link{color:var(--wcs-h26-ocean);font-weight:850}

/* Map */
.wcs-creative-home .wcs-fidelity-map{background:var(--wcs-h26-sand)}.wcs-creative-home .wcs-fidelity-map-frame{position:relative;aspect-ratio:16/7;overflow:hidden;border:10px solid #fff;border-radius:32px;box-shadow:0 20px 48px rgba(47,55,48,.09)}.wcs-creative-home .wcs-fidelity-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* FAQs */
.wcs-creative-home .wcs-fidelity-faqs{background:#fff}.wcs-creative-home .wcs-fidelity-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:none;margin:0}.wcs-creative-home .wcs-fidelity-faq-item{align-self:start;margin:0;border:1px solid var(--wcs-h26-line);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(17,59,76,.05);overflow:hidden}.wcs-creative-home .wcs-fidelity-faq-item summary{position:relative;cursor:pointer;padding:22px 58px 22px 22px;color:var(--wcs-h26-navy);font-weight:850;line-height:1.35}.wcs-creative-home .wcs-fidelity-faq-item summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wcs-h26-mint);color:var(--wcs-h26-ocean);font-size:1.25rem}.wcs-creative-home .wcs-fidelity-faq-item[open] summary:after{content:"−"}.wcs-creative-home .wcs-fidelity-faq-item>p{margin:0;padding:0 22px 22px;color:var(--wcs-h26-muted);line-height:1.72}.wcs-creative-home .wcs-fidelity-faq-item a{color:var(--wcs-h26-ocean);font-weight:750}

/* Gentle reveal support already provided by site.js. */
.wcs-creative-home .wcs-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.wcs-creative-home .wcs-reveal.wcs-in{opacity:1;transform:none}

@media(max-width:1120px){.wcs-home26-hero-grid{grid-template-columns:1fr;gap:38px}.wcs-home26-hero-copy{max-width:760px}.wcs-home26-video-shell{max-width:880px}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(n){grid-column:span 6}.wcs-creative-home .wcs-fidelity-award-grid,.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-split,.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-split{grid-template-columns:1fr}.wcs-creative-home .wcs-fidelity-philosophy .wcs-fidelity-video{order:0}.wcs-creative-home .wcs-fidelity-location .wcs-fidelity-video{position:relative;top:auto;max-width:820px}.wcs-creative-home .wcs-fidelity-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.wcs-creative-home .wcs-fidelity-shell{width:min(100% - 28px,1180px)}.wcs-home26-hero{padding:48px 14px 92px}.wcs-home26-hero h1{font-size:clamp(3.15rem,15vw,5rem)}.wcs-home26-hero-actions{display:grid;grid-template-columns:1fr}.wcs-home26-btn{width:100%}.wcs-home26-hero-links{display:grid;gap:8px}.wcs-home26-video-shell{padding:8px;border-radius:26px}.wcs-home26-video{border-radius:20px}.wcs-home26-video-toggle{right:18px;bottom:18px}.wcs-creative-home .wcs-fidelity-intro{margin-top:-48px}.wcs-creative-home .wcs-fidelity-intro-card:nth-child(n){grid-column:1/-1}.wcs-creative-home .wcs-fidelity-gallery-grid{grid-template-columns:1fr;grid-template-rows:none}.wcs-creative-home .wcs-fidelity-gallery-card:first-child,.wcs-creative-home .wcs-fidelity-gallery-card:nth-child(2),.wcs-creative-home .wcs-fidelity-gallery-card:nth-child(3){grid-column:auto;grid-row:auto;min-height:360px}.wcs-creative-home .wcs-fidelity-doctor-card,.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2){grid-template-columns:1fr}.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2)>img,.wcs-creative-home .wcs-fidelity-doctor-card:nth-child(2)>.wcs-fidelity-doctor-copy{grid-column:auto;grid-row:auto}.wcs-creative-home .wcs-fidelity-doctor-card>img{min-height:0;height:min(110vw,520px)}.wcs-creative-home .wcs-fidelity-service-grid,.wcs-creative-home .wcs-fidelity-faq-list,.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template{grid-template-columns:1fr!important}.wcs-creative-home .wcs-fidelity-cta-inner{grid-template-columns:1fr}.wcs-creative-home .wcs-fidelity-cta-button{white-space:normal}.wcs-creative-home .wcs-fidelity-map-frame{aspect-ratio:4/3}}
@media(max-width:520px){.wcs-home26-hero{padding-top:34px}.wcs-home26-hero h1{font-size:clamp(3rem,17vw,4.2rem)}.wcs-home26-video-toggle{font-size:.72rem}.wcs-creative-home .wcs-fidelity-section{padding:64px 0}.wcs-creative-home .wcs-fidelity-section-head h2{font-size:clamp(2rem,10vw,3rem)}.wcs-creative-home .wcs-fidelity-award-media{grid-template-columns:1fr 1fr}.wcs-creative-home .wcs-fidelity-gallery-card{min-height:330px}.wcs-creative-home .wcs-fidelity-gallery-card>div{padding:22px}.wcs-creative-home .wcs-fidelity-doctor-copy{padding:26px}.wcs-creative-home .wcs-fidelity-service-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.wcs-creative-home *{scroll-behavior:auto!important}.wcs-creative-home .wcs-reveal{opacity:1!important;transform:none!important;transition:none!important}.wcs-creative-home .wcs-fidelity-gallery-card img,.wcs-creative-home .wcs-fidelity-service-card,.wcs-home26-btn{transition:none!important}}

/* ========================================================================
   v6.0.8 — Homepage refinement pass
   EmbedPlus facades, award stage, aligned service copy/cards, wider posts,
   seamless CTA/reviews transition, and single-open FAQ polish.
   ======================================================================== */

/* Remove any block-layout margins that can create seams between full-width sections. */
.wcs-creative-home > .wcs-fidelity-section,
.wcs-creative-home > section.wcs-fidelity-section{
  margin-block-start:0!important;
  margin-block-end:0!important;
}
.wcs-creative-home .wcs-fidelity-cta + .wcs-fidelity-reviews{
  margin-block-start:0!important;
}

/* Award stage — more visual, but deliberately restrained. */
.wcs-creative-home .wcs-fidelity-awards{
  position:relative;
  background:
    radial-gradient(circle at 92% 12%,rgba(23,126,145,.10),transparent 28%),
    radial-gradient(circle at 6% 90%,rgba(239,154,130,.12),transparent 26%),
    linear-gradient(135deg,#f8f2e9 0%,#f4efe7 52%,#eef8f5 100%);
  overflow:hidden;
}
.wcs-creative-home .wcs-fidelity-awards:before{
  content:"";position:absolute;right:-180px;top:-220px;width:470px;height:470px;border-radius:50%;
  border:1px solid rgba(23,126,145,.12);box-shadow:0 0 0 42px rgba(23,126,145,.025),0 0 0 84px rgba(23,126,145,.018);pointer-events:none;
}
.wcs-creative-home .wcs-award-shell{position:relative;z-index:1}
.wcs-creative-home .wcs-award-head{max-width:1050px}
.wcs-creative-home .wcs-award-eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:7px 12px;border:1px solid rgba(23,126,145,.18);
  border-radius:999px;background:rgba(255,255,255,.68);color:var(--wcs-h26-ocean);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
}
.wcs-creative-home .wcs-fidelity-award-grid{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:clamp(42px,5vw,78px)}
.wcs-creative-home .wcs-fidelity-award-copy{
  position:relative;padding:30px 32px;border:1px solid rgba(23,56,74,.10);border-left:4px solid var(--wcs-h26-coral);
  border-radius:0 26px 26px 0;background:rgba(255,255,255,.58);box-shadow:0 18px 46px rgba(34,63,71,.06);backdrop-filter:blur(6px);
}
.wcs-creative-home .wcs-fidelity-award-copy h3{font-size:clamp(1.45rem,2.25vw,2.05rem)}
.wcs-creative-home .wcs-fidelity-award-media{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}
.wcs-creative-home .wcs-fidelity-award-media:before{
  content:"Excellence";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:0;
  color:rgba(23,126,145,.065);font-size:clamp(3rem,7vw,6.4rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none;
}
.wcs-creative-home .wcs-award-certificate{
  position:relative;z-index:1;margin:0;padding:10px 10px 14px;border:1px solid rgba(23,56,74,.10);border-radius:26px;background:#fff;
  box-shadow:0 22px 52px rgba(34,63,71,.13);transition:transform .22s ease,box-shadow .22s ease;
}
.wcs-creative-home .wcs-award-certificate:first-child{transform:rotate(-2.2deg) translateY(12px)}
.wcs-creative-home .wcs-award-certificate:last-child{transform:rotate(2deg) translateY(-8px)}
.wcs-creative-home .wcs-award-certificate:first-child:hover{transform:rotate(-.7deg) translateY(4px)}
.wcs-creative-home .wcs-award-certificate:last-child:hover{transform:rotate(.7deg) translateY(-14px)}
.wcs-creative-home .wcs-award-certificate img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.wcs-creative-home .wcs-award-certificate figcaption{padding:12px 6px 0;color:var(--wcs-h26-navy);font-size:.83rem;font-weight:900;text-align:center;letter-spacing:.02em}
.wcs-creative-home .wcs-award-year{
  position:absolute;right:-7px;top:-10px;z-index:3;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:linear-gradient(145deg,var(--wcs-h26-ocean),#0e6173);color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.06em;
  border:4px solid #fff;box-shadow:0 10px 24px rgba(23,126,145,.22);
}

/* EmbedPlus for YouTube: use the restored plugin's facade mode instead of loading raw iframes while scrolling. */
.wcs-creative-home .wcs-fidelity-video.wcs-embedplus-video{
  display:block!important;position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:30px;background:#0c2837;box-shadow:0 26px 62px rgba(0,0,0,.22);
}
.wcs-creative-home .wcs-embedplus-video > .wp-block-shortcode,
.wcs-creative-home .wcs-embedplus-video .epyt-figure,
.wcs-creative-home .wcs-embedplus-video .wp-block-embed__wrapper,
.wcs-creative-home .wcs-embedplus-video .epyt-video-wrapper{
  width:100%!important;max-width:none!important;margin:0!important;
}
.wcs-creative-home .wcs-embedplus-video > .wp-block-shortcode{height:100%}
.wcs-creative-home .wcs-embedplus-video .epyt-figure{height:100%}
.wcs-creative-home .wcs-embedplus-video .wp-block-embed__wrapper{height:100%}
.wcs-creative-home .wcs-embedplus-video .epyt-video-wrapper{position:relative!important;height:100%!important;padding:0!important}
.wcs-creative-home .wcs-embedplus-video .epyt-facade,
.wcs-creative-home .wcs-embedplus-video iframe.__youtube_prefs__{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;
}
.wcs-creative-home .wcs-embedplus-video .epyt-facade{overflow:hidden;background:#0c2837}
.wcs-creative-home .wcs-embedplus-video .epyt-facade-poster{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.wcs-creative-home .wcs-embedplus-video .epyt-facade-play{transition:transform .18s ease,filter .18s ease}
.wcs-creative-home .wcs-embedplus-video .epyt-facade:hover .epyt-facade-play{transform:scale(1.06)}

/* Services: the three preserved intro paragraphs now share the exact outer width of the 3-column cards. */
.wcs-creative-home .wcs-fidelity-services-intro{
  width:100%;max-width:none;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;font-size:1rem;line-height:1.72;
}
.wcs-creative-home .wcs-fidelity-services-intro p{
  position:relative;margin:0;padding:22px 22px 22px 24px;border:1px solid rgba(23,56,74,.10);border-radius:20px;background:linear-gradient(145deg,#fbfefd,#f3faf8);
}
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(2){background:linear-gradient(145deg,#fffaf4,#f7f1e8)}
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(3){background:linear-gradient(145deg,#f7fbfd,#eef7f8)}
.wcs-creative-home .wcs-fidelity-services-intro p:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:4px;background:var(--wcs-h26-ocean)}
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(2):before{background:var(--wcs-h26-coral)}
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(3):before{background:var(--wcs-h26-teal)}

/* Slightly more colour and depth in service cards without making the section loud. */
.wcs-creative-home .wcs-fidelity-service-card{overflow:hidden;background:linear-gradient(155deg,#fff 0%,#f7fcfa 100%)}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n+2){background:linear-gradient(155deg,#fff 0%,#fbf6ef 100%)}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n){background:linear-gradient(155deg,#fff 0%,#f1f8fa 100%)}
.wcs-creative-home .wcs-fidelity-service-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--wcs-h26-ocean),var(--wcs-h26-teal));opacity:.72;
}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n+2):before{background:linear-gradient(90deg,var(--wcs-h26-coral),#e7b56e)}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n):before{background:linear-gradient(90deg,#4b9cb0,var(--wcs-h26-ocean))}
.wcs-creative-home .wcs-fidelity-service-icon{
  display:grid;width:58px;height:58px;padding:9px;margin:0 0 22px;border-radius:18px;background:rgba(204,239,230,.72);box-shadow:inset 0 0 0 1px rgba(23,126,145,.10);
}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n+2) .wcs-fidelity-service-icon{background:rgba(245,239,230,.9)}
.wcs-creative-home .wcs-fidelity-service-card:nth-child(3n) .wcs-fidelity-service-icon{background:rgba(232,247,243,.82)}

/* Make the latest-post collection breathe on desktop so all 3 cards feel substantial. */
.wcs-creative-home .wcs-fidelity-featured .wcs-fidelity-shell{width:min(1320px,calc(100% - 40px))}
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template{gap:22px!important}
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-date,
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title,
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt{padding-inline:26px}

/* FAQ remains two-column visually, but JS enforces one open answer at a time. */
.wcs-creative-home .wcs-fidelity-faq-item[open]{border-color:rgba(23,126,145,.28);box-shadow:0 14px 34px rgba(17,59,76,.08)}

@media(max-width:1120px){
  .wcs-creative-home .wcs-fidelity-award-grid{grid-template-columns:1fr}
  .wcs-creative-home .wcs-fidelity-award-media{max-width:760px}
  .wcs-creative-home .wcs-fidelity-services-intro{grid-template-columns:1fr}
  .wcs-creative-home .wcs-fidelity-featured .wcs-fidelity-shell{width:min(100% - 40px,1180px)}
}
@media(max-width:620px){
  .wcs-creative-home .wcs-fidelity-award-copy{padding:24px 22px}
  .wcs-creative-home .wcs-fidelity-award-media{gap:10px;padding:10px 0}
  .wcs-creative-home .wcs-award-year{width:50px;height:50px;font-size:.7rem}
  .wcs-creative-home .wcs-award-certificate figcaption{font-size:.74rem}
}
.wcs-creative-home .wcs-fidelity-split > *{margin-block-start:0!important;margin-block-end:0!important}
.wcs-creative-home .wcs-embedplus-video .epyt-facade{height:100%!important;padding-bottom:0!important}

/* ========================================================================
   v6.0.9 — Homepage visual refinement pass
   - Featured posts: fix core Query Loop flex-column width leakage.
   - Services intro: editorial text columns, not duplicate cards.
   - Smile gallery: clear button CTAs using the dentist-bio button language.
   - Awards: stronger navy/mint/coral editorial presentation with same wording.
   - FAQs: PWS-inspired one-question-at-a-time carousel (JS progressive enhancement).
   ======================================================================== */

/* 1. Featured posts — WordPress adds .is-flex-container.columns-3 widths to
   Query Loop children even after the template is changed to CSS Grid. Those
   33.33% child widths were making each card roughly one-third of its grid
   track. Force every post to fill its grid track. */
.wcs-creative-home .wcs-fidelity-featured .wcs-fidelity-shell{
  width:min(1320px,calc(100% - 40px))!important;
  max-width:1320px!important;
}
.wcs-creative-home .wcs-fidelity-posts{
  width:100%!important;max-width:none!important;margin:0!important;
}
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template,
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(20px,2vw,30px)!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template > li,
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container.columns-3 > li,
.wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container > li{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  display:block!important;
}
.wcs-creative-home .wcs-fidelity-post-card,
.wcs-creative-home .wcs-fidelity-post-card.is-layout-constrained{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
}
.wcs-creative-home .wcs-fidelity-post-card > *{
  max-width:none!important;
}
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-featured-image{
  width:100%!important;
}
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt__excerpt{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;
}

/* 2. Services intro — same exact three-column boundary as the cards below,
   but visually reads as editorial copy rather than another row of cards. */
.wcs-creative-home .wcs-fidelity-services-intro{
  width:100%!important;
  max-width:none!important;
  margin:0 0 44px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  font-size:1rem;
  line-height:1.78;
}
.wcs-creative-home .wcs-fidelity-services-intro p,
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(2),
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(3){
  position:relative;
  margin:0!important;
  padding:2px 20px 2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wcs-creative-home .wcs-fidelity-services-intro p:before{
  content:none!important;
}
.wcs-creative-home .wcs-fidelity-services-intro p + p{
  padding-left:28px!important;
  border-left:1px solid rgba(23,56,74,.14)!important;
}
.wcs-creative-home .wcs-fidelity-services-intro p:last-child{
  padding-right:0!important;
}

/* 3. Smile-gallery links — use the same filled-pill language as the dentist
   biography CTA so the action is unmistakable over photography. */
.wcs-creative-home .wcs-fidelity-gallery-card p:last-child{
  margin-top:17px!important;
  margin-bottom:0!important;
}
.wcs-creative-home .wcs-fidelity-gallery-card p:last-child > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--wcs-h26-ocean)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:850!important;
  line-height:1.2!important;
  box-shadow:0 10px 24px rgba(5,32,45,.22)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.wcs-creative-home .wcs-fidelity-gallery-card p:last-child > a:hover{
  transform:translateY(-2px)!important;
  background:#0e6275!important;
  box-shadow:0 14px 30px rgba(5,32,45,.28)!important;
}
.wcs-creative-home .wcs-fidelity-gallery-card p:last-child > a:focus-visible{
  outline:3px solid #fff!important;
  outline-offset:3px!important;
}

/* 4. Awards — retain every word and both certificates, but break the copy
   into a stronger hierarchy instead of one pale text card. */
.wcs-creative-home .wcs-fidelity-awards{
  position:relative;
  color:#eef8f7!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(119,226,207,.18),transparent 30%),
    radial-gradient(circle at 10% 88%,rgba(239,154,130,.16),transparent 28%),
    linear-gradient(140deg,#0a2b3c 0%,#103f51 52%,#166572 100%)!important;
}
.wcs-creative-home .wcs-fidelity-awards:before{
  border-color:rgba(203,243,234,.12)!important;
  box-shadow:0 0 0 42px rgba(203,243,234,.025),0 0 0 84px rgba(203,243,234,.016)!important;
}
.wcs-creative-home .wcs-fidelity-awards .wcs-fidelity-section-head h2{
  max-width:990px;color:#fff!important;
}
.wcs-creative-home .wcs-award-eyebrow{
  border-color:rgba(204,239,230,.24)!important;
  background:rgba(204,239,230,.10)!important;
  color:#a8ecdf!important;
}
.wcs-creative-home .wcs-fidelity-award-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:clamp(44px,5vw,82px)!important;
  align-items:center!important;
}
.wcs-creative-home .wcs-fidelity-award-copy{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.wcs-creative-home .wcs-fidelity-award-copy h3{
  grid-column:1/-1;
  max-width:790px;
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:clamp(1.75rem,2.7vw,2.65rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em;
}
.wcs-creative-home .wcs-fidelity-award-copy p{
  margin:0!important;
  color:rgba(238,248,247,.82)!important;
  line-height:1.7!important;
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(1){
  grid-column:1/-1;
  max-width:760px;
  margin-bottom:10px!important;
  font-size:1.05rem;
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(2){
  grid-column:1/-1;
  margin-top:4px!important;
  color:#9fe9dc!important;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(3),
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(4){
  min-height:116px;
  padding:20px 22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  color:#0d3447!important;
  font-size:1.02rem;
  line-height:1.55!important;
  box-shadow:0 16px 34px rgba(0,0,0,.12);
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(3){
  background:linear-gradient(145deg,#d8f5ee,#aee8db)!important;
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(4){
  background:linear-gradient(145deg,#fff0e8,#f7bba8)!important;
}
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(5),
.wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(6){
  margin-top:10px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  font-size:.94rem;
}
.wcs-creative-home .wcs-fidelity-award-copy strong{color:inherit!important}
.wcs-creative-home .wcs-award-certificate{
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 25px 58px rgba(0,0,0,.24)!important;
}
.wcs-creative-home .wcs-award-year{
  background:linear-gradient(145deg,#ef9a82,#d96f58)!important;
  box-shadow:0 10px 24px rgba(239,154,130,.28)!important;
}

/* ========================================================================
   v6.0.10 — Homepage visual correction pass
   - Inline anchor text inherits surrounding text colour/weight.
   - Award supporting headline reduced.
   - Dental Services intro becomes one full-width editorial text section.
   - Service icons are optically centered in their tile.
   - FAQ returns to theme-native question cards; one answer open at a time.
   ======================================================================== */

/* Awards: retain the hierarchy, but keep the supporting statement subordinate. */
.wcs-creative-home .wcs-fidelity-award-copy h3{
  max-width:820px!important;
  font-size:clamp(1.45rem,2vw,2.08rem)!important;
  line-height:1.16!important;
  letter-spacing:-.03em!important;
}

/* Services intro: one editorial section, three preserved paragraphs, full grid width. */
.wcs-creative-home .wcs-fidelity-services-intro{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 44px!important;
  padding:0!important;
  font-size:1rem!important;
  line-height:1.78!important;
}
.wcs-creative-home .wcs-fidelity-services-intro p,
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(2),
.wcs-creative-home .wcs-fidelity-services-intro p:nth-child(3),
.wcs-creative-home .wcs-fidelity-services-intro p + p{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 15px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wcs-creative-home .wcs-fidelity-services-intro p:last-child{margin-bottom:0!important}
.wcs-creative-home .wcs-fidelity-services-intro p:before{content:none!important}

/* Center the SVG mask inside each service icon tile. */
.wcs-creative-home .wcs-fidelity-service-icon{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.wcs-creative-home .wcs-fidelity-service-icon::before,
.wcs-creative-home .wcs-fidelity-service-icon[class*="wcs-icon-"]::before{
  margin:auto!important;
}

/* ========================================================================
   v6.0.12 — FAQ structure correction
   The FAQ follows the structural idea of the supplied PWS sample (intro panel
   + one large question card + progress/dots + Next question), while retaining
   Westcoast Smile typography, navy/ocean/mint/sand/coral palette, and content.
   ======================================================================== */

/* ------------------------------------------------------------------------
   FAQ — structural match to the supplied reference, theme-native styling.
   Left: regular Westcoast Smile section introduction.
   Right: one substantial interactive card with progress/dots/question/answer
   and a Next question button. Typography deliberately stays within this site.
   ------------------------------------------------------------------------ */
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready{
  background:
    radial-gradient(circle at 5% 12%,rgba(204,239,230,.55),transparent 27%),
    radial-gradient(circle at 94% 92%,rgba(239,154,130,.11),transparent 24%),
    linear-gradient(135deg,#f7fbfa 0%,#f4f8f7 55%,#faf7f2 100%)!important;
}
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-shell{
  width:min(1240px,calc(100% - 40px))!important;
  max-width:1240px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(38px,5vw,72px)!important;
  align-items:center!important;
}
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head{
  max-width:440px!important;
  margin:0!important;
}
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head:before{
  content:"PATIENT QUESTIONS"!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  color:var(--wcs-h26-ocean)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head:after{
  content:"Use Next question or the dots to move through the six original patient FAQs.";
  display:block;
  max-width:390px;
  margin-top:16px;
  color:var(--wcs-h26-muted);
  font-size:1rem;
  line-height:1.7;
}
.wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head h2{
  max-width:420px!important;
  margin:0!important;
  color:var(--wcs-h26-navy)!important;
  font-size:clamp(2.55rem,4.6vw,4.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  text-transform:none!important;
}

.wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:390px!important;
  margin:0!important;
  padding:26px clamp(24px,3.2vw,36px) 30px!important;
  border:1px solid rgba(18,56,75,.13)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(18,56,75,.09)!important;
  overflow:hidden!important;
}
.wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--wcs-h26-ocean),var(--wcs-h26-teal),var(--wcs-h26-coral));
}
.wcs-creative-home .wcs-faq-carousel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:42px!important;
  margin:0 0 22px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid rgba(18,56,75,.10)!important;
}
.wcs-creative-home .wcs-faq-progress{
  color:var(--wcs-h26-ocean)!important;
  font-size:.75rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.wcs-creative-home .wcs-faq-dots{display:flex!important;align-items:center!important;gap:7px!important}
.wcs-creative-home .wcs-faq-dot{
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#d5e2e1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.wcs-creative-home .wcs-faq-dot:hover{background:#9bcfc6!important;transform:scale(1.08)!important}
.wcs-creative-home .wcs-faq-dot.is-active{background:var(--wcs-h26-ocean)!important}

.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item,
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item.is-active{
  counter-increment:none!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item{display:none!important}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item.is-active{display:block!important}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item summary{
  display:block!important;
  list-style:none!important;
  margin:0 0 15px!important;
  padding:0!important;
  color:var(--wcs-h26-navy)!important;
  font-size:clamp(1.75rem,2.7vw,2.65rem)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.038em!important;
  cursor:default!important;
  pointer-events:none!important;
}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item summary::-webkit-details-marker{display:none!important}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item summary:before,
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item summary:after{content:none!important;display:none!important}
.wcs-creative-home .wcs-faq-carousel .wcs-fidelity-faq-item > p{
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  color:var(--wcs-h26-muted)!important;
  font-size:1rem!important;
  line-height:1.74!important;
}
.wcs-creative-home .wcs-faq-carousel-footer{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:28px!important;
}
.wcs-creative-home .wcs-faq-next{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:164px!important;
  min-height:48px!important;
  padding:10px 20px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:var(--wcs-h26-ocean)!important;
  color:#fff!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.2!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(23,126,145,.18)!important;
}
.wcs-creative-home .wcs-faq-next:hover{
  background:#0e6275!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(23,126,145,.24)!important;
}

@media(max-width:900px){
  .wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-shell{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head{
    max-width:760px!important;
  }
  .wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head h2{
    max-width:680px!important;
  }
  .wcs-creative-home .wcs-fidelity-faqs.wcs-faq-carousel-ready .wcs-fidelity-section-head:after{
    max-width:680px;
  }
}
@media(max-width:520px){
  body.wcs-studio-site .wcs-creative-home a.wcs-home26-btn,
  body.wcs-studio-site .wcs-creative-home a.wcs-fidelity-card-link,
  body.wcs-studio-site .wcs-creative-home a.wcs-fidelity-primary-link,
  body.wcs-studio-site .wcs-creative-home a.wcs-fidelity-cta-button,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-gallery-card p:last-child > a{
    width:100%!important;
  }
  .wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel{
    min-height:410px!important;
    padding:24px 21px 25px!important;
    border-radius:24px!important;
  }
  .wcs-creative-home .wcs-faq-carousel-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .wcs-creative-home .wcs-faq-next{width:100%!important}
}


/* ========================================================================
   v6.0.13 — Restore v6.0.8 CTA colour system + FAQ control visibility
   Button colours/variants intentionally come from the original v6.0.8
   component rules near the top of this file. The global text-link rule in
   site.css now excludes those CTA classes instead of overriding them.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel > .wcs-faq-carousel-footer{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:28px!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel > .wcs-faq-carousel-footer > button.wcs-faq-next{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:6!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:164px!important;
  min-height:48px!important;
  padding:10px 20px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:var(--wcs-h26-ocean)!important;
  color:#fff!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.2!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(23,126,145,.18)!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel > .wcs-faq-carousel-footer > button.wcs-faq-next:hover{
  background:#0e6275!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
@media(max-width:520px){
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-faq-list.wcs-faq-carousel > .wcs-faq-carousel-footer > button.wcs-faq-next{width:100%!important}
}

/* ========================================================================
   v6.0.14 — Featured-post CTA + fully clickable dental-service cards
   ======================================================================== */

/* Featured posts: make the preserved "Continue Reading" link unmistakably
   visible as a real theme CTA. The PHP render filter also guarantees the link
   exists even when a post's manual excerpt is too short for Core to emit it. */
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt__more-link,
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card a.wcs-home-featured-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:44px!important;
  margin-top:18px!important;
  padding:10px 18px!important;
  border:1px solid var(--wcs-h26-ocean)!important;
  border-radius:999px!important;
  background:var(--wcs-h26-ocean)!important;
  color:#fff!important;
  font-size:.9rem!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(23,126,145,.14)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt__more-link:hover,
body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card a.wcs-home-featured-button:hover{
  background:#0e6275!important;
  border-color:#0e6275!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(23,126,145,.2)!important;
}

/* Dental Services: stretch the existing H3 link across the entire card.
   This keeps one real semantic anchor per service while making the whole visual
   card clickable without duplicating or changing the preserved destination. */
.wcs-creative-home .wcs-fidelity-service-card{cursor:pointer}
.wcs-creative-home .wcs-fidelity-service-card h3 a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  border-radius:inherit;
}
.wcs-creative-home .wcs-fidelity-service-card:focus-within{
  outline:3px solid var(--wcs-h26-coral);
  outline-offset:3px;
}
.wcs-creative-home .wcs-fidelity-service-card h3 a:focus-visible{
  outline:none!important;
}

/* v6.0.15 — performance-first full-bleed homepage video hero.
 * The preserved hero copy/CTAs stay in normal page content. Only the visual
 * treatment changes: optimized theme-hosted video behind the copy, poster as
 * the initial paint/LCP candidate, and explicit pause + sound controls. */
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero{
  min-height:clamp(640px,calc(78vh + 20px),840px);
  padding:0 20px;
  display:flex;
  align-items:center;
  background:#17384a;
  isolation:isolate;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero::after{
  content:none!important;
  display:none!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-shell{
  width:min(1280px,100%);
  min-height:inherit;
  margin:auto;
  position:relative;
  z-index:2;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-grid{
  min-height:inherit;
  display:flex;
  align-items:center;
  position:relative;
  z-index:2;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-copy{
  position:relative;
  z-index:4;
  width:min(760px,68%);
  padding:clamp(72px,9vw,118px) 0 clamp(96px,10vw,132px);
  text-shadow:0 2px 22px rgba(5,27,39,.28);
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-eyebrow{
  color:#d8f4ec;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-eyebrow::before{
  background:linear-gradient(90deg,#c9f0e7,#f09b83);
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero h1{
  max-width:760px;
  color:#fff;
  font-size:clamp(3.5rem,6.3vw,6.45rem);
  text-shadow:0 6px 32px rgba(4,27,39,.36);
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-shell{
  position:absolute;
  z-index:0;
  inset-block:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  padding:0;
  border:0;
  border-radius:0;
  background:#17384a var(--wcs-home26-poster,none) center center/cover no-repeat;
  box-shadow:none;
  overflow:hidden;
  backdrop-filter:none;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-shell::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,35,49,.82) 0%,rgba(8,35,49,.70) 32%,rgba(8,35,49,.30) 61%,rgba(8,35,49,.12) 100%),
    linear-gradient(180deg,rgba(8,35,49,.12) 0%,rgba(8,35,49,.02) 55%,rgba(8,35,49,.28) 100%);
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center center;
  border-radius:0;
  background:transparent;
  opacity:0;
  transition:opacity .7s ease;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video.is-ready{opacity:1}
body.wcs-studio-site .wcs-creative-home .wcs-home26-btn-primary{
  background:linear-gradient(135deg,#187f94,#0d6375)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(4,29,41,.28)!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-btn-secondary{
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.92)!important;
  color:#17384a!important;
  box-shadow:0 12px 30px rgba(4,29,41,.18)!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle,
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound{
  position:absolute;
  z-index:5;
  bottom:24px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  background:rgba(9,39,53,.72);
  color:#fff!important;
  font:inherit;
  font-size:.78rem;
  font-weight:850;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle{right:24px}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound{right:136px}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle:hover,
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound:hover{background:rgba(9,39,53,.92)}
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle:focus-visible,
body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound:focus-visible{outline:3px solid #c9f0e7;outline-offset:3px}
@media(max-width:780px){
  body.wcs-studio-site .wcs-creative-home .wcs-home26-hero{min-height:700px;padding:0 14px;align-items:flex-end}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-copy{width:100%;padding:120px 0 104px}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-hero h1{font-size:clamp(3rem,14vw,4.7rem)}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-shell::after{
    background:linear-gradient(180deg,rgba(8,35,49,.22) 0%,rgba(8,35,49,.36) 40%,rgba(8,35,49,.86) 100%);
  }
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video{object-position:center center}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle{right:14px;bottom:14px}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound{right:126px;bottom:14px}
}
@media(max-width:430px){
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-toggle,
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound{font-size:.7rem;padding:8px 11px}
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video-sound{right:116px}
}
@media(prefers-reduced-motion:reduce){
  body.wcs-studio-site .wcs-creative-home .wcs-home26-video{display:none!important}
}

/* v6.0.18 — viewport-filling video hero correction.
 * v6.0.17 increased a clamp based on 78vh, which could still expose the
 * following section on taller/wider screens. Make the hero at least one
 * small viewport height plus 20px, and move only the hero copy 20px lower. */
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero{
  min-height:calc(100vh + 20px)!important;
  min-height:calc(100svh + 20px)!important;
}
body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-copy{
  transform:translateY(20px);
}
@media(max-width:780px){
  body.wcs-studio-site .wcs-creative-home .wcs-home26-hero{
    min-height:calc(100vh + 20px)!important;
    min-height:calc(100svh + 20px)!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-home26-hero-copy{
    transform:translateY(20px);
  }
}


/* ========================================================================
   v6.0.19 — Mobile layout repair
   Later desktop refinement rules were declared after the original responsive
   rules, so they were winning in the cascade on small screens. These final
   responsive guards keep awards readable and Featured Posts truly single-
   column on phones without changing desktop/tablet presentation.
   ======================================================================== */
@media (max-width:780px){
  /* Featured Posts — one full-width dynamic card per row on mobile. */
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-featured .wcs-fidelity-shell{
    width:min(100% - 28px,1180px)!important;
    max-width:1180px!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container.columns-3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
    width:100%!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template > li,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container > li,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-posts .wp-block-post-template.is-flex-container.columns-3 > li,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card.is-layout-constrained{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-basis:auto!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card .wp-block-post-featured-image img{
    width:100%!important;
    height:clamp(210px,58vw,320px)!important;
    object-fit:cover!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card .wp-block-post-title{
    font-size:clamp(1.35rem,6vw,1.7rem)!important;
    line-height:1.18!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card .wp-block-post-excerpt__more-link,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-post-card a.wcs-home-featured-button{
    width:max-content!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  /* Awards — remove desktop minimum columns and let all copy use full width. */
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:32px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy h3,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p,
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(n){
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy h3{
    font-size:clamp(1.5rem,7vw,2rem)!important;
    line-height:1.18!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(3),
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(4){
    margin-top:14px!important;
    padding:18px 19px!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(5),
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-copy p:nth-of-type(6){
    margin-top:18px!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-award-media{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    padding:8px 2px 4px!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-certificate{
    min-width:0!important;
    padding:7px 7px 11px!important;
    border-radius:20px!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-certificate:first-child{
    transform:rotate(-1.2deg) translateY(4px)!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-certificate:last-child{
    transform:rotate(1.2deg) translateY(-3px)!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-certificate img{
    border-radius:14px!important;
  }
}

@media (max-width:420px){
  body.wcs-studio-site .wcs-creative-home .wcs-fidelity-awards .wcs-fidelity-section-head h2{
    font-size:clamp(2.15rem,12vw,3rem)!important;
    line-height:1.02!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-eyebrow{
    font-size:.66rem!important;
    letter-spacing:.1em!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-year{
    width:44px!important;
    height:44px!important;
    right:-4px!important;
    top:-7px!important;
    border-width:3px!important;
    font-size:.62rem!important;
  }
  body.wcs-studio-site .wcs-creative-home .wcs-award-certificate figcaption{
    font-size:.68rem!important;
  }
}


/* ========================================================================
   v6.0.20 — Gutenberg-native homepage compatibility.
   Preserve the approved v6.0.19 frontend while allowing editors to work with
   real Groups, Paragraphs, Headings, Images, Buttons, Query Loop and Details.
   ======================================================================== */
.wcs-creative-home.wcs-native-home .wcs-native-video-hero{position:relative;overflow:hidden;isolation:isolate}
.wcs-creative-home.wcs-native-home .wcs-native-hero-poster{
  position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important
}
.wcs-creative-home.wcs-native-home .wcs-native-hero-poster .wcs-native-hero-picture{display:block!important;width:100%!important;height:100%!important}
.wcs-creative-home.wcs-native-home .wcs-native-hero-poster img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.wcs-creative-home.wcs-native-home .wcs-native-video-hero .wcs-home26-video-shell{z-index:1!important}
.wcs-creative-home.wcs-native-home .wcs-native-video-hero .wcs-home26-hero-shell{position:relative;z-index:3!important}

/* Native Gutenberg Buttons use the class on the button wrapper, not the link. */
.wcs-creative-home.wcs-native-home .wcs-home26-hero-actions .wp-block-button__link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:12px 20px!important;border-radius:999px!important;font-weight:850!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important
}
.wcs-creative-home.wcs-native-home .wcs-home26-hero-actions .wcs-home26-btn-primary .wp-block-button__link{
  background:linear-gradient(135deg,#187f94,#0d6375)!important;color:#fff!important;box-shadow:0 14px 34px rgba(4,29,41,.28)!important
}
.wcs-creative-home.wcs-native-home .wcs-home26-hero-actions .wcs-home26-btn-secondary .wp-block-button__link{
  border:1px solid rgba(255,255,255,.72)!important;background:rgba(255,255,255,.92)!important;color:#17384a!important;box-shadow:0 12px 30px rgba(4,29,41,.18)!important
}
.wcs-creative-home.wcs-native-home .wcs-home26-hero-actions .wp-block-button__link:hover{transform:translateY(-2px)!important}

/* Image blocks add a figure wrapper. Teach the approved card layouts about it. */
.wcs-creative-home.wcs-native-home .wcs-fidelity-gallery-card>figure.wp-block-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important
}
.wcs-creative-home.wcs-native-home .wcs-fidelity-gallery-card>figure.wp-block-image img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important
}
.wcs-creative-home.wcs-native-home .wcs-fidelity-gallery-card:hover>figure.wp-block-image img{transform:scale(1.035)!important}
.wcs-creative-home.wcs-native-home .wcs-fidelity-gallery-card>.wcs-fidelity-gallery-copy{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;padding:clamp(22px,3vw,36px)!important;color:#fff!important
}
.wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card>figure.wp-block-image{margin:0!important;width:100%!important;height:100%!important;min-height:450px!important}
.wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card>figure.wp-block-image img{display:block!important;width:100%!important;height:100%!important;min-height:450px!important;object-fit:cover!important;object-position:center top!important}
.wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card:nth-child(2)>figure.wp-block-image{grid-column:2;grid-row:1}
.wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card:nth-child(2)>.wcs-fidelity-doctor-copy{grid-column:1;grid-row:1}
.wcs-creative-home.wcs-native-home .wcs-award-year{margin:0!important}
.wcs-creative-home.wcs-native-home .wcs-award-certificate>.wp-block-image{margin:0!important}
.wcs-creative-home.wcs-native-home .wcs-award-certificate>figure.wp-block-image{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.wcs-creative-home.wcs-native-home .wcs-fidelity-service-icon.wp-block-group{margin:0 0 22px!important}

/* Keep native structural Groups from introducing Gutenberg flow gaps on top of
   the theme's own deliberate spacing. Paragraph-level spacing stays governed
   by the existing component rules. */
.wcs-creative-home.wcs-native-home .wcs-fidelity-intro-grid,
.wcs-creative-home.wcs-native-home .wcs-fidelity-award-grid,
.wcs-creative-home.wcs-native-home .wcs-fidelity-award-media,
.wcs-creative-home.wcs-native-home .wcs-fidelity-gallery-grid,
.wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-grid,
.wcs-creative-home.wcs-native-home .wcs-fidelity-service-grid,
.wcs-creative-home.wcs-native-home .wcs-fidelity-split,
.wcs-creative-home.wcs-native-home .wcs-fidelity-cta-inner{--wp--style--block-gap:0}

@media(max-width:780px){
  .wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card>figure.wp-block-image,
  .wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card>figure.wp-block-image img{min-height:0!important;height:min(110vw,520px)!important}
  .wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card:nth-child(2)>figure.wp-block-image,
  .wcs-creative-home.wcs-native-home .wcs-fidelity-doctor-card:nth-child(2)>.wcs-fidelity-doctor-copy{grid-column:auto!important;grid-row:auto!important}
}

/* Block-editor preview: show the real Vancouver poster and overlay copy in the
   same broad composition. The frontend video is intentionally not injected in
   wp-admin, keeping the editor fast and stable. */
.editor-styles-wrapper .wcs-native-home .wcs-native-video-hero{
  position:relative!important;min-height:680px!important;display:flex!important;align-items:center!important;padding:0 20px!important;overflow:hidden!important;background:#17384a!important;isolation:isolate!important
}
.editor-styles-wrapper .wcs-native-home .wcs-native-hero-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:0!important}
.editor-styles-wrapper .wcs-native-home .wcs-native-hero-poster img{width:100%!important;height:100%!important;object-fit:cover!important}
.editor-styles-wrapper .wcs-native-home .wcs-native-video-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,35,49,.80),rgba(8,35,49,.25) 70%,rgba(8,35,49,.10));pointer-events:none}
.editor-styles-wrapper .wcs-native-home .wcs-home26-hero-shell{position:relative!important;z-index:2!important;width:min(1280px,100%)!important;margin:auto!important}
.editor-styles-wrapper .wcs-native-home .wcs-home26-hero-copy{width:min(760px,68%)!important;padding:110px 0 120px!important;transform:translateY(20px)!important}
.editor-styles-wrapper .wcs-native-home .wcs-home26-eyebrow{color:#d8f4ec!important}
.editor-styles-wrapper .wcs-native-home .wcs-home26-title{color:#fff!important;font-size:clamp(3.5rem,6.3vw,6.45rem)!important;line-height:.92!important;letter-spacing:-.06em!important}
@media(max-width:780px){
  .editor-styles-wrapper .wcs-native-home .wcs-native-video-hero{min-height:700px!important;padding:0 14px!important;align-items:flex-end!important}
  .editor-styles-wrapper .wcs-native-home .wcs-home26-hero-copy{width:100%!important;padding:120px 0 104px!important}
}


/* ========================================================================
   v6.0.24 — Gutenberg hero media-stack parity with approved v6.0.19
   Root cause: after the native-block conversion, the hero became a Gutenberg
   Group using flow layout. WordPress can apply its block gap/margin to direct
   child elements. The injected absolute video shell is the second child after
   the editor-visible poster, so that flow margin can shift the video downward
   even though its inset-block is 0. The uncovered top edge then shows the
   poster below the transparent header, which looks like a different-opacity
   strip. The v6.0.19 raw-HTML hero had no Gutenberg flow gap here.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero{
  --wp--style--block-gap:0!important;
}
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-native-hero-poster,
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-video-shell,
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-hero-shell{
  margin-block-start:0!important;
  margin-block-end:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-video-shell{
  top:0!important;
  bottom:0!important;
}

/* Preserve the approved v6.0.19 pill CTAs after Core Button conversion. */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-home26-hero-actions > .wp-block-button{
  border-radius:999px!important;
}
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-home26-hero-actions > .wp-block-button > a.wp-block-button__link.wp-element-button{
  border-radius:999px!important;
  overflow:hidden!important;
}


/* ========================================================================
   v6.0.25 — Tablet/intermediate viewport full-bleed hero video correction
   Root cause confirmed from the 1092px-wide tablet screenshot: an early
   pre-full-bleed responsive rule at max-width:1120px caps
   .wcs-home26-video-shell at 880px. The later full-bleed hero sets width:100vw
   but never cleared that max-width, so the editor-visible/loading poster shows
   through as ~106px vertical strips on each side at a 1092px viewport.
   Keep the media layer viewport-wide while the hero copy remains constrained.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-video-shell{
  width:100vw!important;
  inline-size:100vw!important;
  max-width:none!important;
  max-inline-size:none!important;
  left:50%!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
}


/* ========================================================================
   v6.0.26 — Native Gutenberg hero video-control hit-testing correction
   The dynamically-created “Sound on” button proves site.js initializes.
   After native Gutenberg conversion, the full-height editable hero-shell is a
   higher stacking layer than the injected media shell, so it can intercept
   pointer events over the visually exposed video controls. Keep the approved
   visual z-index order, but let empty layout space pass clicks through to the
   video controls; explicitly keep the hero CTA links interactive.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-hero-shell,
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-hero-shell .wcs-home26-hero-grid{
  pointer-events:none!important;
}
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-hero-shell .wcs-home26-hero-copy a,
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-hero-shell .wcs-home26-hero-copy button{
  pointer-events:auto!important;
}

/* ========================================================================
   v6.0.27 — Performance delivery guard
   Native Gutenberg already supplies a responsive LCP poster underneath the
   progressive video shell. Keep the shell itself paint-only so it never starts
   a second legacy poster download through the old background declaration.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-video-shell{
  background-color:#17384a!important;
  background-image:none!important;
}

/* ========================================================================
   v6.0.30 — Poster-first seamless hero transition after Gutenberg conversion
   The native Gutenberg poster is the first/LCP media layer. The v6.0.27
   performance guard accidentally made the injected video shell opaque navy,
   hiding that poster until video media appeared. Keep the shell transparent
   so the responsive poster is visible immediately; site.js now reveals the
   video only on the real `playing` event, producing poster -> moving video.
   ======================================================================== */
body.wcs-studio-site .wcs-creative-home.wcs-native-home .wcs-native-video-hero > .wcs-home26-video-shell{
  background-color:transparent!important;
  background-image:none!important;
}



/* ========================================================================
   v6.0.31 — Frame-matched art-directed hero posters
   Mobile now uses a portrait poster generated from the first frame of the
   portrait mobile MP4. Desktop retains the landscape poster. This removes the
   apparent mobile zoom-out caused by crossfading between different aspect-ratio
   compositions while preserving poster-first LCP delivery.
   ======================================================================== */


/* ========================================================================
   v6.0.32 — Frame-matched desktop hero poster
   Desktop had the same perceived zoom-out as mobile because the prior
   landscape poster was a different video frame (including the Vancouver, BC
   title treatment) than frame 1 of the 1440 MP4. The frontend now preloads
   and renders an exact first-frame desktop poster at 1440x810. No layout,
   sizing or transition behavior changes are required.
   ======================================================================== */