/* Counter Agency website-offer landing page */
.websites-page{background:var(--white)}
.website-header{position:absolute}
.website-hero{position:relative;padding:88px 0 0;background:#171819;color:#fff;overflow:hidden}
.website-hero::after{content:"CA";position:absolute;right:-7vw;top:82px;font-family:var(--display);font-size:min(40vw,38rem);line-height:.75;color:rgba(255,255,255,.022);pointer-events:none}
.website-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .72fr;gap:86px;align-items:center;min-height:625px;padding-top:54px;padding-bottom:52px}
.website-hero-copy{max-width:720px}
.website-kicker{color:#D88A95}
.website-hero h1{margin:0 0 27px;font-size:clamp(5.1rem,7.4vw,7.6rem);line-height:.77;color:#fff}
.website-hero h1 em{color:#B83A4B}
.website-hero-lead{max-width:690px;margin:0 0 16px;font-family:var(--display);font-size:1.62rem;line-height:1.14;color:rgba(255,255,255,.95)}
.website-hero-lead strong{color:#fff}
.website-hero-support{max-width:610px;margin:0 0 29px;font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.65)}
.website-hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.website-founder-card{position:relative;z-index:2;align-self:end;background:var(--sand);color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.website-founder-photo{aspect-ratio:4/4.6;overflow:hidden;background:#DAD0C6}
.website-founder-photo picture,.website-founder-photo img{display:block;width:100%;height:100%}
.website-founder-photo img{object-fit:cover;object-position:center top}
.website-founder-caption{padding:22px 25px 25px;border-top:4px solid var(--red)}
.website-founder-caption span,.website-founder-caption small{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:#766F69}
.website-founder-caption strong{display:block;margin:6px 0 7px;font-family:var(--display);font-size:2rem;line-height:.92;color:var(--burgundy)}
.website-price-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}
.website-price-strip>div{min-height:98px;display:flex;flex-direction:column;justify-content:center;padding:15px 28px;border-right:1px solid rgba(255,255,255,.13)}
.website-price-strip>div:last-child{border-right:0}
.website-price-strip strong{font-family:var(--display);font-size:2.15rem;line-height:.9;color:#fff}
.website-price-strip span{margin-top:7px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55)}

.website-plain{padding:110px 0}
.website-plain-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}
.website-plain h2{margin:0;font-size:4.9rem;line-height:.85}
.website-plain-copy{max-width:720px}
.website-plain-copy p:not(.large-copy){font-size:.78rem;line-height:1.72;color:#55514D}
.website-plain-copy strong{color:var(--burgundy)}

.website-included{padding:108px 0}
.website-section-head{max-width:900px;margin-bottom:42px}
.website-section-head h2{margin:0 0 18px;font-size:4.8rem;line-height:.85}
.website-section-head>p{max-width:760px;margin:0;color:#5C5752;font-size:.82rem;line-height:1.65}
.website-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.website-feature{min-height:275px;padding:29px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,253,252,.55)}
.website-feature>span{display:block;margin-bottom:42px;color:var(--red);font-size:.62rem;font-weight:700;letter-spacing:.12em}
.website-feature h3{margin:0 0 11px;font-size:1.75rem;line-height:.98}
.website-feature p{margin:0;color:#5B5651;font-size:.72rem;line-height:1.62}

.website-how{padding:110px 0;background:var(--graphite);color:#fff}
.website-how-head{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px;align-items:end;margin-bottom:48px}
.website-how-head h2{margin:0;font-size:4.7rem;line-height:.85;color:#fff}
.website-how-head h2 em{color:#C46A77}
.website-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}
.website-step{padding:31px 40px 10px 0;border-right:1px solid rgba(255,255,255,.14)}
.website-step:not(:first-child){padding-left:40px}
.website-step:last-child{border-right:0}
.website-step>span{display:block;margin-bottom:45px;color:#C77984;font-size:.64rem;letter-spacing:.15em}
.website-step h3{margin:0 0 12px;font-size:2.15rem;color:#fff}
.website-step p{margin:0;max-width:340px;font-size:.72rem;line-height:1.62;color:rgba(255,255,255,.64)}

.website-about{padding:110px 0}
.website-about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}
.website-about-photo{max-width:430px;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.website-about-photo picture,.website-about-photo img{width:100%;height:100%}
.website-about-photo img{object-fit:cover;object-position:center top}
.website-about-copy h2{margin:0 0 24px;font-size:4.75rem;line-height:.85}
.website-about-copy>p:not(.kicker){max-width:700px;color:#55514D;font-size:.8rem;line-height:1.72}
.website-about-copy>.large-copy{font-size:1rem}
.website-trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:31px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.website-trust-row>div{padding:21px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.website-trust-row strong{display:block;font-family:var(--display);font-size:2.1rem;line-height:.9;color:var(--burgundy)}
.website-trust-row span{display:block;margin-top:8px;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:#766E68}

.website-fit{padding:100px 0}
.website-fit-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}
.website-fit-main{padding:42px 45px;background:var(--graphite);color:#fff}
.website-fit-main h2{margin:0 0 28px;font-size:4.1rem;line-height:.85;color:#fff}
.website-fit-main h2 em{color:#D68591}
.website-fit-main ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.website-fit-main li{position:relative;padding-left:22px;font-size:.72rem;line-height:1.55;color:rgba(255,255,255,.76)}
.website-fit-main li::before{content:"✓";position:absolute;left:0;color:#DE8592;font-weight:700}
.website-fit-note{padding:42px 38px;border:1px solid var(--line);background:var(--white)}
.website-fit-note>span{display:block;margin-bottom:25px;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--red)}
.website-fit-note h3{margin:0 0 15px;font-size:2.35rem;line-height:.96}
.website-fit-note p{margin:0;color:#5A5651;font-size:.72rem;line-height:1.66}

.website-faq{padding:110px 0}
.website-enquire{padding:112px 0 120px;background:var(--burgundy);color:#fff}
.website-enquire-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}
.website-enquire-copy h2{margin:0 0 22px;font-size:5rem;line-height:.83;color:#fff}
.website-enquire-copy h2 em{color:#E6A4AE}
.website-enquire-copy>p:not(.kicker){max-width:510px;color:rgba(255,255,255,.70);font-size:.78rem;line-height:1.65}
.website-price-lockup{margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18)}
.website-price-lockup strong{display:block;font-family:var(--display);font-size:4.3rem;line-height:.78;color:#fff}
.website-price-lockup span{display:block;margin-top:10px;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#F3CED3}
.website-price-lockup small{display:block;margin-top:11px;font-size:.62rem;color:rgba(255,255,255,.58)}
.website-form-card{padding:38px 40px 34px;background:var(--white);color:var(--ink);box-shadow:0 28px 70px rgba(57,10,18,.18)}
.website-submit{width:100%;justify-content:space-between}
.website-form-note{margin:13px 0 0;text-align:center;font-size:.62rem;color:#766F69}
.website-form-note a{color:var(--burgundy);font-weight:700}
.website-footer{border-top:1px solid rgba(255,255,255,.08)}

@media(max-width:1080px){
  .website-hero-grid{grid-template-columns:1fr .68fr;gap:50px}
  .website-hero h1{font-size:5.7rem}
  .website-price-strip>div{padding-inline:18px}
  .website-plain-grid,.website-about-grid{gap:55px}
  .website-feature{min-height:300px}
}
@media(max-width:900px){
  .website-header{background:#171819}
  .website-hero{padding-top:76px}
  .website-hero-grid{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:58px;padding-bottom:44px}
  .website-hero-copy{max-width:760px}
  .website-founder-card{display:grid;grid-template-columns:190px 1fr;align-items:center;max-width:620px;align-self:auto}
  .website-founder-photo{aspect-ratio:4/5}
  .website-founder-caption{border-top:0;border-left:4px solid var(--red);padding:25px}
  .website-price-strip{grid-template-columns:1fr 1fr}
  .website-price-strip>div{border-bottom:1px solid rgba(255,255,255,.13)}
  .website-plain,.website-included,.website-how,.website-about,.website-fit,.website-faq,.website-enquire{padding-top:80px;padding-bottom:80px}
  .website-plain-grid,.website-about-grid,.website-enquire-grid{grid-template-columns:1fr;gap:42px}
  .website-plain h2,.website-section-head h2,.website-about-copy h2,.website-enquire-copy h2{font-size:3.95rem}
  .website-feature-grid{grid-template-columns:1fr 1fr}
  .website-how-head{grid-template-columns:1fr;gap:14px}
  .website-how-head h2{font-size:3.95rem}
  .website-steps{grid-template-columns:1fr}
  .website-step,.website-step:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .website-step>span{margin-bottom:18px}
  .website-about-photo{max-width:390px}
  .website-fit-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .website-hero{padding-top:72px}
  .website-hero-grid{padding-top:47px}
  .website-hero h1{font-size:4.35rem}
  .website-hero-lead{font-size:1.25rem}
  .website-hero-actions{display:grid}
  .website-hero-actions .button{width:100%}
  .website-founder-card{grid-template-columns:120px 1fr}
  .website-founder-caption{padding:19px 18px}
  .website-founder-caption strong{font-size:1.65rem}
  .website-price-strip{grid-template-columns:1fr 1fr}
  .website-price-strip>div{min-height:86px;padding:14px 16px}
  .website-price-strip strong{font-size:1.8rem}
  .website-price-strip span{font-size:.5rem}
  .website-plain,.website-included,.website-how,.website-about,.website-fit,.website-faq,.website-enquire{padding-top:66px;padding-bottom:66px}
  .website-plain h2,.website-section-head h2,.website-how-head h2,.website-about-copy h2,.website-fit-main h2,.website-enquire-copy h2{font-size:3.15rem}
  .website-feature-grid{grid-template-columns:1fr}
  .website-feature{min-height:auto}
  .website-feature>span{margin-bottom:28px}
  .website-about-photo{max-width:none;width:100%;aspect-ratio:4/5}
  .website-trust-row{grid-template-columns:1fr}
  .website-fit-main,.website-fit-note,.website-form-card{padding:29px 23px}
  .website-fit-main ul{grid-template-columns:1fr}
  .website-price-lockup strong{font-size:3.7rem}
}

.website-hero-grid>*,.website-fit-grid>*{min-width:0}
@media(max-width:900px){.website-hero-grid,.website-fit-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.website-hero-copy,.website-fit-main,.website-fit-note{min-width:0;width:100%}.website-hero h1{overflow-wrap:anywhere}}

.websites-page{overflow-x:hidden}

html,.websites-page{overflow-x:hidden}

@media(max-width:650px){.website-hero::after{display:none}}

@media(max-width:650px){.website-fit-main h2{overflow-wrap:anywhere;hyphens:auto}}