/* V84 — candid staff snapshots and fixed JOIN US recruit hero */
.recruit-hero .hero-visual{
  position:relative;
  overflow:hidden;
  background:#8bc9eb;
}
.recruit-hero .hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 43%;
  filter:none;
}
.recruit-hero .hero-visual::after{display:none!important;content:none!important}

/* ENVIRONMENT uses a real team snapshot only; the GRAN garden image is removed. */
.environment-album{position:relative!important;min-height:680px!important;overflow:hidden!important}
.environment-album .environment-pop{
  position:absolute!important;
  margin:0!important;
  padding:7px 7px 24px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(48,43,38,.2)!important;
  box-shadow:0 18px 36px rgba(48,43,38,.2)!important;
  opacity:0;
  transition:opacity .12s linear,transform .5s cubic-bezier(.16,1.25,.3,1);
  will-change:transform,opacity;
}
.environment-album .environment-pop img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.environment-pop-main{z-index:1;left:4%!important;top:8%!important;width:72%!important;height:66%!important;transform:translateX(-115%) rotate(-8deg) scale(.7)!important}
.environment-pop-two{z-index:3;right:1%!important;top:3%!important;width:46%!important;height:40%!important;transform:translate(100%,-75%) rotate(9deg) scale(.65)!important}
.environment-pop-three{z-index:4;left:1%!important;bottom:2%!important;width:44%!important;height:39%!important;transform:translate(-100%,85%) rotate(-10deg) scale(.65)!important}
.environment-pop-four{z-index:5;right:3%!important;bottom:1%!important;width:53%!important;height:44%!important;transform:translate(105%,80%) rotate(8deg) scale(.65)!important}
.environment-album.is-bursting .environment-pop{opacity:1}
.environment-album.is-bursting .environment-pop-main{transform:translate(0,0) rotate(-2deg) scale(1)!important;transition-delay:.04s}
.environment-album.is-bursting .environment-pop-two{transform:translate(0,0) rotate(4deg) scale(1)!important;transition-delay:.34s}
.environment-album.is-bursting .environment-pop-three{transform:translate(0,0) rotate(-4deg) scale(1)!important;transition-delay:.7s}
.environment-album.is-bursting .environment-pop-four{transform:translate(0,0) rotate(3deg) scale(1)!important;transition-delay:1.05s}

