@font-face{font-family:NHaasGroteskTX;src:url('/dist/fonts/NHaasGroteskTXPro-Rg.ttf')}*{box-sizing:border-box}.careers-page{margin:0;background:#f2f2f2;color:#000;font-family:NHaasGroteskTX,Arial,sans-serif}.careers-page main{overflow:hidden}.careers-hero{height:600px;position:relative;overflow:hidden;background:#000}.careers-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.2)}.careers-hero h1{position:absolute;left:61px;bottom:210px;margin:0;color:#fff;font-size:80px;line-height:80px;font-weight:700;text-shadow:4px 4px 10px rgba(0,0,0,.25)}.swipe{position:absolute;right:60px;bottom:50px;color:#fff;text-align:center;font-size:18px}.swipe span{display:block;width:21px;height:40px;border:1px solid #fff;border-radius:10px;margin:0 auto 9px}.swipe span:before{content:'';display:block;width:1px;height:15px;background:#fff;margin:22px auto 0}.swipe b{font-weight:400}.intro{height:227px;display:flex;align-items:center;justify-content:center;background:#f2f2f2}.intro p{width:1033px;margin:0;text-align:center;font-size:30px;line-height:32px;font-weight:400}.values{width:calc(100% - 114px);margin:0 57px 100px;display:grid;grid-template-columns:repeat(4,266px);justify-content:space-between;align-items:start}.values article{width:266px}.value-mark{position:relative;width:236px;height:274px;margin:0 auto 40px;border:1px solid #074158;border-radius:50% 50% 48% 48%;background:linear-gradient(#fff 0 84%,#074158 84%);}.value-mark:before{content:'';position:absolute;width:156px;height:156px;border:12px solid #074158;border-radius:50%;left:40px;top:40px}.value-mark:after{position:absolute;left:75px;top:74px;width:86px;height:86px;display:grid;place-items:center;color:#074158;font-size:64px;font-weight:700}.target:after{content:'◎'}.leadership:after{content:'↗'}.recognition:after{content:'✺'}.inclusion:after{content:'⌘'}.values h2{height:72px;margin:0 0 26px;color:#074158;text-align:center;font-size:30px;line-height:36px;font-weight:700}.values ul{padding-left:30px;margin:0;font-size:20px;line-height:28px}.values li{padding-left:0;margin:0}.diversity{height:628px;position:relative;overflow:hidden;background:#021c25}.diversity img{width:100%;height:680px;position:absolute;bottom:0;object-fit:cover}.diversity>div{position:absolute;inset:0 auto auto 0;width:100%;height:332px;background:linear-gradient(180deg,rgba(2,28,37,.86),rgba(2,28,37,0))}.diversity h2{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:1191px;margin:0;color:#f2f2f2;text-align:center;font-size:48px;line-height:48px}.stats{display:grid;grid-template-columns:repeat(3,1fr);width:1122px;height:125px;margin:100px auto 100px;border-radius:10px;overflow:hidden;background:#021c25;color:#fff}.stats div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #f2f2f2}.stats div:last-child{border:0}.stats strong{font-size:48px;line-height:45px}.stats span{font-size:16px;line-height:16px}.stories{padding:0 0 100px}.stories-head{position:relative;margin-left:60px}.stories h2{margin:0;font-size:60px;line-height:60px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.25)}.stories-head p{font-size:20px;line-height:28px;margin:8px 0 30px}.story-arrows{position:absolute;right:60px;top:22px;display:flex;gap:10px}.story-arrows button{width:50px;height:50px;border:1px solid #074158;border-radius:50%;background:transparent;color:#074158;font-size:24px}.story-track{display:flex;gap:20px;width:max-content;transform:translateX(-414px)}.story-track article{width:315px;flex:none;position:relative}.story-track article:not(.quote-card){height:398px}.story-track img{display:block;width:315px;height:360px;border-radius:10px;object-fit:cover}.story-track h3{margin:12px 0 0;color:#074158;font-size:24px;line-height:36px;font-weight:700}.quote-card{height:360px;border-radius:10px;background:#021c25;color:#fff;padding:20px}.quote-card p{font-size:18px;line-height:24px;margin:0}.quote-card span{position:absolute;right:20px;bottom:48px;font-size:44px;color:#fff;opacity:.7}.quote-card h3{position:absolute;top:360px;left:0}.work{position:relative;width:calc(100% - 150px);height:1195px;margin:0 75px 100px;border-radius:10px;background:#507989;color:#f2f2f2;overflow:hidden}.work>h2{position:relative;margin:50px 0 0;text-align:center;font-size:60px;line-height:60px}.work-kicker{position:relative;margin:5px 0 0;text-align:center;font-size:20px;line-height:28px}.work-art{position:absolute;left:74px;right:74px;top:155px;height:276px;border:1px solid rgba(242,242,242,.55);border-radius:2px;opacity:.55}.work-art:after{content:'RUNAYA';position:absolute;inset:0;display:grid;place-items:center;font-size:108px;letter-spacing:26px;color:rgba(242,242,242,.35)}.work-content{position:absolute;top:481px;left:75px;right:75px;display:grid;grid-template-columns:1fr}.work form h3{font-size:30px;line-height:60px;margin:0;text-align:center}.work form>p{width:568px;margin:0 auto 28px;text-align:center;font-size:18px;line-height:20px}.form-grid{display:grid;grid-template-columns:423px 423px;gap:23px 28px}.form-grid label{font-size:20px;line-height:25px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;height:43px;margin-top:4px;padding:6px 10px;border:0;border-radius:10px;background:#f2f2f2;color:#021c25;font:16px NHaasGroteskTX,Arial,sans-serif}.form-grid textarea{height:75px;resize:none}.form-grid .wide{grid-column:span 2}.work form button{display:block;width:268px;height:55px;border:0;border-radius:30px;background:#074158;color:#f2f2f2;margin:35px auto 0;font:700 20px NHaasGroteskTX,Arial,sans-serif}.search-icon{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-radius:50%;position:relative;margin-right:8px}.search-icon:after{content:'';position:absolute;width:6px;height:2px;background:#fff;right:-5px;bottom:-2px;transform:rotate(45deg)}
.value-mark{display:none}.value-figure{position:relative;width:266px;height:321px}.value-pin{position:absolute;left:0;top:0;width:266px;height:274px;transform-origin:50% 50%;transition:transform .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.values article:hover .value-pin,.values article:focus-within .value-pin{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.value-pin{transition:none}}.value-figure img{display:block}.value-union{position:absolute;left:15px;top:0;width:236px;height:274px}.value-ring{position:absolute;left:55px;top:40px;width:156px;height:156px}.value-icon{position:absolute;object-fit:contain}.value-icon--vision{left:80px;top:66px;width:105px;height:105px}.value-icon--leadership{left:83px;top:68px;width:100px;height:100px}.value-icon--recognition{left:92px;top:66px;width:82px;height:105px}.value-icon--inclusion{left:80px;top:78px;width:105px;height:92px}.value-divider{position:absolute;left:0;top:294px;z-index:2;width:266px;height:27px}.values h2{height:72px;margin:20px 0 26px;text-align:center}.values ul{padding-left:30px;text-align:left;list-style:disc;list-style-position:outside}.values li{padding-left:0}.story-window{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}.story-window::-webkit-scrollbar{display:none}.story-window:active{cursor:grabbing}.story-track{padding-left:414px;transform:none;transition:none}.story-track article{scroll-snap-align:start}.story-track article:not(.quote-card){cursor:pointer}.story-track article:not(.quote-card)::before{content:"Safety isn't just a policy, it's a shared value. Our leadership sets the tone, ensuring that every team member feels secure and supported in their work.";position:absolute;z-index:2;inset:0 0 auto 0;height:360px;box-sizing:border-box;border-radius:10px;background:#021c25;color:#f2f2f2;padding:20px;font-family:NHaasGroteskTX,Arial,sans-serif;font-size:18px;line-height:24px;opacity:0;pointer-events:none;transition:opacity .2s ease}.story-track article:not(.quote-card)::after{content:"runaya";position:absolute;z-index:3;right:20px;bottom:43px;color:rgba(112,140,148,.62);font-size:47px;line-height:1;letter-spacing:-2px;opacity:0;pointer-events:none;transition:opacity .2s ease}.story-track article:not(.quote-card):hover::before,.story-track article:not(.quote-card):hover::after,.story-track article:not(.quote-card):focus-within::before,.story-track article:not(.quote-card):focus-within::after{opacity:1}.work-art{right:auto;width:1170px;border:0;border-radius:0;opacity:1}.work-art:after{display:none}.motion-ready .reveal,.motion-ready .reveal-stagger{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.is-visible,.motion-ready .reveal-stagger.is-visible{opacity:1;transform:none}.motion-ready .reveal-stagger:not(.is-visible)>article{opacity:0;transform:translateY(22px)}.motion-ready .reveal-stagger.is-visible>article{transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal-stagger.is-visible>article:nth-child(2){transition-delay:.1s}.motion-ready .reveal-stagger.is-visible>article:nth-child(3){transition-delay:.2s}.motion-ready .reveal-stagger.is-visible>article:nth-child(4){transition-delay:.3s}
.story-track article:not(.quote-card)::before,.story-track article:not(.quote-card)::after{content:none}.story-hover-card{position:absolute;z-index:4;left:0;top:0;width:315px;height:360px;overflow:hidden;border-radius:10px;background:#021c25;color:#fff;opacity:0;pointer-events:none}.story-hover-card p{position:absolute;left:20px;top:20px;width:275px;margin:0;font-family:NHaasGroteskTX,Arial,sans-serif;font-size:18px;line-height:24px}.story-hover-logo{position:absolute;left:175px;top:234px;width:165px;height:165px}.story-hover-vector{position:absolute;left:206px;top:249px;width:21px;height:21px}.story-track article:not(.quote-card):hover .story-hover-card,.story-track article:not(.quote-card):focus-within .story-hover-card{opacity:1}
.stories{margin-top:-82px}.stories-head{margin-left:52px}.story-arrows{left:calc(83.333333% + 52px);right:auto;top:22px;gap:20px}.story-arrows button{position:relative;overflow:visible;padding:0;border:0}.story-arrows button img{position:absolute;left:-5px;top:-5px;width:68px;height:68px;max-width:none}.story-track{padding-left:0;transform:none}.story-track h3{margin:20px 0 0;font-weight:500}.quote-card{padding:0}.quote-card>p{position:absolute;left:20px;top:20px;width:275px;margin:0;font-size:18px;line-height:24px}.quote-card-logo{position:absolute;left:175px;top:234px;width:165px;height:165px}.quote-card-vector{position:absolute;left:206px;top:249px;width:21px;height:21px}.quote-card h3{top:380px;left:0;margin:0}.story-card{height:398px;overflow:visible}.story-card>img{position:absolute;display:block;max-width:none;object-fit:initial}.story-card--saipriya{height:398px;overflow:hidden}.story-card--saipriya>img{left:-18px;top:0;width:350px;height:409px}.story-card--kirti{height:398px;overflow:hidden}.story-card--kirti>img{left:-88px;top:-4px;width:552px;height:368px}.story-card--prasad{height:398px;overflow:hidden}.story-card--prasad>img{left:-22px;top:-11px;width:361px;height:422px}.story-card--sachin{height:398px;overflow:hidden}.story-card--sachin>img{left:7px;top:0;width:302px;height:453px}.story-card--prashant{height:398px;overflow:hidden}.story-card--prashant>img{left:-174px;top:-281px;width:662px;height:883px}.story-card--vandana{height:398px;overflow:hidden}.story-card--vandana>img{left:-251px;top:-302px;width:990px;height:990px}.story-card h3{position:absolute;left:0;top:360px;width:315px;margin:20px 0 0}
.story-card,.story-card--saipriya,.story-card--kirti,.story-card--prasad,.story-card--sachin,.story-card--prashant,.story-card--vandana{overflow:visible}.story-image{position:absolute;left:0;top:0;width:315px;height:360px;overflow:hidden;border-radius:10px}.story-image>img{position:absolute;display:block;max-width:none;object-fit:initial}.story-card--saipriya .story-image>img{left:-18px;top:0;width:350px;height:409px}.story-card--kirti .story-image>img{left:-88px;top:-4px;width:552px;height:368px}.story-card--prasad .story-image>img{left:-22px;top:-11px;width:361px;height:422px}.story-card--sachin .story-image>img{left:7px;top:0;width:302px;height:453px}.story-card--prashant .story-image>img{left:-174px;top:-281px;width:662px;height:883px}.story-card--vandana .story-image>img{left:-251px;top:-302px;width:990px;height:990px}
.stories{margin-top:-69px}.story-arrows{left:1200px;top:57px}.story-window{scroll-snap-type:none}.story-track article{scroll-snap-align:none}
.story-track .quote-card-logo,.story-track .story-hover-logo{position:absolute;width:165px;height:165px;max-width:none;border-radius:0;object-fit:initial}.story-track .quote-card-vector,.story-track .story-hover-vector{position:absolute;width:21px;height:21px;max-width:none;border-radius:0;object-fit:initial}
.story-hover-card{background:#021c25 url("/dist/images/careers/story-hover-background.png") center / 100% 100% no-repeat;transition:opacity 360ms ease-in-out}.story-hover-card p{z-index:1}.story-track .story-hover-decoration{display:none}
.story-window{padding-bottom:58px}.story-track article{height:418px}.story-card--aarti .story-image>img{width:315px;height:436px;left:0;top:-30px;object-fit:cover;object-position:center 30%}
.stats{grid-template-columns:374px 374px 374px;width:1122px;height:125px;background:none}.stats div{border-right:1px solid rgba(255,255,255,.5)}.stats div:nth-child(1){border-radius:10px 0 0 10px;background:linear-gradient(to left,#074158 0%,#021c25 50%)}.stats div:nth-child(2){background:linear-gradient(-89.99999457034048deg,#074158 0%,#368c93 50%,#074158 100%)}.stats div:nth-child(3){border-right:0;border-radius:0 10px 10px 0;background:linear-gradient(269.99999525205806deg,#021c25 0%,#074158 50%),linear-gradient(90deg,#65d8cf 0%,#65d8cf 100%)}.stats strong{font-size:60px;line-height:normal}.stats span{font-size:18px;line-height:normal}
.work-content{grid-template-columns:minmax(0,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (prefers-reduced-motion:no-preference){.motion-ready .values.reveal-stagger.is-visible>article:nth-child(1){--value-delay:0s}.motion-ready .values.reveal-stagger.is-visible>article:nth-child(2){--value-delay:.1s}.motion-ready .values.reveal-stagger.is-visible>article:nth-child(3){--value-delay:.2s}.motion-ready .values.reveal-stagger.is-visible>article:nth-child(4){--value-delay:.3s}.motion-ready .values.reveal-stagger.is-visible .value-union{animation:careers-value-union .5s cubic-bezier(.16,1,.3,1) var(--value-delay,0s) both}.motion-ready .values.reveal-stagger.is-visible .value-ring{animation:careers-value-pop .45s cubic-bezier(.16,1,.3,1) calc(var(--value-delay,0s) + .08s) both}.motion-ready .values.reveal-stagger.is-visible .value-icon{animation:careers-value-pop .45s cubic-bezier(.16,1,.3,1) calc(var(--value-delay,0s) + .16s) both}.motion-ready .values.reveal-stagger.is-visible .value-divider{transform-origin:center;animation:careers-value-divider .4s cubic-bezier(.16,1,.3,1) calc(var(--value-delay,0s) + .22s) both}@keyframes careers-value-union{from{opacity:0;transform:translateY(18px) scale(.88)}to{opacity:1;transform:none}}@keyframes careers-value-pop{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes careers-value-divider{from{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}}

/* Fluid: scale the fixed 1440 design to fill the viewport edge-to-edge */
.careers-scale{width:1440px;margin:0 auto;zoom:calc(100vw / 1440px)}

/*
   MOBILE (<768px) - real phone layout, desktop untouched above.
    */
.stats { margin-bottom: 85px; }

@media (max-width: 767px) {
    .careers-scale { zoom: 1 !important; width: auto; }

    /* hero */
    .careers-hero { height: 500px; }
    .careers-hero h1 { left: 16px; bottom: 100px; font-size: 40px; line-height: 42px; }
    .swipe { right: 16px; bottom: 24px; font-size: 14px; }

    /* intro */
    .intro { height: auto; padding: 36px 16px; }
    .intro p { width: auto; font-size: 20px; line-height: 26px; }

    /* values - single centered column, art stays at its fixed 266px size */
    .values { width: auto; margin: 0 16px 56px; grid-template-columns: 1fr 1fr; justify-content: stretch; gap: 30px 12px; }
    .values article { width: auto; text-align: center; }
    .value-figure { zoom: 0.56; margin: 0 auto; }
    .values h2 { height: auto; margin: 10px 0 8px; font-size: 17px; line-height: 21px; }
    .values ul { font-size: 13px; line-height: 18px; padding-left: 18px; text-align: left; }

    /* diversity banner */
    .diversity { height: 380px; }
    .diversity img { width: 100%; height: 100%; }
    .diversity > div { height: 220px; }
    .diversity h2 { top: 24px; left: 16px; width: auto; right: 16px; transform: none; font-size: 24px; line-height: 30px; }

    /* stats - stacked */
    .stats { grid-template-columns: 1fr; width: auto; height: auto; margin: 48px 16px; }
    .stats div { border-right: 0; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.5); }
    .stats div:nth-child(1) { border-radius: 10px 10px 0 0; }
    .stats div:nth-child(3) { border-bottom: 0; border-radius: 0 0 10px 10px; }
    .stats strong { font-size: 40px; }
    .stats span { font-size: 16px; }

    /* growth stories - 315px cards already fit a 390px screen */
    .stories { margin-top: 0; padding: 0 0 60px; }
    .stories-head { margin: 0 16px; }
    .stories h2 { font-size: 32px; line-height: 36px; }
    .stories-head p { font-size: 16px; line-height: 24px; margin: 8px 0 16px; }
    .story-arrows { position: static; margin: 0 5px 20px; }
    .story-track { padding-left: 16px; padding-right: 16px; }

    /* work with us */
    .work { width: auto; height: auto; margin: 0 16px 60px; padding: 32px 16px 40px; }
    .work > h2 { margin: 0; font-size: 32px; line-height: 36px; }
    .work-kicker { font-size: 16px; line-height: 22px; }
    /* the illustration SVG is preserveAspectRatio:none - give its box the true 694:418 ratio so it isn't stretched */
    .work img { width: 100%; height: auto; aspect-ratio: 694 / 417.704; }
    .work-content { position: relative; top: 0; left: 0; right: 0; margin-top: 28px; grid-template-columns: 1fr; gap: 32px; }
    .work form h3 { font-size: 24px; line-height: 32px; margin-bottom: 8px; }
    .work form > p { width: auto; font-size: 15px; line-height: 20px; }
    .form-grid { grid-template-columns: 1fr; gap: 16px; }
    .form-grid .wide { grid-column: auto; }
    .form-grid label { font-size: 16px; line-height: 22px; }
    .work form button { width: 100%; max-width: 268px; }
}

@media (min-width: 768px) {
    .stories { margin-top: 0; padding-top: 0; }
}

@media (min-width: 1729px) {
    .careers-page main { overflow: visible; }
    .careers-hero { width: var(--bleed-w); margin-left: var(--bleed-left); margin-right: 0; }
    .careers-hero h1 { left: calc(61px + var(--bleed-shift)); }
    .story-window { width: var(--bleed-w); margin-left: var(--bleed-left); }
}