/* Distinct closing chapters and service compositions for the thirteen demos. */

.sample-gardens .sample-service-grid{grid-template-columns:1.25fr 1fr 1fr}
.sample-gardens .sample-service{border-radius:10px;border-color:#d3dfd1}
.sample-gardens .sample-contact{background:#dce9cf;border-top:7px solid #7ca884}
.sample-gardens .sample-contact h4{font-family:Georgia,serif;font-weight:500;font-size:39px}
.sample-gardens .sample-footer{background:#254938}

.sample-detailing .sample-services{background:#142b31;color:#fff}
.sample-detailing .sample-section-head>span{color:#d4f36a}
.sample-detailing .sample-service{background:#203d44;color:#fff;border-color:#3a5d62}
.sample-detailing .sample-service-info>span:first-child,.sample-detailing .sample-service-arrow{color:#d4f36a}
.sample-detailing .sample-contact{background:#d4f36a}
.sample-detailing .sample-contact h4{font-size:clamp(30px,4vw,46px);font-weight:850}

.sample-construction .sample-contact{background:#343b36;color:#f2eee2;border-top:6px solid #b8a67d}
.sample-construction .sample-contact>span:first-child{color:#e2d6ad}
.sample-construction .sample-contact .sample-button{background:#e2d6ad;color:#2b302d}
.sample-construction .sample-footer{background:#ece8dc;color:#414d44}
.sample-construction .sample-footer strong{color:#2b302d}

.sample-electrician .sample-contact{background:#123345;color:#f5fcfc;border-top:6px solid #e6ed8b}
.sample-electrician .sample-contact>span:first-child{color:#e6ed8b}
.sample-electrician .sample-contact .sample-button{background:#e6ed8b;color:#123345}
.sample-electrician .sample-services{background:#eef5f5}

.sample-bathroom .sample-service-grid{grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,190px)}
.sample-bathroom .sample-service:first-child{grid-row:1/3}
.sample-bathroom .sample-service:first-child .sample-service-image{height:310px}
.sample-bathroom .sample-service:not(:first-child){min-height:0;flex-direction:row}
.sample-bathroom .sample-service:not(:first-child) .sample-service-image{width:39%;height:auto}
.sample-bathroom .sample-contact{background:#e1eee9;color:#25464c;border-top:1px solid #98b5b2}
.sample-bathroom .sample-contact h4{font-family:Georgia,serif;font-weight:500}
.sample-bathroom .sample-footer{background:#25464c}

.sample-boiler .sample-contact{background:#dcecef;border-top:7px solid #80a8af}
.sample-boiler .sample-contact h4{max-width:550px}
.sample-boiler .sample-footer{background:#173c4a}

.sample-cafe .sample-contact{background:#3a2c26;color:#fff6e8;border-top:8px solid #d9b783}
.sample-cafe .sample-contact>span:first-child{color:#e8cb9a}
.sample-cafe .sample-contact h4{font-family:Georgia,serif;font-weight:500;font-size:clamp(28px,4vw,43px)}
.sample-cafe .sample-contact .sample-button{background:#e8cb9a;color:#3a2c26}
.sample-cafe .sample-footer{background:#eadfce;color:#675246}
.sample-cafe .sample-footer strong{color:#3a2c26}

.sample-salon .sample-contact{background:#efe0dc;color:#312d36;border-top:1px solid #bd9e9a}
.sample-salon .sample-contact h4{font-family:Georgia,serif;font-weight:500;font-size:clamp(29px,4vw,42px)}
.sample-salon .sample-contact .sample-button{background:#312d36;color:#fff}
.sample-salon .sample-footer{background:#312d36}

.sample-grooming .sample-hero{min-height:410px;padding:28px;align-items:flex-end;justify-content:flex-start;text-align:left;background:var(--sample-photo) center/cover;color:#243b3a}
.sample-grooming .sample-hero-content{max-width:405px;padding:24px 27px;background:#f7faf7;border-radius:18px;box-shadow:0 12px 32px #152d2a36}
.sample-grooming .sample-kicker{color:#468c70}
.sample-grooming .sample-hero h3{font-family:Georgia,serif;font-weight:600;font-size:clamp(31px,3.8vw,43px)}
.sample-grooming .sample-hero p{color:#526c64;margin-bottom:16px}
.sample-grooming .sample-button{background:#243b3a;color:#fff;border-radius:18px}
.sample-grooming .sample-services{background:#edf6ee}
.sample-grooming .sample-service{border:0;border-radius:16px;box-shadow:0 7px 20px #1c3e2b12}
.sample-grooming .sample-service-image{height:135px}
.sample-grooming .sample-contact{background:#d5eadc;border-radius:30px 30px 0 0}
.sample-grooming .sample-contact .sample-button{background:#243b3a;color:#fff}

.sample-cleaning .sample-contact{background:#f6faf9;border-top:1px solid #bcd6cf}
.sample-cleaning .sample-contact h4{font-weight:650}
.sample-cleaning .sample-contact .sample-button{background:#24424a;color:#fff}
.sample-cleaning .sample-footer{background:#dcece6;color:#48645f}
.sample-cleaning .sample-footer strong{color:#24424a}

.sample-florist .sample-nav{background:#f4ebe9;color:#283b31;border-bottom:1px solid #d8c5c1}
.sample-florist .sample-links{color:#52675b}
.sample-florist .sample-nav-action{background:#283b31;color:#fff}
.sample-florist .sample-hero{display:grid;grid-template-columns:51% 49%;align-items:stretch;min-height:425px;padding:0;background:#e7e1db;color:#283b31;text-align:left}
.sample-florist .sample-hero-content{grid-column:1;grid-row:1;align-self:center;width:100%;padding:34px 38px}
.sample-florist .sample-hero::after{content:"";grid-column:2;grid-row:1;min-height:425px;background:var(--sample-photo) 62% center/cover}
.sample-florist .sample-kicker{color:#7d7560}
.sample-florist .sample-hero h3{font-family:Georgia,serif;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}
.sample-florist .sample-hero p{color:#526358}
.sample-florist .sample-button{background:#283b31;color:#fff;border-radius:0}
.sample-florist .sample-trust{background:#f1e5e1;color:#283b31}
.sample-florist .sample-services{background:#faf8f5}
.sample-florist .sample-service-grid{grid-template-columns:repeat(2,1fr)}
.sample-florist .sample-service:first-child{grid-column:1/-1}
.sample-florist .sample-service:first-child .sample-service-image{height:230px}
.sample-florist .sample-service{border:0;background:#f4ebe9}
.sample-florist .sample-contact{background:#283b31;color:#f8f4ed}
.sample-florist .sample-contact>span:first-child{color:#ead7d4}
.sample-florist .sample-contact h4{font-family:Georgia,serif;font-weight:500}
.sample-florist .sample-contact .sample-button{background:#ead7d4;color:#283b31}

.sample-trainer .sample-contact{background:#202e34;color:#f3f7e7;border-top:8px solid #d9eaa1}
.sample-trainer .sample-contact>span:first-child{color:#d9eaa1}
.sample-trainer .sample-contact h4{font-size:clamp(32px,4.4vw,48px);font-weight:900;text-transform:uppercase}
.sample-trainer .sample-contact .sample-button{background:#d9eaa1;color:#202e34}

.sample-photographer .sample-contact{background:#f7f7f5;color:#292d32;border-top:1px solid #bec5c1}
.sample-photographer .sample-contact h4{font-family:Georgia,serif;font-weight:500;font-size:clamp(29px,4vw,43px)}
.sample-photographer .sample-contact .sample-button{background:#292d32;color:#fff;border-radius:0}
.sample-photographer .sample-footer{background:#292d32}

@container (max-width:560px){
  .sample-gardens .sample-service-grid,.sample-bathroom .sample-service-grid,.sample-florist .sample-service-grid{grid-template-columns:1fr;grid-template-rows:none}
  .sample-bathroom .sample-service:first-child,.sample-florist .sample-service:first-child{grid-row:auto;grid-column:auto}
  .sample-bathroom .sample-service:first-child{min-height:112px;flex-direction:row}
  .sample-bathroom .sample-service:first-child .sample-service-image,.sample-bathroom .sample-service:not(:first-child) .sample-service-image{height:auto;width:39%}
  .sample-bathroom .sample-service:not(:first-child){min-height:112px}
  .sample-florist .sample-service:first-child .sample-service-image{height:auto}
  .sample-grooming .sample-hero{min-height:370px;padding:16px;align-items:flex-end;justify-content:flex-start;background:var(--sample-photo) center/cover;color:#243b3a}
  .sample-grooming .sample-hero-content{padding:19px 20px;max-width:100%}
  .sample-grooming .sample-hero h3{font-size:31px}
  .sample-grooming .sample-hero p{color:#526c64}
  .sample-florist .sample-hero{display:flex;flex-direction:column-reverse;min-height:0;align-items:stretch;background:#e7e1db;color:#283b31;text-align:left}
  .sample-florist .sample-hero::after{min-height:0;height:210px;width:100%;flex:none}
  .sample-florist .sample-hero-content{padding:23px 20px 28px}
  .sample-florist .sample-hero h3{font-size:34px}
  .sample-florist .sample-hero p{color:#526358}
  .sample-gardens .sample-contact h4,.sample-detailing .sample-contact h4,.sample-construction .sample-contact h4,.sample-cafe .sample-contact h4,.sample-salon .sample-contact h4,.sample-trainer .sample-contact h4{font-size:29px}
}