/* PEOPLE / EDUCATION: prose first, candid photographs scattered beside it. */
.people-story,
.education-story-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)!important;
  gap:clamp(54px,7vw,110px)!important;
  align-items:center!important;
}
.people-story{margin-top:clamp(60px,7vw,105px)}
.people-story-copy p,
.education-story-copy>p:not(.eyebrow){font-size:17px!important;line-height:2.05!important;margin:0 0 28px;color:#605950}
.inline-photo-cloud{position:relative;min-height:590px;overflow:hidden}
.inline-photo-cloud figure{
  position:absolute;
  margin:0;
  padding:7px 7px 22px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(48,43,38,.18);
  box-shadow:0 16px 34px rgba(48,43,38,.16);
  opacity:0;
  transition:opacity .12s linear,transform .5s cubic-bezier(.16,1.25,.3,1);
}
.inline-photo-cloud img{display:block;width:100%;height:100%;object-fit:cover}
.inline-photo-cloud figure:nth-child(1){z-index:1;left:3%;top:8%;width:53%;height:49%;transform:translate(-110%,-40%) rotate(-12deg) scale(.62)}
.inline-photo-cloud figure:nth-child(2){z-index:3;right:2%;top:3%;width:47%;height:44%;transform:translate(105%,-65%) rotate(10deg) scale(.62)}
.inline-photo-cloud figure:nth-child(3){z-index:4;left:5%;bottom:2%;width:45%;height:43%;transform:translate(-105%,75%) rotate(-9deg) scale(.62)}
.inline-photo-cloud figure:nth-child(4){z-index:5;right:3%;bottom:3%;width:55%;height:50%;transform:translate(110%,85%) rotate(11deg) scale(.62)}
.inline-photo-cloud.is-bursting figure{opacity:1}
.inline-photo-cloud.is-bursting figure:nth-child(1){transform:translate(0,0) rotate(-3deg) scale(1);transition-delay:.05s}
.inline-photo-cloud.is-bursting figure:nth-child(2){transform:translate(0,0) rotate(4deg) scale(1);transition-delay:.34s}
.inline-photo-cloud.is-bursting figure:nth-child(3){transform:translate(0,0) rotate(-4deg) scale(1);transition-delay:.68s}
.inline-photo-cloud.is-bursting figure:nth-child(4){transform:translate(0,0) rotate(3deg) scale(1);transition-delay:1s}
.education-story-layout{margin-bottom:clamp(42px,6vw,88px)}

/* Keep the EDUCATION headline and prose readable without changing type size. */
.education-story-layout{
  grid-template-columns:minmax(480px,1fr) minmax(480px,1fr)!important;
}
@media(max-width:1240px){
  .education-story-layout{grid-template-columns:1fr!important;gap:34px!important}
}
.snap-burst{
  --snap-pink:#ff7895;
  --snap-blue:#5ab7ec;
  --snap-yellow:#ffd84e;
  --snap-green:#70c78d;
  position:relative;
  min-height:clamp(680px,72vw,940px);
  padding:clamp(72px,8vw,124px) max(18px,4vw);
  overflow:hidden;
  isolation:isolate;
  background:#fff8e8;
}
.snap-burst-b{background:#eaf7ff}
.snap-burst-c{background:#fff0f3}
.snap-burst::before,
.snap-burst::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:clamp(150px,22vw,350px);
  aspect-ratio:1;
  border-radius:50%;
  opacity:.72;
}
.snap-burst::before{left:-8%;top:-10%;background:var(--snap-yellow)}
.snap-burst::after{right:-9%;bottom:-14%;background:var(--snap-blue)}
.snap-burst-b::before{background:var(--snap-pink)}
.snap-burst-b::after{background:var(--snap-yellow)}
.snap-burst-c::before{background:var(--snap-green)}
.snap-burst-c::after{background:var(--snap-yellow)}
.snap-burst-copy{
  position:absolute;
  z-index:30;
  left:clamp(20px,6vw,92px);
  top:clamp(32px,5vw,72px);
  transform:rotate(-2deg);
}
.snap-burst-copy span{
  display:inline-block;
  padding:7px 12px 5px;
  color:#fff;
  background:#302b26;
  font:700 11px/1.2 Georgia,serif;
  letter-spacing:.14em;
}
.snap-burst-copy p{
  width:max-content;
  margin:9px 0 0;
  padding:12px 17px 10px;
  color:#302b26;
  background:#fff;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(24px,3vw,44px)!important;
  font-weight:600;
  line-height:1.42!important;
  box-shadow:6px 7px 0 var(--snap-pink);
}
.snap-stage{
  position:relative;
  width:min(1240px,100%);
  min-height:clamp(540px,60vw,770px);
  margin:0 auto;
}
.snap-card{
  --r:0deg;
  --x:0px;
  --y:0px;
  position:absolute;
  z-index:2;
  width:clamp(150px,21vw,300px);
  aspect-ratio:4/3;
  margin:0;
  padding:clamp(5px,.7vw,9px) clamp(5px,.7vw,9px) clamp(18px,2.1vw,30px);
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(48,43,38,.2);
  box-shadow:0 16px 34px rgba(48,43,38,.2);
  opacity:0;
  transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.48);
  transition:opacity .13s linear,transform .48s cubic-bezier(.16,1.22,.28,1);
  will-change:transform,opacity;
}
.snap-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.02)}
.snap-card.snap-wide{width:clamp(200px,29vw,410px);aspect-ratio:3/2}
.snap-card.snap-tall{width:clamp(145px,18vw,255px);aspect-ratio:3/4}
.snap-card::after{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  width:48px;
  height:15px;
  background:rgba(255,223,101,.78);
  transform:translateX(-50%) rotate(-2deg);
}
.snap-card:nth-child(1){left:2%;top:22%;--r:-7deg;--x:-75vw;--y:8vh}
.snap-card:nth-child(2){left:29%;top:3%;--r:4deg;--x:8vw;--y:-65vh}
.snap-card:nth-child(3){right:22%;top:11%;--r:-3deg;--x:10vw;--y:-70vh}
.snap-card:nth-child(4){right:1%;top:29%;--r:8deg;--x:75vw;--y:3vh}
.snap-card:nth-child(5){left:9%;bottom:0;--r:4deg;--x:-70vw;--y:28vh}
.snap-card:nth-child(6){left:41%;bottom:3%;--r:-6deg;--x:-5vw;--y:70vh}
.snap-card:nth-child(7){right:8%;bottom:0;--r:3deg;--x:68vw;--y:38vh}
.snap-card:nth-child(8){left:54%;top:34%;--r:7deg;--x:70vw;--y:-55vh}
.snap-burst.is-bursting .snap-card{
  opacity:1;
  transform:translate(0,0) rotate(var(--r)) scale(1);
}
.snap-burst.is-bursting .snap-card:nth-child(1){transition-delay:.02s}
.snap-burst.is-bursting .snap-card:nth-child(2){transition-delay:.14s}
.snap-burst.is-bursting .snap-card:nth-child(3){transition-delay:.28s}
.snap-burst.is-bursting .snap-card:nth-child(4){transition-delay:.44s}
.snap-burst.is-bursting .snap-card:nth-child(5){transition-delay:.72s}
.snap-burst.is-bursting .snap-card:nth-child(6){transition-delay:.9s}
.snap-burst.is-bursting .snap-card:nth-child(7){transition-delay:1.08s}
.snap-burst.is-bursting .snap-card:nth-child(8){transition-delay:1.28s}

