/* BELONG — a people-first visual direction. Loaded after the original styles. */
:root{--belong-paper:#f5f4ef;--belong-ink:#20231f;--belong-muted:#676a62;--belong-coral:#ef654b;--belong-blue:#afd6e9;--belong-yellow:#f3d77d;--belong-line:#dedfd6}
html,body{background:var(--belong-paper)!important;color:var(--belong-ink)}
body{font-family:Arimo,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #2876a1;outline-offset:5px}
.belong-home{display:block!important;background:var(--belong-paper)!important;overflow:hidden;position:relative;isolation:isolate}
.belong-home[hidden]{display:none!important}
.belong-home .home-navigation{position:absolute;z-index:10;top:22px;left:32px;right:32px;width:calc(100% - 64px)!important;max-width:1560px;min-height:90px!important;height:90px!important;margin:0 auto;padding:20px 30px!important;display:grid!important;grid-template-columns:minmax(290px,1fr) auto auto auto auto;gap:30px!important;border:1px solid #e7e7de;border-radius:20px;background:#fff;box-shadow:0 10px 30px -24px #20231f66;clip-path:none}
.belong-home .home-navigation>a,.belong-home .home-navigation>p{color:var(--belong-ink)!important;width:auto!important;font-size:13px;font-weight:400;line-height:1.4;min-height:0!important;white-space:nowrap;grid-column:auto;align-self:center;justify-self:start;flex-basis:auto!important;padding:0!important}
.belong-home .home-navigation>a:last-of-type{background:var(--belong-ink);color:white!important;padding:14px 19px!important;border-radius:30px}
.belong-home .home-navigation>a:not(:last-of-type):hover{color:#b34b33!important}
.brand-lockup{display:flex;align-items:center;gap:11px}
.belong-mark{height:39px;width:39px;flex-shrink:0}
.brand-name{font:900 25px/1.05 Arimo,Arial,sans-serif;letter-spacing:.035em}
.brand-name small{display:block;font:400 7px/1 Arimo,Arial,sans-serif;letter-spacing:.105em;margin-top:7px;white-space:nowrap;color:var(--belong-muted)}
.home-menu-toggle{display:none}
.home-main{width:100%;margin:0 auto}
.home-hero{min-height:800px;height:100svh;max-height:1100px;position:relative;width:100%;max-width:1640px;margin:0 auto;display:flex;align-items:center;padding:155px 6.1% 94px}
.home-copy.n-13-13{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0!important;width:46%;flex:none;max-width:650px;min-width:0;background:transparent;padding:0}
.hero-eyebrow{font:400 10px/1.5 Arimo,Arial,sans-serif;letter-spacing:.16em;margin:0 0 24px;display:flex;align-items:center;gap:9px;color:#555a50}
.hero-eyebrow>span{display:block;width:6px;height:6px;border-radius:50%;background:#7b8b65}
.home-copy.n-13-13>.home-headline{width:auto!important;min-height:0!important;margin:0;font-family:"Arial Black",Arimo,Arial,sans-serif!important;font-weight:900!important;font-size:clamp(58px,5.4vw,85px)!important;line-height:.97!important;letter-spacing:-.065em;text-transform:uppercase;color:var(--belong-ink);overflow-wrap:normal;-webkit-text-stroke:.65px var(--belong-ink)}
.home-headline>span{display:block;white-space:nowrap}
.home-headline>.headline-last{font-size:.9em;line-height:1.08}
.headline-period{color:var(--belong-coral);-webkit-text-stroke-color:var(--belong-coral)}
.hero-description{font:400 15px/1.75 Arimo,Arial,sans-serif;color:#61655c;margin:25px 0 27px;max-width:410px}
.hero-description::first-line{color:var(--belong-ink)}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-primary{padding:7px 7px 7px 22px;background:var(--belong-ink);color:white;display:inline-flex;align-items:center;gap:23px;border-radius:40px;font-size:13px;min-height:54px;transition:background .2s,transform .2s}
.hero-primary>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff4d;border-radius:50%}
.hero-primary svg{height:19px;width:19px;transform:rotate(-35deg)}
.hero-primary:hover{background:#41483a;transform:translateY(-2px)}
.hero-secondary{display:flex;align-items:center;gap:12px;padding:10px 0;background:transparent;color:var(--belong-ink);font-size:12px}
.hero-secondary>span{font-size:20px}
.hero-secondary:hover{color:#b34b33}
.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:37px}
.footnote-line{width:25px;height:1px;background:#949b86}
.hero-footnote p{font-size:10px;line-height:1.7;color:#7a7f73;letter-spacing:.015em}
.hero-footnote strong{font-weight:400;color:#434b3d}
.people-wall{--tile-height:268px;--mosaic-gap:13px;position:absolute;z-index:0;right:3.5%;top:0;bottom:0;width:49%;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 94%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 94%,transparent)}
.people-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mosaic-gap);width:100%;height:100%;position:absolute;inset:0}
.people-column{min-width:0;position:relative}
.people-track{position:absolute;left:0;right:0;top:-120px;display:flex;flex-direction:column;will-change:transform;animation:belong-marquee 24s linear infinite}
.column-2 .people-track{top:-50px;animation-direction:reverse;animation-delay:-7s}
.column-3 .people-track{top:-210px;animation-delay:-3.4s}
.people-group{display:flex;flex-direction:column;gap:var(--mosaic-gap);padding-bottom:var(--mosaic-gap)}
@keyframes belong-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.people-tile{height:var(--tile-height);width:100%;flex:none;border-radius:19px;position:relative;overflow:hidden;margin:0;background:#faf9f5;isolation:isolate}
.people-tile.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:filter .3s}
.people-tile.portrait::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#151a1866);z-index:1;pointer-events:none}
.portrait figcaption{position:absolute;bottom:15px;left:13px;right:8px;z-index:2;display:flex;align-items:center;gap:6px;color:white;font-size:10px;line-height:1.2;text-shadow:0 1px 6px #0006;letter-spacing:.015em}
.role-dot{height:4px;width:4px;background:#fff;border-radius:50%;flex:none}
.portrait-executive-chef img{object-position:50% 15%!important}
.portrait-guest-services img{object-fit:contain!important;object-position:50% 50%!important}
.statement-tile{display:flex;flex-direction:column;padding:18px 16px;justify-content:space-between;color:var(--belong-ink)}
.statement-tile::after{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.32' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.tile-coral{background:var(--belong-coral)}.tile-yellow{background:var(--belong-yellow)}.tile-blue{background:var(--belong-blue)}.tile-dark{background:#252a24;color:var(--belong-paper)}
.tile-overline{font-size:6px;letter-spacing:.13em;line-height:1.5;opacity:.72}
.tile-symbol{font:400 100px/.9 Arimo,Arial,sans-serif;text-align:center;opacity:.9}
.tile-word{font:400 19px/1.08 Arimo,Arial,sans-serif;letter-spacing:-.035em}
.wall-caption{position:absolute;z-index:3;bottom:33px;left:50%;transform:translateX(-50%);padding:12px 17px;border:1px solid #ffffff80;background:#fffef9e8;backdrop-filter:blur(12px);border-radius:30px;white-space:nowrap;font-size:8px;letter-spacing:.14em;display:flex;align-items:center;gap:7px;box-shadow:0 3px 18px #20231f08}
.live-dot{width:5px;height:5px;border-radius:50%;background:#758465}
.motion-toggle{position:absolute;z-index:4;right:4%;bottom:20px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;background:#f5f4efef;color:#5d6554;font-size:9px}
.motion-toggle svg{height:16px;width:16px}
.belong-home.motion-paused .people-track{animation-play-state:paused}
.hero-scroll{position:absolute;bottom:32px;left:6.1%;display:flex;align-items:center;gap:19px;font-size:8px;letter-spacing:.12em;color:#777d70}
.hero-scroll span{font-size:18px;color:#3f4939}
.home-curriculum{position:relative;min-height:calc(100svh - 48px);padding:80px max(6.1%,calc((100% - 1440px)/2));background:#eaece3;border-top:1px solid #e2e3db;scroll-margin-top:24px}
.curriculum-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:35px}
.curriculum-summary{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:24px;align-self:stretch}
.curriculum-back{display:inline-flex;align-items:center;gap:12px;padding:10px 0;background:transparent;color:var(--belong-ink);font:400 14px/1.4 Arimo,Arial,sans-serif;white-space:nowrap}
.curriculum-back svg{width:18px;height:18px}
.curriculum-back:hover{color:#b34b33}
.section-eyebrow{font-size:9px;letter-spacing:.14em;line-height:1.5;color:#6a7361}
.curriculum-heading h2{font:400 clamp(30px,3vw,45px)/1.12 Arimo,Arial,sans-serif;letter-spacing:-.045em;margin-top:14px;color:var(--belong-ink)}
.curriculum-summary>p{font-size:12px;line-height:1.8;color:#737b69;padding-bottom:3px}
.belong-home .courses{background:transparent;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.belong-home .courses>.course-card{display:flex;flex-direction:column;align-items:flex-start;gap:15px!important;min-height:230px;padding:25px!important;border-radius:17px;border:1px solid #d8dccf;background:#f7f8f1;box-shadow:none}
.belong-home .course-card h2{font:400 clamp(18px,1.65vw,25px)/1.3 Arimo,Arial,sans-serif!important;letter-spacing:-.03em;color:var(--belong-ink);white-space:normal;min-height:0;width:100%}
.belong-home .course-card>p{font:400 13px/1.6 Arimo,Arial,sans-serif;color:#78816f;min-height:0}
.belong-home .course-card>.action{display:flex;justify-content:space-between;align-items:center;padding:13px 17px!important;min-height:54px;border-radius:30px;width:100%;background:var(--belong-ink);color:white}
.belong-home .course-card>.action::after{content:"↗";font-size:18px}
.belong-home .course-card>.action>p{font:400 16px/1.4 Arimo,Arial,sans-serif!important;color:inherit;min-height:0!important}
.belong-home .course-card>.action:disabled{background:#e5e8dc!important;color:#7c8274!important}
.belong-home .course-card>.action:disabled>p{color:inherit!important}
.belong-home .course-card>.action:disabled::after{content:"○";font-size:14px}
.roleplay-strip{display:block;padding-top:35px;margin-top:35px;border-top:1px solid #d3d8c9}
.roleplay-strip h3,.roleplay-strip .section-eyebrow{font:400 23px/1.2 Arimo,Arial,sans-serif}.roleplay-strip h3{letter-spacing:-.04em;margin:10px 0}
.roleplay-heading{display:flex;align-items:center;justify-content:flex-start;gap:28px;flex-wrap:wrap;margin:8px 0 12px}
.roleplay-heading h3{margin:0}
@media (min-width: 1000px) {
  .roleplay-copy {
    display: grid;
    grid-template-columns: 546px minmax(0, 310px);
  }

  .roleplay-copy > .section-eyebrow {
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }

  .roleplay-heading {
    display: contents;
  }

  .roleplay-heading h3 {
    grid-area: 2 / 1;
    align-self: end;
    margin-bottom: 14px;
  }

  .roleplay-copy > p {
    grid-area: 3 / 1;
    align-self: end;
    margin: 0;
    line-height: 1.2;
  }

  .belong-home .roleplay-heading .home-role-gateway {
    grid-area: 2 / 2 / 4 / 3;
    align-self: end;
  }
}
.belong-home .roleplay-heading .home-role-gateway {
  display: grid;
  place-items: center;
  width: min(100%, 310px);
  min-width: 0;
  min-height: 94px;
  border-radius: 48px;
  text-align: center;
}
.roleplay-strip p{font-size:22px;color:#7a8271}
.belong-home .home-role-gateway{position:relative;flex:none;align-self:center;min-width:140px;width:auto;height:auto;min-height:48px;aspect-ratio:auto;padding:15px 23px;background:#dce1d1;border-radius:30px;color:#77826a}
.home-role-gateway .role-default{display:flex;align-items:center;gap:24px;font-size:24px}
.home-role-gateway.is-unlocked{background:var(--belong-ink);color:white}
.home-role-gateway.is-unlocked .role-default{visibility:hidden}
.belong-home .home-role-gateway .role-gateway-label{font:400 24px/1.2 Arimo,Arial,sans-serif;padding:12px;color:white}
.home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 6.1%;font-size:10px;color:#767d6e;background:var(--belong-paper)}
.home-footer>span:first-child{font-size:17px;font-weight:700;letter-spacing:.08em;color:#3f4837}
.home-copy.n-13-13.learning-completed {
  max-width: 516px;
  min-height: clamp(290px, 30vw, 428px);
  justify-content: center;
  align-items: center;
  background: #eaece3;
  border-radius: 20px;
  padding: clamp(20px, 3vw, 42px) !important;
  text-align: center;
}
.home-copy.learning-completed .completion-message{color:var(--belong-ink)!important;font-family:Arimo,Arial,sans-serif!important;font-size:clamp(26px, 2.45vw, 36px)!important;line-height:1.35!important;letter-spacing:-.025em;text-align:center}
/* Carry the new paper and ink palette into the original learning views. */
.screen:not(.belong-home){background:var(--belong-paper)}
.screen:not(.belong-home)>.navigation{background:var(--belong-ink);box-shadow:0 0 0 100vmax var(--belong-ink)}
.screen:not(.belong-home)>.content{background:transparent}
.screen:not(.belong-home) .action:not(:disabled){border-radius:30px;background:var(--belong-ink)}
@media(min-width:1640px){.people-wall{width:48%;right:3%;--tile-height:320px}.home-hero{padding-left:6.1%;padding-right:6.1%}.home-copy.n-13-13>.home-headline{font-size:86px!important}}
@media(min-width:1001px) and (max-height:820px){.home-hero{min-height:720px;padding-top:150px;padding-bottom:75px}.hero-eyebrow{margin-bottom:20px}.home-copy.n-13-13>.home-headline{font-size:clamp(56px,5.25vw,77px)!important}.hero-description{margin:20px 0 23px}.hero-footnote{margin-top:25px}}
@media(max-width:1150px){.belong-home .home-navigation{left:24px;right:24px;width:calc(100% - 48px)!important;padding:20px 23px!important;gap:21px!important;grid-template-columns:minmax(250px,1fr) auto auto auto auto}.brand-name{font-size:23px}.brand-name small{font-size:6px}.home-hero{padding-left:5%;padding-right:5%}.home-copy.n-13-13>.home-headline{font-size:5.5vw!important}.hero-actions{gap:18px}.hero-primary{gap:14px}.people-wall{right:2.5%;width:48%;--tile-height:245px;--mosaic-gap:11px}.people-tile{border-radius:16px}.tile-word{font-size:17px}.tile-symbol{font-size:85px}.portrait figcaption{font-size:9px;left:10px}.hero-description{font-size:14px}}
@media(max-width:1000px){.belong-home .home-navigation{grid-template-columns:minmax(0,1fr) auto;min-height:78px!important;height:78px!important;padding:17px 23px!important;align-content:center}.belong-home .home-navigation>p:first-child{grid-column:1;text-align:left}.brand-name{font-size:23px}.home-menu-toggle{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;padding:8px;background:#eff0e9;border-radius:50%}.home-menu-toggle span{height:1px;width:18px;background:var(--belong-ink);transition:transform .2s}.belong-home .home-navigation>a,.belong-home .home-navigation>p:not(:first-child){display:none}.belong-home .home-navigation[data-open]{height:auto!important;padding-bottom:23px!important;row-gap:22px!important}.belong-home .home-navigation[data-open]>a,.belong-home .home-navigation[data-open]>p:not(:first-child){display:block;grid-column:1/-1;justify-self:stretch;text-align:left;padding:5px 0!important;font-size:14px}.belong-home .home-navigation[data-open]>a:last-of-type{padding:12px 17px!important;text-align:center}.home-navigation[data-open] .home-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.home-navigation[data-open] .home-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.home-hero{min-height:760px;height:100svh;max-height:960px;padding-top:130px}.home-copy.n-13-13{width:46%}.hero-eyebrow{font-size:8px}.hero-description{font-size:13px;max-width:330px}.desktop-break{display:none}.hero-actions{gap:12px}.hero-primary{font-size:11px;min-height:48px;padding-left:17px;gap:10px}.hero-primary>span{height:32px;width:32px}.hero-secondary{font-size:11px;gap:5px}.people-wall{--tile-height:240px;--mosaic-gap:10px}.tile-overline{font-size:5px}.tile-word{font-size:15px}.tile-symbol{font-size:75px}.statement-tile{padding:15px 12px}.wall-caption{font-size:7px;padding:10px 12px}.curriculum-heading{gap:20px}}
@media(max-width:760px) and (orientation:portrait){.belong-home .home-navigation{top:16px;left:18px;right:18px;width:calc(100% - 36px)!important;border-radius:17px}.home-hero{height:auto;min-height:0;max-height:none;padding:142px 7% 0;display:flex;flex-direction:column;align-items:stretch}.home-copy.n-13-13{width:100%;max-width:none;margin:0 auto}.home-copy.n-13-13>.home-headline{font-size:clamp(36px,10.7vw,68px)!important;line-height:.98!important;letter-spacing:-.065em}.hero-eyebrow{font-size:8px;margin-bottom:20px}.hero-description{font-size:13px;margin:20px 0;max-width:330px;line-height:1.7}.hero-actions{gap:25px}.hero-primary{font-size:12px;padding-left:20px;gap:24px}.hero-secondary{font-size:11px}.hero-footnote{margin-top:24px;margin-bottom:28px}.hero-footnote p{font-size:9px}.people-wall{position:relative;inset:auto;width:calc(100% + 12px);height:410px;margin:0 -6px;--tile-height:207px;--mosaic-gap:10px;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 92%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 18%,#000 92%,transparent)}.people-tile{border-radius:14px}.portrait figcaption{font-size:7px;left:9px;bottom:12px;gap:4px}.role-dot{height:3px;width:3px}.statement-tile{padding:13px 10px}.tile-word{font-size:14px}.tile-symbol{font-size:72px}.tile-overline{font-size:4px}.wall-caption{bottom:24px;font-size:6px;padding:10px 12px}.motion-toggle{right:7%;bottom:1px;font-size:8px}.hero-scroll{display:none}.home-curriculum{padding:48px 7%}.curriculum-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px}.curriculum-heading h2{font-size:34px}.curriculum-summary>p{font-size:11px}.belong-home .courses{grid-template-columns:1fr;gap:14px!important}.belong-home .courses>.course-card{min-height:190px;padding:23px!important}.belong-home .course-card h2{font-size:22px!important}.roleplay-strip{flex-direction:column;align-items:flex-start;gap:22px}.roleplay-strip h3,.roleplay-strip .section-eyebrow{font-size:22px}.belong-home .home-role-gateway{align-self:flex-start}.home-footer{padding:27px 7%;flex-wrap:wrap;gap:15px}.home-footer p{font-size:9px}.home-footer>span:last-child{width:100%;font-size:9px}}
@media(max-width:600px) and (orientation:landscape){.belong-home .home-navigation{top:10px;left:16px;right:16px;width:calc(100% - 32px)!important;height:63px!important;min-height:63px!important;padding:10px 18px!important}.brand-name{font-size:20px}.brand-name small{font-size:5px}.belong-mark{height:30px;width:30px}.home-hero{min-height:590px;height:auto;padding-top:115px;padding-bottom:80px}.home-copy.n-13-13>.home-headline{font-size:5.2vw!important}.hero-eyebrow{font-size:6px}.hero-description{font-size:10px}.hero-actions{gap:10px}.hero-secondary{font-size:9px}.people-wall{--tile-height:180px;width:46%}.tile-overline{display:none}.tile-word{font-size:11px}.tile-symbol{font-size:50px}.statement-tile{padding:12px 8px}.portrait figcaption{font-size:6px}.wall-caption{font-size:5px}.hero-footnote{margin-top:20px}.hero-footnote p{font-size:8px}.belong-home .courses{grid-template-columns:1fr}.curriculum-heading{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.people-track{animation:none!important;will-change:auto}.column-2 .people-track{transform:translateY(-180px)}.column-3 .people-track{transform:translateY(-60px)}.hero-primary{transition:none}.motion-toggle{display:none}}
.belong-home .hero-primary{font-size:15px}
@media(max-width:760px){.curriculum-summary{align-items:flex-start;gap:14px;width:100%}.curriculum-back{font-size:14px}.roleplay-heading{gap:18px}.roleplay-strip p{font-size:24px;line-height:1.6}}
@media(max-width:760px) and (orientation:portrait){.belong-home .home-copy{padding-bottom:30px}}
