/* Thank You — по макету goldman-movers-bay-area-thank-you.html */

.main{min-height:720px;display:flex;align-items:center;padding:100px 0;position:relative;overflow:hidden}
.main:before{
  content:"THANK YOU";position:absolute;right:-25px;top:50%;transform:translateY(-55%);
  font-size:clamp(100px,18vw,300px);font-weight:900;letter-spacing:-.08em;
  color:#0b0b0b;white-space:nowrap;z-index:0;pointer-events:none;
}
.content{position:relative;z-index:1;max-width:870px}
.check{
  width:74px;height:74px;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-size:30px;margin-bottom:36px;
}
.lead{font-size:20px;color:#aaa;max-width:720px}

.next{background:var(--panel);border-block:1px solid var(--line);padding:75px 0}
.next-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}
.next h2{font-size:clamp(30px,4vw,42px);line-height:1;margin:10px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.step{padding:28px 24px 10px 0;border-right:1px solid var(--line);min-height:210px}
.step:not(:first-child){padding-left:24px}
.step:last-child{border-right:0}
.step b{font-size:11px;color:var(--gold);letter-spacing:.12em}
.step h3{font-size:20px;margin:45px 0 8px}
.step p{color:#888;font-size:13px;margin:0}

.help{padding:90px 0}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.help h2{font-size:clamp(32px,4.4vw,48px);line-height:1;margin:10px 0 18px}
.help p{color:#999;max-width:600px}
.contact-box{border-left:1px solid var(--line);padding-left:50px}
.contact-box small{display:block;color:#777;text-transform:uppercase;letter-spacing:.13em;font-size:9px}
.contact-box strong{display:block;color:var(--gold);font-size:29px;margin:8px 0 24px;word-break:break-word}
.contact-box .email strong{font-size:20px}

@media(max-width:900px){
  .next-grid,.help-grid{grid-template-columns:1fr;gap:40px}
  .steps{grid-template-columns:1fr}
  .step,.step:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .step h3{margin-top:25px}
  .contact-box{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}
  .main:before{top:35%;opacity:.7}
}
@media(max-width:650px){
  .main{min-height:600px;padding:75px 0}
  .title{font-size:48px}
  .lead{font-size:17px}
  .help{padding:70px 0}
}