/* A restrained editorial presentation for Atelora's service packages. */
#packages .container{max-width:1120px}
#packages .section-heading{margin-bottom:30px}
#packages .section-heading .aside{max-width:650px;line-height:1.7}
#packages .package-tabs{gap:0;background:transparent;border:1px solid var(--line);border-bottom:0}
#packages .package-tab{justify-content:flex-start;padding:26px 28px;gap:10px;min-height:162px;border-radius:0;box-shadow:none;background:#f8f7f5}
#packages .package-tab[aria-selected=true]{background:#fff;box-shadow:inset 0 3px 0 #897052}
#packages .tab-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:26px;line-height:1.15}
#packages .tab-price{font-size:32px;line-height:1}
#packages .tab-purpose{font-size:14px;line-height:1.5;color:var(--muted);font-weight:400}
#packages .package-panel{padding:42px;min-height:0}
#packages .package-panel>.package-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding-bottom:34px;align-items:start;border-bottom:1px solid var(--line)}
#packages .package-panel h3{font-size:42px;line-height:1.12;letter-spacing:-.025em;margin:0 0 12px}
#packages .package-panel .package-subtitle{font-size:14px;line-height:1.6;letter-spacing:.1em;margin:0 0 18px}
#packages .package-panel .description{max-width:570px;margin:0;font-size:16px;line-height:1.75}
#packages .package-booking{text-align:right;padding-top:2px}
#packages .package-booking .price{font-size:52px;line-height:1.1;margin:0 0 20px;white-space:nowrap}
#packages .price small{display:block;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:6px}
#packages .package-booking .request-control{margin:0;font-size:16px}
#packages .package-details{display:block;margin-top:0}
#packages .package-phase{display:grid;grid-template-columns:28px 180px minmax(0,1fr);gap:0 18px;margin:0;padding:30px 0;border-bottom:1px solid var(--line)}
#packages .package-phase:last-child{border-bottom:0;padding-bottom:0}
#packages .phase-number{grid-column:1;font-size:14px;line-height:1.6;letter-spacing:.05em;margin:3px 0 0}
#packages .package-phase h4{grid-column:2;font-size:27px;line-height:1.2;margin:0}
#packages .package-phase ul,#packages .package-phase .start-copy{grid-column:3;columns:auto;max-width:none}
#packages .package-phase ul{padding-left:18px}
#packages .package-phase li{font-size:16px;line-height:1.7;padding:0 0 11px}
#packages .package-phase li:last-child{padding-bottom:0}
#packages .start-copy p{font-size:16px;line-height:1.7;margin-bottom:12px}
#packages .start-copy p:last-child{margin-bottom:0}
@media(max-width:900px){
  #packages .package-panel{padding:30px}
  #packages .package-phase{grid-template-columns:24px 150px minmax(0,1fr);gap:0 14px}
  #packages .package-tab{padding:22px 20px}
}
@media(max-width:760px){
  #packages .section-heading{margin-bottom:24px}
  #packages .package-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  #packages .package-tab{padding:18px 10px;gap:10px;min-height:156px}
  #packages .tab-name{font-size:21px;min-height:48px}
  #packages .tab-price{font-size:30px}
  #packages .tab-purpose{font-size:14px;line-height:1.4}
  #packages .package-panel{padding:26px 22px}
  #packages .package-panel>.package-overview{grid-template-columns:1fr;gap:24px;padding-bottom:28px}
  #packages .package-panel h3{font-size:34px}
  #packages .package-panel .package-subtitle{letter-spacing:.065em;margin-bottom:14px}
  #packages .package-booking{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:0}
  #packages .package-booking .price{font-size:44px;margin:0}
  #packages .package-phase{grid-template-columns:24px minmax(0,1fr);gap:0 12px;padding:26px 0}
  #packages .package-phase h4{font-size:27px}
  #packages .package-phase ul,#packages .package-phase .start-copy{grid-column:1/-1;margin-top:18px}
}
