:root{
  --lg-radius:28px;
  --lg-line:rgba(255,255,255,.42);
  --lg-shadow:0 26px 72px rgba(0,0,0,.28),0 4px 16px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -1px 0 rgba(0,0,0,.1);
  --lg-shadow-hover:0 34px 92px rgba(0,0,0,.34),0 6px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.68),inset 0 -1px 0 rgba(0,0,0,.1);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 9% 5%,rgba(137,88,58,.16),transparent 30rem),
    radial-gradient(circle at 92% 32%,rgba(74,96,88,.12),transparent 34rem),
    var(--bg);
}
.lg-filter-defs{position:absolute;inline-size:0;block-size:0;overflow:hidden;pointer-events:none}

/* The url() filter deforms the live backdrop; blur is a simultaneous second
   optical pass. The nearly colourless fill cannot invent rainbow highlights. */
.lg-surface,.lg-optic-capsule{
  --mx:50%;
  --my:18%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--lg-line)!important;
  background:
    radial-gradient(ellipse 65% 26% at var(--mx) var(--my),rgba(255,255,255,.105),transparent 72%),
    linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 48%,rgba(0,0,0,.025))!important;
  box-shadow:var(--lg-shadow);
  transform:translateZ(0);
}
.lg-surface>*{position:relative;z-index:2}
.lg-optics-ready .lg-optic-panel{
  -webkit-backdrop-filter:url("#lg-panel-refraction") blur(8px) saturate(1.16) contrast(1.035) brightness(1.025);
  backdrop-filter:url("#lg-panel-refraction") blur(8px) saturate(1.16) contrast(1.035) brightness(1.025);
}
.lg-optics-ready .lg-optic-capsule{
  -webkit-backdrop-filter:url("#lg-capsule-refraction") blur(5px) saturate(1.18) contrast(1.04) brightness(1.035);
  backdrop-filter:url("#lg-capsule-refraction") blur(5px) saturate(1.18) contrast(1.04) brightness(1.035);
}

/* Edge-only second sample. Three differently bent samples create spectral
   colour from the pixels underneath instead of from a painted gradient. */
.lg-surface::before,.lg-optic-capsule::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  padding:clamp(9px,1.2vw,16px);
  background:rgba(255,255,255,.012);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.9;
}
.lg-optics-ready .lg-optic-panel::before{
  -webkit-backdrop-filter:url("#lg-panel-dispersion") blur(.8px) saturate(1.34) contrast(1.08);
  backdrop-filter:url("#lg-panel-dispersion") blur(.8px) saturate(1.34) contrast(1.08);
}
.lg-optics-ready .lg-optic-capsule::before{
  padding:7px;
  -webkit-backdrop-filter:url("#lg-capsule-dispersion") blur(.7px) saturate(1.38) contrast(1.09);
  backdrop-filter:url("#lg-capsule-dispersion") blur(.7px) saturate(1.38) contrast(1.09);
}

/* Neutral Fresnel/specular rim: deliberately no authored pink or blue stops. */
.lg-surface::after,.lg-optic-capsule::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  padding:1.25px;
  background:linear-gradient(132deg,rgba(255,255,255,.96),rgba(255,255,255,.14) 31%,rgba(255,255,255,.035) 66%,rgba(255,255,255,.62));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.76;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.42));
}
.lg-surface:hover{box-shadow:var(--lg-shadow-hover)}

.site-header{
  position:sticky;
  top:14px;
  width:calc(100% - 28px);
  margin:14px auto 0;
  min-height:76px;
  border-radius:24px;
  z-index:40;
}
.site-nav a{padding:9px 12px;border-radius:999px;transition:background .2s,color .2s}
.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.header-talk{padding:10px 14px!important}

.button,.header-talk,.menu-toggle{
  position:relative;
  overflow:hidden;
  border-radius:999px!important;
  color:var(--cream)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.button:hover,.header-talk:hover,.menu-toggle:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 40px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.68),inset 0 -1px rgba(0,0,0,.08);
}

