.experience-orbit{margin:65px 5% 90px;padding-top:60px;border-top:1px solid #e9e8ed;scroll-margin-top:30px}.orbit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.orbit-heading h2{font:500 clamp(38px,4.7vw,65px)/1.05 Manrope,sans-serif;letter-spacing:-.06em;margin:18px 0 0}.orbit-heading>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 4px}.experience-playground{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.orbit-company,.portrait-tile{height:112px;border:1px solid #e6e3eb;border-radius:20px;background:#faf9fc;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.orbit-company{padding:25px 35px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s}.orbit-company:nth-child(3n){--tilt:2deg}.orbit-company:nth-child(3n + 1){--tilt:-2deg}.orbit-company.is-active{background:#fff;border-color:#6b4bea;transform:translateY(-3px) rotate(var(--tilt,-1deg));box-shadow:0 10px 0 -5px #dbd2ff}.company-art{position:relative;width:145px;max-width:100%;display:block;overflow:hidden;mix-blend-mode:multiply}.company-art img{position:absolute;max-width:none;object-fit:fill}.company-art-direct{height:48px}.company-art-direct img{position:static;display:block;width:100%;height:100%;object-fit:contain}.orbit-company[data-company="0"] .company-art{width:122px}.orbit-company[data-company="2"] .company-art{width:155px}.orbit-company[data-company="3"] .company-art{width:92px}.orbit-company[data-company="6"] .company-art{width:142px;height:53px}.company-mark{position:absolute;right:13px;top:9px;font-size:19px;color:#6b4bea;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}.is-active .company-mark{opacity:1;transform:none}.portrait-tile{background:#eae3ff;border-color:#eae3ff;gap:14px;padding:10px 14px}.portrait-tile>span{font-size:12px;font-weight:600;max-width:55px;line-height:1.5}.portrait-flip{width:82px;height:82px;padding:0;border:0;background:transparent;border-radius:50%;perspective:900px;cursor:pointer;flex-shrink:0}.portrait-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.25,1)}.portrait-flip.is-flipped .portrait-inner{transform:rotateY(180deg)}.portrait-face{position:absolute;inset:0;border:1px solid #111;border-radius:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;display:grid;place-items:center}.portrait-front img{width:69%;height:76%;object-fit:contain}.portrait-back{transform:rotateY(180deg)}.portrait-back img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}.orbit-company:focus-visible,.portrait-flip:focus-visible{outline:2px solid #6b4bea;outline-offset:5px}.orbit-snapshot{--spot:#c6f78d;background:#20172f;border-radius:26px;color:#fff;padding:34px;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.snapshot-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.snapshot-company{font-size:12px;letter-spacing:.13em;font-weight:700;margin:0;color:var(--spot)}.snapshot-count{font-size:12px;color:#c2b9cd;white-space:nowrap}.orbit-snapshot h3{font:500 clamp(30px,3.5vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.045em;max-width:420px;margin:48px 0 28px}.snapshot-detail{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start}.snapshot-detail span{font-size:13px;line-height:1.5;border:1px solid #64596f;border-radius:30px;padding:7px 12px;color:#eee8f6}.snapshot-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #53475f;margin-top:auto;padding-top:22px;color:#b8abc8;font-size:10px;letter-spacing:.14em}.snapshot-footer>span:last-child{font-size:27px;color:var(--spot)}.orbit-snapshot.updated h3,.orbit-snapshot.updated .snapshot-detail{animation:snapshot-in .28s ease-out}@keyframes snapshot-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.no-motion .portrait-inner,.no-motion .orbit-company{transition:none}.no-motion .orbit-snapshot *{animation:none}@media(max-width:950px){.orbit-company{padding:24px}.orbit-snapshot{padding:27px}.orbit-snapshot h3{font-size:36px}.portrait-tile>span{display:none}}@media(max-width:650px){.experience-orbit{margin:40px 5% 55px;padding-top:35px}.orbit-heading{display:block;margin-bottom:25px}.orbit-heading>p{margin-top:20px;font-size:14px}.experience-playground{grid-template-columns:1fr;gap:22px}.company-grid{gap:10px}.orbit-company,.portrait-tile{height:88px;border-radius:16px}.portrait-flip{width:67px;height:67px}.orbit-company{padding:20px 26px}.portrait-tile>span{display:block}.orbit-snapshot{min-height:345px;padding:26px}.orbit-snapshot h3{font-size:36px;margin:30px 0 24px}.snapshot-detail{padding-bottom:28px}.snapshot-detail span{font-size:12px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.portrait-inner,.orbit-company{transition:none}.orbit-snapshot.updated *{animation:none}}
/* Expanded experience stories and a portrait-led introduction. */
.orbit-heading{align-items:center;gap:60px;margin-bottom:44px}.orbit-heading>div{max-width:720px}.orbit-heading h2{max-width:720px;font-size:clamp(38px,4.7vw,64px);line-height:1.1}.orbit-heading .portrait-flip{width:220px;height:220px;margin-right:24px}.portrait-front img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}.portrait-back img{width:69%;height:76%;object-fit:contain;object-position:center}.company-grid{grid-auto-rows:minmax(112px,1fr)}.orbit-company{height:auto;min-height:112px}.orbit-company:last-child{grid-column:1 / -1}.orbit-snapshot{min-height:590px}.orbit-snapshot h3{font-size:clamp(30px,3.1vw,43px);margin:30px 0 18px}.snapshot-body{font-size:16px;line-height:1.75;color:#e1d9e9;margin:0 0 25px}.snapshot-detail{padding-bottom:26px}.snapshot-detail span{font-size:13px}.orbit-snapshot.updated .snapshot-body{animation:snapshot-in .28s ease-out}@media(max-width:950px){.orbit-heading{gap:30px}.orbit-heading .portrait-flip{width:180px;height:180px;margin:0}.experience-playground{grid-template-columns:.85fr 1.15fr}.snapshot-body{font-size:15px}.orbit-company{padding:20px}.orbit-snapshot{padding:26px}}@media(max-width:650px){.orbit-heading{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:26px}.orbit-heading .portrait-flip{width:170px;height:170px}.orbit-heading h2{font-size:38px}.experience-playground{grid-template-columns:1fr}.company-grid{grid-auto-rows:88px}.orbit-company{min-height:88px}.orbit-snapshot{min-height:0}.snapshot-body{font-size:16px}.orbit-snapshot h3{font-size:34px}.snapshot-detail span{font-size:13px}}@media(prefers-reduced-motion:reduce){.orbit-snapshot.updated .snapshot-body{animation:none}}

.snapshot-body strong{display:block;font-weight:600;color:#fff;margin-bottom:12px}.portrait-flip.is-arriving .portrait-inner{animation:portrait-arrival 2s cubic-bezier(.4,0,.2,1) both}@keyframes portrait-arrival{0%{transform:rotateY(0deg) rotateZ(-5deg)}45%,60%{transform:rotateY(180deg) rotateZ(3deg)}100%{transform:rotateY(360deg) rotateZ(0deg)}}.no-motion .portrait-flip.is-arriving .portrait-inner{animation:none}@media(prefers-reduced-motion:reduce){.portrait-flip.is-arriving .portrait-inner{animation:none}}
.other-side-link{display:inline-block;margin-top:22px;font-size:14px;color:#5b40d5;border-bottom:1px solid #c2b5ee;padding-bottom:4px}

/* A quiet paper surface, preserving logo colours and tile interactions. */
.orbit-company::before{content:"";position:absolute;inset:0;border-radius:inherit;background:url('/assets/card-paper.jpg') center/cover;opacity:.19;mix-blend-mode:multiply;pointer-events:none}.orbit-company .company-art,.orbit-company .company-mark{z-index:1}.orbit-company:nth-child(2n)::before{background-position:30% 65%}.orbit-company:nth-child(3n)::before{background-position:75% 20%}

/* Pin the portrait to its circular face so mobile browsers cannot offset it in the grid. */
.portrait-face.portrait-front{display:block;background:#080808;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.portrait-face.portrait-front img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 32%;border-radius:inherit}