/* =================================================================
   YSL — pages.css : page-specific layouts (home first).
   ================================================================= */

/* ---------------- HOME : hero ---------------- */
.ysl-home-hero{
  display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center;
  padding-top:74px;padding-bottom:96px;position:relative;
}
.ysl-home-hero__rule{width:56px;height:2px;background:var(--ysl-gold);margin:0 0 26px;}
.ysl-home-hero__copy .ysl-lead{margin-bottom:40px;}
.ysl-home-hero__media{position:relative;}
.ysl-home-hero__blob{
  position:absolute;left:-26px;top:-18px;right:44px;bottom:26px;border-radius:50%;
  background:var(--ysl-sand-deep);z-index:0;
}
.ysl-home-hero__photo{position:relative;z-index:1;}
.ysl-home-hero__badge{
  position:absolute;right:-16px;bottom:-40px;width:136px;height:136px;border-radius:50%;
  background:var(--ysl-gold-pale);display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:12px;color:var(--ysl-navy);line-height:1.5;text-align:center;z-index:2;
}
.ysl-home-hero__spark{position:absolute;left:6px;top:-6px;font-size:20px;color:var(--ysl-gold);z-index:2;}

/* ---------------- HOME : what is YSL ---------------- */
.ysl-home-what .ysl-body{margin:0 0 30px;}
.ysl-home-what__note{display:flex;align-items:center;gap:18px;margin-bottom:38px;}
.ysl-home-what__note-rule{width:64px;height:1px;background:var(--ysl-gold);flex:none;}
.ysl-home-what__media{position:relative;aspect-ratio:1 / 0.74;}
/* both pictures are shown whole (object-fit:contain) so nobody is cropped; the small one overlaps only the bodies (below the faces) of the big one */
.ysl-home-what__photo-a{
  position:absolute;right:0;top:0;width:82%;aspect-ratio:4/3;
  border-radius:20px;background:var(--ysl-sand);
}
.ysl-home-what__photo-a .ysl-photo__img,
.ysl-home-what__photo-a img{object-fit:contain !important;}
.ysl-home-what__card{
  position:absolute;left:7%;top:65%;width:max(28%,176px);aspect-ratio:220 / 150;background:var(--ysl-navy);border-radius:14px;
  padding:0 20px;box-shadow:0 18px 36px rgba(38,61,105,0.2);z-index:2;display:flex;flex-direction:column;justify-content:center;
}
.ysl-home-what__card-title{display:block;font-family:var(--ysl-serif);font-size:19px;color:#fff;line-height:1.3;margin-bottom:8px;font-weight:600;}
.ysl-home-what__card-since{font-family:var(--ysl-label);font-size:8px;letter-spacing:2px;color:var(--ysl-gold-light);text-transform:uppercase;}

/* ---------------- HOME : journey / pillars ---------------- */
.ysl-home-journey__head{margin-bottom:52px;}
.ysl-home-journey__head .ysl-h2{margin-bottom:20px;}
.ysl-card__eyebrow{text-transform:uppercase;}

/* ---------------- HOME : path cards ---------------- */
.ysl-home-paths__head{margin-bottom:52px;}
.ysl-pathcard{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  height:430px;border-radius:var(--ysl-r-card);overflow:hidden;padding:36px 32px;
  background:repeating-linear-gradient(45deg,#DED7CB,#DED7CB 15px,#E8E1D6 15px,#E8E1D6 30px);
  transition:transform .24s ease,box-shadow .24s ease;color:#fff;
}
.ysl-pathcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(38,61,105,0.16);color:#fff;}
.ysl-pathcard__bg{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,26,42,0.9),rgba(14,26,42,0.6) 45%,rgba(14,26,42,0.3));}
.ysl-pathcard__num{position:absolute;top:30px;left:32px;font-family:var(--ysl-serif);font-size:15px;color:var(--ysl-gold-pale);letter-spacing:1px;font-weight:600;}
.ysl-pathcard__title{position:relative;font-family:var(--ysl-serif);font-size:27px;color:#fff;line-height:1.25;margin-bottom:14px;font-weight:600;}
.ysl-pathcard__text{position:relative;font-size:13px;line-height:1.8;color:rgba(255,255,255,0.82);font-weight:300;margin-bottom:24px;max-width:280px;}
.ysl-pathcard .ysl-cta{position:relative;align-self:flex-start;}

/* ---------------- HOME : life at YSL ---------------- */
.ysl-home-life__grid{display:grid;grid-template-columns:0.72fr 2fr;gap:56px;align-items:center;}
.ysl-home-life__grid .ysl-h2{margin-bottom:20px;}
.ysl-home-life__grid .ysl-textlink{margin-top:8px;}
.ysl-home-life__handle{font-family:var(--ysl-label);font-size:10px;letter-spacing:1.4px;color:var(--ysl-placeholder);margin-top:14px;text-transform:uppercase;}
.ysl-home-life__feed{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ysl-home-life__tile{
  aspect-ratio:1/1;border-radius:14px;overflow:hidden;
  background:repeating-linear-gradient(45deg,#E9E2D6,#E9E2D6 13px,#F2ECE1 13px,#F2ECE1 26px);
  display:flex;align-items:center;justify-content:center;
}
.ysl-home-life__tile img{width:100%;height:100%;object-fit:cover;}

/* ---------------- HOME : logo bands ---------------- */
.ysl-home-logos__head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px;}
.ysl-home-logos__head--center{display:block;text-align:center;}
.ysl-home-logos__head .ysl-h2{margin-bottom:0;}
.ysl-home-logos__aside{max-width:300px;text-align:right;margin-bottom:6px;}

@media (max-width:900px){
  .ysl-home-hero{grid-template-columns:1fr;gap:44px;padding-top:48px;padding-bottom:56px;}
  .ysl-home-hero__media{max-width:420px;margin:0 auto;}
  .ysl-home-what__media{aspect-ratio:auto;min-height:auto;display:grid;grid-template-columns:1fr;gap:20px;}
  .ysl-home-what__photo-a{position:static;width:100%;height:auto;aspect-ratio:4/3;border-radius:16px;}
  .ysl-home-what__photo-b{position:static;width:70%;aspect-ratio:3/2;}
  .ysl-home-what__card{position:static;max-width:none;width:auto;aspect-ratio:auto;padding:22px 26px;display:block;}
  .ysl-home-life__grid{grid-template-columns:1fr;gap:32px;}
  .ysl-home-life__feed{grid-template-columns:repeat(4,1fr);}
  .ysl-home-logos__head{flex-direction:column;align-items:flex-start;gap:18px;}
  .ysl-home-logos__aside{text-align:left;}
}
@media (max-width:600px){
  .ysl-home-hero__badge{width:104px;height:104px;font-size:10px;right:0;}
  .ysl-home-life__feed{grid-template-columns:repeat(2,1fr);}
}

/* =================================================================
   LEGACY design pages (rendered from /design-src via inc/legacy.php).
   Inline styles are kept for pixel fidelity; these rules add the
   responsive behaviour the desktop-only prototypes never had.
   ================================================================= */
.ysl-legacy{overflow-x:clip;}
.ysl-legacy img{display:block;}

@media (max-width:1280px){
  .ysl-legacy [style*="padding:"][style*="64px"]{padding-left:44px!important;padding-right:44px!important;}
}
@media (max-width:1000px){
  .ysl-legacy [style*="grid-template-columns:1fr"],
  .ysl-legacy [style*="grid-template-columns: 1fr"],
  .ysl-legacy [style*="grid-template-columns:0.62fr"],
  .ysl-legacy [style*="grid-template-columns:0.72fr"],
  .ysl-legacy [style*="grid-template-columns:0.82fr"],
  .ysl-legacy [style*="grid-template-columns:0.85fr"],
  .ysl-legacy [style*="grid-template-columns:0.92fr"],
  .ysl-legacy [style*="grid-template-columns:1.05fr"]{grid-template-columns:1fr!important;}
  .ysl-legacy [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
  .ysl-legacy [style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
  .ysl-legacy [style*="gap:80px"],
  .ysl-legacy [style*="gap:88px"],
  .ysl-legacy [style*="gap:84px"],
  .ysl-legacy [style*="gap:72px"]{gap:44px!important;}
  .ysl-legacy [style*="writing-mode:vertical-rl"]{writing-mode:horizontal-tb!important;font-size:24px!important;letter-spacing:3px!important;padding:24px 0!important;}
  .ysl-legacy [style*="border-left:1px solid rgba(223,199,155"]{border-left:0!important;}
}
@media (max-width:760px){
  .ysl-legacy [style*="padding:"][style*="64px"]{padding-left:20px!important;padding-right:20px!important;}
  .ysl-legacy [style*="repeat(4,1fr)"],
  .ysl-legacy [style*="repeat(3,1fr)"],
  .ysl-legacy [style*="repeat(2,1fr)"],
  .ysl-legacy [style*="grid-template-columns:repeat"]{grid-template-columns:1fr!important;}
  .ysl-legacy [style*="border-right:1px solid"]{border-right:0!important;}
  .ysl-legacy [style*="font-size:70px"],
  .ysl-legacy [style*="font-size:60px"],
  .ysl-legacy [style*="font-size:58px"]{font-size:38px!important;letter-spacing:-.5px!important;}
  .ysl-legacy [style*="font-size:50px"],
  .ysl-legacy [style*="font-size:48px"],
  .ysl-legacy [style*="font-size:46px"]{font-size:32px!important;}
  .ysl-legacy [style*="font-size:104px"]{font-size:64px!important;}
  .ysl-legacy [style*="font-size:52px"]{font-size:30px!important;}
  .ysl-legacy [style*="font-size:40px"],
  .ysl-legacy [style*="font-size:42px"],
  .ysl-legacy [style*="font-size:44px"]{font-size:29px!important;}
  .ysl-legacy [style*="text-align:right"]{text-align:left!important;}
  .ysl-legacy [style*="display:flex"][style*="justify-content:space-between"]{flex-wrap:wrap!important;}
}

/* About — "What We Stand For" core values.
   The prototype uses a 1fr + auto grid, which leaves a large empty band
   between the short "Your Collaboration" lines and the vertical CORE VALUES
   label. Let the content column take the full width beside that label,
   enlarge the descriptions, sit them level with their icon, and keep each
   one on a single line so the text reaches across the section. */
.ysl-legacy [data-screen-label="08 What We Stand For"]{padding-left:24px;padding-right:24px;}
@media (min-width:1001px){
  .ysl-legacy [data-screen-label="08 What We Stand For"] > div[style*="grid-template-columns"]{
    max-width:none!important;
    grid-template-columns:1fr auto!important;
    gap:52px!important;
    align-items:stretch!important;
  }
}
.ysl-legacy [data-screen-label="08 What We Stand For"] [style*="padding:48px 0"]{padding:40px 0!important;}
/* icon + description on one line, larger text, no wrap */
.ysl-legacy [data-screen-label="08 What We Stand For"] [style*="max-width:660px"]{
  max-width:none!important;align-items:center!important;gap:20px!important;
}
.ysl-legacy [data-screen-label="08 What We Stand For"] [style*="max-width:660px"] > span:last-child{
  font-size:16px!important;line-height:1.75!important;white-space:nowrap!important;
}
/* keep the heading readable; let the intro line run its own sentence in one line */
.ysl-legacy [data-screen-label="08 What We Stand For"] h2{max-width:560px;}
.ysl-legacy [data-screen-label="08 What We Stand For"] [style*="max-width:520px"]{max-width:none!important;white-space:nowrap!important;}
@media (max-width:1000px){
  .ysl-legacy [data-screen-label="08 What We Stand For"] > div[style*="grid-template-columns"]{grid-template-columns:1fr!important;}
  .ysl-legacy [data-screen-label="08 What We Stand For"] [style*="max-width:660px"] > span:last-child{white-space:normal!important;font-size:14.5px!important;}
  .ysl-legacy [data-screen-label="08 What We Stand For"] [style*="max-width:520px"]{white-space:normal!important;}
}

/* =================================================================
   ACCORDION (FAQ + pillar "areas we look at")
   ================================================================= */
.ysl-acc{display:flex;flex-direction:column;gap:14px;max-width:860px;}
.ysl-acc__item{
  background:#fff;border:1px solid var(--ysl-hairline);border-radius:16px;
  transition:box-shadow .22s ease;overflow:hidden;
}
.ysl-acc__item.is-open{box-shadow:var(--ysl-shadow-card);}
.ysl-acc__h{margin:0;}
.ysl-acc__q{
  width:100%;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;
  background:transparent;border:0;padding:24px 26px;
  font-family:var(--ysl-serif);font-size:20px;font-weight:600;color:var(--ysl-navy);line-height:1.3;
}
.ysl-acc__num{font-family:var(--ysl-label);font-size:10px;letter-spacing:2px;color:var(--ysl-gold);flex:none;padding-top:4px;}
.ysl-acc__label{flex:1;}
.ysl-acc__chev{
  width:22px;height:22px;flex:none;border-radius:50%;border:1px solid var(--ysl-hairline-2);
  position:relative;transition:transform .22s ease,background .22s ease;
}
.ysl-acc__chev::before,.ysl-acc__chev::after{
  content:"";position:absolute;background:var(--ysl-navy);top:50%;left:50%;transition:opacity .2s ease;
}
.ysl-acc__chev::before{width:9px;height:1.5px;transform:translate(-50%,-50%);}
.ysl-acc__chev::after{width:1.5px;height:9px;transform:translate(-50%,-50%);}
.ysl-acc__item.is-open .ysl-acc__chev{background:var(--ysl-navy);transform:rotate(180deg);}
.ysl-acc__item.is-open .ysl-acc__chev::before{background:#fff;}
.ysl-acc__item.is-open .ysl-acc__chev::after{opacity:0;}
.ysl-acc__a{padding:0 26px 26px 26px;}
.ysl-acc__a > *:first-child{margin-top:0;}
.ysl-acc__body{font-size:14px;line-height:1.95;color:var(--ysl-ink-soft);font-weight:300;max-width:520px;}
.ysl-acc__thought{
  font-family:var(--ysl-serif);font-style:italic;font-size:17px;line-height:1.6;color:var(--ysl-navy);
  border-left:1px solid var(--ysl-gold-light);padding-left:22px;margin:18px 0;font-weight:600;max-width:460px;
}
.ysl-acc__points{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;}
.ysl-acc__points li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.7;color:var(--ysl-ink);font-weight:300;}
.ysl-acc__points li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ysl-gold);}

/* =================================================================
   EXPLORER (pillar "areas" — click a card, detail swaps below)
   ================================================================= */
.ysl-explorer__head{max-width:900px;margin:0 auto 44px;}
.ysl-explorer__head .ysl-body{white-space:nowrap;}
.ysl-explorer__head .ysl-h2{margin-bottom:14px;}
.ysl-explorer__tabs{
  display:grid;gap:20px;margin-bottom:44px;
  grid-template-columns:repeat(var(--ysl-explorer-n,4),1fr);
}
.ysl-explorer__tab{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  background:#fff;border:1px solid var(--ysl-hairline);cursor:pointer;
  border-radius:110px 110px 16px 16px;padding:32px 20px 26px;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;color:var(--ysl-navy);
}
.ysl-explorer__tab:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(38,61,105,0.12);}
.ysl-explorer__icon{
  width:54px;height:54px;border-radius:50%;background:var(--ysl-sand-deep);
  display:flex;align-items:center;justify-content:center;color:var(--ysl-gold);
}
.ysl-explorer__num{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-olive);}
.ysl-explorer__title{font-family:var(--ysl-serif);font-weight:600;font-size:19px;line-height:1.3;color:var(--ysl-navy);}
.ysl-explorer__tab[aria-selected="true"]{
  background:var(--ysl-navy);border-color:var(--ysl-navy);
  box-shadow:0 22px 44px rgba(38,61,105,0.18);transform:translateY(-4px);
}
.ysl-explorer__tab[aria-selected="true"] .ysl-explorer__icon{background:rgba(255,255,255,0.1);color:var(--ysl-gold-light);}
.ysl-explorer__tab[aria-selected="true"] .ysl-explorer__num{color:var(--ysl-gold-light);}
.ysl-explorer__tab[aria-selected="true"] .ysl-explorer__title{color:#fff;}

.ysl-explorer__panel{
  background:#fff;border:1px solid var(--ysl-hairline);border-radius:24px;
  padding:52px 56px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
}
.ysl-explorer__kicker{font-family:var(--ysl-label);font-size:9px;letter-spacing:2px;color:var(--ysl-olive);text-transform:uppercase;margin-bottom:16px;}
.ysl-explorer__heading{font-family:var(--ysl-serif);font-size:34px;font-weight:600;line-height:1.2;color:var(--ysl-navy);margin:0 0 20px;}
.ysl-explorer__text{font-size:14.5px;line-height:1.95;color:var(--ysl-ink-soft);font-weight:300;max-width:400px;margin:0 0 28px;}
.ysl-explorer__thought{
  font-family:var(--ysl-serif);font-style:italic;font-size:19px;line-height:1.6;color:var(--ysl-navy);
  border-left:1px solid var(--ysl-gold-light);padding-left:24px;max-width:380px;font-weight:600;margin:0;
}
.ysl-explorer__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.ysl-explorer__points li{
  display:flex;gap:14px;align-items:flex-start;background:var(--ysl-cream);border-radius:12px;
  padding:18px 22px;font-size:13.5px;line-height:1.75;color:var(--ysl-ink);font-weight:300;
}
.ysl-explorer__points li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ysl-gold);flex:none;margin-top:7px;}

