/* PHOEBE ATELIER (atelier.html, 10/10/2026): ban sao trang PHOEBE (home), khac logo hero + cac buoc may do.
   Khong box, khong dong phu giai thich. */
.hero-video__mark--at{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.hero-video__mark--at img{ display:block; width:100%; height:auto; }
.hero-video__mark--at span{ font-family:var(--sans); font-size:12px; font-weight:500; letter-spacing:.46em; padding-left:.46em; color:var(--cream); }
@media (max-width:760px){ .hero-video__mark--at{ gap:10px; } .hero-video__mark--at span{ font-size:10.5px; } }

.at-steps{ padding-top:56px; padding-bottom:20px; text-align:center; }
.at-steps__h{ margin:0 0 30px; font-family:var(--serif); font-weight:500; font-size:28px; color:var(--c-navy); }
.at-steps__list{ list-style:none; margin:0 auto; padding:0; max-width:1080px; display:grid; grid-template-columns:repeat(3, 1fr); gap:0; }
.at-step{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:18px 24px; }
.at-step + .at-step{ border-left:1px solid var(--c-line); }
.at-step__n{ font-family:var(--serif); font-size:22px; color:var(--c-gold-ink); line-height:1; }
.at-step__t{ font-size:15px; color:var(--c-navy); }
.at-step__a{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--c-gold-ink); border-bottom:1px solid currentColor; padding:12px 0 3px; }
.at-steps__cta{ margin-top:30px; min-width:260px; }
@media (max-width:760px){
  .at-steps{ padding-top:36px; }
  .at-steps__h{ font-size:24px; margin-bottom:12px; }
  .at-steps__list{ grid-template-columns:1fr; }
  .at-step{ flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:6px 14px; padding:16px 0; text-align:left; }
  .at-step + .at-step{ border-left:0; border-top:1px solid var(--c-line); }
  .at-step__t{ flex:1; min-width:0; }
  .at-step__a{ padding:12px 0 3px; margin-left:36px; flex-basis:100%; width:max-content; max-width:max-content; }
  .at-steps__cta{ width:100%; min-width:0; }
}