/* Brandstar careers: photograph overlay, function directory and readable JD sections. */
.bs-careers{--bscr-ink:#171717;--bscr-muted:#555;--bscr-ground:#fff;--bscr-field:#f6f6f4;--bscr-line:#d6d6d2;color:var(--bscr-ink);background:var(--bscr-ground);font-size:16px;line-height:1.85}
.bs-careers *{box-sizing:border-box}
.bs-careers [hidden]{display:none!important}
.bs-careers ::selection{background:#171717;color:#fff}
.bs-careers .bscr-shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.bs-careers :is(h1,h2,h3,h4,p){margin:0}
.bs-careers :is(h1,h2){font-family:inherit;font-weight:600;letter-spacing:0;text-wrap:balance}
.bs-careers :is(h3,h4){font-weight:600;letter-spacing:0}
.bs-careers p{color:inherit;text-wrap:pretty}
.bs-careers :is(a,button,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bs-careers a{color:inherit;text-decoration:none;text-underline-offset:5px}
.bs-careers button{font:inherit;cursor:pointer}
.bs-careers :is(button,a,summary):focus-visible{outline:2px solid currentColor!important;outline-offset:5px;box-shadow:none!important}
.bs-careers :is(section,details){scroll-margin-top:110px}
.bscr-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;padding:24px 0 28px;min-height:520px}
.bscr-hero>.bscr-shell{display:flex;flex-direction:column;min-height:468px}
.bs-careers .bscr-hero-photo{position:absolute;inset:0 max(32px,calc((100% - 1120px)/2)) 0 auto;z-index:-2;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right center;clip-path:inset(0 0 0 40%)}
.bscr-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.08) 69%,rgba(0,0,0,0))}
.bscr-hero ::selection{background:#fff;color:#171717}
.bscr-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin-bottom:30px;color:#fff}
.bscr-breadcrumb a{display:inline-flex;align-items:center;min-height:32px}
.bs-careers h1{font-size:clamp(36px,4vw,52px);line-height:1.4;max-width:16em}
.bscr-hero-bottom{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:24px;margin-top:28px}
.bscr-hero-bottom p{font-size:17px;line-height:1.9;max-width:36em}
.bs-careers .bscr-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--bscr-ink);color:#fff;padding:13px 24px;min-height:50px;border:1px solid var(--bscr-ink);white-space:nowrap;font-size:15px;line-height:1.6;font-weight:600;transition:background-color .18s ease,color .18s ease}
.bs-careers .bscr-button:hover{background:#444;border-color:#444}
.bs-careers .bscr-button:active{background:#000}
.bscr-hero .bscr-button{background:#fff;color:#171717;border-color:#fff}
.bscr-hero .bscr-button:hover{background:#e7e7e2;border-color:#e7e7e2}
.bscr-hero-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.4);font-size:13px}
.bscr-hero-meta a{margin-left:auto;text-decoration:underline}
.bscr-photo-credit{display:block;width:fit-content;min-height:32px;padding-top:12px;margin-left:0;font-size:12px;color:#fff!important}
.bscr-intro{display:grid;grid-template-columns:.9fr 1.25fr;gap:80px;padding-block:40px;border-top:1px solid var(--bscr-line)}
.bs-careers h2{font-size:28px;line-height:1.55}
.bscr-intro p{font-size:16px;line-height:1.95}
.bscr-intro p+p{margin-top:14px}
.bs-careers .bscr-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.bs-careers a:not(.bscr-button):hover{text-decoration:underline;text-underline-offset:5px}
.bscr-jobs{padding-block:48px 72px}
.bscr-jobs-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--bscr-ink)}
.bscr-jobs-head p{font-size:14px;color:var(--bscr-muted);font-variant-numeric:tabular-nums}
.bscr-job-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:48px;align-items:start}
.bscr-sidebar{position:sticky;top:110px;padding-right:32px;border-right:1px solid var(--bscr-line)}
.bs-careers .bscr-filter-title{font-size:20px;margin-bottom:12px;line-height:1.8}
.bscr-filters{display:flex;flex-direction:column;gap:0}
.bscr-filters button{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--bscr-line);min-height:48px;padding:10px 0;background:transparent;color:var(--bscr-muted);font-size:15px;transition:color .15s ease,background-color .15s ease}
.bscr-filters button[aria-pressed=true]{color:var(--bscr-ink);font-weight:700;border-bottom:1px solid var(--bscr-ink)}
.bscr-filters button:hover{color:var(--bscr-ink);background:var(--bscr-field)}
.bscr-filters button span{font-variant-numeric:tabular-nums;min-width:1.5em;text-align:right;font-size:13px;text-decoration:none}
.bscr-sidebar>p{font-size:13px;color:var(--bscr-muted);margin-top:24px;line-height:1.8}
.bscr-sidebar>.bscr-text-link{font-size:13px;margin-top:4px}
.bs-careers .bscr-job-group>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bscr-job-group+.bscr-job-group{margin-top:0}
.bscr-job{border-bottom:1px solid var(--bscr-line)}
.bscr-job summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:6px 20px;align-items:center;cursor:pointer;padding:22px 0;min-height:80px}
.bscr-job summary::-webkit-details-marker{display:none}
.bscr-job summary:hover .bscr-job-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.bscr-job-title{font-size:21px;line-height:1.5;font-weight:600}
.bscr-job-english{display:block;font-size:13px;font-weight:400;color:var(--bscr-muted);margin-top:3px}
.bscr-job-location{grid-row:2;font-size:13px;color:var(--bscr-muted);white-space:nowrap}
.bscr-toggle{grid-column:2;grid-row:1/3;position:relative;width:20px;height:20px}
.bscr-toggle::before,.bscr-toggle::after{content:"";position:absolute;top:9px;left:3px;width:14px;height:1px;background:currentColor}
.bscr-toggle::after{transform:rotate(90deg);transition:transform .2s ease}
.bscr-job[open] .bscr-toggle::after{transform:rotate(0)}
.bscr-job-detail{padding:0 0 28px}
.bscr-job-description{max-width:44em;line-height:1.9;font-size:16px;margin-bottom:16px!important}
.bscr-requirement-columns{display:grid;grid-template-columns:1fr;gap:32px;margin-top:12px;max-width:46em}
.bs-careers h4{font-size:18px;line-height:1.8;margin-bottom:12px;font-weight:600}
.bscr-job ul{padding-left:1.15em;margin:0;font-size:16px;line-height:1.95}
.bscr-job li+li{margin-top:10px}
.bscr-job li::marker{font-size:.75em}
.bscr-job-apply{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--bscr-line)}
.bscr-job-apply p{font-size:15px;line-height:1.9}
.bscr-job-apply h4{margin-bottom:6px}
.bscr-job-apply .bscr-button{font-size:14px;padding:12px 18px;min-height:46px;flex-shrink:0}
.bscr-apply{background:var(--bscr-field);padding:48px 0 40px;border-top:1px solid var(--bscr-line)}
.bscr-apply>.bscr-shell{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
.bscr-apply-top{grid-column:1;grid-row:1/4}
.bscr-apply-top p{max-width:36em;font-size:15px;line-height:1.95}
.bscr-apply-top p+p{margin-top:20px}
.bscr-apply-top strong{font-weight:600}
.bscr-email-row{grid-column:2;display:flex;align-items:start;flex-wrap:wrap;gap:12px;margin-top:0}
.bscr-email-row>a{font-size:clamp(24px,2.25vw,34px);line-height:1.5;overflow-wrap:anywhere}
.bscr-copy{border:1px solid var(--bscr-line);background:transparent;color:var(--bscr-ink);padding:8px 14px;min-height:44px;font-size:13px!important;flex-shrink:0}
.bscr-copy:hover{background:#e7e7e2}
.bscr-copy-status{grid-column:2;min-height:24px;font-size:13px;color:var(--bscr-muted);margin-top:4px!important}
.bscr-mail-note{grid-column:2;font-size:13px;color:var(--bscr-muted);line-height:1.85}
.bscr-creator-link{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--bscr-line);font-size:14px}
.bscr-creator-link a{min-height:44px;display:inline-flex;align-items:center;gap:16px;text-decoration:underline!important;font-weight:600}
@media(max-width:1000px){
 .bs-careers .bscr-hero-photo{inset:0 32px 0 auto;width:70%}
 .bscr-hero-bottom p{max-width:45%}
 .bscr-hero::before{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.98) 44%,rgba(0,0,0,.08) 68%,transparent)}
 .bscr-job-layout{grid-template-columns:184px minmax(0,1fr);gap:32px}
 .bscr-intro{gap:40px}
 .bscr-job summary{grid-template-columns:minmax(0,1fr) 20px;gap:6px 20px}
 .bscr-job-location{grid-row:2}.bscr-toggle{grid-column:2;grid-row:1/3}
 .bscr-requirement-columns{grid-template-columns:1fr;gap:24px}
 .bscr-job-apply{align-items:start;flex-direction:column;gap:18px}
 .bscr-hero-bottom{align-items:start;flex-direction:column;gap:24px}
 .bscr-breadcrumb{margin-bottom:36px}
 .bscr-apply>.bscr-shell{column-gap:32px}
}
@media(max-width:680px){
 .bs-careers .bscr-shell{width:calc(100% - 40px)}
 .bscr-hero{padding:18px 0 20px;min-height:0}
 .bscr-hero>.bscr-shell{min-height:0}
 .bs-careers .bscr-hero-photo{inset:0;width:100%;object-position:right center}
 .bscr-hero::before{background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.68) 56%,rgba(0,0,0,.46))}
 .bscr-breadcrumb{margin-bottom:32px;font-size:12px}
 .bs-careers h1{font-size:clamp(29px,7.7vw,42px);line-height:1.55}
 .bscr-hero-bottom{margin-top:24px;gap:24px}
 .bscr-hero-bottom p{max-width:100%;font-size:15px;line-height:1.95}
 .bscr-desktop-break{display:none}
 .bscr-hero-meta{gap:8px 20px;margin-top:28px;padding-top:16px;font-size:12px}
 .bscr-hero-meta a{margin-left:0}
 .bscr-photo-credit{margin-left:0;font-size:11px;padding-top:10px;min-height:30px}
 .bscr-intro{grid-template-columns:1fr;gap:20px;padding-block:36px}
 .bs-careers h2{font-size:27px;line-height:1.6}
 .bscr-intro p{font-size:15px;line-height:1.95}
 .bscr-jobs{padding-block:32px 44px}
 .bscr-jobs-head{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:18px}
 .bscr-jobs-head p{font-size:13px}
 .bscr-job-layout{grid-template-columns:1fr;gap:28px}
 .bscr-sidebar{position:static;padding-right:0;border-right:0}
 .bscr-filter-title{margin-bottom:6px!important}
 .bscr-filters{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
 .bscr-filters button[data-group="all"]{grid-column:1/-1}
 .bscr-filters button{font-size:14px;gap:12px;min-height:46px;padding:10px 0}
 .bscr-sidebar>p,.bscr-sidebar>.bscr-text-link{display:none}
 .bscr-job-title{font-size:21px}
 .bscr-job summary{padding:18px 0;min-height:76px}
 .bscr-job-location,.bscr-job-english{font-size:12px}
 .bscr-job-group+.bscr-job-group{margin-top:0}
 .bscr-job-detail{padding-bottom:24px}
 .bscr-job-description{font-size:15px;line-height:1.95}
 .bscr-job ul{font-size:16px;line-height:1.9}
 .bscr-job-apply{padding-top:20px}
 .bscr-job-apply .bscr-button{width:100%}
 .bscr-apply{padding:32px 0}
 .bscr-apply>.bscr-shell{display:block}
 .bscr-apply-top p{font-size:15px}
 .bscr-email-row{margin-top:24px;gap:14px}
 .bscr-email-row>a{font-size:clamp(23px,6.9vw,30px)}
 .bscr-creator-link{align-items:start;flex-direction:column;gap:4px;margin-top:28px;padding-top:16px}
 .bscr-copy-status{min-height:20px}
 .bscr-mail-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.bs-careers *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Role sharing keeps the source JD intact and offers image previews before saving. */
.bscr-job-tools{display:flex;justify-content:flex-end;margin-bottom:20px}
.bscr-share-trigger,.bscr-share-dialog button,.bscr-share-gallery a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #d6d6d2;background:#fff;color:#171717;font:inherit;line-height:1.5;text-decoration:none;cursor:pointer}
.bscr-share-trigger:hover,.bscr-share-dialog button:hover,.bscr-share-gallery a:hover{background:#f1f1ee}
.bscr-share-dialog{position:fixed;inset:0;width:min(1040px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid #d6d6d2;background:#fff;color:#171717;overflow:auto;overscroll-behavior:contain}
.bscr-share-dialog::backdrop{background:rgba(0,0,0,.6)}
.bscr-share-head{position:sticky;top:-28px;z-index:1;background:#fff;padding-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.bs-careers .bscr-share-head h2{font-size:24px;line-height:1.5}
.bscr-share-head p{margin-top:8px!important;font-size:14px;color:#555}
.bscr-share-close{flex-shrink:0}
.bscr-share-status{margin-block:20px!important;font-size:14px}
.bscr-share-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.bscr-share-gallery figure{margin:0;min-width:0}
.bscr-share-gallery img{display:block;width:100%;height:auto;user-select:auto;-webkit-touch-callout:default}
.bscr-share-gallery a{width:100%;margin-top:10px;font-size:14px}
.bscr-share-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.bs-careers .bscr-share-native{background:#171717;border-color:#171717;color:#fff}
.bscr-share-url{display:block;width:100%;margin-top:16px;padding:12px;border:1px solid #777;color:#171717;background:#fff;font:inherit}
@media(max-width:680px){.bscr-share-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px}.bscr-share-gallery{grid-template-columns:1fr}.bs-careers .bscr-share-head h2{font-size:21px}.bscr-share-head{top:-20px;gap:12px}.bscr-share-close{padding-inline:12px}}

/* Brandstar icon polish v1: refine existing controls, preserve page composition. */
.bs-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-3px}
.bs-header-actions .bs-header-search,.bs-header-actions .bs-menu-toggle{position:relative;isolation:isolate;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:0;color:var(--bs-ink)}
.bs-header-actions .bs-header-search::before,.bs-header-actions .bs-menu-toggle::before{content:"";position:absolute;inset:6px;background:#f4f4f3;border-radius:50%;z-index:-1;transition:background .15s}
.bs-header-actions .bs-menu-toggle::before{background:transparent}
.bs-header-actions .bs-header-search:hover::before,.bs-header-actions .bs-menu-toggle:hover::before{background:#eaeae8}
.bs-header-actions .bs-header-search:active::before,.bs-header-actions .bs-menu-toggle:active::before{background:#dededb}
.bs-header-search .bs-icon{width:20px;height:20px;vertical-align:0}
.bs-menu-toggle .bs-icon{width:22px;height:22px;vertical-align:0}
.bs-header-actions .bs-login{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;min-width:64px;min-height:44px;height:44px;padding:0 13px;font-size:13px;line-height:1;color:#fff}
.bs-header-actions .bs-login::before{content:"";position:absolute;inset:5px 0;border-radius:22px;background:var(--bs-ink);z-index:-1;transition:background .15s}
.bs-header-actions .bs-login:hover::before{background:#444}
.bs-header-actions .bs-login:active::before{background:#000}
.bs-menu-toggle[aria-expanded=true] .bs-icon-menu{display:none}
.bs-menu-toggle[aria-expanded=true]::after{content:"";width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M6 18 18 6' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bs-header-actions :is(.bs-header-search,.bs-menu-toggle,.bs-login):focus-visible{outline:2px solid var(--bs-ink)!important;outline-offset:2px;box-shadow:none!important}
.bs-dialog-heading .bs-icon{width:20px;height:20px}
.bs-read-link .bs-icon,.bs-section-heading .bs-icon{margin-inline-start:4px}
@media(max-width:680px){.bs-header-actions{gap:4px}.bs-header-actions .bs-login{min-width:58px;padding-inline:10px}.bs-header-actions .bs-header-search::before{inset:7px}}
@media(prefers-reduced-motion:reduce){.bs-header-actions :is(.bs-header-search,.bs-menu-toggle,.bs-login)::before{transition:none}}
@media(forced-colors:active){.bs-header-actions .bs-login{color:ButtonText}.bs-header-actions .bs-login::before{background:ButtonFace;border:1px solid ButtonText}}


/* Compact header parity v2: 44px targets, 30px visible circles, 32px account. */
.bs-header-actions .bs-header-search::before,.bs-header-actions .bs-menu-toggle::before{inset:7px}
.bs-header-actions .bs-header-search .bs-icon{width:18px;height:18px}
.bs-header-actions .bs-menu-toggle .bs-icon{width:20px;height:20px}
.bs-header-actions .bs-login{min-width:60px;padding-inline:12px;font-size:12px}
.bs-header-actions .bs-login::before{inset:6px 0}
@media(max-width:680px){.bs-header-actions .bs-login{min-width:54px;padding-inline:9px}}