@media (max-width:1000px){
  .ysl-explorer__tabs{grid-template-columns:repeat(2,1fr)!important;}
  .ysl-explorer__head .ysl-body{white-space:normal;}
}
@media (max-width:820px){
  .ysl-explorer__panel{grid-template-columns:1fr;gap:32px;padding:36px 28px;}
  .ysl-explorer__heading{font-size:27px;}
}
@media (max-width:560px){
  .ysl-explorer__tabs{grid-template-columns:1fr!important;}
}

@media (max-width:900px){
  .ysl-acc__q{font-size:17px;padding:20px;}
  .ysl-acc__a{padding:0 20px 20px;}
}

/* ---- Our Services : hero note pill ---- */
.ysl-svc-hero{padding-top:56px;}
.ysl-svc-hero__note{
  position:absolute;right:-10px;bottom:22px;background:var(--ysl-cream);border-radius:999px;
  padding:14px 22px;font-size:20px;line-height:1.3;color:var(--ysl-olive);
  box-shadow:0 14px 34px rgba(38,61,105,0.10);z-index:2;
}

/* ---- Our Services : side-by-side journey selector ---- */
.ysl-svc-journey{max-width:1440px;margin:96px auto 0;padding:0 64px;}
.ysl-svc-journey__head{text-align:center;max-width:720px;margin:0 auto 44px;}
.ysl-svc-journey__eyebrow{font-family:var(--ysl-label);font-size:9.5px;letter-spacing:3px;color:var(--ysl-olive);margin-bottom:18px;}
.ysl-svc-journey__h2{font-family:var(--ysl-serif);font-size:50px;font-weight:600;line-height:1.12;color:var(--ysl-navy);margin:0 0 16px;letter-spacing:-1px;text-wrap:balance;}
.ysl-svc-journey__h2 em{color:var(--ysl-gold);font-weight:700;font-style:italic;}
.ysl-svc-journey__lead{font-size:14.5px;line-height:1.9;color:var(--ysl-ink-soft);font-weight:300;margin:0;text-wrap:pretty;}
.ysl-svc-journey__layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;align-items:stretch;}
.ysl-svc-journey__tabs{display:flex;flex-direction:column;gap:12px;}
.ysl-svc-journey__tab{
  display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:18px;align-items:center;text-align:left;
  padding:22px 24px;border-radius:18px;cursor:pointer;
  background:#fff;border:1px solid rgba(38,61,105,0.07);color:var(--ysl-navy);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ysl-svc-journey__icon{width:48px;height:48px;border-radius:50%;background:var(--ysl-sand-deep);color:var(--ysl-gold);display:flex;align-items:center;justify-content:center;}
.ysl-svc-journey__copy{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ysl-svc-journey__num{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-olive);}
.ysl-svc-journey__statement{font-family:var(--ysl-serif);font-size:21px;line-height:1.3;font-weight:600;color:var(--ysl-navy);text-wrap:pretty;}
.ysl-svc-journey__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(38,61,105,0.18);color:#A79F90;}
.ysl-svc-journey__tab[aria-selected="true"]{background:var(--ysl-navy);border-color:var(--ysl-navy);box-shadow:0 18px 38px rgba(38,61,105,0.18);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__icon{background:rgba(255,255,255,0.10);color:var(--ysl-gold-light);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__num{color:var(--ysl-gold-light);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__statement{color:#fff;}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__dot{background:var(--ysl-gold);border-color:var(--ysl-gold);color:#fff;}
.ysl-svc-journey__tab:focus-visible{outline:3px solid rgba(192,139,62,0.5);outline-offset:2px;}

.ysl-svc-journey__panels{background:#fff;border:1px solid rgba(38,61,105,0.07);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0;}
.ysl-svc-detail{display:flex;flex-direction:column;flex:1;min-width:0;}
.ysl-svc-detail[hidden]{display:none;}
.ysl-svc-detail__photo{height:190px;flex:none;border-radius:0;}
.ysl-svc-detail__body{padding:36px 40px 38px;display:flex;flex-direction:column;flex:1;}
.ysl-svc-detail__kicker{display:flex;align-items:center;gap:13px;margin-bottom:18px;}
.ysl-svc-detail__kicker span{font-family:var(--ysl-label);font-size:9.5px;letter-spacing:3px;color:var(--ysl-olive);}
.ysl-svc-detail__kicker i{width:44px;height:1px;background:var(--ysl-gold);display:block;}
.ysl-svc-detail__h{font-family:var(--ysl-serif);font-size:34px;font-weight:600;line-height:1.16;color:var(--ysl-navy);margin:0 0 16px;letter-spacing:-0.5px;text-wrap:balance;}
.ysl-svc-detail__h em{color:var(--ysl-gold);font-weight:700;font-style:italic;}
.ysl-svc-detail__p{font-size:14px;line-height:1.9;color:var(--ysl-ink-soft);font-weight:300;margin:0 0 22px;text-wrap:pretty;}
.ysl-svc-detail__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.ysl-svc-detail__chips span{font-size:12px;color:var(--ysl-navy);font-weight:300;background:#FBF7F0;border:1px solid rgba(38,61,105,0.09);border-radius:999px;padding:7px 14px;}
.ysl-svc-detail__thought{font-family:var(--ysl-serif);font-size:19px;line-height:1.5;color:var(--ysl-navy);font-style:italic;font-weight:600;border-left:1px solid var(--ysl-gold-light);padding-left:20px;margin-bottom:28px;text-wrap:pretty;}
.ysl-svc-detail__cta{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;
  background:var(--ysl-navy);color:#fff;font-size:13px;font-weight:500;padding:13px 13px 13px 26px;border-radius:999px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ysl-svc-detail__cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(38,61,105,0.22);color:#fff;}
.ysl-svc-detail__cta span{width:25px;height:25px;border-radius:50%;background:var(--ysl-gold);display:flex;align-items:center;justify-content:center;flex:none;}

/* ---- Our Services : other services ---- */
.ysl-svc-other{background:var(--ysl-navy);padding:100px 0;margin-top:120px;}
.ysl-svc-other__in{max-width:1440px;margin:0 auto;padding:0 64px;}
.ysl-svc-other__head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px;flex-wrap:wrap;}
.ysl-svc-other__eyebrow{font-family:var(--ysl-label);font-size:9.5px;letter-spacing:3px;color:var(--ysl-gold-light);margin-bottom:18px;}
.ysl-svc-other__h2{font-family:var(--ysl-serif);font-size:46px;font-weight:600;line-height:1.14;color:#fff;margin:0;letter-spacing:-0.5px;}
.ysl-svc-other__h2 em{color:var(--ysl-gold-light);font-weight:700;font-style:italic;}
.ysl-svc-other__lead{font-size:14px;line-height:1.85;color:rgba(255,255,255,0.78);font-weight:300;margin:0;max-width:380px;text-wrap:pretty;}
.ysl-svc-other__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(223,199,155,0.28);border:1px solid rgba(223,199,155,0.28);border-radius:22px;overflow:hidden;}
.ysl-svc-other__item{background:var(--ysl-navy);padding:36px 34px;display:flex;flex-direction:column;gap:16px;transition:background .22s ease;}
.ysl-svc-other__item:hover{background:#2D4777;}
.ysl-svc-other__top{display:flex;align-items:center;justify-content:space-between;}
.ysl-svc-other__icon{width:48px;height:48px;border-radius:50%;border:1px solid rgba(223,199,155,0.5);display:flex;align-items:center;justify-content:center;}
.ysl-svc-other__num{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-gold-light);}
.ysl-svc-other__name{font-family:var(--ysl-serif);font-size:25px;font-weight:600;line-height:1.25;color:#fff;}
.ysl-svc-other__desc{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.78);font-weight:300;text-wrap:pretty;}
/* ---- Our Services : next step ---- */
.ysl-svc-next__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1080px;margin:0 auto;}
.ysl-svc-next__card{
  display:flex;flex-direction:column;justify-content:space-between;min-height:132px;gap:12px;
  background:#fff;border:1px solid var(--ysl-hairline);border-radius:24px;padding:22px 22px 20px;
  transition:transform .24s ease,box-shadow .24s ease;
}
.ysl-svc-next__card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(38,61,105,0.11);}
.ysl-svc-next__num{display:block;font-family:var(--ysl-label);font-size:9px;letter-spacing:2.4px;color:var(--ysl-gold);margin-bottom:10px;}
.ysl-svc-next__title{font-family:var(--ysl-serif);font-size:23px;line-height:1.25;color:var(--ysl-navy);font-weight:600;}
.ysl-svc-next__row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ysl-svc-next__desc{font-size:11.5px;line-height:1.5;color:var(--ysl-ink-soft);font-weight:300;}
.ysl-svc-next__dot{width:23px;height:23px;border-radius:50%;background:var(--ysl-sand-deep);display:flex;align-items:center;justify-content:center;flex:none;}
.ysl-svc-next__cta{
  display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
  background:var(--ysl-navy);border-radius:24px;padding:26px 34px;
  max-width:1080px;margin:44px auto 0;transition:transform .24s ease,box-shadow .24s ease;color:#fff;
}
.ysl-svc-next__cta:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(38,61,105,0.24);color:#fff;}
.ysl-svc-next__cta-icon{width:44px;height:44px;border-radius:50%;background:rgba(223,199,155,0.16);display:flex;align-items:center;justify-content:center;flex:none;color:var(--ysl-gold-light);font-size:18px;}
.ysl-svc-next__cta-eyebrow{display:block;font-family:var(--ysl-label);font-size:9px;letter-spacing:2.4px;color:var(--ysl-gold-light);margin-bottom:8px;text-transform:uppercase;}
.ysl-svc-next__cta-title{display:block;font-family:var(--ysl-serif);font-size:21px;line-height:1.3;color:#fff;margin-bottom:6px;font-weight:600;}
.ysl-svc-next__cta-text{display:block;font-size:12.5px;line-height:1.75;color:rgba(255,255,255,0.72);font-weight:300;max-width:520px;}
.ysl-svc-next__cta .ysl-cta{flex:none;white-space:nowrap;}

@media (max-width:1000px){
  .ysl-svc-journey{padding:0 44px;}
  .ysl-svc-other__in{padding:0 44px;}
  .ysl-svc-other__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ysl-svc-next__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:700px){
  .ysl-svc-journey,.ysl-svc-other__in{padding-left:24px;padding-right:24px;}
  .ysl-svc-journey__h2{font-size:38px;}
  .ysl-svc-journey__layout{grid-template-columns:1fr;}
  .ysl-svc-journey__tab{padding:18px 18px;gap:14px;}
  .ysl-svc-journey__statement{font-size:19px;}
  .ysl-svc-detail__body{padding:28px 24px 30px;}
  .ysl-svc-other{padding:72px 0;margin-top:80px;}
  .ysl-svc-other__h2{font-size:36px;}
  .ysl-svc-other__grid{grid-template-columns:1fr;}
  .ysl-svc-next__grid{grid-template-columns:1fr;}
  .ysl-svc-next__cta{grid-template-columns:1fr;text-align:left;border-radius:24px;}
}

/* =================================================================
   FAQ  (content centred within the page)
   ================================================================= */
.ysl-faq{max-width:1040px;margin-inline:auto;}
.ysl-faq__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;justify-content:center;}
.ysl-faq__tab{
  cursor:pointer;border:1px solid var(--ysl-hairline-2);background:#fff;color:var(--ysl-navy);
  font-family:var(--ysl-sans);font-size:12.5px;font-weight:500;padding:9px 18px;border-radius:var(--ysl-r-pill);
  transition:background var(--ysl-ease),color var(--ysl-ease),border-color var(--ysl-ease);
}
.ysl-faq__tab[aria-selected="true"]{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}
.ysl-faq .ysl-acc{margin-inline:auto;}
.ysl-faq__cta{
  margin:48px auto 0;background:var(--ysl-sand);border-radius:22px 22px 22px 110px;
  padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;text-align:left;
}

/* =================================================================
   GALLERY
   ================================================================= */
.ysl-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ysl-gallery-tile{
  position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;display:flex;
  align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#E9E2D6,#E9E2D6 13px,#F2ECE1 13px,#F2ECE1 26px);
}
.ysl-gallery-tile--alt{border-radius:18px;}
.ysl-gallery-tile img{width:100%;height:100%;object-fit:cover;}
.ysl-gallery-tile__label{
  position:absolute;left:12px;bottom:12px;font-family:var(--ysl-label);font-size:8.5px;
  letter-spacing:1.6px;color:#fff;background:rgba(38,61,105,0.72);padding:5px 9px;border-radius:6px;
}
.ysl-gallery-tile:has(.ysl-photo__ph) .ysl-gallery-tile__label{display:none;}
@media (max-width:900px){.ysl-gallery-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.ysl-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}

/* =================================================================
   PLANNER DIRECTORY
   ================================================================= */
.ysl-dir__controls{
  display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin-bottom:36px;
}
.ysl-dir__search{flex:1 1 320px;}
.ysl-dir__search input,.ysl-dir__loc select{
  width:100%;font-family:var(--ysl-sans);font-size:13.5px;color:var(--ysl-ink);
  background:#fff;border:1px solid var(--ysl-hairline-2);border-radius:12px;padding:13px 16px;
}
.ysl-dir__loc{flex:0 0 220px;}
.ysl-dir__reset{
  cursor:pointer;background:transparent;border:1px solid var(--ysl-hairline-2);border-radius:12px;
  padding:0 20px;font-size:12.5px;font-weight:500;color:var(--ysl-navy);
}
.ysl-dir__reset:hover{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}
.ysl-dir__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.ysl-planner-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--ysl-hairline);
  border-radius:20px;padding:22px 22px 26px;transition:transform .22s ease,box-shadow .22s ease;
}
.ysl-planner-card{color:inherit;text-decoration:none;cursor:pointer;}
.ysl-planner-card:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(38,61,105,0.11);}
.ysl-planner-card:hover .ysl-planner-card__name{color:var(--ysl-gold);}
.ysl-planner-card:focus-visible{outline:3px solid rgba(192,139,62,0.5);outline-offset:3px;}
.ysl-planner-card__name,.ysl-planner-card__role,.ysl-planner-card__meta{transition:color .2s ease;}
.ysl-planner-card > :last-child{margin-bottom:0;}
.ysl-planner-card__photo{
  aspect-ratio:4/5;border-radius:14px;overflow:hidden;margin-bottom:20px;display:flex;
  align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#E9E2D6,#E9E2D6 15px,#F2ECE1 15px,#F2ECE1 30px);
}
.ysl-planner-card__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;}
.ysl-planner-card__name{font-family:var(--ysl-serif);font-size:21px;line-height:1.3;color:var(--ysl-navy);font-weight:600;margin:0 0 8px;}
.ysl-planner-card__role{font-family:var(--ysl-label);font-size:9px;letter-spacing:2px;color:var(--ysl-gold);margin:0 0 8px;}
.ysl-planner-card__meta{font-size:12px;color:var(--ysl-ink-soft);font-weight:300;margin:0 0 20px;}
.ysl-planner-card__link{
  margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--ysl-hairline-2);color:var(--ysl-navy);font-size:12.5px;font-weight:500;
  padding:11px 18px;border-radius:var(--ysl-r-pill);transition:background var(--ysl-ease),color var(--ysl-ease),border-color var(--ysl-ease);
}
.ysl-planner-card__link:hover{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}
.ysl-dir__empty{background:#fff;border:1px dashed var(--ysl-hairline-2);border-radius:20px;padding:60px 40px;text-align:center;}
.ysl-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:44px;}
.ysl-pager__dot{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--ysl-hairline-2);background:#fff;
  color:var(--ysl-ink-soft);font-size:12.5px;cursor:pointer;transition:background var(--ysl-ease),color var(--ysl-ease);
}
.ysl-pager__dot.is-current{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}

.ysl-planner-help{
  display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:var(--ysl-navy);
}
.ysl-planner-help__copy{padding:72px 64px;}
.ysl-planner-help__copy .ysl-cta{margin-top:12px;}
.ysl-planner-help__photo{
  min-height:420px;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#2E4877,#2E4877 15px,#33507F 15px,#33507F 30px);
}
.ysl-planner-help__photo .ysl-photo__ph{color:rgba(223,199,155,0.6);}

