.work-page{background:#f7f7f5}
.work-hero{padding:64px 0 88px}
.work-split{
  display:grid;
  min-height:650px;
  grid-template-columns:1.08fr .92fr;
  gap:clamp(45px,8vw,115px);
  align-items:center;
}
.work-copy h1{
  max-width:11ch;
  font-size:clamp(54px,7.5vw,94px);
  line-height:.93;
  letter-spacing:-.065em;
}
.work-copy>p{
  max-width:46ch;
  margin-top:28px;
  color:#5d5d62;
  font-size:18px;
  line-height:1.65;
}
.work-copy>p+p{margin-top:18px}
.work-proof{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:38px;
  color:#717176;
  font-size:12px;
  font-weight:650;
}
.work-proof strong{color:var(--ink);font-size:15px}
.booking-card{
  padding:38px;
  border:1.5px solid #dededb;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.08);
}
.booking-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#69696e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.booking-card h2{
  max-width:12ch;
  margin-top:38px;
  font-size:39px;
  line-height:1;
  letter-spacing:-.045em;
}
.booking-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.booking-meta span{
  padding:8px 11px;
  border-radius:999px;
  background:#f3f3f0;
  color:#626267;
  font-size:11px;
  font-weight:700;
}
.booking-card ul{
  display:grid;
  gap:11px;
  margin:30px 0;
  padding:0;
  list-style:none;
  color:#5c5864;
  font-size:14px;
}
.booking-card li::before{content:"→";margin-right:9px;color:var(--ink);font-weight:800}
.booking-button{width:100%;text-align:center}
.future-offers{padding:110px 0 120px;border-top:1px solid #e1e1de;background:#fff}
.future-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.future-heading h2{
  max-width:10ch;
  font-size:clamp(42px,5.5vw,68px);
  line-height:.98;
  letter-spacing:-.055em;
}
.future-heading p{max-width:44ch;color:var(--muted);font-size:16px;line-height:1.65}
.future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}
.future-card{
  display:flex;
  min-height:365px;
  flex-direction:column;
  padding:32px;
  border:1.5px solid var(--line);
  border-radius:24px;
  background:#fafaf8;
}
.future-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.future-who{color:#777;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.future-status{
  padding:7px 10px;
  border-radius:999px;
  background:#e9e9e5;
  color:#777;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.future-card h3{max-width:12ch;margin-top:54px;font-size:29px;line-height:1.02;letter-spacing:-.04em}
.future-card .future-price{margin-top:10px;color:#3f3f43;font-size:12px;font-weight:750}
.future-card>p{margin-top:14px;color:#66666b;font-size:14px;line-height:1.6}
.future-card ul{display:grid;gap:8px;margin-top:25px;padding:0;list-style:none;color:#55555a;font-size:13px}
.future-card li::before{content:"→";margin-right:9px;color:#8c8c91}
@media(max-width:860px){
  .work-split{min-height:0;grid-template-columns:1fr;padding:30px 0 0}
  .work-copy{max-width:680px}
  .booking-card{max-width:680px}
}
@media(max-width:680px){
  .work-page nav .nav-links a{display:none}
  .work-page nav .nav-links a:first-child{display:inline-flex}
  .work-hero{padding:54px 0 72px}
  .work-split{gap:50px}
  .work-copy h1{font-size:57px}
  .work-copy>p{font-size:16px}
  .booking-card{padding:28px;border-radius:24px}
  .booking-card h2{font-size:34px}
  .future-offers{padding:80px 0}
  .future-heading,.future-grid{grid-template-columns:1fr}
  .future-heading{gap:24px}
  .future-grid{margin-top:40px}
  .future-card{min-height:330px}
}