/* The approved one-page reading flow. All selectors stay inside the company page or role sheet. */
.op-layout{color:#161616;background:#fff;min-width:0;padding-bottom:92px}
.op-layout *,.op-reader *{box-sizing:border-box}
.op-layout a,.op-layout button,.op-layout select,.op-reader a,.op-reader button{touch-action:manipulation}
.op-tabs{display:flex;gap:28px;padding:0 4%;border-bottom:1px solid #e4e4e4;overflow:auto;scrollbar-width:none;background:#fff;position:sticky;top:var(--op-sticky-top,calc(var(--header,84px) + 66px));z-index:12}
.in-onepage .op-layout .in-scene [id]{scroll-margin-top:var(--op-scroll-offset,calc(var(--header,84px) + 143px))}
.op-org-groups p{margin:8px 0 0;font-size:10px;line-height:1.8;color:#6f6f6f}
.op-tabs a{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:60px;text-decoration:none;color:#6f6f6f;font-size:13px;font-weight:600;white-space:nowrap}
.op-tabs a>span{font-size:10px;color:#9e9e9e}.op-tabs a>b{font-size:11px;font-weight:500}
.op-tabs a[aria-current=page]{color:#161616}.op-tabs a[aria-current=page]:after{position:absolute;content:"";height:4px;background:#f9e84f;bottom:0;left:0;right:0}
.op-sheet,.op-roles,.op-recap{max-width:1160px;margin:0 auto;padding:34px clamp(20px,4vw,56px)}
.op-eyebrow{display:block;color:#6f6f6f;font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.1em}
.op-heading h1{font-family:var(--sans);font-weight:500;font-size:clamp(26px,2.4vw,40px);line-height:1.28;letter-spacing:-.035em;margin:9px 0 24px;white-space:pre-line;max-width:850px}
.op-layout[data-op-lang=ko] .op-heading h1{font-family:var(--sans);font-weight:500;word-break:keep-all;overflow-wrap:anywhere}
.op-scene{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:start}
.op-hero-number{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:4px;margin:0 0 18px}
.op-hero-number strong{font-size:clamp(38px,4vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.12;box-shadow:inset 0 -.17em #f9e84f}
.op-hero-number span{font-size:12px;max-width:160px;line-height:1.6}.op-hero-number time{width:100%;font-size:10px;color:#6f6f6f}
.op-line{font-size:14px;line-height:1.8;margin:0 0 22px}.op-beats{display:grid;gap:14px}.op-beats article{border-top:1px solid #e4e4e4;padding-top:10px}
.op-beats h2{font-size:13px;margin:0 0 5px;font-weight:600}.op-beats p{font-size:12px;line-height:1.8;margin:0;color:#6f6f6f}
.op-visual{margin:0;min-width:0}.op-visual>img{display:block;width:100%;height:275px;object-fit:cover;background:#f7f7f7}.op-visual>img.op-image-contain{object-fit:contain}
.op-visual figcaption{font-size:10px;line-height:1.7;color:#6f6f6f;padding-top:9px}.op-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.op-people img{display:block;width:100%;height:140px;object-fit:contain;background:#f7f7f7}.op-people img.op-image-contain{object-fit:contain}.op-people h3{font-size:14px;margin:10px 0 3px}.op-people span{font-size:10px;color:#6f6f6f}.op-people p{font-size:11px;line-height:1.8;margin:5px 0 0}
.op-quote{margin:20px 0 0;padding:14px 0 0;border-top:1px solid #e4e4e4}.op-quote p{font-family:var(--sans);font-size:17px;line-height:1.6;margin:0}.op-quote footer{font-size:10px;color:#6f6f6f;margin-top:8px}
.op-chart svg{width:100%;height:auto;display:block;overflow:visible}.op-chart polyline{fill:none;stroke:#161616;stroke-width:3}.op-chart circle{fill:#161616}.op-chart-axis{stroke:#e4e4e4;stroke-width:1}
.op-chart-values{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:0;margin:0;list-style:none}.op-chart-values li{min-width:70px}.op-chart-values strong{display:block;font-size:13px}.op-chart-values time{display:block;margin-top:4px;font-size:10px;color:#6f6f6f}
.op-timeline{margin:0;padding:0;list-style:none;border-left:1px solid #e4e4e4}.op-timeline li{position:relative;padding:0 0 20px 23px}.op-timeline li:before{content:"";width:6px;height:6px;background:#161616;position:absolute;left:-3.5px;top:7px}.op-timeline time{font-size:10px;color:#6f6f6f}.op-timeline p{font-size:13px;line-height:1.9;margin:7px 0 0}
.op-org-lead{border-bottom:1px solid #e4e4e4;padding:0 0 12px;margin-bottom:14px}.op-org-lead strong,.op-org-lead span{display:block}.op-org-lead span{font-size:11px;color:#6f6f6f;margin-top:4px}
.op-org-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-org-groups article{border-top:1px solid #e4e4e4;padding-top:10px}.op-org-groups h3{font-size:12px;line-height:1.6;margin:0}.op-org-groups h3 b{float:right;font-size:11px;font-weight:500}.op-org-groups ul{padding-left:16px;margin:8px 0 0;font-size:10px;line-height:1.8;color:#6f6f6f}
.op-for-you{display:flex;align-items:center;gap:24px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:14px 0;margin-top:25px}.op-for-you>div{flex:1;min-width:0}.op-for-you>div>span{display:inline-block;font-size:10px;font-weight:600;background:#fdf6c5;padding:3px 6px}.op-for-you p{font-size:12px;line-height:1.7;margin:7px 0 0}
.op-family-select{display:flex;flex-direction:column;gap:5px;font-size:10px;max-width:240px;min-width:150px}.op-family-select span{color:#6f6f6f}.op-family-select select{font:inherit;font-size:12px;background:#fff;color:#161616;border:1px solid #e4e4e4;border-radius:0;padding:8px 25px 8px 8px;width:100%;min-height:36px}
.op-dig-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}.op-dig-in details{min-width:0}.op-dig-in summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:500;line-height:1.7;cursor:pointer;list-style:none}.op-dig-in summary::-webkit-details-marker,.op-deep>summary::-webkit-details-marker{display:none}.op-dig-in details[open] summary>span{transform:rotate(45deg)}.op-dig-in p{font-size:12px;line-height:1.9;color:#6f6f6f;margin:10px 0 0}.op-basis{font-size:10px;color:#6f6f6f;line-height:1.7;margin:18px 0 0}
.op-deep{max-width:1160px;margin:0 auto;border-top:1px solid #e4e4e4;padding:0 clamp(20px,4vw,56px)}.op-deep>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:23px 0;font-family:var(--sans);font-size:18px;list-style:none}.op-deep[open]>summary>span{transform:rotate(45deg)}
.op-deep-content{padding-bottom:24px}.op-deep-content>.in-hero,.op-deep-content>.in-roles-hero{display:none}.op-deep-content .in-section{padding:30px 0}.op-deep-content .in-wrap{max-width:none;padding:0}.op-deep-content .in-open-roles,.op-deep-content .ds-other-roles-section{display:none}.op-deep .ds-fig img{object-fit:contain}.op-deep-roles{display:inline-block;color:#161616;font-size:13px;padding:12px 0 25px}
.op-layout .in-scroll{overflow:visible;min-width:0}.op-layout .in-scene{padding:0}.op-actionbar{position:static;display:flex;justify-content:flex-end;gap:8px;max-width:1160px;margin:0 auto;background:#fff;border-top:1px solid #e4e4e4;padding:20px clamp(20px,4vw,56px)}
.op-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:44px;background:#161616;color:#fff;border:1px solid #161616;border-radius:0;font:inherit;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}.op-button:hover{background:#333;color:#fff}.op-button-secondary{background:#fff;color:#161616}.op-button-secondary:hover{background:#f7f7f7;color:#161616}
.op-text-button{background:none;border:0;padding:6px 0;color:#161616;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;white-space:nowrap}.op-text-button:hover{text-decoration:underline;text-underline-offset:4px}.op-layout :is(a,button,select,summary):focus-visible,.op-reader :is(a,button):focus-visible{outline:2px solid #161616;outline-offset:4px}
.op-roles{padding-top:34px;padding-bottom:0}.op-roles header h2{font-family:var(--sans);font-size:clamp(23px,2.2vw,34px);font-weight:500;letter-spacing:-.025em;margin:9px 0 7px}.op-roles header p{font-size:11px;color:#6f6f6f;margin:0}.op-family-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.op-family-chips button{font:inherit;font-size:11px;background:#fff;color:#161616;border:1px solid #e4e4e4;padding:9px 12px;cursor:pointer}.op-family-chips button[aria-pressed=true]{background:#161616;color:#fff;border-color:#161616}.op-family-chips span{margin-left:4px;font-size:10px}
.op-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.op-role{border-top:1px solid #e4e4e4;padding:20px 0 24px;min-width:0}.op-role[hidden]{display:none}.op-role-family{font-size:10px;color:#6f6f6f}.op-role h3{font-size:17px;line-height:1.4;letter-spacing:-.015em;margin:9px 0 7px;overflow-wrap:anywhere}.op-role-meta{font-size:10px;line-height:1.7;color:#6f6f6f;margin:0 0 16px}.op-role .op-role-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.op-three-lines{padding:0;margin:0 0 18px}.op-three-lines>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;margin-top:8px}.op-three-lines dt{font-size:10px;color:#6f6f6f;line-height:1.8}.op-three-lines dd{font-size:12px;line-height:1.8;margin:0}.op-role-actions{display:flex;align-items:center;gap:18px;margin-top:14px}
.op-recap{border-top:1px solid #e4e4e4;margin-top:30px}.op-recap h2{font-family:var(--sans);font-size:32px;font-weight:500;margin:10px 0}.op-recap>p{font-size:14px;line-height:1.8;max-width:780px;margin:0}.op-recap>dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:26px 0}.op-recap dl>div{border-top:1px solid #e4e4e4;padding-top:14px;min-width:0}.op-recap dt{font-size:11px;color:#6f6f6f;line-height:1.7}.op-recap dd{font-size:25px;letter-spacing:-.04em;margin:8px 0;overflow-wrap:anywhere}.op-recap small{font-size:9px;color:#6f6f6f}
/* Korea is a continuous reading flow: full-width team, then every vacancy. */
.op-layout[data-op-active=korea]{padding-bottom:0}
.op-layout[data-op-active=korea] .in-scene{overflow:visible}
.op-layout[data-op-active=korea] .op-scene{display:flex;flex-direction:column;gap:24px}
.op-layout[data-op-active=korea] .op-korea-team{padding-bottom:24px}
.op-layout[data-op-active=korea] .op-korea-context{border-top:1px solid #e4e4e4;margin-top:4px}
.op-layout[data-op-active=korea] .op-visual,.op-layout[data-op-active=korea] .op-scene-copy{width:100%}
.op-layout[data-op-active=korea] .op-org-groups{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:22px}
.op-layout[data-op-active=korea] .op-beats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.op-layout[data-op-active=korea] .op-roles{padding-top:28px;border-top:1px solid #e4e4e4}
.op-layout[data-op-active=korea] .op-role-list{grid-template-columns:minmax(0,1fr)}
.op-layout[data-op-active=korea] .op-role{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding:28px 0}
.op-layout[data-op-active=korea] .op-role[hidden]{display:none}
.op-role-content{min-width:0}
.op-layout[data-op-active=korea] .op-role-actions{flex-direction:column;align-items:stretch;gap:14px;margin-top:0;min-width:116px}
.op-layout[data-op-active=korea] .op-role-actions .op-text-button{text-align:center}
.op-layout[data-op-active=korea] .op-actionbar{position:static;inset:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.op-reader-open{overflow:hidden}.op-reader{position:fixed;inset:0 0 0 auto;width:min(720px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;background:#fff;color:#161616;font-family:var(--sans);overflow:hidden}.op-reader[open]{display:flex;flex-direction:column}.op-reader::backdrop{background:rgb(0 0 0 / .42)}
.op-reader-bar{display:flex;align-items:center;gap:18px;padding:18px 30px;border-bottom:1px solid #e4e4e4;flex-shrink:0}.op-reader-bar img{width:80px;height:auto}.op-reader-bar span{font-size:11px;color:#6f6f6f}.op-reader-bar button{margin-left:auto;background:#fff;border:0;font-size:28px;line-height:1;padding:4px 8px;color:#161616;cursor:pointer}.op-reader-scroll{padding:30px 40px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}.op-reader-scroll>h2{font-size:30px;line-height:1.3;letter-spacing:-.03em;margin:10px 0 16px;overflow-wrap:anywhere}.op-reader-scroll>.op-three-lines{margin:23px 0}.op-posting{margin:30px 0;padding:24px 0;border-top:1px solid #e4e4e4}.op-posting>h3{font-size:16px;margin:0 0 10px}.op-posting-stamp{font-size:10px!important;color:#6f6f6f!important}.op-posting :is(p,li){font-size:13px;line-height:1.95;overflow-wrap:anywhere;white-space:normal}.op-posting ul{padding-left:20px}.op-employer-link{font-size:10px;line-height:1.9;margin:28px 0 0}.op-employer-link a{color:#6f6f6f;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.op-tabs{padding:0 22px;gap:22px}.op-scene{gap:24px}.op-sheet,.op-roles,.op-recap{padding-left:24px;padding-right:24px}.op-hero-number strong{font-size:42px}.op-for-you{flex-wrap:wrap;gap:15px}.op-for-you>div{flex-basis:100%}.op-recap>dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.op-layout{padding-bottom:82px}.op-tabs{gap:20px;padding:0 20px}.op-tabs a{min-height:50px;font-size:11px}.op-sheet,.op-roles,.op-recap{padding:26px 20px}.op-heading h1{font-size:27px;margin-bottom:22px}.op-scene{display:block}.op-hero-number strong{font-size:45px}.op-line{font-size:13px}.op-beats{gap:12px}.op-visual{margin-top:24px}.op-visual>img{height:220px}.op-people img{height:160px}.op-org-groups{gap:14px}.op-for-you{margin-top:22px}.op-family-select{flex:1;max-width:none;min-width:0}.op-dig-in{grid-template-columns:1fr;gap:0}.op-dig-in details{padding:12px 0;border-bottom:1px solid #e4e4e4}.op-dig-in summary{font-size:12px}.op-deep{padding:0 20px}.op-deep>summary{font-size:17px}.op-actionbar{position:fixed;z-index:25;inset:auto 0 0 0;right:0;bottom:0;max-width:none;margin:0;border-width:1px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:7px}.op-actionbar .op-button{flex:1;min-width:0;white-space:normal;font-size:11px;padding:11px 8px}.op-role-list{grid-template-columns:1fr}.op-roles{padding-bottom:0}.op-role h3{font-size:18px}.op-three-lines>div{grid-template-columns:64px minmax(0,1fr)}.op-role-actions .op-button{padding:11px 17px}.op-recap>dl{grid-template-columns:repeat(2,minmax(0,1fr))}.op-recap dd{font-size:27px}.op-reader{width:100vw}.op-reader-bar{padding:16px 20px}.op-reader-scroll{padding:24px 20px}.op-reader-scroll>h2{font-size:25px}.op-posting :is(p,li){font-size:13px}.op-reader .op-three-lines dd{font-size:12px}}
@media(prefers-reduced-motion:reduce){.op-layout *,.op-reader *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.op-layout[data-op-active=korea] .op-beats{grid-template-columns:1fr;gap:14px}.op-layout[data-op-active=korea] .op-role{grid-template-columns:minmax(0,1fr);gap:0}.op-layout[data-op-active=korea] .op-role-actions{flex-direction:row;align-items:center;gap:18px;margin-top:0}.op-layout[data-op-active=korea] .op-visual{margin-top:0}.op-layout[data-op-active=korea] .op-actionbar{padding-left:20px;padding-right:20px}}

.op-story{max-width:820px;margin:32px 0;padding:28px 0;border-block:1px solid #deded8}.op-story p{font-size:17px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 20px;color:#272921}.op-story .op-text-button{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.op-original>summary{cursor:pointer;font-size:17px;min-height:48px;display:flex;align-items:center}.op-original [data-op-original-body]{padding-top:18px}.op-original [data-op-original-body] :is(p,li){font-size:16px;line-height:1.8}@media(max-width:600px){.op-story{margin-top:24px;padding:22px 0}.op-story p{font-size:16px;line-height:1.9}.op-original [data-op-original-body] :is(p,li){font-size:15px}}