@media (max-width:1000px){.ysl-dir__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){
  .ysl-planner-help{grid-template-columns:1fr;}
  .ysl-planner-help__copy{padding:48px 28px;}
  .ysl-planner-help__photo{min-height:240px;}
}
@media (max-width:560px){.ysl-dir__grid{grid-template-columns:1fr;}.ysl-dir__loc{flex-basis:100%;}}

/* =================================================================
   PLANNER PROFILE
   ================================================================= */
.ysl-profile__top{display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;align-items:start;}
.ysl-profile__photo{
  aspect-ratio:4/5;border-radius:200px 200px 20px 20px;overflow:hidden;display:flex;
  align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#E9E2D6,#E9E2D6 15px,#F2ECE1 15px,#F2ECE1 30px);
}
.ysl-profile__photo img{width:100%;height:100%;object-fit:cover;}
.ysl-profile__facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ysl-hairline-2);margin:30px 0;}
.ysl-profile__facts > div{padding:18px 20px 18px 0;border-bottom:1px solid var(--ysl-hairline);}
.ysl-profile__facts dt{font-family:var(--ysl-label);font-size:9px;letter-spacing:2px;color:var(--ysl-olive);text-transform:uppercase;margin-bottom:6px;}
.ysl-profile__facts dd{margin:0;font-size:14px;color:var(--ysl-navy);}
.ysl-profile__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.ysl-profile__social{display:flex;gap:10px;}
.ysl-profile__social a{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--ysl-hairline-2);display:flex;
  align-items:center;justify-content:center;font-family:var(--ysl-label);font-size:10px;color:var(--ysl-navy);
}
.ysl-profile__social a:hover{background:var(--ysl-navy);color:#fff;}
.ysl-profile__body{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;margin-top:64px;}
.ysl-profile__specs ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;}
.ysl-profile__specs li{position:relative;padding-left:22px;font-size:13.5px;color:var(--ysl-ink);font-weight:300;}
.ysl-profile__specs li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ysl-gold);}
.ysl-profile__beyond{margin-top:64px;padding-top:48px;border-top:1px solid var(--ysl-hairline);}
.ysl-profile__contact{margin-top:40px;display:flex;gap:24px;font-size:13.5px;}
@media (max-width:900px){
  .ysl-profile__top{grid-template-columns:1fr;gap:36px;}
  .ysl-profile__body{grid-template-columns:1fr;gap:36px;}
  .ysl-profile__photo{max-width:360px;}
}

/* =================================================================
   FORMS
   ================================================================= */