@media(max-width:820px){
  .recruit-hero .hero-visual{aspect-ratio:5/6}
  .recruit-hero .hero-visual img{object-position:center 48%}
  .environment-album{min-height:500px!important}
  .people-story,.education-story-layout{grid-template-columns:1fr!important;gap:34px!important}
  .people-story{margin-top:52px}
  .inline-photo-cloud{min-height:520px}
  .snap-burst{min-height:820px;padding:96px 12px 54px}
  .snap-burst-copy{left:18px;top:30px}
  .snap-burst-copy p{font-size:27px!important;line-height:1.38!important}
  .snap-stage{min-height:680px}
  .snap-card{width:42vw;padding:5px 5px 18px}
  .snap-card.snap-wide{width:56vw}
  .snap-card.snap-tall{width:37vw}
  .snap-card:nth-child(1){left:0;top:18%}
  .snap-card:nth-child(2){left:auto;right:1%;top:3%}
  .snap-card:nth-child(3){left:5%;right:auto;top:43%}
  .snap-card:nth-child(4){right:0;top:31%}
  .snap-card:nth-child(5){left:0;bottom:1%}
  .snap-card:nth-child(6){left:31%;bottom:20%}
  .snap-card:nth-child(7){right:0;bottom:0}
  .snap-card:nth-child(8){left:39%;top:21%}
}

@media(prefers-reduced-motion:reduce){
  .snap-card{opacity:1;transform:rotate(var(--r)) scale(1);transition:none}
  .environment-album .environment-pop{opacity:1;transition:none}
  .environment-pop-main{transform:rotate(-2deg) scale(1)!important}
  .environment-pop-two{transform:rotate(4deg) scale(1)!important}
  .environment-pop-three{transform:rotate(-4deg) scale(1)!important}
  .environment-pop-four{transform:rotate(3deg) scale(1)!important}
  .inline-photo-cloud figure{opacity:1;transition:none}
  .inline-photo-cloud figure:nth-child(1){transform:rotate(-3deg) scale(1)}
  .inline-photo-cloud figure:nth-child(2){transform:rotate(4deg) scale(1)}
  .inline-photo-cloud figure:nth-child(3){transform:rotate(-4deg) scale(1)}
  .inline-photo-cloud figure:nth-child(4){transform:rotate(3deg) scale(1)}
}