.profile-copy{padding:clamp(26px,4vw,48px)}
#top .profile-copy{width:57%;margin-left:43%;padding-left:clamp(26px,4vw,58px)}
.profile-photo{border-radius:38px!important;box-shadow:0 28px 80px rgba(0,0,0,.4)}
.profile-photo::after{border-radius:inherit}
.session-heading{margin:28px var(--gutter) 24px;padding:46px clamp(24px,4vw,54px)!important}
.request-scene{margin:18px var(--gutter);padding:47px clamp(26px,5vw,70px)!important;border-radius:var(--lg-radius)}
#one-on-one .request-scene ul{width:62%;padding:34px 46px 34px 34px;margin:0;z-index:2;border-radius:24px}
#one-on-one .request-scene:nth-child(2) ul{width:62%;margin-left:38%;padding:34px 34px 34px 46px}
.request-scene .request-photo{width:60%}
.request-scene .request-photo{border-radius:0 var(--lg-radius) var(--lg-radius) 0}
.request-scene:nth-child(2) .request-photo{border-radius:var(--lg-radius) 0 0 var(--lg-radius)}
.session-inclusions{margin-inline:var(--gutter);padding:clamp(28px,4vw,48px)}
#one-on-one .session-inclusions-copy{width:62%;padding:38px 50px 38px 38px;z-index:2;border-radius:24px}
#one-on-one .session-inclusions-photo{width:52%}
.session-booking-bottom{margin-inline:var(--gutter);padding:30px!important}
.private-door{margin-inline:var(--gutter);padding:40px clamp(26px,5vw,70px)!important;border-radius:var(--lg-radius)}
#mentorship .private-door>span:first-of-type{padding:28px 34px;border-radius:24px;z-index:2}
.credential-card{border-radius:24px!important}
.credential-card>a:first-child{border-radius:inherit}
.credential-image{border-radius:15px}
.start-copy{padding:clamp(24px,3vw,40px);align-self:start}
.inquiry{padding:clamp(24px,3.6vw,42px)!important}
.inquiry select,.inquiry textarea{
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:16px!important;
  background:rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

.mentor-hero-copy{padding:clamp(28px,4vw,54px)}
.work-panel,.training-step,.begin-step,.mentorship-offer,.membership-detail,.testimonial-placeholder{border-radius:24px!important}
.agency-introduction,.learning-heading,.continuity-scene-copy,.confidentiality-copy,.mentor-person-copy,.mentorship-closing-copy{padding:clamp(24px,3.6vw,46px)}
.training-step:not(:nth-child(3n))::after{z-index:5}
.agency-table{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}

.glass-compare{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  color:#fff;
  font:10px/1 var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.glass-compare span{width:7px;height:7px;border-radius:50%;background:#d6b77f;box-shadow:0 0 14px #d6b77f}

@supports not ((-webkit-backdrop-filter:url("#lg-panel-refraction")) or (backdrop-filter:url("#lg-panel-refraction"))){
  .lg-surface,.lg-optic-capsule{
    background:rgba(28,25,22,.54)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2);
    backdrop-filter:blur(18px) saturate(1.2);
  }
  .lg-surface::before,.lg-optic-capsule::before{display:none}
}

@media (max-width:900px){
  .site-header{top:8px;width:calc(100% - 16px);margin-top:8px;min-height:68px}
  #top .profile-copy{width:auto;margin:-70px 14px 0;padding:28px;z-index:2}
  .session-heading,.request-scene,.session-inclusions,.session-booking-bottom,.private-door{margin-inline:14px}
  .request-scene .request-photo,.request-scene:nth-child(2) .request-photo{border-radius:var(--lg-radius) var(--lg-radius) 0 0}
  #one-on-one .request-scene ul,#one-on-one .request-scene:nth-child(2) ul{width:100%;margin:-72px 0 0;padding:26px}
  #one-on-one .session-inclusions-copy{width:100%;padding:28px}
  .mentor-hero-copy{margin:220px 14px 0}
  .work-panels,.training-flow,.begin-steps,.mentorship-offers{gap:14px}
  .glass-compare{right:12px;bottom:12px}
  .lg-optics-ready .lg-optic-panel{-webkit-backdrop-filter:url("#lg-panel-refraction") blur(7px) saturate(1.14);backdrop-filter:url("#lg-panel-refraction") blur(7px) saturate(1.14)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.header-talk,.menu-toggle{transition:none!important}
}