.ysl-form-wrap{max-width:940px;}
.ysl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.ysl-form-status{border-radius:18px;padding:28px 32px;margin-bottom:8px;}
.ysl-form-status--ok{background:var(--ysl-sand);border:1px solid var(--ysl-gold-light);}
.ysl-form-status--err{background:#fff4f2;border:1px solid #e7b7ad;color:#8a3b2c;}
.ysl-form-status--err p{margin:0;}
.ysl-form{display:flex;flex-direction:column;gap:22px;margin-top:22px;}
.ysl-form__row{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.ysl-field{margin:0;display:flex;flex-direction:column;gap:8px;}
.ysl-field > label,.ysl-field > legend{font-size:12.5px;font-weight:500;color:var(--ysl-navy);padding:0;}
.ysl-req{color:var(--ysl-gold);}
.ysl-field input[type=text],.ysl-field input[type=email],.ysl-field input[type=tel],
.ysl-field input[type=date],.ysl-field textarea{
  font-family:var(--ysl-sans);font-size:14px;color:var(--ysl-ink);background:#fff;
  border:1px solid var(--ysl-hairline-2);border-radius:12px;padding:13px 16px;width:100%;
  transition:border-color var(--ysl-ease),box-shadow var(--ysl-ease);
}
.ysl-field input:focus,.ysl-field textarea:focus{outline:none;border-color:var(--ysl-gold);box-shadow:0 0 0 3px rgba(192,139,62,0.15);}
.ysl-field textarea{resize:vertical;min-height:120px;}
.ysl-field__help{font-size:11.5px;color:var(--ysl-ink-soft);}
.ysl-field--chips{border:0;padding:0;}
.ysl-chips{display:flex;flex-wrap:wrap;gap:10px;}
.ysl-chip{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  background:#fff;border:1px solid rgba(38,61,105,0.16);border-radius:var(--ysl-r-pill);
  padding:9px 16px 9px 14px;font-size:12.5px;color:var(--ysl-navy);
  transition:background var(--ysl-ease),border-color var(--ysl-ease),color var(--ysl-ease);
}
.ysl-chip input{position:absolute;opacity:0;width:1px;height:1px;}
.ysl-chip::before{content:"";width:15px;height:15px;border-radius:5px;border:1px solid rgba(38,61,105,0.3);flex:none;transition:background var(--ysl-ease),border-color var(--ysl-ease);}
.ysl-chip.is-selected{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}
.ysl-chip.is-selected::before{background:var(--ysl-gold);border-color:var(--ysl-gold);}
.ysl-chip:focus-within{box-shadow:0 0 0 3px rgba(192,139,62,0.2);}
.ysl-consent{flex-direction:row;}
.ysl-consent label{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;font-weight:300;color:var(--ysl-ink-soft);line-height:1.7;}
.ysl-consent input{margin-top:3px;flex:none;}
.ysl-consent a{text-decoration:underline;}
.ysl-file__control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ysl-file__control input[type=file]{position:absolute;opacity:0;width:1px;height:1px;}
.ysl-file__btn{
  cursor:pointer;background:#fff;border:1px solid var(--ysl-hairline-2);border-radius:var(--ysl-r-pill);
  padding:10px 18px;font-size:12.5px;font-weight:500;color:var(--ysl-navy);
}
.ysl-file:focus-within .ysl-file__btn{box-shadow:0 0 0 3px rgba(192,139,62,0.2);}
.ysl-file__name{font-size:12.5px;color:var(--ysl-ink-soft);}
.ysl-form__submit{margin-top:8px;}
.ysl-mode-toggle{display:inline-flex;background:var(--ysl-sand);border-radius:var(--ysl-r-pill);padding:5px;margin-bottom:8px;}
.ysl-mode-toggle button{
  cursor:pointer;border:0;background:transparent;border-radius:var(--ysl-r-pill);
  padding:10px 22px;font-size:12.5px;font-weight:500;color:var(--ysl-ink-soft);
}
.ysl-mode-toggle button[aria-pressed="true"]{background:var(--ysl-navy);color:#fff;}
/* =================================================================
   APPLICATION FORMS  (Wealth Planner / Internship / Share Your Idea)
   Reproduces the design's hero + white form card + section dividers.
   ================================================================= */
.ysl-appform-hero{padding-top:44px;padding-bottom:0;}
.ysl-appform-hero__grid{display:grid;grid-template-columns:1fr;gap:0;}
.ysl-appform-hero__rule{width:56px;height:2px;background:var(--ysl-gold);margin:0 0 22px;}
.ysl-appform-hero__copy .ysl-lead{margin-bottom:16px;}
.ysl-appform-hero__aside{background:var(--ysl-sand);border-radius:24px 140px 24px 24px;padding:44px 46px;}
.ysl-appform-hero__aside-label{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-olive);margin-bottom:22px;text-transform:uppercase;}
.ysl-appform-hero__steps{display:flex;flex-direction:column;gap:22px;}
.ysl-appform-hero__step{display:flex;gap:16px;align-items:flex-start;}
.ysl-appform-hero__step-n{font-family:var(--ysl-serif);font-size:19px;font-weight:700;color:var(--ysl-gold);flex:none;width:24px;}
.ysl-appform-hero__step-t{display:block;font-family:var(--ysl-serif);font-size:20px;font-weight:600;color:var(--ysl-navy);margin-bottom:5px;}
.ysl-appform-hero__step-d{display:block;font-size:13px;line-height:1.85;color:var(--ysl-ink-soft);font-weight:300;}

.ysl-appform{max-width:1000px;margin-inline:auto;}
.ysl-appform .ysl-form{display:block;margin-top:0;}
.ysl-appform__card{
  background:#fff;border:1px solid rgba(38,61,105,0.08);border-radius:24px;
  box-shadow:0 24px 60px rgba(38,61,105,0.06);padding:56px 60px 60px;
}
.ysl-appform__title{font-family:var(--ysl-serif);font-size:34px;font-weight:600;color:var(--ysl-navy);margin:0 0 8px;}
.ysl-appform__sub{font-size:13px;color:var(--ysl-olive);font-weight:300;margin:0 0 44px;}
.ysl-appform__sub .ysl-req{color:var(--ysl-gold);}
.ysl-appform__sec{display:flex;align-items:center;gap:14px;margin:0 0 26px;}
.ysl-appform__sec-label{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-gold);text-transform:uppercase;}
.ysl-appform__sec-rule{height:1px;background:rgba(38,61,105,0.1);flex:1;}
.ysl-appform__group{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:48px;}
.ysl-appform__group--3{grid-template-columns:1fr 1fr 1fr;}
.ysl-appform__group .ysl-field{margin:0;}
.ysl-field--wide{grid-column:1 / -1;}
.ysl-appform .ysl-field{margin-bottom:26px;}
.ysl-appform .ysl-field > label,
.ysl-appform .ysl-field > legend{font-size:12.5px;font-weight:500;color:var(--ysl-navy);}
.ysl-appform .ysl-field input,
.ysl-appform .ysl-field select,
.ysl-appform .ysl-field textarea{
  border-radius:10px;padding:13px 15px;font-size:13.5px;font-weight:300;
  border-color:rgba(38,61,105,0.14);
}
.ysl-appform .ysl-field input:focus,
.ysl-appform .ysl-field select:focus,
.ysl-appform .ysl-field textarea:focus{border-color:var(--ysl-gold);box-shadow:0 0 0 3px rgba(192,139,62,0.12);}
.ysl-appform .ysl-field textarea{min-height:120px;line-height:1.8;}
.ysl-appform .ysl-field--chips{margin-bottom:48px;}
.ysl-appform .ysl-chips{margin-top:14px;}

/* centred single-select pill grid */
.ysl-choicegrid{border:0;padding:0;margin-bottom:48px;}
.ysl-choicegrid__hint{font-size:12px;color:var(--ysl-olive);font-weight:300;margin:6px 0 16px;}
.ysl-choicegrid__grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:12px;margin-top:14px;}
.ysl-choice{
  display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;
  font-size:12.5px;font-weight:300;color:var(--ysl-ink-soft-2);line-height:1.4;
  background:#fff;border:1px solid rgba(38,61,105,0.16);border-radius:12px;padding:16px 10px;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.ysl-choice input{position:absolute;opacity:0;width:1px;height:1px;}
.ysl-choice:has(input:checked){background:var(--ysl-gold);border-color:var(--ysl-gold);color:#fff;font-weight:500;}
.ysl-choice:has(input:focus-visible){box-shadow:0 0 0 3px rgba(192,139,62,0.25);}

/* upload card */
.ysl-upload{
  display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;
  border-radius:14px;padding:26px 28px;margin-bottom:48px;
}
.ysl-upload--primary{background:var(--ysl-sand-hover);border:1px dashed rgba(192,139,62,0.5);}
.ysl-upload--ghost{background:#fff;border:1px dashed rgba(38,61,105,0.24);}
.ysl-upload input[type=file]{position:absolute;opacity:0;width:1px;height:1px;}
.ysl-upload__title{display:block;font-size:13px;font-weight:500;color:var(--ysl-navy);margin-bottom:5px;}
.ysl-upload__name{display:block;font-size:12.5px;color:var(--ysl-ink-soft);font-weight:300;}
.ysl-upload__btn{
  display:inline-flex;align-items:center;gap:11px;flex:none;white-space:nowrap;
  font-size:12.5px;font-weight:500;padding:11px 11px 11px 22px;border-radius:var(--ysl-r-pill);
}
.ysl-upload--primary .ysl-upload__btn{background:var(--ysl-navy);color:#fff;}
.ysl-upload--ghost .ysl-upload__btn{border:1px solid var(--ysl-gold);color:var(--ysl-navy);}
.ysl-upload__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
.ysl-upload--primary .ysl-upload__circle{background:var(--ysl-gold);color:#fff;}
.ysl-upload--ghost .ysl-upload__circle{background:var(--ysl-sand-deep);color:var(--ysl-gold);}
.ysl-upload:focus-within{box-shadow:0 0 0 3px rgba(192,139,62,0.2);}
.ysl-upload__uploads{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:48px;}
.ysl-upload__uploads .ysl-upload{margin-bottom:0;}

/* form footer row */
.ysl-appform__foot{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  border-top:1px solid rgba(38,61,105,0.1);padding-top:34px;margin-top:6px;
}
.ysl-appform__note{font-size:12px;line-height:1.85;color:var(--ysl-olive);font-weight:300;max-width:400px;margin:0;}
.ysl-appform__submit{flex:none;}
.ysl-appform .ysl-consent{margin:0 0 4px;}

/* success state (matches the design's navy card) */
.ysl-form-status--ok.ysl-appform__done{
  background:var(--ysl-navy);border:0;border-radius:24px 24px 120px 24px;
  padding:72px 60px;text-align:center;color:#fff;
}
.ysl-appform__done .ysl-h3{color:#fff;font-size:34px;font-family:var(--ysl-serif);}
.ysl-appform__done p{color:var(--ysl-footer-link);max-width:460px;margin:14px auto 0;}

@media (max-width:1000px){
  .ysl-br-desk{display:none;}
  .ysl-appform-hero__grid{grid-template-columns:1fr;gap:40px;}
  .ysl-appform__card{padding:36px 28px 40px;}
  .ysl-appform__group,.ysl-appform__group--3{grid-template-columns:1fr;gap:0;}
  .ysl-appform__group .ysl-field{margin-bottom:22px;}
  .ysl-upload__uploads{grid-template-columns:1fr;}
  .ysl-choicegrid__grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:600px){
  .ysl-upload{flex-direction:column;align-items:flex-start;gap:16px;}
  .ysl-appform__foot{flex-direction:column;align-items:flex-start;}
}

.ysl-contact{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:start;}
.ysl-contact__aside{background:var(--ysl-sand);border-radius:20px;padding:32px 34px;}
.ysl-contact__aside p{margin:0 0 8px;font-size:13.5px;}
@media (max-width:1000px){.ysl-contact{grid-template-columns:1fr;gap:40px;}}
@media (max-width:600px){.ysl-form__row{grid-template-columns:1fr;}}

/* =================================================================
   GET IN TOUCH  (full "consultation / general" form)
   ================================================================= */
.ysl-contact2{max-width:1180px;margin-inline:auto;}
.ysl-contact2 .ysl-form-wrap{margin-inline:auto;}
.ysl-contact2 .ysl-form{gap:0;}
.ysl-contact2__modes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;}
.ysl-contact2__mode{
  text-align:left;cursor:pointer;background:#fff;border:1px solid var(--ysl-hairline-2);
  border-radius:18px;padding:32px 34px;transition:background .2s ease,border-color .2s ease;
}
.ysl-contact2__mode-icon{
  width:46px;height:46px;border-radius:50%;background:var(--ysl-sand-hover);color:var(--ysl-gold);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.ysl-contact2__mode-tag{float:right;font-family:var(--ysl-label);font-size:9px;letter-spacing:2px;color:#C3BCAE;text-transform:uppercase;}
.ysl-contact2__mode-title{display:block;font-family:var(--ysl-serif);font-size:26px;font-weight:600;color:var(--ysl-navy);line-height:1.25;margin-bottom:10px;}
.ysl-contact2__mode-desc{display:block;font-size:13px;line-height:1.85;color:var(--ysl-ink-soft);font-weight:300;}
.ysl-contact2__mode[aria-pressed="true"]{background:var(--ysl-sand);border-color:var(--ysl-gold);}
.ysl-contact2__mode[aria-pressed="true"] .ysl-contact2__mode-icon{background:#fff;}
.ysl-contact2__mode[aria-pressed="true"] .ysl-contact2__mode-tag{color:var(--ysl-gold);}

.ysl-contact2__card{
  background:#fff;border:1px solid rgba(38,61,105,0.08);border-radius:24px;
  box-shadow:0 24px 60px rgba(38,61,105,0.06);padding:48px 52px 52px;
}
.ysl-contact2__h{font-family:var(--ysl-serif);font-size:32px;font-weight:600;color:var(--ysl-navy);margin:0 0 8px;}
.ysl-contact2__sub{font-size:13px;color:var(--ysl-olive);font-weight:300;margin:0 0 40px;}
.ysl-contact2__step{
  display:flex;align-items:center;gap:14px;margin:40px 0 22px;
  font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-gold);text-transform:uppercase;
}
.ysl-contact2__step::after{content:"";height:1px;background:rgba(38,61,105,0.1);flex:1;}
.ysl-contact2__card .ysl-field{margin-bottom:22px;}
.ysl-contact2__card select{
  font-family:var(--ysl-sans);font-size:14px;color:var(--ysl-ink);background:#fff;
  border:1px solid var(--ysl-hairline-2);border-radius:12px;padding:13px 16px;width:100%;
}

.ysl-contact2__intent{border:0;padding:0;margin:0 0 22px;background:var(--ysl-sand);border-radius:18px;padding:32px 34px;min-width:0;}
.ysl-intent__main{display:block;min-width:0;}
.ysl-intent__note{display:block;font-family:var(--ysl-sans);font-size:12px;font-weight:300;line-height:1.6;color:var(--ysl-ink-soft);margin-top:4px;}
.ysl-intent:has(input:checked) .ysl-intent__note{color:var(--ysl-footer-link);}
.ysl-contact2__intent-legend{font-family:var(--ysl-label);font-size:9px;letter-spacing:2.2px;color:var(--ysl-olive);text-transform:uppercase;padding:0;float:left;width:100%;}
.ysl-contact2__intent-hint{clear:both;font-size:12.5px;color:var(--ysl-ink-soft);font-weight:300;margin:8px 0 20px;}
.ysl-intent{
  display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;
  font-family:var(--ysl-serif);font-size:20px;font-weight:600;color:var(--ysl-navy);
  background:#fff;border:1px solid rgba(38,61,105,0.12);border-radius:12px;padding:16px 22px;margin-bottom:10px;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.ysl-intent:last-child{margin-bottom:0;}
.ysl-intent input{position:absolute;opacity:0;width:1px;height:1px;}
.ysl-intent__tag{font-family:var(--ysl-sans);font-size:11px;letter-spacing:1.4px;color:var(--ysl-placeholder);font-weight:400;}
.ysl-intent:has(input:checked){background:var(--ysl-navy);border-color:var(--ysl-navy);color:#fff;}
.ysl-intent:has(input:checked) .ysl-intent__tag{color:var(--ysl-gold-light);}
.ysl-intent:has(input:focus-visible){box-shadow:0 0 0 3px rgba(192,139,62,0.25);}
.ysl-contact2__note{
  display:flex;gap:14px;background:var(--ysl-sand-hover);border-radius:14px;padding:20px 24px;
  font-size:13px;line-height:1.85;color:var(--ysl-ink-soft);font-weight:300;margin-top:14px;
}
@media (max-width:820px){
  .ysl-contact2__modes{grid-template-columns:1fr;}
  .ysl-contact2__card{padding:32px 24px 36px;}
  .ysl-intent{font-size:17px;}
}

/* =================================================================
   HOME : Our People — framed photo collage
   (layout follows the boss's reference: title + big headline top-left,
   overlapping tilted photos, paragraph bottom-left, button bottom-right)
   ================================================================= */
.ysl-people{padding-top:104px;}
.ysl-people__stage{position:relative;width:100%;aspect-ratio:2000 / 952;container-type:inline-size;}
.ysl-people__head{position:absolute;left:0;top:1.3%;width:48%;z-index:6;}
.ysl-people__kicker{font-family:var(--ysl-serif);font-size:2.06cqw;font-weight:600;color:#263D69;line-height:1.2;}
.ysl-people__title{
  font-family:var(--ysl-serif);font-size:4.88cqw;font-weight:600;line-height:1.04;
  letter-spacing:-0.08cqw;color:#263D69;margin:0.5cqw 0 0;
}
.ysl-people__title .ysl-accent,.ysl-people__title em{color:#C08B3E;font-weight:700;font-style:normal;}
.ysl-people__collage{position:absolute;left:0;right:0;bottom:0;}
.ysl-people__collage-img{display:block;width:100%;height:auto;}
.ysl-people__foot{
  display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:32px;position:relative;z-index:5;
}
.ysl-people__text{max-width:960px;}
.ysl-people__text .ysl-body{font-size:19px;line-height:1.65;}
.ysl-people__text .ysl-textlink{font-size:17px;}
.ysl-people__text .ysl-body{margin-bottom:16px;}

@media (max-width:1000px){
  .ysl-people{padding-top:64px;}
  .ysl-people__stage{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .ysl-people__stage{container-type:normal;}
  .ysl-people__head{position:static;width:auto;grid-column:1 / -1;margin-bottom:8px;}
  .ysl-people__kicker{font-size:30px;}
  .ysl-people__title{font-size:clamp(40px,9vw,64px);margin-top:8px;}
  .ysl-people__collage{position:static;grid-column:1 / -1;}
  .ysl-people__foot{flex-direction:column;align-items:flex-start;gap:26px;margin-top:32px;}
}
@media (max-width:560px){
  .ysl-people__kicker{font-size:26px;}
  .ysl-people__stage{gap:12px;}
}

/* Home journey cards: service name as the card title, short line beneath */
.ysl-home-journey .ysl-card__name{font-family:var(--ysl-serif);font-size:32px;line-height:1.15;font-weight:600;color:var(--ysl-navy);margin-bottom:14px;}
.ysl-home-journey .ysl-card__title{font-size:19px;line-height:1.35;font-weight:500;color:var(--ysl-ink-soft);margin-bottom:28px;}
.ysl-home-journey .ysl-card__more{font-size:14px;}

/* Our People page: no cream gap between the two banded sections */
.ysl-legacy [data-screen-label="04 Wealth Planners"]{margin-top:0!important;}

/* Wealth Planner Career : "More than a job" — click a photo panel to expand it */
.ysl-mtj{display:flex;gap:14px;height:480px;}
.ysl-mtj__panel{
  position:relative;flex:1 1 0%;min-width:0;border-radius:22px;overflow:hidden;cursor:pointer;background:#E9E2D6;
  box-shadow:0 14px 30px rgba(38,61,105,0.12);transition:flex .6s cubic-bezier(.4,0,.2,1);
}
.ysl-mtj__panel.is-on{flex:3.2 1 0%;cursor:default;}
.ysl-mtj__fade{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(23,37,66,0) 0%,rgba(23,37,66,0.55) 55%,rgba(23,37,66,0.85) 100%);pointer-events:none;}
.ysl-mtj__cap{position:absolute;left:24px;right:24px;bottom:26px;display:flex;flex-direction:column;gap:12px;pointer-events:none;}
.ysl-mtj__meta{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:4px;}
.ysl-mtj__num{font-family:var(--ysl-label);font-size:10px;letter-spacing:2px;color:#DFC79B;font-weight:600;}
.ysl-mtj__label{font-family:var(--ysl-label);font-size:10px;letter-spacing:2px;color:#fff;font-weight:600;line-height:1.5;}
.ysl-mtj__text{
  font-family:var(--ysl-serif);font-size:30px;line-height:1.25;color:#fff;font-weight:600;max-width:520px;text-wrap:pretty;
  max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .45s ease .15s,transform .45s ease .15s;
}
.ysl-mtj__panel.is-on .ysl-mtj__text{max-height:220px;opacity:1;transform:none;}
.ysl-mtj__panel:focus-visible{outline:3px solid rgba(192,139,62,0.6);outline-offset:2px;}
@media (max-width:760px){
  .ysl-mtj{flex-direction:column;height:auto;}
  .ysl-mtj__panel,.ysl-mtj__panel.is-on{flex:none;height:130px;transition:height .5s ease;}
  .ysl-mtj__panel.is-on{height:340px;}
  .ysl-mtj__text{font-size:24px;}
}

/* diagrams drawn in a fixed-ratio box scroll sideways on phones instead of shrinking to nothing */
@media (max-width:700px){
  .ysl-scrollx{overflow-x:auto;padding:20px 8px 36px;}
  .ysl-scrollx__in{min-width:640px;}
}

/* sections added from the changed-sections handoff: collapse their two-column grids on tablets/phones */
@media (max-width:1000px){
  .ysl-legacy [style*="grid-template-columns:minmax(0,"]{grid-template-columns:1fr!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path]{margin-top:12px;}
}
@media (max-width:1000px){
  /* Internship "What you can expect": once the five cards stack, drop the stagger so they don't overlap */
  .ysl-legacy [data-screen-label="08 What you can expect from us"] div[style*="translateY("]{transform:none!important;}
  .ysl-legacy [data-screen-label="08 What you can expect from us"] div[style*="padding:4px 4px 96px 4px"]{padding-bottom:4px!important;}
}
@media (max-width:700px){
  .ysl-legacy [style*="repeat(3,minmax(0,1fr))"]{grid-template-columns:1fr!important;}
  .ysl-legacy [data-screen-label="02 More than a job"] h2,
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] h2,
  .ysl-legacy [data-screen-label="02 More than a job"] div[style*="white-space:nowrap"],
  .ysl-legacy [data-screen-label="02 What if the right role doesn't exist yet"] p[style*="white-space:nowrap"]{white-space:normal!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] span[style*="text-overflow:ellipsis"]{white-space:normal!important;overflow:visible!important;}
}

/* Home hero: wide picture (whole group visible) instead of a circle */
.ysl-home-hero__photo--wide{aspect-ratio:3/2;border-radius:28px;overflow:hidden;background:var(--ysl-sand);}
.ysl-home-hero__blob{border-radius:34px;}
@media (max-width:900px){.ysl-home-hero__photo--wide{border-radius:22px;}.ysl-home-hero__blob{border-radius:26px;}}

/* Home "Where do you want to go" cards: picture in the upper part, fading into the dark card so the text stays readable */
.ysl-pathcard{background:#0E1A2A;}
.ysl-pathcard__img{position:absolute;left:0;right:0;top:0;height:62%;display:block;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);}
.ysl-pathcard__img img{width:100%;height:100%;object-fit:cover;display:block;}
.ysl-pathcard__bg{background:linear-gradient(to top,rgba(14,26,42,0.92),rgba(14,26,42,0.55) 42%,rgba(14,26,42,0.12));}

/* Real contact-channel badges, shown over a photo as a quick "ways to reach
   us" reference — clickable (Get In Touch) or view-only (pillar pages). */
.ysl-contact-badges{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;}
.ysl-contact-badges__item{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;}
.ysl-contact-badges__icon{
  width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.4);
  display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;
}
.ysl-contact-badges__item:hover .ysl-contact-badges__icon{background:var(--ysl-gold);border-color:var(--ysl-gold);transform:translateY(-3px);}
.ysl-contact-badges__label{font-size:12px;font-weight:500;letter-spacing:.4px;}
.ysl-contact-badges--static .ysl-contact-badges__item{cursor:default;}
.ysl-contact-badges--static .ysl-contact-badges__icon{background:rgba(255,255,255,0.14);}
.ysl-contact-badges--static .ysl-contact-badges__item:hover .ysl-contact-badges__icon{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.4);transform:none;}

/* Wealth Protection/Accumulation/Creation/Distribution : "Not sure..." photo,
   with the same badges shown small and view-only (no links) at the bottom. */
.ysl-photo-badges{
  position:absolute;left:0;right:0;bottom:0;padding:22px 20px;
  background:linear-gradient(to top,rgba(14,26,42,0.75),transparent);
}
.ysl-photo-badges .ysl-contact-badges{gap:20px;}
.ysl-photo-badges .ysl-contact-badges__icon{width:40px;height:40px;}
.ysl-photo-badges .ysl-contact-badges__icon svg{width:16px;height:16px;}
.ysl-photo-badges .ysl-contact-badges__label{font-size:11px;}
@media (max-width:640px){
  .ysl-contact-badges{gap:18px;}
  .ysl-contact-badges__icon{width:46px;height:46px;}
}

/* Internship Programme : two diagonal photos + decorations, stack on mobile */
@media (max-width:900px){
  [data-intern-stage]{height:auto;display:flex;flex-direction:column;gap:16px;margin-top:24px;}
  [data-intern-stage] [title="Intern photo — main"],
  [data-intern-stage] [title="Intern photo — team moment"]{position:static!important;width:100%!important;}
  [data-intern-deco]{display:none;}
  [data-intern-caption]{position:static!important;margin-top:4px;}
}

/* Home journey cards: center everything, keep long titles on one line */
.ysl-home-journey .ysl-card{align-items:center;text-align:center;}
.ysl-home-journey .ysl-card__name{font-size:24px;white-space:nowrap;}
.ysl-home-journey .ysl-card__title{text-wrap:balance;}

/* Home "Recognised along the way" tagline: one line on wider screens, wraps normally on small phones */
@media (max-width:640px){
  .ysl-home-logos__head .ysl-lead{white-space:normal!important;max-width:300px;margin-inline:auto;}
}

@media (max-width:1000px){
  .ysl-svc-next__head p.ysl-body{white-space:normal!important;}
}

@media (max-width:640px){
  .ysl-faq-intro{white-space:normal!important;}
}

/* Mobile: let the one-line sentences below wrap normally again on narrow screens */
@media (max-width:760px){
  .ysl-legacy [data-screen-label="03 Why YSL Exists"] p[style*="white-space:nowrap"],
  .ysl-legacy [data-screen-label="03 Why YSL Exists"] div[style*="white-space:nowrap"],
  .ysl-legacy [data-screen-label="09 More Than One Path"] p[style*="white-space:nowrap"],
  .ysl-legacy [data-screen-label="05 People behind the journey"] p[style*="white-space:nowrap"],
  .ysl-legacy [data-screen-label="08 What you can expect from us"] p[style*="white-space:nowrap"]{
    white-space:normal!important;
  }
}

/* Our People : "people behind the journey" — three cards per row */
.ysl-team3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;}
.ysl-team3 > div{display:flex;flex-direction:column;}
.ysl-team3 > div > div:last-child{flex:1;}
@media (max-width:1000px){.ysl-team3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.ysl-team3{grid-template-columns:1fr;gap:32px;}}

/* ===== Phone-only fixes (≤700px) — reviewed from the phone screenshots ===== */
.ysl-only-phone{display:none;}
@media (max-width:700px){
  /* 2 · the orbit diagram can't be read at phone width → simple stacked version instead */
  .ysl-legacy [data-screen-label="02 What if the right role doesn't exist yet"] .ysl-scrollx{display:none!important;}
  .ysl-legacy [data-screen-label="02 What if the right role doesn't exist yet"] .ysl-only-phone{display:block;}

  /* 3 · "What could you bring" cards: one column, top to bottom */
  .ysl-legacy[data-page="share-your-idea"] #bring > div[style*="grid-template-columns"]{grid-template-columns:1fr!important;}
  .ysl-legacy[data-page="share-your-idea"] #bring > div[style*="grid-template-columns"] > div{grid-row:auto!important;}

  /* 5 · About "What we stand for": CORE VALUES title goes above the three values */
  .ysl-legacy [data-screen-label="08 What We Stand For"] > div[style*="grid-template-columns"] > div:last-child{
    order:-1;padding:0 40px!important;border-left:0!important;justify-content:flex-start!important;}
  .ysl-legacy [data-screen-label="08 What We Stand For"] > div[style*="grid-template-columns"] > div:last-child > div{
    writing-mode:horizontal-tb!important;font-size:30px!important;letter-spacing:5px!important;}

  /* 6 · Our People "Everyone has a part to play": all four cards look like card 03 (number badge top-right) */
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"]{grid-template-columns:1fr!important;max-width:none!important;}
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"] > div{
    flex-direction:column!important;justify-content:flex-start!important;border-radius:34px 20px 34px 34px!important;min-height:150px;}
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"] > div:nth-child(-n+2){flex-direction:column-reverse!important;}
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"] > div > div:has(> div[style*="aspect-ratio"]){
    justify-content:flex-end!important;margin:-24px -22px 0 0!important;}
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"] > div > div > div[style*="aspect-ratio"]{
    width:92px!important;border-radius:0 0 0 100%!important;padding:0 0 14% 14%!important;}
  .ysl-legacy [data-screen-label="06 Everyone has a part to play"] div[style*="repeat(2,minmax(0,1fr))"] > div > div:not(:has(> div[style*="aspect-ratio"])){
    align-items:flex-start!important;text-align:left!important;margin:12px 0 0 0!important;}

  /* 8 · Career Opportunities winding path: smaller words so they sit between the circles */
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] > div > div[style*="width:182px"]{width:calc(100% - 178px)!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] span[style*="font-size:26px"]{font-size:21px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="font-size:16px"]{font-size:13.5px!important;line-height:1.3!important;}

  /* 10 · Wealth Planner "You don't build alone": smaller type inside the four coloured bars */
  .ysl-legacy [data-screen-label="04 You don't build alone"] div[style*="padding:18px 26px"]{padding:14px 14px!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] div[style*="gap:18px"]{gap:10px!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] span[style*="font-size:42px"]{font-size:26px!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] span[style*="font-size:30px"]{font-size:21px!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] span[style*="font-size:13.5px"]{font-size:12px!important;line-height:1.45!important;}
  .ysl-legacy [data-screen-label="04 You don't build alone"] svg[width="38"]{width:26px;height:26px;}

  /* 11 · Wealth Planner "Your journey can evolve": arrows point down when the stages are stacked */
  .ysl-legacy [data-screen-label="06 Your journey can evolve"] div[style*="padding:0 16px"]{padding:12px 0!important;}
  .ysl-legacy [data-screen-label="06 Your journey can evolve"] div[style*="padding:0 16px"] svg{transform:rotate(90deg);}
}

/* About Us "04 Our Philosophy" orbit diagram — bigger labels on phones, diagram spans the screen width */
@media (max-width:700px){
  .ysl-legacy [data-screen-label="04 Our Philosophy"] svg.orbit{width:calc(100% + 40px)!important;max-width:none!important;margin:0 -20px;}
  .ysl-legacy [data-screen-label="04 Our Philosophy"] .orbit g[font-size="10"]{font-size:13px;letter-spacing:2px;}
  .ysl-legacy [data-screen-label="04 Our Philosophy"] .orbit text[font-size="19"]{font-size:19.5px;}
  .ysl-legacy [data-screen-label="04 Our Philosophy"] .orbit g[font-size="11"]{font-size:13px;}
}

/* ===== Our Services: background colours swapped =====
   "Where are you in your journey?" is now the navy band; "Other services" is on the light page colour. */
.ysl-svc-journey{background:var(--ysl-navy);max-width:none;margin:96px 0 0;padding:100px max(64px,calc((100% - 1312px)/2));}
.ysl-svc-journey__eyebrow{color:var(--ysl-gold-light);}
.ysl-svc-journey__h2{color:#fff;}
.ysl-svc-journey__h2 em{color:var(--ysl-gold-light);}
.ysl-svc-journey__lead{color:rgba(255,255,255,0.78);}
.ysl-svc-journey__tab{background:rgba(255,255,255,0.06);border-color:rgba(223,199,155,0.28);}
.ysl-svc-journey__tab:hover{background:rgba(255,255,255,0.11);}
.ysl-svc-journey__statement{color:#fff;}
.ysl-svc-journey__num{color:var(--ysl-gold-light);}
.ysl-svc-journey__icon{background:rgba(255,255,255,0.10);color:var(--ysl-gold-light);}
.ysl-svc-journey__dot{border-color:rgba(223,199,155,0.4);color:var(--ysl-gold-light);}
.ysl-svc-journey__tab[aria-selected="true"]{background:#fff;border-color:#fff;box-shadow:0 18px 38px rgba(0,0,0,0.25);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__icon{background:var(--ysl-sand-deep);color:var(--ysl-gold);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__num{color:var(--ysl-olive);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__statement{color:var(--ysl-navy);}
.ysl-svc-journey__tab[aria-selected="true"] .ysl-svc-journey__dot{background:var(--ysl-gold);border-color:var(--ysl-gold);color:#fff;}
.ysl-svc-journey__panels{border-color:transparent;box-shadow:0 24px 50px rgba(0,0,0,0.22);}

.ysl-svc-other{background:transparent;padding:0;margin-top:110px;}
.ysl-svc-other__eyebrow{color:var(--ysl-olive);}
.ysl-svc-other__h2{color:var(--ysl-navy);}
.ysl-svc-other__h2 em{color:var(--ysl-gold);}
.ysl-svc-other__lead{color:var(--ysl-ink-soft);}
.ysl-svc-other__grid{background:rgba(38,61,105,0.10);border-color:rgba(38,61,105,0.10);}
.ysl-svc-other__item{background:#fff;}
.ysl-svc-other__item:hover{background:#FBF7F0;}
.ysl-svc-other__icon{border-color:rgba(192,139,62,0.5);}
.ysl-svc-other__icon svg path{stroke:var(--ysl-gold);}
.ysl-svc-other__num{color:var(--ysl-gold);}
.ysl-svc-other__name{color:var(--ysl-navy);}
.ysl-svc-other__desc{color:var(--ysl-ink-soft);}
@media (max-width:1000px){
  .ysl-svc-journey{padding:80px 44px;}
}
@media (max-width:700px){
  .ysl-svc-journey{padding:64px 24px;}
  .ysl-svc-other{padding:0;margin-top:80px;}
}

/* Career Opportunities "There is more than one way to grow": desktop diagram a little smaller and
   pushed to the right margin so the left and right margins of the section match. */
@media (min-width:1001px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path]{max-width:470px!important;justify-self:end!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] > div[style*="height:176px"]{height:144px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:152px"]{width:125px!important;height:125px!important;top:10px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:152px"][style*="left:12px"]{left:10px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:152px"][style*="right:12px"]{right:10px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:152px"] svg{width:46px;height:46px;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:182px"]{width:calc(100% - 167px)!important;gap:6px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] span[style*="font-size:26px"]{font-size:22px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="font-size:16px"]{font-size:14px!important;}
}

/* tablet widths: the words fill the whole space between the circle and the edge of the diagram */
@media (min-width:701px) and (max-width:1000px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] > div > div[style*="width:182px"]{width:calc(100% - 196px)!important;}
}

/* "02 Learn" (text sits left of its circle): start a little further in from the path edge */
@media (min-width:1001px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] div[style*="width:182px"][style*="left:12px"]{left:38px!important;width:calc(100% - 201px)!important;}
}
@media (min-width:701px) and (max-width:1000px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] [data-ysl-path] > div > div[style*="width:182px"][style*="left:12px"]{left:46px!important;width:calc(100% - 238px)!important;}
}

/* Career Opportunities "Not every journey looks the same": three-tile triangle diagram (stacked cards on phones) */
.ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-only-phone{display:none;}
@media (max-width:1000px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-tri{justify-self:center!important;margin-top:16px;}
}
@media (max-width:700px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-tri{display:none!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-only-phone{display:flex!important;margin-top:8px;}
}

/* Career Opportunities "Not every journey looks the same": photo + arc diagram (stacked on tablets and phones) */
@media (max-width:1000px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__head{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:34px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ{aspect-ratio:auto!important;display:flex;flex-direction:column;gap:14px;max-width:600px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__photo{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2;border-radius:20px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__arc{display:none!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__item{position:static!important;transform:none!important;width:auto!important;background:#fff;border-radius:18px;padding:16px 18px;gap:16px!important;box-shadow:0 10px 24px rgba(38,61,105,0.1);}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__badge{width:52px!important;height:52px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__badge > span{inset:-5px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__badge svg{width:24px!important;height:24px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__title{font-size:26px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__text span[style*="Montserrat"]{font-size:10px!important;letter-spacing:2px!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__desc{font-size:15px!important;line-height:1.5!important;}
}
@media (max-width:1000px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__h2{white-space:normal!important;}
}

/* Wealth Planner Career "Your business. Our ecosystem.": four-pillar infographic */
.ysl-eco__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end;}
.ysl-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1120px;margin:68px auto 0;}
.ysl-pillar{display:flex;flex-direction:column;align-items:center;text-align:center;}
.ysl-pillar__icon{width:46px;height:46px;margin-bottom:10px;}
.ysl-pillar__col{width:min(100%,190px);height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(5,12,28,0.35));}
.ysl-pillar__t{font-family:var(--ysl-serif);font-size:27px;line-height:1.15;font-weight:700;color:#fff;margin-top:20px;}
.ysl-pillar__d{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,0.78);font-weight:300;max-width:230px;margin-top:8px;text-wrap:pretty;}
@media (max-width:1000px){
  .ysl-eco__head{grid-template-columns:1fr;gap:26px;}
  .ysl-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px;margin-top:48px;}
}
@media (max-width:700px){
  .ysl-pillar__icon{width:36px;height:36px;}
  .ysl-pillar__col{width:min(100%,130px);}
  .ysl-pillar__t{font-size:22px;margin-top:14px;}
  .ysl-pillar__d{font-size:12.5px;line-height:1.6;}
}

/* ecosystem section: smaller, centred heading, one-or-two-line description */
.ysl-eco__head{display:block;text-align:center;max-width:940px;margin:0 auto;}
.ysl-pillars{margin-top:38px;max-width:900px;gap:20px;}
.ysl-pillar__icon{width:38px;height:38px;margin-bottom:6px;}
.ysl-pillar__col{width:min(100%,150px);}
.ysl-pillar__t{font-size:24px;margin-top:14px;}
.ysl-pillar__d{font-size:13px;line-height:1.65;margin-top:6px;}
@media (max-width:1000px){
  .ysl-eco__head{text-align:center;}
  .ysl-pillars{margin-top:32px;gap:36px 16px;}
}
@media (max-width:700px){
  .ysl-pillar__col{width:min(100%,120px);}
  .ysl-pillar__t{font-size:21px;}
}

/* ===== Wealth Protection: interactive solutions wheel ===== */
.ysl-wheel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:56px;align-items:center;}
.ysl-wheel__stage{position:relative;width:100%;max-width:580px;aspect-ratio:1;justify-self:center;}
.ysl-wheel__svg{display:block;overflow:visible;}
.ysl-wheel__rot{--rot:0deg;transform:rotate(var(--rot));transform-box:view-box;transform-origin:300px 300px;transition:transform 1s cubic-bezier(.65,0,.25,1);}
.ysl-wheel .lab{transform-box:fill-box;transform-origin:center;transform:rotate(calc(var(--rot) * -1));transition:transform 1s cubic-bezier(.65,0,.25,1);}
.ysl-wheel__seg{cursor:pointer;outline:none;transition:transform .55s cubic-bezier(.3,1.2,.4,1),filter .3s ease,opacity .3s ease;opacity:.94;}
.ysl-wheel__seg:hover{filter:brightness(1.07);opacity:1;}
.ysl-wheel__seg.is-on{transform:translate(var(--tx),var(--ty));opacity:1;filter:drop-shadow(0 6px 10px rgba(38,61,105,0.28));}
.ysl-wheel__seg:focus-visible path{stroke:#C08B3E;stroke-width:3;}
.ysl-wheel__cell .cellbg{fill:#F6EEDD;stroke:rgba(38,61,105,0.1);stroke-width:1;transition:fill .4s ease;}
.ysl-wheel__cell .cellico{stroke:#8C8259;stroke-width:1.5;transition:stroke .4s ease;}
.ysl-wheel__cell.is-on .cellbg{fill:#E8D2A6;}
.ysl-wheel__cell.is-on .cellico{stroke:#263D69;}
.ysl-wheel__hub{opacity:0;transition:opacity .45s ease;pointer-events:none;}
.ysl-wheel__hub.is-on{opacity:1;}

.ysl-wheel__panels{position:relative;background:#fff;border:1px solid rgba(38,61,105,0.07);border-radius:24px;padding:44px 44px 40px;min-height:260px;box-shadow:0 18px 40px rgba(38,61,105,0.08);}
.ysl-wheel__panel{animation:wheelIn .55s ease both;}
.ysl-wheel__panel[hidden]{display:none;}
@keyframes wheelIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.ysl-wheel__kicker{display:flex;align-items:center;gap:13px;margin-bottom:18px;}
.ysl-wheel__kicker span{font-family:var(--ysl-label);font-size:9.5px;letter-spacing:3px;color:var(--ysl-olive);}
.ysl-wheel__kicker i{width:44px;height:1px;background:var(--ysl-gold);display:block;}
.ysl-wheel__h{font-family:var(--ysl-serif);font-size:38px;font-weight:600;line-height:1.15;color:var(--ysl-navy);margin:0 0 14px;letter-spacing:-0.5px;text-wrap:balance;}
.ysl-wheel__p{font-size:15px;line-height:1.9;color:var(--ysl-ink-soft);font-weight:300;margin:0 0 26px;max-width:420px;text-wrap:pretty;}
.ysl-wheel__cta{display:inline-flex;align-items:center;gap:12px;background:var(--ysl-navy);color:#fff;font-size:13px;font-weight:500;padding:12px 12px 12px 24px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;}
.ysl-wheel__cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(38,61,105,0.22);color:#fff;}
.ysl-wheel__cta span{width:25px;height:25px;border-radius:50%;background:var(--ysl-gold);display:flex;align-items:center;justify-content:center;}
.ysl-wheel__ctrl{display:flex;align-items:center;gap:12px;margin-top:22px;}
.ysl-wheel__btn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(38,61,105,0.18);background:#fff;color:var(--ysl-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.ysl-wheel__btn:hover{background:var(--ysl-navy);color:#fff;border-color:var(--ysl-navy);}
.ysl-wheel__btn:focus-visible{outline:3px solid rgba(192,139,62,0.5);outline-offset:2px;}
.ysl-wheel__bar{flex:1;height:3px;border-radius:3px;background:rgba(38,61,105,0.1);overflow:hidden;}
.ysl-wheel__bar i{display:block;height:100%;width:0;background:var(--ysl-gold);border-radius:3px;}
.ysl-wheel__bar i.is-run{animation:wheelBar var(--wheel-ms,5200ms) linear forwards;}
@keyframes wheelBar{from{width:0;}to{width:100%;}}
.ysl-wheel__pause .ico-play{display:none;}
.ysl-wheel.is-paused .ysl-wheel__pause .ico-play{display:block;}
.ysl-wheel.is-paused .ysl-wheel__pause .ico-pause{display:none;}
.ysl-wheel.is-paused .ysl-wheel__bar i{animation:none;width:0;}
@media (max-width:1000px){
  .ysl-wheel{grid-template-columns:1fr;gap:34px;}
  .ysl-wheel__stage{max-width:480px;}
}
@media (max-width:700px){
  .ysl-wheel__panels{padding:30px 24px 28px;min-height:0;}
  .ysl-wheel__h{font-size:30px;}
}
@media (prefers-reduced-motion:reduce){
  .ysl-wheel__rot,.ysl-wheel .lab,.ysl-wheel__seg,.ysl-wheel__hub{transition:none;}
  .ysl-wheel__panel{animation:none;}
}

/* Wealth Protection wheel: no side card — the description sits as plain centred text under the wheel */
.ysl-wheel{grid-template-columns:1fr;gap:28px;justify-items:center;}
.ysl-wheel__side{width:100%;max-width:680px;text-align:center;}
.ysl-wheel__panels{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:200px;}
.ysl-wheel__kicker{justify-content:center;}
.ysl-wheel__kicker::before{content:"";width:44px;height:1px;background:var(--ysl-gold);display:block;}
.ysl-wheel__h{font-size:36px;margin-bottom:12px;}
.ysl-wheel__p{margin:0 auto;max-width:540px;font-size:15.5px;}
.ysl-wheel__ctrl{max-width:460px;margin:26px auto 0;}
@media (max-width:700px){
  .ysl-wheel__panels{padding:0;min-height:170px;}
  .ysl-wheel__h{font-size:30px;}
}
.ysl-wheel__panels{min-height:150px;}
.ysl-wheel__ctrl{margin-top:18px;}
@media (max-width:700px){.ysl-wheel__panels{min-height:175px;}}
/* no flash on first paint: transitions only start once the wheel has been drawn */
.ysl-wheel:not(.is-ready) *{transition:none!important;}

/* Wealth Protection wheel v4: wheel on the left, plain text on the right (stacked on tablets/phones) */
@media (min-width:1001px){
  .ysl-wheel{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:72px;justify-items:stretch;align-items:center;}
  .ysl-wheel__stage{max-width:540px;justify-self:center;}
  .ysl-wheel__side{max-width:none;width:100%;text-align:left;}
  .ysl-wheel__panels{min-height:200px;text-align:left;}
  .ysl-wheel__kicker{justify-content:flex-start;}
  .ysl-wheel__kicker::before{display:none;}
  .ysl-wheel__h{font-size:42px;}
  .ysl-wheel__p{margin:0;max-width:440px;font-size:16px;}
  .ysl-wheel__ctrl{margin:26px 0 0;max-width:440px;}
}

/* Our People "Everyone has a part to play": centred heading, photo overlapping a navy panel with four icon rows */
.ysl-part__head{text-align:center;margin-bottom:64px;}
.ysl-part{position:relative;max-width:1100px;margin:0 auto;padding:44px 0;}
.ysl-part__photo{position:absolute!important;left:0;top:0;bottom:0;width:37%;border-radius:22px;overflow:hidden;box-shadow:0 22px 46px rgba(38,61,105,0.22);z-index:2;}
.ysl-part__panel{margin-left:21%;background:#263D69;border-radius:8px;padding:58px 60px 58px calc(16% + 54px);position:relative;z-index:1;}
.ysl-part__title{font-family:var(--ysl-serif);font-size:34px;font-weight:500;line-height:1.2;color:#fff;margin:0 0 34px;letter-spacing:-0.3px;}
.ysl-part__title em{color:#DFC79B;font-weight:600;}
.ysl-part__list{display:flex;flex-direction:column;gap:22px;}
.ysl-part__row{display:flex;align-items:center;gap:20px;}
.ysl-part__ico{flex:none;width:54px;height:54px;border-radius:50%;border:1px solid rgba(223,199,155,0.55);display:flex;align-items:center;justify-content:center;}
.ysl-part__rt{font-family:var(--ysl-serif);font-size:23px;font-weight:700;line-height:1.15;color:#fff;margin-bottom:3px;}
.ysl-part__rd{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,0.8);font-weight:300;}
@media (max-width:1000px){
  .ysl-part__head{margin-bottom:44px;}
  .ysl-part__h2{white-space:normal!important;}
  .ysl-part{padding:0;max-width:640px;}
  .ysl-part__photo{position:relative!important;width:100%;aspect-ratio:4/3;border-radius:22px 22px 0 0;box-shadow:none;}
  .ysl-part__panel{margin-left:0;border-radius:0 0 22px 22px;padding:36px 28px 40px;}
  .ysl-part__title{font-size:28px;margin-bottom:26px;}
}
@media (max-width:700px){
  .ysl-part__ico{width:46px;height:46px;}
  .ysl-part__rt{font-size:21px;}
}

/* "Everyone has a part to play" v2: smaller photo, vertically inside the panel; the navy colour starts about half-way across it */
@media (min-width:1001px){
  .ysl-part{padding:0;container-type:inline-size;}
  .ysl-part__photo{top:24px;bottom:24px;width:30cqw;}
  .ysl-part__panel{margin-left:15cqw;padding:56px 56px 56px calc(15cqw + 56px);}
}
@media (max-width:1000px){
  .ysl-part{container-type:normal;}
  .ysl-part__photo{top:auto;bottom:auto;}
}

/* Our People "Different strengths. One community.": six isometric blocks that light up one by one (sand → gold) */
.ysl-cubes{width:100%;max-width:640px;justify-self:center;min-width:0;}
.ysl-cubes svg{width:100%;height:auto;display:block;overflow:visible;}
.ysl-cubes .cube{transition:transform .35s ease;}
.ysl-cubes .cube *{transition:fill .35s ease,stroke .35s ease;}
.ysl-cubes .c-side{fill:#b9a888}.ysl-cubes .c-front{fill:#d4c4a6}.ysl-cubes .c-top{fill:#f1e8d7}.ysl-cubes .c-e-edge{stroke:#fff}.ysl-cubes .c-wave{fill:#e2d4ba}.ysl-cubes .c-sicon{stroke:#8c7651}.ysl-cubes .c-icon{fill:#8c7651}.ysl-cubes .c-text{fill:#263D69}
.ysl-cubes .cube.on{transform:translateY(-6px)}
.ysl-cubes .cube.on .c-side{fill:#926a2f}.ysl-cubes .cube.on .c-front{fill:#C08B3E}.ysl-cubes .cube.on .c-top{fill:#ead7ba}.ysl-cubes .cube.on .c-e-edge{stroke:#f6eee2}.ysl-cubes .cube.on .c-wave{fill:#dcc095}.ysl-cubes .cube.on .c-sicon{stroke:#8a6329}.ysl-cubes .cube.on .c-icon{fill:#8a6329}
@media (prefers-reduced-motion:reduce){.ysl-cubes .cube,.ysl-cubes .cube *{transition:none}}

/* Our People "People behind the journey": plain name + role between two thin lines (focus stays on the Wealth Planners) */
.ysl-team3{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 64px;max-width:1040px;margin:0 auto;}
.ysl-team3 > div,.ysl-team3 > div > div:last-child{display:block;flex:none;}
.ysl-team3__item{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 8px;border-top:1px solid rgba(38,61,105,0.2);border-bottom:1px solid rgba(38,61,105,0.2);}
.ysl-team3__name{font-family:var(--ysl-serif);font-size:25px;line-height:1.2;color:var(--ysl-navy);font-weight:600;text-wrap:balance;}
.ysl-team3__role{font-family:var(--ysl-label);font-size:10px;letter-spacing:2.2px;color:var(--ysl-gold);font-weight:600;}
@media (max-width:1000px){.ysl-team3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;}}
@media (max-width:600px){.ysl-team3{grid-template-columns:1fr;gap:18px;}}
@media (max-width:600px){.ysl-team3{gap:0;}.ysl-team3__item + .ysl-team3__item{border-top:0;}}
/* more breathing room between the people */
.ysl-team3{gap:56px 96px;max-width:1120px;}
@media (max-width:1000px){.ysl-team3{gap:44px 64px;}}
@media (max-width:600px){.ysl-team3{gap:30px;}.ysl-team3__item + .ysl-team3__item{border-top:1px solid rgba(38,61,105,0.2);}}
@media (max-width:1000px){.ysl-pbh__h2{white-space:normal!important;}}

/* Our People hero: the group photo fuses into the page background with a gradient; the words sit on the clear left */
.ysl-ohero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;}
.ysl-ohero__photo{position:absolute!important;right:0;top:0;bottom:0;width:74%;z-index:0;}
.ysl-ohero__photo img{object-position:30% 40%;}
.ysl-ohero__fade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,#FBF7F0 0%,#FBF7F0 24%,rgba(251,247,240,.82) 34%,rgba(251,247,240,.38) 46%,rgba(251,247,240,0) 62%),
    linear-gradient(0deg,#FBF7F0 0%,rgba(251,247,240,0) 16%),
    linear-gradient(180deg,#FBF7F0 0%,rgba(251,247,240,0) 12%);}
.ysl-ohero__in{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:84px 64px 90px;box-sizing:border-box;}
.ysl-ohero__text{max-width:520px;}
@media (max-width:1000px){
  .ysl-ohero{display:block;min-height:0;}
  .ysl-ohero__in{padding:56px 24px 0;}
  .ysl-ohero__photo{position:relative!important;width:100%;height:340px;order:2;margin-top:-6px;}
  .ysl-ohero__fade{display:none;}
  .ysl-ohero__photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#FBF7F0 0%,rgba(251,247,240,0) 38%),linear-gradient(0deg,#FBF7F0 0%,rgba(251,247,240,0) 14%);}
  .ysl-ohero{display:flex;flex-direction:column;}
  .ysl-ohero__in{order:1;}
  .ysl-ohero__photo{order:2;}
}
@media (min-width:1001px){
  .ysl-ohero__fade{background:
    linear-gradient(90deg,#FBF7F0 0%,#FBF7F0 30%,rgba(251,247,240,.86) 39%,rgba(251,247,240,.4) 50%,rgba(251,247,240,0) 66%),
    linear-gradient(0deg,#FBF7F0 0%,rgba(251,247,240,0) 16%),
    linear-gradient(180deg,#FBF7F0 0%,rgba(251,247,240,0) 12%);}
}

/* =====================================================================
   PHONE (≤700px) — swipe-sideways card rows instead of long up-and-down lists,
   hero photos above the words, Our Services journey as a swipe carousel.
   ===================================================================== */
.ysl-svc-detail__stmt{display:none;}
@media (max-width:700px){

  /* ---- 1. hero photo above, words below ---- */
  .ysl-ohero__photo{order:1!important;margin-top:0;}
  .ysl-ohero__in{order:2!important;padding-top:8px;}
  .ysl-ohero__photo::after{background:linear-gradient(0deg,#FBF7F0 0%,rgba(251,247,240,0) 30%)!important;}

  /* ---- 2. Home "What is TeamYSL": first photo only (no second photo, no "A platform, not a team" card) ---- */
  .ysl-home-what__photo-b,.ysl-home-what__card{display:none!important;}

  /* ---- 3. swipe rows ---- */
  .ysl-grid--4,.ysl-grid--3,
  .ysl-svc-other__grid,.ysl-svc-next__grid,
  .ysl-legacy [data-screen-label="05 Our Approach"] div[style*="repeat(4,1fr);gap:26px"],
  .ysl-legacy [data-screen-label="03 Find your path"] div[style*="repeat(3,1fr);gap:26px"],
  .ysl-legacy [data-screen-label="05 What matters to us"] div[style*="repeat(5,1fr);gap:20px"],
  .ysl-legacy [data-screen-label="03 What could you build"] div[style*="repeat(5,1fr);gap:20px"],
  .ysl-legacy [data-screen-label="08 What you can expect from us"] div[style*="repeat(5,minmax(172px,1fr))"],
  .ysl-legacy [data-screen-label="04 What you may work on"] div[style*="flex-wrap:wrap;justify-content:center;gap:40px 26px"],
  .ysl-legacy [data-screen-label="03 What could you bring"] div[style*="grid-template-columns"],
  .ysl-legacy [data-screen-label="02 What if the right role doesn't exist yet"] div[style*="flex-direction:column;gap:14px;margin-top:18px"],
  .ysl-legacy [data-screen-label="04 Wealth Planners"] div[style*="repeat(3,1fr);gap:16px"]{
    display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden;
    gap:14px!important;padding:6px 20px 20px!important;margin-left:-20px!important;margin-right:-20px!important;
    scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;max-width:none!important;width:auto!important;
  }
  .ysl-grid--4::-webkit-scrollbar,.ysl-grid--3::-webkit-scrollbar,.ysl-svc-other__grid::-webkit-scrollbar,.ysl-svc-next__grid::-webkit-scrollbar,
  .ysl-legacy div[style*="repeat("]::-webkit-scrollbar,.ysl-legacy div[style*="flex-wrap:wrap"]::-webkit-scrollbar,.ysl-legacy div[style*="grid-template-columns"]::-webkit-scrollbar{display:none;}
  .ysl-grid--4 > *,.ysl-grid--3 > *,
  .ysl-svc-other__grid > *,.ysl-svc-next__grid > *,
  .ysl-legacy [data-screen-label="05 Our Approach"] div[style*="repeat(4,1fr);gap:26px"] > *,
  .ysl-legacy [data-screen-label="03 Find your path"] div[style*="repeat(3,1fr);gap:26px"] > *,
  .ysl-legacy [data-screen-label="05 What matters to us"] div[style*="repeat(5,1fr);gap:20px"] > *,
  .ysl-legacy [data-screen-label="03 What could you build"] div[style*="repeat(5,1fr);gap:20px"] > *,
  .ysl-legacy [data-screen-label="08 What you can expect from us"] div[style*="repeat(5,minmax(172px,1fr))"] > *,
  .ysl-legacy [data-screen-label="04 What you may work on"] div[style*="flex-wrap:wrap;justify-content:center;gap:40px 26px"] > *,
  .ysl-legacy [data-screen-label="03 What could you bring"] div[style*="grid-template-columns"] > *,
  .ysl-legacy [data-screen-label="02 What if the right role doesn't exist yet"] div[style*="flex-direction:column;gap:14px;margin-top:18px"] > *{
    flex:0 0 78%!important;max-width:300px!important;min-width:0!important;scroll-snap-align:start;
    margin:0!important;grid-row:auto!important;transform:none!important;box-sizing:border-box;
  }
  .ysl-legacy [data-screen-label="04 What you may work on"] div[style*="flex-wrap:wrap;justify-content:center;gap:40px 26px"]{padding-top:46px!important;}
  /* Internship "what you can expect": no stagger, bottom padding only for the row */
  .ysl-legacy [data-screen-label="08 What you can expect from us"] div[style*="repeat(5,minmax(172px,1fr))"] > div{min-height:250px;}
  /* Other-services grid had hairline gaps: give each item its own card */
  .ysl-svc-other__grid{background:none!important;border:0!important;border-radius:0!important;}
  .ysl-svc-other__item{border-radius:18px;border:1px solid rgba(38,61,105,0.1);}
  /* Wealth Planners strip (Our People 04): small portrait tiles */
  .ysl-legacy [data-screen-label="04 Wealth Planners"] div[style*="repeat(3,1fr);gap:16px"] > *{flex:0 0 148px!important;}

  /* ---- 4. icon "bars" (4 short items): swipe too ---- */
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"],
  .ysl-legacy div[style*="repeat(4,1fr);border-top"]{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0!important;
    margin-left:-20px;margin-right:-20px;padding-left:20px!important;padding-right:20px!important;
    scroll-snap-type:x mandatory;scrollbar-width:none;max-width:none!important;width:auto!important;
  }
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"]::-webkit-scrollbar,
  .ysl-legacy div[style*="repeat(4,1fr);border-top"]::-webkit-scrollbar{display:none;}
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"] > *,
  .ysl-legacy div[style*="repeat(4,1fr);border-top"] > *{
    flex:0 0 156px!important;scroll-snap-align:start;padding:0 18px!important;box-sizing:border-box;
    border-right:1px solid rgba(38,61,105,0.12)!important;
  }

  /* ---- 5. agent directory: two to a row instead of one long list ---- */
  .ysl-dir__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .ysl-planner-card{padding:12px 12px 16px;border-radius:16px;}
  .ysl-planner-card__name{font-size:17px;}
  .ysl-planner-card__role{font-size:8px;letter-spacing:1.4px;}

  /* ---- 6. Our Services "Where are you in your journey?": swipe through the 4 stages, text follows ---- */
  .ysl-svc-journey__tabs{display:none!important;}
  .ysl-svc-journey__layout{display:block!important;}
  .ysl-svc-journey__panels{
    display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:14px;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
    margin:0 -24px;padding:4px 24px 20px;scroll-snap-type:x mandatory;scroll-padding-left:24px;scrollbar-width:none;
  }
  .ysl-svc-journey__panels::-webkit-scrollbar{display:none;}
  .ysl-svc-detail,.ysl-svc-detail[hidden]{
    display:flex!important;flex:0 0 86%;max-width:340px;scroll-snap-align:start;background:#fff;border-radius:22px;overflow:hidden;
  }
  .ysl-svc-detail__stmt{display:block;font-family:var(--ysl-serif);font-size:20px;line-height:1.3;font-weight:600;color:var(--ysl-navy);
    background:var(--ysl-sand);padding:16px 22px;border-bottom:1px solid rgba(38,61,105,0.08);}
}

.ysl-lead-phone{display:none;}
@media (max-width:700px){.ysl-lead-desk{display:none;}.ysl-lead-phone{display:inline;}}

@media (max-width:700px){
  .ysl-legacy [data-screen-label="03 What could you bring"] div[style*="grid-template-columns"] > *{justify-content:flex-start!important;}
}

/* =====================================================================
   PHONE round 2 — smaller buttons, centred closing cards, "peek" hints on swipe rows,
   3-up agent directory, agent profile order, fold-away "A little about me" cards.
   ===================================================================== */
.ysl-fold__chev{display:none;}
@media (max-width:700px){

  /* Home "What is TeamYSL": photo first, words below */
  .ysl-home-what__media{order:-1;}

  /* About Us: the four icon items all fit in one view */
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"]{
    overflow:visible!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
  }
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"] > *{
    flex:1 1 0!important;min-width:0!important;padding:0 5px!important;
  }
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"] > * > span{width:36px!important;height:36px!important;margin-bottom:10px!important;}
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"] > * > div:nth-of-type(1){font-size:14px!important;line-height:1.25!important;margin-bottom:6px!important;}
  .ysl-legacy[data-page="about-us"] div[style*="repeat(4,1fr);gap:0"] > * > div:nth-of-type(2){font-size:10.5px!important;line-height:1.5!important;}

  /* Smaller buttons everywhere */
  .ysl-cta,.ysl-cta--lg{font-size:12.5px;padding:10px 10px 10px 20px;gap:10px;}
  .ysl-cta--sm{font-size:12px;padding:9px 9px 9px 18px;}
  .ysl-cta__circle,.ysl-cta--sm .ysl-cta__circle{width:22px;height:22px;}
  .ysl-legacy a[style*="border-radius:999px"]{font-size:12.5px!important;padding-top:10px!important;padding-bottom:10px!important;gap:10px!important;}
  .ysl-legacy a[style*="border-radius:999px"] > span[style*="width:27px"]{width:22px!important;height:22px!important;}
  .ysl-svc-next__cta .ysl-cta{justify-self:start;align-self:start;}
  .ysl-planner-help__copy .ysl-cta{align-self:flex-start;}

  /* Service pages: closing card centred */
  .ysl-legacy [data-screen-label="04 Get started"] > div{flex-direction:column!important;align-items:center!important;text-align:center;padding:44px 22px!important;gap:26px!important;}
  .ysl-legacy [data-screen-label="04 Get started"] h2{font-size:30px!important;text-align:center;flex:none!important;max-width:none!important;}
  .ysl-legacy [data-screen-label="04 Get started"] > div > div{justify-content:center!important;}

  /* Swipe rows: a visible peek of the next card so people know there is more */
  .ysl-legacy [data-screen-label="04 Wealth Planners"] div[style*="repeat(3,1fr);gap:16px"] > *{flex:0 0 calc((100vw - 40px) / 2.6)!important;max-width:none!important;height:190px!important;}

  /* Planners directory: three to a row */
  .ysl-dir__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
  .ysl-planner-card{padding:7px 7px 10px;border-radius:12px;}
  .ysl-planner-card__photo{border-radius:9px;}
  .ysl-planner-card__name{font-size:12.5px;line-height:1.2;margin-top:8px;}
  .ysl-planner-card__role{font-size:6.5px;letter-spacing:.8px;line-height:1.4;}

  /* "Not sure who to talk to" / "Want to talk" cards: no picture on phones */
  .ysl-planner-help__photo{display:none;}
  .ysl-legacy [data-screen-label="09 Talk to me"] > div > div:nth-child(2){display:none!important;}
  .ysl-legacy [data-screen-label="09 Talk to me"] > div > div:first-child{padding:40px 24px!important;}

  /* Agent profile: photo, then Follow me on + credentials, then quote + hobbies */
  .ph-left{order:1!important;padding-bottom:34px!important;}
  .ph-right{order:2!important;}

  /* Agent profile "A little about me": tap a title to open it */
  .ysl-legacy [data-screen-label="02 A little about me"]{padding:64px 0!important;margin-top:56px!important;}
  .ysl-fold{
    display:grid!important;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;
    border-radius:20px!important;padding:16px 18px!important;
  }
  .ysl-fold > span:first-child{width:40px!important;height:40px!important;margin:0!important;}
  .ysl-fold > span:first-child svg{width:19px;height:19px;}
  .ysl-fold__title{display:flex!important;align-items:center;justify-content:space-between;gap:10px;text-align:left!important;margin:0!important;font-size:20px!important;cursor:pointer;}
  .ysl-fold__chev{display:inline-flex;flex:none;width:26px;height:26px;border-radius:50%;background:#F2E7D4;align-items:center;justify-content:center;transition:transform .25s ease;}
  .ysl-fold.is-open .ysl-fold__chev{transform:rotate(180deg);}
  .ysl-fold > p{grid-column:1 / -1;display:none;margin-top:14px!important;}
  .ysl-fold.is-open > p{display:block;}
}

/* =====================================================================
   PHONE round 3 — footer with fold-away services, 3D card carousel, tidier headings
   ===================================================================== */
.ysl-footer__toggle,.ysl-footer__col .ysl-footer__sub{display:none;}
@media (max-width:700px){

  /* header rows (title + side note): no big gap between them once stacked */
  .ysl-legacy div[style*="justify-content:space-between"][style*="gap:60px"]{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:28px!important;}
  .ysl-legacy div[style*="justify-content:space-between"][style*="gap:60px"] > p{max-width:none!important;margin:0!important;}

  /* Share Your Idea "What could you bring": all cards the same curved rectangle */
  .ysl-legacy [data-screen-label="03 What could you bring"] div[style*="grid-template-columns"] > *{border-radius:22px!important;padding:36px 34px!important;}

  /* Footer: Company + Contact side by side; services fold under "Our Services" */
  .ysl-footer .ysl-footer__grid{grid-template-columns:1fr 1fr;gap:24px 20px;padding-top:44px;}
  .ysl-footer .ysl-footer__col[aria-label="Our Services"]{display:none;}
  .ysl-footer .ysl-footer__contact{grid-column:auto;}
  .ysl-footer__address{font-size:12px;line-height:1.8;}
  .ysl-footer__lines{overflow-wrap:anywhere;font-size:10.5px;letter-spacing:.2px;}
  .ysl-footer__social{gap:8px;flex-wrap:wrap;}
  .ysl-footer__row{display:flex;align-items:center;gap:8px;}
  .ysl-footer__toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(185,198,214,0.4);background:transparent;color:var(--ysl-footer-link);cursor:pointer;padding:0;transition:transform .25s ease;}
  .ysl-footer__has-sub.is-open .ysl-footer__toggle{transform:rotate(180deg);}
  .ysl-footer__sub{list-style:none;margin:11px 0 0 !important;padding:0 0 0 12px !important;border-left:1px solid rgba(223,199,155,0.35);flex-direction:column;gap:10px;}
  .ysl-footer__col .ysl-footer__has-sub.is-open .ysl-footer__sub{display:flex;}
}

/* PHONE — Careers "one way to grow": Build / Learn / Explore as a plain list (round outlined icon, bold title, description) */
@media (max-width:700px){
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ{gap:26px;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__photo{margin-bottom:0;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__item{
    background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;gap:20px!important;align-items:center!important;
  }
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__badge{
    width:62px!important;height:62px!important;flex:none;border-radius:50%;background:#fff!important;border:1px solid rgba(38,61,105,0.22);box-shadow:none!important;
  }
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__badge > span{display:none!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__text span[style*="Montserrat"]{display:none!important;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__title{font-size:23px!important;font-weight:700!important;line-height:1.2!important;margin:0 0 5px!important;display:block;}
  .ysl-legacy [data-screen-label="02 More than one way to grow"] .ysl-circ__desc{font-size:13.5px!important;line-height:1.7!important;}
}

/* =====================================================================
   BANNERS — every page's first section: the photo fades into the page, words on the clear left
   (same look as Our People; .ysl-ohero base styles are further up)
   ===================================================================== */
.ysl-ohero--page{min-height:600px;}
.ysl-ohero--page .ysl-ohero__in{padding:76px 64px 76px;}
.ysl-ohero--page .ysl-ohero__text{max-width:560px;}
.ysl-ohero--page .ysl-h1{margin-bottom:20px;}
@media (max-width:1000px){
  .ysl-ohero--page{min-height:0;margin-bottom:8px;}
  .ysl-ohero--page .ysl-ohero__in{padding:48px 24px 0;}
  .ysl-ohero--page .ysl-ohero__photo{height:340px;}
}
@media (max-width:700px){
  .ysl-ohero--page .ysl-ohero__in{padding:8px 20px 0;}
  .ysl-ohero--page .ysl-ohero__photo{height:300px;}
  .ysl-ohero--page .ysl-ohero__text h1{font-size:38px!important;}
}

/* About banner picture is extra-wide (empty space on its left for the fade): on phone/tablet show the real photo part */
@media (max-width:1000px){
  .ysl-legacy[data-page="about-us"] .ysl-ohero__photo img{object-position:100% 46%!important;}
}

/* Home "What is TeamYSL": the picture sits level with the middle of the words beside it */
@media (min-width:1001px){
  .ysl-home-what .ysl-split{align-items:center;}
  .ysl-home-what .ysl-split > div:first-child > :last-child{margin-bottom:0;}
  .ysl-home-what__media{aspect-ratio:auto;}
  .ysl-home-what__photo-a{position:relative;right:auto;top:auto;margin-left:auto;}
}


/* Solutions wheel: two colours — soft champagne for the pieces not chosen, gold for the chosen one */
.ysl-wheel__seg > path:first-child{fill:#E6D3AC!important;transition:fill .4s ease;}
.ysl-wheel__seg:hover > path:first-child{fill:#EBDDBB!important;}
.ysl-wheel__seg.is-on > path:first-child,.ysl-wheel__seg.is-on:hover > path:first-child{fill:#C08B3E!important;}
.ysl-wheel__seg text{fill:#6B5A2E!important;transition:fill .4s ease;}
.ysl-wheel__seg.is-on text{fill:#fff!important;}

/* Internship "A place to explore": 3D puzzle */
.ysl-puzzle svg{width:100%;height:auto;display:block;overflow:visible;}
@media (max-width:1000px){.ysl-puzzle{width:86%!important;margin:0 auto!important;max-width:380px!important;}}

/* (The Wealth Planner Career banner now uses the same banner styling as the other pages.) */

/* Application forms: the title block is centred; the description runs on one line (two if it must) */
.ysl-appform-hero__copy{text-align:center;display:flex;flex-direction:column;align-items:center;}
.ysl-appform-hero__copy .ysl-eyebrow{justify-content:center;}
.ysl-appform-hero__rule{margin:0 auto 22px;}
.ysl-appform-hero__copy .ysl-lead,.ysl-appform-hero__copy .ysl-body{max-width:1312px!important;margin-left:auto;margin-right:auto;text-wrap:wrap!important;}
@media (min-width:1001px){.ysl-appform-hero__copy .ysl-body{font-size:13.5px;line-height:1.8;}}
/* Wealth Planner + Internship forms: the description sits on two even lines */
@media (min-width:1001px){
  .page-template-page-form-planner .ysl-appform-hero__copy .ysl-body,
  .page-template-page-form-internship .ysl-appform-hero__copy .ysl-body{max-width:860px!important;font-size:14.5px;line-height:1.9;text-wrap:balance!important;}
}

/* Our Services "Other services": four items in a 2 x 2 grid; Home hero paragraph under the sub-heading */
@media (min-width:701px){.ysl-svc-other__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.ysl-home-hero__body{max-width:440px;margin:-14px 0 34px;}
.ysl-ohero__text .ysl-home-hero__body{margin:-14px 0 30px;}

/* Wealth Planner Career "You don't build alone": four glass cards, the middle one highlighted */
.ysl-eco3{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#2C4676 0%,#1E3258 42%,#14213F 100%);}
.ysl-eco3::before,.ysl-eco3::after{content:"";position:absolute;left:-10%;width:120%;height:190px;border-top:1.5px solid rgba(223,199,155,.32);border-radius:50%;pointer-events:none;}
.ysl-eco3::before{top:46%;transform:rotate(-4deg);}
.ysl-eco3::after{top:56%;transform:rotate(3deg);border-top-color:rgba(223,199,155,.2);}
.ysl-eco3 > div{position:relative;z-index:1;}
.ysl-cards3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1080px;margin:46px auto 0;align-items:stretch;}
.ysl-card3{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(223,199,155,.28);border-radius:20px;padding:30px 26px 32px;box-shadow:0 22px 44px rgba(5,12,28,.35);color:#fff;backdrop-filter:blur(2px);}
.ysl-card3__ico{display:flex;width:50px;height:50px;border-radius:12px;background:linear-gradient(145deg,#7E5E36,#4E3A22);border:1px solid rgba(223,199,155,.5);align-items:center;justify-content:center;color:#E8C98F;margin-bottom:22px;}
.ysl-card3__icon{width:26px;height:26px;}
.ysl-card3__t{font-family:var(--ysl-serif);font-size:28px;font-weight:600;line-height:1.15;color:#fff;}
.ysl-card3__rule{display:block;width:30px;height:2px;background:#C08B3E;margin:14px 0 16px;}
.ysl-card3__d{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.8);font-weight:300;text-wrap:pretty;}
.ysl-card3--hi{background:linear-gradient(165deg,#FFF9EE 0%,#F1E2C4 55%,#E6CE9E 100%);border-color:rgba(255,255,255,.7);padding:38px 28px 40px;transform:scale(1.07);box-shadow:0 28px 56px rgba(5,12,28,.5);position:relative;z-index:2;}
.ysl-card3--hi .ysl-card3__ico{background:linear-gradient(145deg,#B8863F,#8A6329);color:#FFF1D0;}
.ysl-card3--hi .ysl-card3__t{color:#263D69;}
.ysl-card3--hi .ysl-card3__d{color:#4A4842;}
@media (max-width:1000px){
  .ysl-cards3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .ysl-card3--hi{transform:none;}
}
@media (max-width:700px){
  .ysl-cards3{grid-template-columns:1fr;margin-top:32px;}
  .ysl-card3{padding:24px 22px 26px;}
  .ysl-card3__t{font-size:24px;}
}

/* Wealth Protection: "Why it matters" = centred heading + four points in a row; closing band = centred, with soft gold lines */
.ysl-why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border-top:1px solid rgba(38,61,105,.12);border-bottom:1px solid rgba(38,61,105,.12);padding:34px 0;}
.ysl-why__col{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 28px;border-right:1px solid rgba(38,61,105,.12);}
.ysl-why__col:last-child{border-right:0;}
.ysl-why__ico{width:60px;height:60px;border-radius:50%;border:1px solid rgba(192,139,62,.45);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.ysl-why__t{font-family:var(--ysl-serif);font-size:21px;font-weight:600;line-height:1.25;color:var(--ysl-navy);margin-bottom:10px;}
.ysl-why__d{font-size:13px;line-height:1.75;color:var(--ysl-ink-soft);font-weight:300;text-wrap:pretty;}
.ysl-cta4{position:relative;overflow:hidden;border-radius:24px;padding:74px 48px 76px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#2C4676 0%,#1E3258 45%,#14213F 100%);}
.ysl-cta4::before,.ysl-cta4::after{content:"";position:absolute;left:-10%;width:120%;height:170px;border-top:1.5px solid rgba(223,199,155,.3);border-radius:50%;pointer-events:none;}
.ysl-cta4::before{bottom:-60px;transform:rotate(-3deg);}
.ysl-cta4::after{bottom:-95px;transform:rotate(2deg);border-top-color:rgba(223,199,155,.18);}
.ysl-cta4 > *{position:relative;z-index:1;}
.ysl-cta4__eyebrow{font-family:var(--ysl-label);font-size:9.5px;letter-spacing:3px;color:var(--ysl-gold-light);margin-bottom:16px;}
.ysl-cta4__h{font-family:var(--ysl-serif);font-size:44px;font-weight:600;line-height:1.16;color:#fff;margin:0 0 16px;letter-spacing:-.5px;text-wrap:balance;}
.ysl-cta4__h em{color:var(--ysl-gold-light);font-weight:700;}
.ysl-cta4__p{font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.8);font-weight:300;max-width:560px;margin:0 auto 32px;text-wrap:pretty;}
.ysl-cta4__btns{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;}
@media (max-width:1000px){.ysl-why__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;}.ysl-why__col:nth-child(2){border-right:0;}}
@media (max-width:700px){
  .ysl-why{padding:64px 0 60px!important;margin-top:80px!important;}
  .ysl-why > div{padding:0 20px!important;}
  .ysl-why__grid{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;margin:36px -20px 0;padding:26px 20px;border-left:0;border-right:0;}
  .ysl-why__grid::-webkit-scrollbar{display:none;}
  .ysl-why__col{flex:0 0 72%;scroll-snap-align:start;padding:0 20px;}
  .ysl-why__col:nth-child(2){border-right:1px solid rgba(38,61,105,.12);}
  .ysl-cta4{padding:52px 22px 54px;}
  .ysl-cta4__h{font-size:30px;}
}

/* Wealth Protection "Solutions": timeline with arrows */
.ysl-tl{position:relative;padding:0 64px;}
.ysl-tl__view{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;outline:none;padding:14px 0 6px;margin-top:-14px;}
.ysl-tl__view::-webkit-scrollbar{display:none;}
.ysl-tl__track{display:flex;position:relative;min-width:100%;}
.ysl-tl__item{position:relative;}
.ysl-tl__item::before{content:"";position:absolute;left:0;right:0;top:41px;height:2px;background:rgba(192,139,62,.55);}
.ysl-tl__item:first-child::before{left:50%;}
.ysl-tl__item:last-child::before{right:50%;}
.ysl-tl__item{flex:0 0 20%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 14px;box-sizing:border-box;}
.ysl-tl__node{position:relative;z-index:1;width:84px;height:84px;border-radius:50%;background:#fff;border:2px solid #C08B3E;box-shadow:0 0 0 7px rgba(192,139,62,.12),0 12px 26px rgba(38,61,105,.1);display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.ysl-tl__t{font-family:var(--ysl-label);font-size:10.5px;font-weight:700;letter-spacing:1.4px;line-height:1.5;text-transform:uppercase;color:var(--ysl-navy);margin-bottom:10px;max-width:190px;}
.ysl-tl__d{font-size:13px;line-height:1.75;color:var(--ysl-ink-soft);font-weight:300;max-width:200px;text-wrap:pretty;}
.ysl-tl__arrow{position:absolute;top:30px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(38,61,105,.2);background:#fff;color:var(--ysl-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 8px 18px rgba(38,61,105,.12);transition:background .2s ease,color .2s ease,opacity .2s ease;}
.ysl-tl__arrow:hover:not(:disabled){background:var(--ysl-navy);color:#fff;}
.ysl-tl__arrow:disabled{opacity:.3;cursor:default;}
.ysl-tl__arrow--prev{left:6px;}.ysl-tl__arrow--next{right:6px;}
.ysl-tl__leaf{position:absolute;width:96px;top:-30px;opacity:.28;pointer-events:none;}
.ysl-tl__leaf--l{left:-34px;}.ysl-tl__leaf--r{right:-34px;transform:scaleX(-1);}
@media (max-width:1000px){.ysl-tl{padding:0 52px;}.ysl-tl__item{flex-basis:33.333%;}}
@media (max-width:700px){
  .ysl-tlsec{padding:80px 20px 0!important;}
  .ysl-tlsec h2{font-size:32px!important;}
  .ysl-tl{padding:0;}
  .ysl-tl__item{flex-basis:56%;padding:0 10px;}
  .ysl-tl__item::before{top:35px;}
  .ysl-tl__node{width:70px;height:70px;}
  .ysl-tl__arrow{top:60px;width:36px;height:36px;background:rgba(255,255,255,.95);}
  .ysl-tl__arrow--prev{left:-6px;}.ysl-tl__arrow--next{right:-6px;}
  .ysl-tl__leaf{display:none;}
}

/* timelines with only a few solutions: centred, no arrows needed */
.ysl-tl--few .ysl-tl__track{justify-content:center;}
.ysl-tl--few .ysl-tl__item{flex:0 0 25%;}
.ysl-tl.is-static .ysl-tl__arrow{display:none;}
@media (max-width:1000px){.ysl-tl--few .ysl-tl__item{flex:0 0 33.333%;}}
@media (max-width:700px){.ysl-tl--few .ysl-tl__item{flex:0 0 56%;}.ysl-tl--few .ysl-tl__track{justify-content:flex-start;}}

/* "Why it matters" row: as wide as the "Talk to us" band below it */
.ysl-why > div{max-width:1440px!important;}
.ysl-why__col{padding:0 34px;}

/* PHONE — Our People "Where would you like to go next?": plain rectangular cards */
@media (max-width:700px){
  .ysl-legacy[data-page="our-people"] [data-screen-label*="Where"] a[style*="border-radius"],
  .ysl-legacy[data-page="our-people"] a[style*="min-height:250px"]{border-radius:20px!important;}
}

/* planner cards without a public profile: look and hover like the others, but clicking does nothing */
.ysl-planner-card--static{cursor:pointer;}
.ysl-planner-card--static:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(38,61,105,0.11);}
.ysl-planner-card--static:hover .ysl-planner-card__name{color:var(--ysl-gold);}

/* ================================================================
   TeamYSL banner on every planner profile (after "Want to talk?") — sends a planner's clients to About Us
   ================================================================ */
.ysl-tmbanner{display:block;background:var(--ysl-navy);border-radius:24px;overflow:hidden;position:relative;}
.ysl-tmbanner::before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(223,199,155,0.28);pointer-events:none;}
.ysl-tmbanner::after{content:"";position:absolute;left:-90px;bottom:-130px;width:300px;height:300px;border-radius:50%;background:rgba(223,199,155,0.06);pointer-events:none;}
.ysl-tmbanner__copy{padding:64px 72px;position:relative;z-index:1;text-align:center;}
.ysl-tmbanner__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--ysl-label);font-size:10.5px;letter-spacing:2.4px;color:var(--ysl-gold-light);font-weight:600;margin-bottom:22px;}
.ysl-tmbanner__eyebrow span{display:block;width:38px;height:1px;background:var(--ysl-gold-light);}
.ysl-tmbanner__eyebrow::after{content:"";display:block;width:38px;height:1px;background:var(--ysl-gold-light);}
.ysl-tmbanner__title{font-family:var(--ysl-serif);font-size:42px;font-weight:600;line-height:1.15;color:#fff;margin:0 auto 20px auto;max-width:900px;letter-spacing:-0.4px;text-wrap:balance;}
.ysl-tmbanner__title em{color:var(--ysl-gold-light);font-weight:700;}
.ysl-tmbanner__text{font-size:14.5px;line-height:1.9;color:rgba(255,255,255,0.78);font-weight:300;max-width:880px;margin:0 auto 34px auto;text-wrap:pretty;}
.ysl-tmbanner__btn{display:inline-flex;align-items:center;gap:14px;background:var(--ysl-gold);color:#fff;font-size:13.5px;font-weight:500;padding:14px 14px 14px 28px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;}
.ysl-tmbanner__btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(192,139,62,0.38);color:#fff;}
.ysl-tmbanner__arrow{width:28px;height:28px;border-radius:50%;background:var(--ysl-navy);display:flex;align-items:center;justify-content:center;flex:none;}
@media (max-width:900px){
  .ysl-tmbanner-wrap{padding:28px 20px 0 20px!important;}
  .ysl-tmbanner__copy{padding:40px 24px 44px 24px;}
  .ysl-tmbanner__title{font-size:32px;}
}

/* ================================================================
   People behind the journey — 5 to a row on desktop, 2 on phones
   ================================================================ */
.ysl-team3{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 26px;max-width:1260px;}
.ysl-team3__item{padding:20px 6px;gap:8px;}
.ysl-team3__name{font-size:22px;line-height:1.2;}
.ysl-team3__role{font-size:9px;letter-spacing:1.7px;line-height:1.5;text-wrap:balance;}
@media (max-width:1180px){.ysl-team3{gap:30px 18px;}.ysl-team3__name{font-size:19px;}}
@media (max-width:860px){.ysl-team3{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px;}}
@media (max-width:600px){.ysl-team3{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;}.ysl-team3__item + .ysl-team3__item{border-top:1px solid rgba(38,61,105,0.2);}.ysl-team3__name{font-size:19px;}}

/* ================================================================
   About Us — Our Vision / Our Mission: two bold feature cards
   ================================================================ */
.ysl-vm{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;}
.ysl-vm__card{position:relative;overflow:hidden;border-radius:26px;padding:48px 44px 46px;min-height:0;transition:transform .3s ease,box-shadow .3s ease;}
.ysl-vm__card:hover{transform:translateY(-6px);}
.ysl-vm__card--vision{background:linear-gradient(145deg,#33508A 0%,#263D69 48%,#1A2E52 100%);color:#fff;box-shadow:0 30px 60px rgba(38,61,105,0.30);}
.ysl-vm__card--mission{background:linear-gradient(145deg,#EFE2C4 0%,#DFC79B 100%);color:#263D69;box-shadow:0 30px 60px rgba(192,139,62,0.26);}
.ysl-vm__ring{position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;pointer-events:none;}
.ysl-vm__ring::after{content:"";position:absolute;inset:44px;border-radius:50%;border:1px solid currentColor;opacity:.5;}
.ysl-vm__card--vision .ysl-vm__ring{border:1px solid rgba(223,199,155,0.45);color:rgba(223,199,155,0.6);}
.ysl-vm__card--mission .ysl-vm__ring{border:1px solid rgba(38,61,105,0.28);color:rgba(38,61,105,0.35);}
.ysl-vm__mark{position:absolute;right:30px;bottom:-84px;font-family:var(--ysl-serif);font-size:220px;line-height:1;font-weight:700;pointer-events:none;}
.ysl-vm__card--vision .ysl-vm__mark{color:rgba(223,199,155,0.14);}
.ysl-vm__card--mission .ysl-vm__mark{color:rgba(38,61,105,0.10);}
.ysl-vm__icon{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.ysl-vm__card--vision .ysl-vm__icon{background:var(--ysl-gold);box-shadow:0 12px 26px rgba(192,139,62,0.45);}
.ysl-vm__card--mission .ysl-vm__icon{background:var(--ysl-navy);box-shadow:0 12px 26px rgba(38,61,105,0.35);}
.ysl-vm__label{position:relative;z-index:1;display:flex;align-items:center;gap:14px;font-family:var(--ysl-label);font-size:10.5px;letter-spacing:3.2px;font-weight:700;margin-bottom:22px;}
.ysl-vm__label span{display:block;width:38px;height:2px;}
.ysl-vm__card--vision .ysl-vm__label{color:var(--ysl-gold-light);}
.ysl-vm__card--vision .ysl-vm__label span{background:var(--ysl-gold-light);}
.ysl-vm__card--mission .ysl-vm__label{color:#6E5420;}
.ysl-vm__card--mission .ysl-vm__label span{background:#6E5420;}
.ysl-vm__text{position:relative;z-index:1;font-family:var(--ysl-serif);font-size:24px;line-height:1.5;font-weight:600;margin:0;max-width:520px;text-wrap:pretty;}
.ysl-vm__card--vision .ysl-vm__text{color:#fff;}
.ysl-vm__card--mission .ysl-vm__text{color:#263D69;}
@media (max-width:900px){
  .ysl-vm{grid-template-columns:1fr;gap:22px;}
  .ysl-vm__card{padding:34px 26px 36px;min-height:0;}
  .ysl-vm__text{font-size:21px;}
  .ysl-vm__mark{font-size:200px;right:18px;bottom:-22px;}
}

/* Prudential's logo is a compact square-ish mark, so it needs more height than the wide logos to look the same size */
.ysl-marquee--partner .ysl-marquee__logo[alt="Prudential"]{max-height:64px;max-width:120px;}
@media (max-width:1000px){.ysl-marquee--partner .ysl-marquee__logo[alt="Prudential"]{max-height:50px;max-width:96px;}}

/* ================================================================
   Planner profile — Quick links for clients: three link bars + the Prudential app card (QR + store buttons)
   ================================================================ */
.ysl-ql{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;}
.ysl-ql__bars{display:flex;flex-direction:column;gap:16px;}
.ysl-ql__bar{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:96px;padding:20px 30px;background:#fff;border:1px solid rgba(38,61,105,0.09);border-left:4px solid var(--ysl-gold);border-radius:18px;color:var(--ysl-navy);transition:transform .24s ease,box-shadow .24s ease;}
.ysl-ql__bar:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(38,61,105,0.12);color:var(--ysl-navy);}
.ysl-ql__bartext{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ysl-ql__bartitle{font-family:var(--ysl-serif);font-size:28px;line-height:1.15;font-weight:700;color:var(--ysl-navy);}
.ysl-ql__barline{font-size:12.5px;line-height:1.6;color:#5C5A54;font-weight:300;}
.ysl-ql__barline b{color:var(--ysl-gold);font-weight:600;}
.ysl-ql__arrow{width:36px;height:36px;border-radius:50%;background:#F2E7D4;display:flex;align-items:center;justify-content:center;flex:none;transition:background .24s ease;}
.ysl-ql__bar:hover .ysl-ql__arrow{background:var(--ysl-gold-light);}
.ysl-ql__app{position:relative;overflow:hidden;background:linear-gradient(145deg,#33508A 0%,#263D69 50%,#1A2E52 100%);border-radius:24px;padding:38px 36px 36px;color:#fff;text-align:center;box-shadow:0 26px 52px rgba(38,61,105,0.26);}
.ysl-ql__appring{position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(223,199,155,0.38);pointer-events:none;}
.ysl-ql__apptitle{position:relative;font-family:var(--ysl-serif);font-size:32px;line-height:1.15;font-weight:700;color:#fff;}
.ysl-ql__appsub{position:relative;font-family:var(--ysl-serif);font-size:20px;font-weight:600;color:var(--ysl-gold-light);margin:6px 0 22px;}
.ysl-ql__panel{position:relative;display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:28px;align-items:center;background:#fff;border-radius:18px;padding:22px 26px;}
.ysl-ql__qr{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;}
.ysl-ql__qr img{width:100%;height:100%;object-fit:contain;display:block;}
.ysl-ql__qr > span{font-family:var(--ysl-label);font-size:9px;letter-spacing:1.6px;color:#A79F90;}
.ysl-ql__stores{display:flex;flex-direction:column;gap:14px;align-items:center;}
.ysl-ql__stores a{display:block;width:100%;max-width:210px;transition:transform .2s ease,box-shadow .2s ease;border-radius:12px;}
.ysl-ql__stores a:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,0.22);}
.ysl-ql__stores img{display:block;width:100%;height:auto;}
@media (max-width:900px){
  .ysl-ql{grid-template-columns:1fr;gap:20px;}
  .ysl-ql__bar{min-height:84px;padding:16px 22px;}
  .ysl-ql__bartitle{font-size:24px;}
}
@media (max-width:480px){
  .ysl-ql__app{padding:30px 20px 26px;}
  .ysl-ql__panel{grid-template-columns:1fr;gap:20px;padding:20px;justify-items:center;}
  .ysl-ql__qr{max-width:180px;}
}

/* =====================================================================
   PHONE round 3 (Oct 2026) — fixes from the phone test. Phone only: desktop is unchanged.
   ===================================================================== */
@media (max-width:700px){

  /* About banner: the picture box takes the shape of the photo part, so nobody is cut off at the left */
  .ysl-legacy[data-page="about-us"] .ysl-ohero--page .ysl-ohero__photo{height:auto;aspect-ratio:3/2;}

  /* About 02 "Growing People": the whole group photo, no tinted shapes behind it */
  .ysl-legacy[data-page="about-us"] .ysl-who{padding-left:0!important;padding-right:0!important;}
  .ysl-legacy[data-page="about-us"] .ysl-who__media{padding:0!important;margin:0 -8px!important;width:auto!important;max-width:none!important;}
  .ysl-legacy[data-page="about-us"] .ysl-who__sq,
  .ysl-legacy[data-page="about-us"] .ysl-who__sq2,
  .ysl-legacy[data-page="about-us"] .ysl-who__dots{display:none!important;}
  .ysl-legacy[data-page="about-us"] .ysl-who__media > div:nth-child(4){height:auto!important;aspect-ratio:3/2;}
  .ysl-legacy[data-page="about-us"] .ysl-who__badge{right:-4px!important;bottom:-22px!important;padding:10px 14px!important;}

  /* Section headings with a short paragraph beside them: tighter gap once they stack */
  .ysl-legacy div[style*="align-items:flex-end;justify-content:space-between;gap:56px"],
  .ysl-legacy div[style*="align-items:flex-end;justify-content:space-between;gap:60px"]{gap:12px!important;margin-bottom:28px!important;}

  /* Our Services swipe cards: the button sits in the middle and always fits inside the card */
  .ysl-svc-detail__cta{align-self:center;max-width:100%;font-size:12.5px;gap:10px;padding:12px 12px 12px 20px;}

  /* Our People: "The people building their own path" — less empty space around the pictures */
  .ysl-legacy[data-page="our-people"] [data-screen-label="04 Wealth Planners"]{padding:60px 0 40px!important;}
  .ysl-legacy[data-page="our-people"] [data-screen-label="04 Wealth Planners"] > div{gap:20px!important;}
  .ysl-legacy[data-page="our-people"] [data-screen-label="04 Wealth Planners"] > div > div:first-child > p:last-child{margin-bottom:0!important;}
  .ysl-legacy[data-page="our-people"] [data-screen-label="04 Wealth Planners"] div[style*="repeat(3,1fr);gap:16px"]{padding-bottom:6px!important;}

  /* Careers: the three "bring to TeamYSL" cards keep their words on one line (all three together) */
  .ysl-legacy [data-screen-label="03 What could you bring"] a,
  .ysl-legacy [data-screen-label="07 Start the conversation"] a{padding:26px 22px!important;gap:12px!important;}
  .ysl-legacy [data-screen-label="03 What could you bring"] a > span:first-child,
  .ysl-legacy [data-screen-label="07 Start the conversation"] a > span:first-child{font-size:19px!important;line-height:1.3!important;}

  /* Careers: the buttons inside the three path cards are centred */
  .ysl-legacy a[style*="border-radius:150px 150px 20px 20px"]{padding-left:24px!important;padding-right:24px!important;}
  .ysl-legacy span[style*="margin-top:auto"][style*="border-radius:999px"]{text-align:center;font-size:12px!important;padding-left:8px!important;padding-right:8px!important;}

  /* Wealth Planner Career "More than a job": the opened picture is shorter so the whole photo shows */
  .ysl-mtj__panel.is-on{height:280px;}

  /* Planners directory: name and role sit close to the picture and to each other */
  .ysl-planner-card__photo{margin-bottom:0;}
  .ysl-planner-card__name{margin:6px 0 2px;}
  .ysl-planner-card__role{margin:0;}
}

/* =====================================================================
   FORMS — boxes that still need filling in turn red (see initFormChecks in theme.js)
   ===================================================================== */
.ysl-field.is-invalid > label,.ysl-field.is-invalid > legend{color:#B3261E;}
.ysl-field.is-invalid input[type=text],.ysl-field.is-invalid input[type=email],.ysl-field.is-invalid input[type=tel],
.ysl-field.is-invalid input[type=date],.ysl-field.is-invalid select,.ysl-field.is-invalid textarea,
.ysl-appform .ysl-field.is-invalid input[type=text],.ysl-appform .ysl-field.is-invalid input[type=email],.ysl-appform .ysl-field.is-invalid input[type=tel],
.ysl-appform .ysl-field.is-invalid input[type=date],.ysl-appform .ysl-field.is-invalid select,.ysl-appform .ysl-field.is-invalid textarea{
  border-color:#C0392B!important;background-color:#FFF6F5!important;box-shadow:0 0 0 3px rgba(192,57,43,0.13)!important;
}
.ysl-field--chips.is-invalid .ysl-chips{outline:2px solid #C0392B;outline-offset:8px;border-radius:16px;background:#FFF6F5;}
.ysl-consent.is-invalid{display:block;border:1.5px solid #C0392B;background:#FFF6F5;border-radius:14px;padding:14px 16px;}
.ysl-consent.is-invalid label{color:#B3261E;}
.ysl-consent.is-invalid input[type=checkbox]{outline:2px solid #C0392B;outline-offset:2px;}
.ysl-upload.is-invalid{border-color:#C0392B!important;background:#FFF6F5!important;}
.ysl-field__error{display:block;font-size:12.5px;line-height:1.5;font-weight:500;color:#B3261E;margin-top:6px;}
.ysl-field__error::before{content:"\26A0\00a0";}
.ysl-field--chips .ysl-field__error{margin-top:14px;}
.ysl-form-check{margin:0 0 22px;}
.ysl-appform__submit.is-sending{opacity:.6;pointer-events:none;}