/*
  CREMATION GARDEN — PAGE-SPECIFIC STYLES ONLY

  FROZEN GLOBAL COMPONENTS — DO NOT OVERRIDE HERE:
  .site-header, .header-inner, .brand, .brand-name, .main-nav,
  .sign-in, .signin-dropdown, .wholesale-only, .wholesale-inner,
  .site-footer, .footer-inner, .footer-brand, .footer-nav, .copyright

  These are controlled by the frozen shared home.css.
*/

:root{
  --cg-orange:#ff9707;
  --cg-gray:#423e3c;
  --cg-soft:#f7f6f4;
  --cg-line:#dedbd8;
}

.cg-section{padding:72px 0}
.cg-label{margin:0 0 16px;color:var(--cg-orange);font:700 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em}
.cg-section-label{margin:0 0 12px;text-align:center;color:var(--cg-orange);font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.1em}
.cg-section h2,.cg-option-copy h3,.cg-granite-copy h2,.cg-final h2{font-family:"Marcellus",Georgia,serif;font-weight:400;color:var(--cg-gray)}
.cg-section h2{font-size:38px;line-height:1.12;text-align:center;margin:0 0 18px}
.cg-section h2 span,.cg-final h2 span{color:var(--cg-orange)}
.cg-intro{max-width:760px;margin:0 auto 38px;text-align:center;font:400 16px/1.65 Arial,Helvetica,sans-serif;color:var(--cg-gray)}

