/* RECRUIT-only Figma 2028:15534 / SP 2303:15547. TOP is independent. */
.recruit-page .rp-surface .rp-n1316{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:auto;}
.recruit-page .rp-surface .rp-n1317{height:900px;overflow:clip;flex-shrink:0;position:relative;width:1440px;}
.recruit-page .rp-surface .rp-n1318{position:absolute;display:contents;left:0;top:calc(50% + 1px);transform:translate(0,-50%);}
.recruit-page .rp-surface .rp-n1319{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:48px;align-items:flex-start;left:496px;top:calc(50% + 1px);width:448px;transform:translate(0,-50%);}
.recruit-page .rp-surface .rp-n1320{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1321{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:16px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1322{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1323{position:absolute;inset:0;max-width:none;object-position:center bottom;pointer-events:none;border-radius:16px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1324{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1325{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:16px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1326{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:48px;align-items:flex-start;left:0;top:-88px;width:448px;}
.recruit-page .rp-surface .rp-n1327{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1328{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:16px;}
.recruit-page .rp-surface .rp-n1329{position:absolute;height:114.01%;left:-24.27%;max-width:none;top:0;width:169.36%;}
.recruit-page .rp-surface .rp-n1330{height:500px;position:relative;border-radius:12px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1331{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:12px;}
.recruit-page .rp-surface .rp-n1332{position:absolute;height:100%;left:-67.45%;max-width:none;top:0;width:167.41%;}
.recruit-page .rp-surface .rp-n1333{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:center;left:992px;top:-88px;width:448px;}
.recruit-page .rp-surface .rp-n1334{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1335{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:16px;}
.recruit-page .rp-surface .rp-n1336{position:absolute;height:176.37%;left:-36.05%;max-width:none;top:-54.27%;width:187%;}
.recruit-page .rp-surface .rp-n1337{height:500px;position:relative;border-radius:16px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1338{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:16px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1339{position:absolute;background-color:rgba(8,39,50,0.9);height:900px;left:0;mix-blend-mode:multiply;opacity:.8;top:0;width:1440px;}
.recruit-page .rp-surface .rp-n1340{background:linear-gradient(to bottom,rgba(255,255,255,0) 17.739%,#fff 100%);align-content:stretch;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding-left:547px;padding-right:547px;flex-shrink:0;position:relative;top:0;width:1440px;}
.recruit-page .rp-surface .rp-n1341{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:40px;align-items:center;left:50%;top:296px;transform:translate(-50%,0);}
.recruit-page .rp-surface .rp-n1342{align-content:stretch;display:flex;flex-direction:column;gap:32px;align-items:center;position:relative;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1343{align-content:stretch;display:flex;flex-direction:column;gap:4px;align-items:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1344{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:Zalando,sans-serif;font-weight:500;justify-content:center;line-height:0;position:relative;flex-shrink:0;font-size:64px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1345{line-height:1;}
.recruit-page .rp-surface .rp-n1346{align-content:stretch;display:flex;flex-direction:column;gap:8px;align-items:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1347{height:0;position:relative;flex-shrink:0;width:16px;}
.recruit-page .rp-surface .rp-n1348{position:absolute;inset:-2px 0 0 0;}
.recruit-page .rp-surface .rp-n1349{display:block;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1350{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;justify-content:center;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:18px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1351{line-height:1.2;}
.recruit-page .rp-surface .rp-n1352{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;justify-content:center;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:16px;color:var(--white,white);text-align:center;white-space:nowrap;}
.recruit-page .rp-surface .rp-n1353{line-height:1.8;margin-bottom:0;}
.recruit-page .rp-surface .rp-n1354{line-height:1.8;margin-bottom:0;}
.recruit-page .rp-surface .rp-n1355{line-height:1.8;}
.recruit-page .rp-surface .rp-n1356{align-content:stretch;display:flex;gap:16px;align-items:flex-start;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1357{border-width:1px;border-style:solid;border-color:#e6e8ea;align-content:stretch;display:flex;gap:10px;align-items:center;padding-left:16px;padding-right:13px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:32px;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1358{overflow-wrap:break-word;align-content:stretch;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;gap:10px;height:22px;align-items:center;line-height:0;font-style:normal;overflow:clip;position:relative;flex-shrink:0;font-size:16px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1359{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1360{line-height:1.4;}
.recruit-page .rp-surface .rp-n1361{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1362{line-height:1.4;}
.recruit-page .rp-surface .rp-n1363{position:relative;flex-shrink:0;width:24px;height:24px;}
.recruit-page .rp-surface .rp-n1364{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1365{border-width:1px;border-style:solid;border-color:#e6e8ea;align-content:stretch;display:flex;gap:10px;align-items:center;padding-left:16px;padding-right:13px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:32px;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1366{overflow-wrap:break-word;align-content:stretch;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;gap:10px;height:22px;align-items:center;line-height:0;font-style:normal;overflow:clip;position:relative;flex-shrink:0;font-size:16px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1367{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1368{line-height:1.4;}
.recruit-page .rp-surface .rp-n1369{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1370{line-height:1.4;}
.recruit-page .rp-surface .rp-n1371{position:relative;flex-shrink:0;width:24px;height:24px;}
.recruit-page .rp-surface .rp-n1372{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1373{backdrop-filter:blur(3px);height:964px;position:relative;flex-shrink:0;width:1440px;}
.recruit-page .rp-surface .rp-n1374{position:absolute;height:247px;left:1090px;overflow:clip;border-radius:16px;top:717px;width:350px;}
.recruit-page .rp-surface .rp-n1375{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:16px;}
.recruit-page .rp-surface .rp-n1376{position:absolute;height:128.48%;left:-18%;max-width:none;top:-14.24%;width:136%;}
.recruit-page .rp-surface .rp-n1377{position:absolute;height:250px;left:150px;top:275px;width:300px;}
.recruit-page .rp-surface .rp-n1378{position:absolute;height:240px;left:1020px;overflow:clip;border-radius:12px;top:73px;width:340px;}
.recruit-page .rp-surface .rp-n1379{object-fit:cover;position:absolute;inset:0;max-width:none;object-position:center bottom;pointer-events:none;border-radius:12px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1380{position:absolute;height:250px;left:150px;top:275px;width:300px;}
.recruit-page .rp-surface .rp-n1381{position:absolute;height:360px;left:0;overflow:clip;border-radius:12px;top:288px;width:300px;}
.recruit-page .rp-surface .rp-n1382{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:12px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1383{position:absolute;height:250px;left:150px;top:275px;width:300px;}
.recruit-page .rp-surface .rp-n1384{align-content:stretch;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:auto;}
.recruit-page .rp-surface .rp-n1385{background-color:#fff;height:667px;overflow:clip;flex-shrink:0;position:relative;top:0;width:100%;}
.recruit-page .rp-surface .rp-n1386{position:absolute;display:contents;left:-245px;top:calc(50% + 0.3px);transform:translate(0,-50%);}
.recruit-page .rp-surface .rp-n1387{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:28.8px;height:957.6px;align-items:flex-start;left:52.6px;top:calc(50% + 0.3px);width:268.8px;transform:translate(0,-50%);}
.recruit-page .rp-surface .rp-n1388{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1389{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:9.6px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1390{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1391{position:absolute;inset:0;max-width:none;object-position:center bottom;pointer-events:none;border-radius:9.6px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1392{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1393{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:9.6px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1394{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:28.8px;height:628.8px;align-items:flex-start;left:-245px;top:10.4px;width:268.8px;}
.recruit-page .rp-surface .rp-n1395{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1396{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:9.6px;}
.recruit-page .rp-surface .rp-n1397{position:absolute;height:114.01%;left:-24.27%;max-width:none;top:0;width:169.36%;}
.recruit-page .rp-surface .rp-n1398{height:300px;position:relative;border-radius:7.2px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1399{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:7.2px;}
.recruit-page .rp-surface .rp-n1400{position:absolute;height:100%;left:-67.45%;max-width:none;top:0;width:167.41%;}
.recruit-page .rp-surface .rp-n1401{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:28.8px;height:628.8px;align-items:flex-start;justify-content:center;left:350.2px;top:10.4px;width:268.8px;}
.recruit-page .rp-surface .rp-n1402{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1403{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:9.6px;}
.recruit-page .rp-surface .rp-n1404{position:absolute;height:176.37%;left:-36.05%;max-width:none;top:-54.27%;width:187%;}
.recruit-page .rp-surface .rp-n1405{height:300px;position:relative;border-radius:9.6px;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1406{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:9.6px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1407{position:absolute;background-color:rgba(8,39,50,0.8);height:667px;left:0;mix-blend-mode:multiply;top:0;width:375px;}
.recruit-page .rp-surface .rp-n1408{align-content:stretch;display:flex;flex-direction:column;gap:10px;height:747px;align-items:center;justify-content:center;overflow:clip;padding-left:16px;padding-right:16px;padding-top:180px;padding-bottom:180px;flex-shrink:0;position:relative;width:100%;}
.recruit-page .rp-surface .rp-n1409{position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:40px;align-items:center;left:50%;transform:translateX(-50%);top:173px;width:343px;}
.recruit-page .rp-surface .rp-n1410{align-content:stretch;display:flex;flex-direction:column;gap:32px;align-items:center;position:relative;flex-shrink:0;width:100%;}
.recruit-page .rp-surface .rp-n1411{align-content:stretch;display:flex;flex-direction:column;gap:4px;align-items:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1412{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:Zalando,sans-serif;font-weight:500;justify-content:center;line-height:0;position:relative;flex-shrink:0;font-size:40px;color:var(--white,white);text-transform:uppercase;white-space:nowrap;}
.recruit-page .rp-surface .rp-n1413{line-height:1.2;}
.recruit-page .rp-surface .rp-n1414{align-content:stretch;display:flex;flex-direction:column;gap:8px;align-items:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1415{height:0;position:relative;flex-shrink:0;width:16px;}
.recruit-page .rp-surface .rp-n1416{position:absolute;inset:-2px 0 0 0;}
.recruit-page .rp-surface .rp-n1417{display:block;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1418{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;justify-content:center;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:16px;color:var(--primitive\/color\/gray-color\/gray 30,#b1b8be);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1419{line-height:1.4;}
.recruit-page .rp-surface .rp-n1420{overflow-wrap:break-word;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;justify-content:center;line-height:0;font-style:normal;position:relative;flex-shrink:0;font-size:14px;color:var(--white,white);text-align:center;white-space:nowrap;}
.recruit-page .rp-surface .rp-n1421{line-height:1.8;margin-bottom:0;}
.recruit-page .rp-surface .rp-n1422{line-height:1.8;margin-bottom:0;}
.recruit-page .rp-surface .rp-n1423{line-height:1.8;}
.recruit-page .rp-surface .rp-n1424{align-content:stretch;display:flex;flex-direction:column;gap:16px;align-items:flex-start;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1425{border-width:1px;border-style:solid;border-color:#e6e8ea;align-content:stretch;display:flex;gap:10px;align-items:center;padding-left:16px;padding-right:13px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:32px;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1426{overflow-wrap:break-word;align-content:stretch;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;gap:10px;height:22px;align-items:center;line-height:0;font-style:normal;overflow:clip;position:relative;flex-shrink:0;font-size:16px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1427{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1428{line-height:1.4;}
.recruit-page .rp-surface .rp-n1429{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1430{line-height:1.4;}
.recruit-page .rp-surface .rp-n1431{position:relative;flex-shrink:0;width:24px;height:24px;}
.recruit-page .rp-surface .rp-n1432{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1433{border-width:1px;border-style:solid;border-color:#e6e8ea;align-content:stretch;display:flex;gap:10px;align-items:center;padding-left:16px;padding-right:13px;padding-top:12px;padding-bottom:12px;position:relative;border-radius:32px;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1434{overflow-wrap:break-word;align-content:stretch;display:flex;flex-direction:column;font-family:LINE,sans-serif;font-weight:400;gap:10px;height:22px;align-items:center;line-height:0;font-style:normal;overflow:clip;position:relative;flex-shrink:0;font-size:16px;color:var(--white,white);white-space:nowrap;}
.recruit-page .rp-surface .rp-n1435{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1436{line-height:1.4;}
.recruit-page .rp-surface .rp-n1437{display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink:0;}
.recruit-page .rp-surface .rp-n1438{line-height:1.4;}
.recruit-page .rp-surface .rp-n1439{position:relative;flex-shrink:0;width:24px;height:24px;}
.recruit-page .rp-surface .rp-n1440{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1441{position:absolute;height:120px;left:-20px;border-radius:12px;top:539px;width:100px;}
.recruit-page .rp-surface .rp-n1442{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;border-radius:12px;width:100%;height:100%;}
.recruit-page .rp-surface .rp-n1443{position:absolute;height:117px;left:256px;border-radius:16px;top:577px;width:165px;}
.recruit-page .rp-surface .rp-n1444{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:16px;}
.recruit-page .rp-surface .rp-n1445{object-fit:cover;position:absolute;height:128.48%;left:-18%;max-width:none;top:-14.24%;width:136%;}
.recruit-page .rp-surface .rp-n1446{position:absolute;height:100px;left:256px;border-radius:12px;top:33.78px;width:142px;}
.recruit-page .rp-surface .rp-n1447{object-fit:cover;position:absolute;inset:0;max-width:none;object-position:center bottom;pointer-events:none;border-radius:12px;width:100%;height:100%;}

/* Two independent Figma stages; stage 1 is never the background of stage 2. */
#join-us{position:relative;isolation:isolate;--banner-unit:calc(min(100vw,1440px) / 1440)}
.recruit-page #join-us .rp-n1316{display:flex;max-width:1440px;margin-inline:auto;height:auto}
.recruit-page #join-us .rp-n1317{width:100%;height:calc(900 * var(--banner-unit));background:#fff}
.recruit-page #join-us .rp-n1339{width:100%;height:100%}
.recruit-page #join-us .rp-n1340{width:100%;height:calc(964 * var(--banner-unit));padding:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 17.739%,#fff 100%),#f5f5f5;isolation:isolate}
.recruit-page #join-us .rp-n1341{top:calc(296 * var(--banner-unit));z-index:2}
.recruit-page #join-us .rp-n1373{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.recruit-page #join-us :is(.rp-n1319,.rp-n1326,.rp-n1333){width:31.111111%;gap:calc(48 * var(--banner-unit));translate:0 var(--banner-column-y,0px)}
.recruit-page #join-us .rp-n1319{left:34.444444%}
.recruit-page #join-us .rp-n1326{left:0;top:calc(-88 * var(--banner-unit))}
.recruit-page #join-us .rp-n1333{left:68.888889%;top:calc(-88 * var(--banner-unit))}
.recruit-page #join-us :is(.rp-n1320,.rp-n1322,.rp-n1324,.rp-n1327,.rp-n1330,.rp-n1334,.rp-n1337){height:calc(500 * var(--banner-unit))}
.recruit-page #join-us .rp-n1374{left:auto;right:0;top:calc(717 * var(--banner-unit));width:calc(350 * var(--banner-unit));height:calc(247 * var(--banner-unit))}
.recruit-page #join-us .rp-n1378{left:auto;right:calc(80 * var(--banner-unit));top:calc(73 * var(--banner-unit));width:calc(340 * var(--banner-unit));height:calc(240 * var(--banner-unit))}
.recruit-page #join-us .rp-n1381{top:calc(288 * var(--banner-unit));width:calc(300 * var(--banner-unit));height:calc(360 * var(--banner-unit))}
#join-us :is(.rp-n1374,.rp-n1378,.rp-n1381,.rp-n1441,.rp-n1443,.rp-n1446){translate:0 var(--banner-float-y,0px)}
/* Reuse the common button motion tokens, retaining THIS button's Figma shape. */
#join-us :is(.rp-n1357,.rp-n1365,.rp-n1425,.rp-n1433){background:transparent;cursor:pointer;transition:border-color 400ms var(--button-ease,cubic-bezier(.22,1,.36,1))}
#join-us :is(.rp-n1358,.rp-n1366,.rp-n1426,.rp-n1434)>div{transition:transform var(--button-roll-duration,600ms) var(--button-ease,cubic-bezier(.22,1,.36,1))}
#join-us .rp-btn>.rp-arrow>img{transform-origin:center;transition:transform var(--button-icon-duration,450ms) var(--button-ease,cubic-bezier(.22,1,.36,1))}
#join-us .rp-btn:focus-visible>.rp-text>div{transform:translateY(calc(-100% - 10px))}
#join-us .rp-btn:not([aria-disabled="true"]):focus-visible>.rp-arrow>img[src$="/62a2d.svg"]{transform:scale(1.3333333333)}
@media(hover:hover) and (pointer:fine){
 #join-us .rp-btn:hover>.rp-text>div{transform:translateY(calc(-100% - 10px))}
 #join-us .rp-btn:not([aria-disabled="true"]):hover>.rp-arrow>img[src$="/62a2d.svg"]{transform:scale(1.3333333333)}
 #join-us :is(.rp-n1357,.rp-n1365,.rp-n1425,.rp-n1433):hover{border-color:#b1b8be}
}
@media(min-width:1101px){.recruit-page #join-us .rp-n1384{display:none}}
@media(max-width:1100px){
 .recruit-page #join-us .rp-n1316{display:none}
 .recruit-page #join-us .rp-n1384{display:flex;width:375px;max-width:100%;margin-inline:auto}
 .recruit-page #join-us .rp-n1385{position:relative}
 .recruit-page #join-us .rp-n1408{position:relative;background:#f5f5f5;isolation:isolate}
 .recruit-page #join-us .rp-n1409{z-index:2}
 #join-us :is(.rp-n1387,.rp-n1394,.rp-n1401){translate:0 var(--banner-column-y,0px)}
 .recruit-page #join-us .rp-n1424{flex-direction:column}
 .recruit-page #join-us .rp-n1418{color:#b1b8be}
}
@media(prefers-reduced-motion:reduce){
 #join-us :is(.rp-n1358,.rp-n1366,.rp-n1426,.rp-n1434)>div{transition:none!important;transform:none!important}
 #join-us .rp-arrow>img{transition:none!important;transform:none!important}
}

/* Same scene topology as TOP: one pinned viewport and two viewports of progress. */
#join-us{--recruit-view-height:100vh;height:calc(3 * var(--recruit-view-height));background:#082732}
@supports(height:100svh){#join-us{--recruit-view-height:100svh}}
.recruit-page #join-us :is(.rp-n1316,.rp-n1384){position:sticky;top:0;height:var(--recruit-view-height);overflow:hidden;isolation:isolate}
#join-us .recruit-banner-stage{position:absolute;inset:0;width:100%;height:100%}
#join-us .recruit-banner-stage--columns{z-index:0}
#join-us .recruit-banner-stage--content{z-index:1}
.recruit-page #join-us :is(.rp-n1317,.rp-n1385){position:absolute;inset:0;height:100%;width:100%;overflow:hidden}
.recruit-page #join-us :is(.rp-n1318,.rp-n1386){display:block;position:absolute;inset:0;transform:scale(var(--recruit-scale,1));transform-origin:center}
.recruit-page #join-us :is(.rp-n1319,.rp-n1326,.rp-n1333,.rp-n1387,.rp-n1394,.rp-n1401){translate:0 var(--recruit-column-y,0px)}
.recruit-page #join-us :is(.rp-n1339,.rp-n1407){height:100%;width:100%}
.recruit-page #join-us :is(.rp-n1340,.rp-n1408){position:absolute;inset:0;height:100%;width:100%;padding:0;overflow:visible;background:transparent}
#join-us :is(.rp-n1341,.rp-n1409){translate:0 var(--recruit-copy-y,100vh)}
#join-us :is(.rp-n1374,.rp-n1378,.rp-n1381,.rp-n1441,.rp-n1443,.rp-n1446){translate:0 var(--recruit-image-y,100vh)}
.recruit-page #join-us .rp-n1373{translate:0 var(--recruit-blur-y,100vh)}
#join-us :is(.rp-n1340,.rp-n1408)::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 17.739%,#fff 100%);translate:0 var(--recruit-blur-y,100vh);pointer-events:none;z-index:0}
@media(prefers-reduced-motion:reduce){
 #join-us{height:auto}
 .recruit-page #join-us :is(.rp-n1316,.rp-n1384){position:relative;height:auto}
 #join-us .recruit-banner-stage{position:relative;height:auto}
 .recruit-page #join-us :is(.rp-n1317,.rp-n1385){position:relative;height:var(--recruit-view-height)}
 .recruit-page #join-us :is(.rp-n1340,.rp-n1408){position:relative;height:var(--recruit-view-height)}
 .recruit-page #join-us :is(.rp-n1318,.rp-n1386){transform:none}
 #join-us :is(.rp-n1319,.rp-n1326,.rp-n1333,.rp-n1387,.rp-n1394,.rp-n1401,.rp-n1341,.rp-n1409,.rp-n1374,.rp-n1378,.rp-n1381,.rp-n1441,.rp-n1443,.rp-n1446,.rp-n1373){translate:none!important}
 #join-us :is(.rp-n1340,.rp-n1408)::before{translate:none!important}
}

/* Reuse TOP's full-viewport scene/backdrop/collage; retain RECRUIT artwork/content. */
#join-us{width:100vw;max-width:none;margin-left:calc(50% - 50vw);background:#082732}
.recruit-page #join-us :is(.recruit-scene,.recruit-backdrop,.rp-n1317,.rp-n1385){background:#082732}
.recruit-page #join-us .recruit-scene{width:100%;max-width:none;margin-inline:0}
#join-us .recruit-banner-stage{width:100%;max-width:none;margin-inline:0}
#join-us .recruit-scene::before,#join-us .recruit-banner-stage::after{content:none}
@media(min-width:1101px){
 #join-us{--banner-unit:var(--wide-pixel,calc(100vw / 1440))}
 .recruit-page #join-us .collage-photo{min-height:var(--recruit-photo-min-height,0px)}
}

/* Use TOP's undistorted source and its centered Figma crop, without changing frames. */
.recruit-page #join-us :is(.rp-n1322,.rp-n1390){overflow:hidden}
.recruit-page #join-us :is(.rp-n1323,.rp-n1391){object-fit:cover;object-position:50% 50%;transform:scale(1.06922684)}

/* Intermediate viewport: retain SP artwork sizes; center the content independently. */
@media(min-width:761px) and (max-width:1100px){
 .recruit-page #join-us .rp-n1409{width:343px;max-width:calc(100% - 48px)}
 .recruit-page #join-us .rp-n1446{left:auto;right:24px}
 .recruit-page #join-us .rp-n1441{left:24px}
 .recruit-page #join-us .rp-n1443{left:auto;right:24px}
}


/* Keep foreground frames at their existing Y. Extend only their outer clip
   bounds; background, gradient and motion geometry retain the original viewport. */
#join-us{background:#fff}
.recruit-page #join-us :is(.rp-n1316,.rp-n1384){
  height:calc(var(--recruit-view-height) + var(--join-frame-clearance,0px));
  background:#fff;
}
#join-us .recruit-banner-stage{height:var(--recruit-view-height)}
@media(prefers-reduced-motion:no-preference){
  #join-us{height:calc(3 * var(--recruit-view-height) + var(--join-frame-clearance,0px))}
}

/* Positioning owns X centering; the inner collage owns its existing motion. */
#join-us .join-background-positioner{position:absolute;inset:0}
@media(max-width:1100px){
 #join-us .join-background-positioner{left:50%;right:auto;width:375px;transform:translateX(-50%)}
}

/* The existing white gradient overlaps the backdrop's fractional raster edge.
   Keep its original fade endpoint; only the fully-white tail extends 2px. */
#join-us :is(.rp-n1340,.rp-n1408)::before{
  bottom:-2px;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 17.739%,#fff calc(100% - 2px));
}