/* Shared layouts for CM Media's four dedicated service pages. */
.service-page .site-header{background:rgba(9,15,22,.97)}
.service-hero{padding:139px 0 70px}
.service-hero .breadcrumbs{justify-content:flex-start;margin-bottom:30px;flex-wrap:wrap;row-gap:4px}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center}
.service-hero-copy{padding-block:15px}
.service-hero-copy>.eyebrow{color:var(--mint);margin-bottom:23px}
.service-hero h1{font-size:clamp(2.5rem,4.7vw,4.6rem);line-height:1.03}
.service-hero h1 span{color:var(--mint)}
.service-intro{font-size:1rem;color:#c1cdd6;line-height:1.8;margin-top:26px;max-width:510px}
.service-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px;margin-top:29px}
.service-hero-actions .text-link{color:var(--mint);font-size:.8rem}
.service-area{font-size:.68rem;color:var(--muted);letter-spacing:.04em;margin-top:28px}
.service-hero-media{position:relative;isolation:isolate;background:var(--panel);height:560px;overflow:hidden}
.service-hero-media img{width:100%;height:100%;object-fit:cover}
.service-hero-media::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#03121cc9);z-index:1}
.service-hero-media figcaption{position:absolute;bottom:23px;left:25px;right:25px;z-index:2;color:var(--white);font-size:.72rem;line-height:1.6}
.service-page-real-estate .service-hero-media{height:auto;aspect-ratio:1/1}
.offering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 7%}
.offering{position:relative;border-top:1px solid #c9d4db;padding:30px 0 31px 52px}
.offering-number{position:absolute;left:0;top:32px;color:var(--teal);font-size:.7rem;font-weight:600}
.offering h3{font-size:1.35rem;margin-bottom:14px}
.offering p{font-size:.9rem;line-height:1.8;color:#536471;max-width:490px}
.scope-note{font-size:.75rem;line-height:1.8;color:#657683;border-top:1px solid #c9d4db;padding-top:23px;margin-top:6px}
.service-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.service-samples.single{grid-template-columns:minmax(0,1fr);max-width:1000px}
.service-sample{min-width:0}
.sample-image{aspect-ratio:3/2;overflow:hidden;background:var(--panel)}
.sample-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.service-sample:hover img{transform:scale(1.025)}
.service-sample figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:14px;font-size:.8rem;font-weight:500}
.service-sample figcaption>span:last-child{font-size:1.2rem;color:var(--mint)}
.service-portfolio-link{color:var(--mint);margin-top:28px}
.service-planning-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%}
.planning-steps{list-style:none;padding:0;margin:0}
.planning-steps li{display:flex;gap:25px;padding:26px 0;border-top:1px solid #c9d4db}
.planning-number{color:var(--teal);font-size:.72rem;font-weight:600;line-height:1.8;flex:none}
.planning-steps h3{font-size:1.1rem;line-height:1.45;margin-bottom:11px}
.planning-steps p{color:#536471;font-size:.87rem;line-height:1.8}
.service-faq>h3{font-size:1.2rem;line-height:1.4;margin-bottom:24px}
.service-faq summary{font-size:.87rem;padding-block:21px}
.service-faq details>p{font-size:.85rem;padding-right:12px}
.service-contact{background:var(--mint);color:var(--ink);color-scheme:light;padding-block:78px}
.service-contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8%;align-items:center}
.service-contact .eyebrow{color:#285a59;margin-bottom:21px}
.service-contact h2{font-size:clamp(2.3rem,4.3vw,4rem);line-height:1.08}
.service-contact-grid>div>p:not(.eyebrow){font-size:.9rem;color:#265955;line-height:1.8;max-width:500px;margin-top:23px}
.service-contact-actions .button{background:var(--ink);border-color:var(--ink);text-align:left;justify-content:space-between}
.service-contact-actions .button:hover{background:#1e3f4c;border-color:#1e3f4c}
.service-contact-grid .service-contact-actions>p{font-size:.65rem;margin-top:12px;line-height:1.7}
.service-phone{display:inline-block;font-size:.8rem;font-weight:500;margin-top:20px;padding-block:6px;border-bottom:1px solid #468e84}
.service-phone:hover{color:var(--teal)}
.other-services{padding-block:70px 30px}
.other-services h2{font-size:clamp(1.6rem,2.5vw,2.4rem);max-width:760px}
.related-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:30px}
.related-services a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-block:23px;font-size:.95rem;font-weight:500}
.related-services a:hover{color:var(--mint)}
.related-services a>span:last-child{color:var(--mint);font-size:1.3rem}
@media(max-width:1150px){
  .service-hero-media{height:510px}
  .service-hero-actions{gap:15px 21px}
  .service-hero-actions .button{padding-inline:20px;gap:20px;font-size:.8rem}
  .service-intro{font-size:.93rem}
  .offering-grid{gap:0 5%}
  .service-planning-grid{gap:6%}
  .service-contact-grid{gap:6%}
}
@media(max-width:960px){
  .service-hero{padding-top:127px}
  .service-hero-grid{gap:5%}
  .service-hero-media{height:490px}
  .service-hero-copy>.eyebrow{font-size:.63rem}
  .service-intro{font-size:.9rem;margin-top:23px}
  .service-hero-actions{margin-top:24px}
  .service-area{font-size:.62rem;margin-top:24px}
  .offering{padding-left:40px}
  .offering h3{font-size:1.2rem}
  .offering p{font-size:.85rem}
  .planning-steps li{gap:20px}
  .service-contact{padding-block:65px}
  .service-contact-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .service-contact-actions .button{font-size:.78rem;padding-inline:19px;gap:15px}
  .related-services{gap:25px}
  .related-services a{font-size:.85rem}
}
@media(max-width:800px){
  .service-hero{padding-top:117px;padding-bottom:60px}
  .service-hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .service-hero-copy{padding:0}
  .service-hero h1{font-size:clamp(2.5rem,7.5vw,4rem)}
  .service-hero-copy>.eyebrow{margin-bottom:19px;font-size:.68rem}
  .service-intro{font-size:.95rem;max-width:600px}
  .service-hero-actions{gap:24px}
  .service-area{font-size:.68rem;margin-top:23px}
  .service-hero-media{height:540px}
  .service-page-real-estate .service-hero-media{aspect-ratio:3/2}
  .service-planning-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .planning-steps p{max-width:560px;font-size:.9rem}
  .service-contact-grid{grid-template-columns:minmax(0,1fr);gap:31px}
  .service-contact h2{font-size:clamp(2.3rem,6vw,3.3rem)}
  .service-contact-grid>div>p:not(.eyebrow){margin-top:20px}
  .service-contact-actions .button{font-size:.85rem;padding-inline:26px;gap:30px}
  .service-contact-grid .service-contact-actions>p{margin-top:11px}
  .service-phone{margin-top:14px}
  .other-services{padding-block:55px 20px}
}
@media(max-width:600px){
  .service-hero{padding-top:106px;padding-bottom:48px}
  .service-hero .breadcrumbs{gap:10px;margin-bottom:26px;font-size:.64rem}
  .service-hero h1{font-size:clamp(2rem,8.9vw,3.3rem)}
  .service-hero-copy>.eyebrow{font-size:.6rem}
  .service-intro{font-size:.9rem;line-height:1.8;margin-top:21px}
  .service-hero-actions{gap:17px 22px;margin-top:24px}
  .service-hero-actions .button{font-size:.8rem;min-height:52px}
  .service-hero-actions .text-link{font-size:.75rem;min-height:44px}
  .service-area{font-size:.62rem;margin-top:20px}
  .service-hero-media{height:auto;aspect-ratio:4/5}
  .service-page-real-estate .service-hero-media{aspect-ratio:4/3}
  .service-hero-media figcaption{bottom:18px;left:19px;right:19px;font-size:.68rem}
  .offering-grid{grid-template-columns:minmax(0,1fr)}
  .offering{padding:25px 0 26px 38px}
  .offering-number{top:27px;font-size:.65rem}
  .offering h3{font-size:1.2rem;margin-bottom:12px}
  .offering p{font-size:.87rem}
  .scope-note{font-size:.7rem;line-height:1.8;padding-top:20px;margin-top:0}
  .service-samples{grid-template-columns:minmax(0,1fr);gap:29px}
  .service-sample figcaption{font-size:.75rem;padding-top:11px}
  .service-portfolio-link{font-size:.78rem;margin-top:23px}
  .service-planning-grid{gap:30px}
  .planning-steps li{gap:20px;padding-block:23px}
  .planning-steps h3{font-size:1rem;margin-bottom:9px}
  .planning-steps p{font-size:.85rem}
  .planning-number{font-size:.65rem;padding-top:3px}
  .service-faq>h3{font-size:1.15rem;margin-bottom:20px}
  .service-faq summary{font-size:.83rem;padding-block:19px}
  .service-faq details>p{font-size:.83rem}
  .service-contact{padding-block:54px}
  .service-contact h2{font-size:clamp(1.9rem,7.8vw,2.8rem)}
  .service-contact .eyebrow{font-size:.62rem;margin-bottom:18px}
  .service-contact-grid>div>p:not(.eyebrow){font-size:.85rem}
  .service-contact-actions .button{font-size:.8rem;padding-inline:20px;gap:20px}
  .service-contact-grid .service-contact-actions>p{font-size:.63rem}
  .service-phone{font-size:.75rem}
  .other-services{padding-block:48px 12px}
  .other-services h2{font-size:1.6rem;line-height:1.18}
  .related-services{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
  .related-services a{font-size:.85rem;padding-block:18px}
}
@media(prefers-reduced-motion:reduce){.service-sample:hover img{transform:none}}

/* Published packages: readable without JavaScript, with package-specific inquiries. */
.service-price-summary{margin-top:22px;font-size:.75rem;font-weight:600;color:var(--mint);line-height:1.6}
.service-price-summary+.service-area{margin-top:12px}
.service-pricing{background:#edf6f3;border-top:1px solid #d5e5df;border-bottom:1px solid #d5e5df}
.service-pricing .section-heading>p{max-width:380px}
.service-pricing .section-heading h2{font-size:clamp(2.3rem,4vw,3.9rem)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.pricing-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:var(--white);border:1px solid #cbded6;padding:30px 28px}
.pricing-card-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:600;line-height:1.6;margin-bottom:13px}
.pricing-card h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.035em}
.package-description{font-size:.85rem;line-height:1.75;color:#536471;margin-top:14px;min-height:4.5em}
.package-price{display:flex;flex-direction:column;align-items:flex-start;margin-top:23px}
.price-prefix{font-size:.68rem;color:#536471;line-height:1.6}
.package-price strong{font-size:clamp(2.9rem,4.4vw,4rem);font-weight:700;letter-spacing:-.06em;line-height:1.15;color:var(--teal);font-variant-numeric:lining-nums tabular-nums}
.price-unit{font-size:.75rem;line-height:1.6;margin-top:4px;color:#536471}
.package-scope{font-size:.74rem;line-height:1.7;font-weight:600;border-top:1px solid #dbe5e1;padding-top:17px;margin-top:18px;width:100%;min-height:4.5em}
.package-features{list-style:none;padding:0;margin:18px 0 28px;color:#425663;font-size:.79rem;line-height:1.75;width:100%}
.package-features li{position:relative;padding-left:18px;margin-bottom:10px}
.package-features li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--teal);border-radius:50%}
.package-features li:last-child{margin-bottom:0}
.pricing-card .button{margin-top:auto;width:100%;gap:15px;padding:13px 17px;font-size:.76rem;min-height:50px;justify-content:space-between;text-align:left}
.pricing-monthly{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:8%;background:#103440;color:var(--white);padding:34px 38px;margin-top:25px}
.pricing-monthly .eyebrow{color:var(--mint);font-size:.62rem;letter-spacing:.14em;margin-bottom:12px}
.pricing-monthly h3{font-size:1.75rem;line-height:1.3}
.pricing-monthly h3+p{font-size:.88rem;color:#d0e4e8;line-height:1.8;margin-top:14px}
.pricing-monthly .monthly-scope{font-size:.7rem;line-height:1.8;margin-top:15px;color:#a9d1d5}
.monthly-action{justify-self:end}
.monthly-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;line-height:1.4}
.monthly-price>span:first-child{flex-basis:100%;font-size:.68rem;color:#d0e4e8}
.monthly-price strong{font-size:3.3rem;line-height:1.2;font-weight:700;letter-spacing:-.05em;color:var(--mint)}
.monthly-price>span:last-child{font-size:.8rem;color:#d0e4e8}
.monthly-action .button{font-size:.77rem;margin-top:19px;padding-inline:21px;gap:20px;min-height:50px;text-align:left}
.pricing-addons{margin-top:45px;padding-top:32px;border-top:1px solid #c5d9d0}
.addons-heading{display:flex;justify-content:space-between;gap:35px;align-items:baseline;margin-bottom:22px}
.addons-heading h3{font-size:1.45rem;line-height:1.4}
.addons-heading p{font-size:.8rem;line-height:1.8;max-width:520px;color:#536471}
.addons-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0}
.pricing-addon{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid #c5d9d0;padding-block:18px}
.pricing-addon dt{font-size:.83rem;font-weight:600;line-height:1.6}
.pricing-addon dt>span{display:block;font-size:.73rem;font-weight:400;color:#536471;line-height:1.8;margin-top:4px}
.pricing-addon dd{flex-shrink:0;font-size:.78rem;font-weight:600;line-height:1.6;color:#125c5f;margin:0;text-align:right}
.pricing-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 48px;margin-top:28px;border-top:1px solid #c5d9d0;padding-top:26px}
.pricing-notes h3{grid-column:1/-1;font-size:1rem;line-height:1.5;margin-bottom:4px}
.pricing-notes p{font-size:.73rem;line-height:1.85;color:#536471}
.pricing-custom{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #c5d9d0;margin-top:28px;padding-top:25px}
.pricing-custom p{font-size:.85rem;line-height:1.8;max-width:660px}
.pricing-custom .text-link{flex-shrink:0;font-size:.8rem}
@media(max-width:1150px){
  .pricing-grid{gap:17px}
  .pricing-card{padding:26px 22px}
  .pricing-card h3{font-size:1.3rem}
  .pricing-card .button{font-size:.72rem;padding-inline:14px;gap:10px}
  .package-description{font-size:.8rem;min-height:5.5em}
  .package-features{font-size:.76rem}
  .addons-list{column-gap:30px}
  .pricing-addon{gap:15px}
  .pricing-addon dt{font-size:.8rem}
}
@media(max-width:960px){
  .pricing-card{padding:23px 18px}
  .pricing-card h3{font-size:1.2rem}
  .package-scope{font-size:.7rem}
  .pricing-monthly{padding:30px;gap:6%}
  .monthly-action .button{font-size:.73rem;padding-inline:17px;gap:14px}
  .addons-heading{align-items:flex-start}
  .addons-heading p{max-width:400px}
  .pricing-notes{column-gap:30px}
}
@media(max-width:800px){
  .service-pricing .section-heading{display:block}
  .service-pricing .section-heading>p{max-width:580px;margin-top:21px}
  .pricing-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .pricing-card{padding:30px}
  .pricing-card h3{font-size:1.5rem}
  .package-description{min-height:0;font-size:.9rem;max-width:520px}
  .package-price{margin-top:20px}
  .package-price strong{font-size:3.5rem}
  .package-scope{min-height:0;font-size:.78rem}
  .package-features{font-size:.85rem;margin-block:20px 26px}
  .pricing-card .button{font-size:.8rem;padding-inline:22px;width:auto;min-width:230px;gap:26px}
  .addons-heading{display:block}
  .addons-heading p{max-width:580px;margin-top:10px}
  .addons-list{grid-template-columns:minmax(0,1fr)}
  .pricing-addon dt{font-size:.85rem}
  .pricing-custom{display:block}
  .pricing-custom .text-link{margin-top:15px}
}
@media(max-width:600px){
  .service-price-summary{font-size:.66rem;margin-top:19px}
  .service-price-summary+.service-area{margin-top:9px}
  .service-pricing .section-heading h2{font-size:clamp(1.9rem,8vw,2.8rem)}
  .service-pricing .section-heading>p{font-size:.87rem;margin-top:18px}
  .pricing-card{padding:25px 22px}
  .pricing-card-label{font-size:.6rem}
  .pricing-card h3{font-size:1.4rem}
  .package-description{font-size:.83rem}
  .package-price strong{font-size:3.25rem}
  .package-scope{font-size:.72rem}
  .package-features{font-size:.79rem}
  .pricing-card .button{width:100%;min-width:0;font-size:.76rem;padding-inline:17px}
  .pricing-monthly{grid-template-columns:minmax(0,1fr);gap:23px;padding:28px 23px}
  .pricing-monthly h3{font-size:1.6rem}
  .pricing-monthly h3+p{font-size:.83rem}
  .pricing-monthly .monthly-scope{font-size:.68rem}
  .monthly-action{justify-self:stretch}
  .monthly-price strong{font-size:3rem}
  .monthly-action .button{width:100%;justify-content:space-between;font-size:.75rem;padding-inline:16px}
  .pricing-addons{margin-top:31px;padding-top:25px}
  .addons-heading h3{font-size:1.3rem}
  .addons-heading p{font-size:.76rem}
  .pricing-addon{gap:17px;padding-block:17px}
  .pricing-addon dt{font-size:.78rem}
  .pricing-addon dt>span{font-size:.69rem}
  .pricing-addon dd{font-size:.72rem}
  .pricing-notes{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:23px;margin-top:22px}
  .pricing-notes p{font-size:.7rem}
  .pricing-custom{margin-top:25px;padding-top:23px}
  .pricing-custom p{font-size:.8rem}
  .pricing-custom .text-link{font-size:.77rem}
}

/* Curated property studies: three examples, stacked on smaller screens. */
.property-spotlights{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.2)}
.property-spotlights>h3{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;max-width:28ch}
.property-intro{margin:1rem 0 2rem;max-width:50ch}
.property-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.property-study{min-width:0}.property-study img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.property-study h4{font-size:1.15rem;line-height:1.35;margin:1.2rem 0 .7rem}.property-study p{font-size:1rem;line-height:1.75;margin-bottom:1rem}
.property-study .text-link{font-size:1rem}.property-study>a:first-child{display:block}
@media(max-width:800px){.property-studies{grid-template-columns:1fr;gap:2.5rem}.property-spotlights{margin-top:2.5rem;padding-top:2rem}.property-study p{max-width:60ch}}

/* Property studies use only photographs documented to the same shoot. */
.property-studies{display:block}
.property-study{display:grid;grid-template-columns:1fr 2fr;gap:24px 48px;padding:44px 0;border-top:1px solid #cbd6d7}
.property-study .study-heading h4{font-size:clamp(1.5rem,2.4vw,2rem);margin:14px 0 20px}
.study-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.study-image figure{margin:0}.study-image figcaption{margin-top:12px;font-size:.85rem;line-height:1.6;color:#536471}
.property-study .study-image img{aspect-ratio:3/2;object-fit:cover}
.property-study>.text-link{grid-column:2}
@media(max-width:800px){.property-study{grid-template-columns:1fr;gap:24px;padding:32px 0}.property-study>.text-link{grid-column:auto}.study-heading{max-width:60ch}}
@media(max-width:480px){.study-images{grid-template-columns:1fr;gap:26px}}
.property-study .study-image figcaption{color:#b7c7cb}
#property-spotlights-title{scroll-margin-top:150px}