.cg-hero{background:#fff}
.cg-hero-inner{display:grid;grid-template-columns:43% 57%;min-height:500px;align-items:stretch}
.cg-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 44px 48px 0}
.cg-hero-copy h1{margin:0;font:400 clamp(48px,4.5vw,70px)/1.02 "Marcellus",Georgia,serif;color:var(--cg-gray);letter-spacing:-.02em}
.cg-hero-copy h1 span{color:var(--cg-gray)}
.cg-lead{max-width:510px;margin:24px 0 28px;font:400 18px/1.55 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-hero-copy .button{align-self:flex-start}
.cg-hero-copy .button span,.cg-option-copy a span,.cg-final .button span{margin-left:8px}
.cg-scope-line{margin:28px 0 0;font:700 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.045em;color:var(--cg-gray)}
.cg-scope-line i{font-style:normal;color:var(--cg-orange);padding:0 8px}
.cg-hero-image{overflow:hidden;background:#ece9e5}
.cg-hero-image img{width:100%;height:100%;min-height:500px;display:block;object-fit:cover;object-position:center}

.cg-opportunity{background:#fff;border-top:1px solid var(--cg-line)}
.cg-benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:0 auto}
.cg-benefits article{text-align:center;padding:0 44px;border-right:1px solid var(--cg-line)}
.cg-benefits article:last-child{border-right:0}
.cg-benefits article::before{content:"";display:block;width:34px;height:2px;margin:0 auto 20px;background:var(--cg-orange)}
.cg-benefits h3,.cg-process h3,.cg-scope h3{margin:0 0 10px;font:700 13px/1.25 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-benefits p,.cg-process p{margin:0;font:400 14px/1.55 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-process{background:var(--cg-soft)}
.cg-process-grid{display:grid;grid-template-columns:repeat(3,1fr);background:transparent;margin-top:42px;gap:0}
.cg-process-grid article{text-align:left;padding:30px 38px 32px;border-right:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line)}
.cg-process-grid article:nth-child(3n){border-right:0}
.cg-process-grid article:nth-last-child(-n+3){border-bottom:0}
.cg-process-grid article:last-child{border-right:0}
.cg-step{display:block;margin:0 0 20px;color:var(--cg-orange);font:400 30px/1 "Marcellus",Georgia,serif}

.cg-options{padding-top:42px;padding-bottom:42px}
.cg-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cg-option-grid article{position:relative;min-height:335px;overflow:hidden;background:#eee}
.cg-option-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cg-option-grid article::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 42%,rgba(255,255,255,.12) 72%,rgba(255,255,255,0) 100%)}
.cg-option-copy{position:relative;z-index:2;width:52%;padding:38px 0 32px 34px}
.cg-option-copy h3{font-size:27px;margin:0 0 14px}
.cg-option-copy p{margin:0 0 20px;font:400 14px/1.6 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-option-copy a{display:inline-block;border:1px solid var(--cg-orange);padding:11px 15px;text-decoration:none;color:var(--cg-orange);font:700 12px/1 Arial,Helvetica,sans-serif}

.cg-projects{background:var(--cg-soft)}
.cg-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.cg-project-grid article{background:transparent;text-align:left;padding-bottom:0}
.cg-project-grid img{width:100%;height:245px;object-fit:cover;display:block;margin-bottom:20px}
.cg-project-grid h3{margin:0 0 5px;font:700 13px/1.2 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-project-grid p{margin:0 0 8px;font:400 14px/1.4 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-project-grid span{display:block;padding:0;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:var(--cg-gray)}

.cg-all-granite{background:#fff}
.cg-granite-inner{display:grid;grid-template-columns:52% 48%;align-items:center}
.cg-granite-photo img{display:block;width:100%;height:360px;object-fit:cover}
.cg-granite-copy{padding:30px 0 30px 52px}
.cg-granite-copy h2{text-align:left;font-size:40px;line-height:1.1;margin:0 0 20px}
.cg-granite-copy p{margin:0 0 23px;font:400 15px/1.65 Arial,Helvetica,sans-serif;color:var(--cg-gray)}
.cg-granite-copy strong{font:700 13px/1.4 Arial,Helvetica,sans-serif;color:var(--cg-orange);letter-spacing:.035em}

.cg-scope{background:var(--cg-soft)}
.cg-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}
.cg-scope-grid article{padding:0 34px;border-right:1px solid var(--cg-line)}
.cg-scope-grid article:first-child{padding-left:0}
.cg-scope-grid article:last-child{padding-right:0;border-right:0}
.cg-scope-grid h3{color:var(--cg-orange)}
.cg-scope-grid p{margin:0;font:400 14px/1.8 Arial,Helvetica,sans-serif;color:var(--cg-gray)}

.cg-final{padding:58px 0;text-align:center;background:#fff}
.cg-final h2{font-size:42px;line-height:1.12;margin:0 0 13px}
.cg-final p{margin:0 0 22px;font:400 15px/1.5 Arial,Helvetica,sans-serif;color:var(--cg-gray)}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1024px){
  .cg-hero-inner{grid-template-columns:45% 55%;min-height:440px}
  .cg-hero-copy{padding-right:28px}
  .cg-hero-image img{min-height:440px}
  .cg-process-grid{grid-template-columns:repeat(3,1fr)}
  .cg-scope-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}
  .cg-scope-grid article:nth-child(2){border-right:0}
}
@media(max-width:760px){
  .cg-section{padding:46px 0}
  .cg-hero-inner{display:block}
  .cg-hero-copy{padding:44px 0 34px}
  .cg-hero-copy h1{font-size:48px}
  .cg-lead{font-size:16px}
  .cg-hero-image img{min-height:0;height:auto}
  .cg-scope-line{font-size:10px}
  .cg-benefits{grid-template-columns:1fr}
  .cg-benefits article{border-right:0;border-bottom:1px solid var(--cg-line);padding:26px 0}
  .cg-benefits article:last-child{border-bottom:0}
  .cg-process-grid{grid-template-columns:1fr 1fr}
  .cg-process-grid article{border-right:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line)}
  .cg-process-grid article:nth-child(3n){border-right:1px solid var(--cg-line)}
  .cg-process-grid article:nth-child(even){border-right:0}
  .cg-process-grid article:nth-last-child(-n+2){border-bottom:0}
  .cg-option-grid{grid-template-columns:1fr}
  .cg-option-copy{width:62%}
  .cg-project-grid{grid-template-columns:1fr}
  .cg-project-grid img{height:auto}
  .cg-granite-inner{grid-template-columns:1fr}
  .cg-granite-photo img{height:auto}
  .cg-granite-copy{padding:32px 0 0}
  .cg-granite-copy h2{text-align:left;font-size:34px}
  .cg-scope-grid{grid-template-columns:1fr}
  .cg-scope-grid article{padding:24px 0;border-right:0;border-bottom:1px solid var(--cg-line)}
  .cg-scope-grid article:last-child{border-bottom:0}
  .cg-final h2{font-size:34px}
}
@media print{
  .cg-section{padding:26px 0}
  .cg-hero-inner{grid-template-columns:42% 58%;min-height:auto}
  .cg-hero-image img{min-height:0}
  .cg-process-grid{grid-template-columns:repeat(3,1fr)}
  .cg-option-grid,.cg-project-grid{break-inside:avoid}
}
