/* Approved October 18 copy. Signal brand kit, independent of screenshot styling. */
.hero.approved-hero--outbound{min-height:760px}
.approved-hero--outbound .io-hero__inner{padding-block:var(--s-6)}
.approved-hero--outbound .io-hero__copy{max-width:650px}
.approved-hero .approved-eyebrow{margin:0 0 var(--s-3);font-size:var(--size-label);max-width:none}
.approved-hero .io-hero__title{font-family:var(--font-display);font-stretch:112%;font-size:clamp(2.75rem,4.4vw,4.5rem);max-width:16ch;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.approved-hero .approved-subheading{margin:var(--s-4) 0 0;max-width:34rem;font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.4;font-weight:700;color:var(--bone)}
.approved-hero .io-hero__sub{margin-top:var(--s-3);font-size:var(--size-body);max-width:34rem}
.approved-hero .io-hero__ctas{margin-top:var(--s-4);gap:var(--s-2)}
.approved-hero .io-btn{gap:var(--s-2)}
.approved-hero .approved-callout{margin:var(--s-4) 0 0;color:var(--bone);font-size:var(--size-data);max-width:36rem;line-height:1.6}
.qualification-strip{background:var(--ink);border-bottom:1px solid var(--line-dark)}
.qualification-inner{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:var(--s-4);padding-block:var(--s-4)}
.qualification-inner>p{font-weight:700;color:var(--bone);font-size:1rem;margin:0}
.qualification-inner ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);padding:0;margin:0}
.qualification-inner li{border-left:1px solid var(--line-dark);padding-left:var(--s-3);font-size:.9375rem;line-height:1.5;color:var(--bone)}
.approved-hero--outbound .outbound-globe .io-static-globe{display:block;position:absolute;width:min(65vw,900px);height:auto;max-width:none;left:57%;top:50%;transform:translate(-10%,-50%);opacity:.85}
@media(min-width:900px) and (max-width:1199px){.approved-hero .io-hero__copy{max-width:54%}.approved-hero .io-hero__title{font-size:3.25rem}.approved-hero .io-btn{padding-inline:var(--s-2)}}
@media(max-width:899px){.hero.approved-hero{min-height:0}.approved-hero--outbound .io-hero__inner{padding-block:var(--s-5) var(--s-3)}.approved-hero--outbound .io-hero__copy{max-width:650px}.approved-hero .io-hero__title{font-size:clamp(2.6rem,8vw,4rem)}.approved-hero--outbound .io-stage{height:420px}.qualification-inner{grid-template-columns:1fr;gap:var(--s-3)}.qualification-inner ul{grid-template-columns:1fr 1fr}.approved-hero--outbound .outbound-globe .io-static-globe{width:600px;left:50%;transform:translate(-50%,-50%)}}
@media(max-width:480px){.approved-hero .io-hero__ctas{flex-direction:column;align-items:stretch}.approved-hero .io-hero__ctas a{width:100%}.approved-hero--outbound .io-stage{height:360px}.qualification-inner li{font-size:.875rem}.approved-hero .approved-callout{font-size:.875rem}}

.approved-nowrap{white-space:nowrap}

/* Opening viewport: the header and preview notice are measured separately. */
.approved-opening{--opening-gap:clamp(12px,2svh,24px);min-height:calc(100svh - var(--opening-chrome-height,116px));display:grid;grid-template-rows:minmax(min-content,1fr) auto}
.approved-opening>.hero.io-hero{min-height:0;overflow:hidden}
.approved-opening .io-hero__inner{padding-block:clamp(16px,3svh,40px)}
.approved-opening .io-hero__copy{width:58%;max-width:700px}
.approved-opening .approved-hero--outbound .io-hero__copy{width:60%;max-width:740px}
.approved-opening .approved-eyebrow{margin:0 0 var(--opening-gap);font-size:12px;line-height:1.5}
.approved-opening .io-hero__title{font-size:clamp(44px,4vw,64px);line-height:1.03;max-width:none;text-wrap:balance}
.approved-opening .approved-subheading{margin-top:var(--opening-gap);font-size:clamp(18px,1.5vw,22px);line-height:1.35;max-width:100%}
.approved-opening .io-hero__sub{margin-top:var(--opening-gap);font-size:clamp(16px,1.15vw,18px);line-height:1.45;max-width:100%}
.approved-opening .io-hero__ctas{margin-top:var(--opening-gap);gap:16px}
.approved-opening .io-btn{min-height:48px;padding:12px 20px;font-size:14px}
.approved-opening .approved-callout{margin-top:var(--opening-gap);font-size:14px;line-height:1.5;max-width:none}
.approved-opening .qualification-inner{grid-template-columns:240px 1fr;gap:24px;padding-block:16px;min-height:80px}
.approved-opening .qualification-inner ul{gap:16px}
.approved-opening .qualification-inner li{padding-left:16px;font-size:14px}
.approved-opening .qualification-inner>p{font-size:14px}
.approved-opening .io-clock{font-size:11px;bottom:12px}
@media(min-width:900px) and (max-height:800px){
 .approved-opening{--opening-gap:12px}
 .approved-opening .io-hero__inner{padding-block:16px}
 .approved-opening .io-hero__title{font-size:44px}
 .approved-opening .approved-subheading{font-size:18px;line-height:1.3}
 .approved-opening .io-hero__sub{font-size:16px;line-height:1.4}
}
@media(max-width:899px){
 .approved-opening{display:block;min-height:0;--opening-gap:24px}
 .approved-opening .io-hero__inner{padding-block:32px 16px}
 .approved-opening .io-hero__copy,.approved-opening .approved-hero--outbound .io-hero__copy{width:100%;max-width:700px}
 .approved-opening .io-hero__title{font-size:clamp(40px,7vw,56px)}
 .approved-opening .approved-subheading{font-size:20px;max-width:36rem}
 .approved-opening .io-hero__sub{font-size:16px;max-width:36rem}
 .approved-opening .io-hero__ctas{flex-direction:row;align-items:start}
 .approved-opening .io-stage{height:460px}
 .approved-opening .qualification-inner{grid-template-columns:1fr;gap:16px;padding-block:24px}
 .approved-opening .qualification-inner ul{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .approved-opening .io-hero__ctas{flex-direction:column;align-items:stretch}
 .approved-opening .io-hero__ctas a{width:100%}
 .approved-opening .io-stage{height:400px}
 .approved-opening .io-hero__title{font-size:40px}
}
/* Keep the cropped outbound artwork inside its own visual area on phones. */
.approved-opening .outbound-globe{overflow:hidden}
.approved-opening{min-height:calc(100svh - var(--opening-chrome-height,var(--opening-chrome-fallback,81px)))}
body:has(.preview-chrome) .approved-opening{--opening-chrome-fallback:117px}
@media(max-width:899px){.approved-opening{min-height:0}}
.approved-opening a:focus-visible{outline:2px solid var(--bone);outline-offset:4px}
/* Compact desktop browser panes need a wider text measure, not smaller type. */
@media(min-width:900px) and (max-width:1199px) and (max-height:650px){
 .approved-opening .io-hero__copy,.approved-opening .approved-hero--outbound .io-hero__copy{width:70%;max-width:none}
}
/* The retained live outbound styles must not hide the local review notice. */
@media(min-width:900px) and (max-width:1199px) and (max-height:650px){
 .approved-opening{--opening-gap:8px}
 .approved-opening .io-hero__inner{padding-block:8px}
}
@media(max-width:899px){
 .approved-opening .approved-hero--outbound.outbound-study{flex-direction:column}
 .approved-opening .outbound-study .io-hero__inner{order:0}
 .approved-opening .outbound-study .io-stage{order:1}
 .approved-opening .outbound-study .study-account-slot{order:2;align-self:flex-start;margin:16px 0 24px}
}

.approved-opening .approved-nowrap{display:inline;white-space:nowrap}
/* Outbound keeps copy protected and groups the globe with its contact card. */
.approved-opening [data-hero-layout=split] .study-city-name{display:none}
@media(min-width:900px){
 .approved-opening .outbound-study[data-hero-layout=split] .io-hero__copy{width:55%;max-width:700px}
 .approved-opening .outbound-study[data-hero-layout=split] .io-stage{left:60%;right:var(--gutter);top:0;bottom:0;width:auto;overflow:hidden}
}
/* Stack naturally on narrow windows, keeping the visual compact and centered. */
@media(max-width:899px){
 .approved-opening:has([data-hero-layout=split]){display:block;min-height:0}
 .approved-opening .outbound-study[data-hero-layout=split]{flex-direction:column;align-items:stretch}
 .approved-opening .outbound-study[data-hero-layout=split] .io-hero__inner{order:0;padding-block:32px 16px}
 .approved-opening .outbound-study[data-hero-layout=split] .io-hero__copy{width:100%;max-width:700px}
 .approved-opening .outbound-study[data-hero-layout=split] .io-stage{order:1;position:relative;inset:auto;width:100%;height:360px;overflow:hidden}
 .approved-opening .outbound-study[data-hero-layout=split] .study-account-slot{order:2;position:relative;align-self:center;left:auto;right:auto;top:auto;width:320px;max-width:calc(100% - 32px);height:auto;margin:-180px auto 32px}
}
/* Laptop panes retain two protected columns; phones/tablets stack below900px. */
@media(min-width:900px) and (max-width:1199px){
 .approved-opening .outbound-study[data-hero-layout=split] .io-hero__copy{width:60%;max-width:none}
 .approved-opening .outbound-study[data-hero-layout=split] .io-stage{left:64%}
 .approved-opening .outbound-study[data-hero-layout=split] .io-hero__ctas{gap:12px}
 .approved-opening .outbound-study[data-hero-layout=split] .io-btn{padding-inline:16px}
}
/* Short laptop panes still need room for simultaneous inbound cards. */
@media(min-width:900px) and (max-width:1199px){
 .approved-opening .approved-hero:not(.approved-hero--outbound) .io-hero__copy{width:58%;max-width:none}
}
@media(min-width:900px) and (max-height:650px){
 .approved-opening>.approved-hero:not(.approved-hero--outbound){min-height:420px}
}
/* Enlarge North America; the contact card covers the lower hemisphere. */
.approved-opening [data-hero-layout=split]{--outbound-globe-diameter:760}
/* Preserve the visual on short laptop panes; allow scrolling before shrinking it. */
@media(min-width:900px){
 .approved-opening>.outbound-study[data-hero-layout=split]{min-height:520px}
}
/* A horizontal account summary leaves the globe as the visual anchor. */
.approved-opening [data-hero-layout=split] .study-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-items:start;padding:16px 18px}
.approved-opening [data-hero-layout=split] .study-company-info{display:contents}
.approved-opening [data-hero-layout=split] .study-company-info h2{grid-column:1;grid-row:1;font-size:18px}
.approved-opening [data-hero-layout=split] .study-account-city{grid-column:1;grid-row:2;margin-top:4px}
.approved-opening [data-hero-layout=split] .study-person{grid-column:2;grid-row:1 / span 2;margin:0;padding:0 0 0 16px;border-top:0;border-left:1px solid var(--io-line)}
.approved-opening [data-hero-layout=split] .study-person p{font-size:13px;line-height:1.45}
.approved-opening [data-hero-layout=split] .study-qualities{grid-column:1 / -1;grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--io-line)}
.approved-opening [data-hero-layout=split] .study-call{grid-column:1 / -1;grid-row:4;margin-top:12px}
.approved-opening [data-hero-layout=split] .study-history{grid-column:1 / -1;grid-row:5;margin-top:8px;min-height:30px}
@media(min-width:1200px){
 .approved-opening [data-hero-layout=split] .study-account-slot{width:min(480px,calc(40vw - var(--gutter) + 48px))}
}
@media(min-width:900px) and (max-width:1199px){
 .approved-opening [data-hero-layout=split] .study-account-slot{width:min(480px,calc(36vw - var(--gutter) + 48px))}
}
@media(max-width:899px){
 .approved-opening .outbound-study[data-hero-layout=split] .study-account-slot{width:480px;max-width:calc(100% - 32px)}
}
/* Approved spacing pass: preserve type size and give the outbound copy room. */
.approved-opening .approved-hero--outbound .approved-eyebrow{margin-bottom:16px}
.approved-opening .approved-hero--outbound .io-hero__title{line-height:1.08;letter-spacing:-.02em}
.approved-opening .approved-hero--outbound .approved-subheading{margin-top:20px;line-height:1.45}
.approved-opening .approved-hero--outbound .io-hero__sub{margin-top:16px;line-height:1.5}
.approved-opening .approved-hero--outbound .io-hero__ctas{margin-top:24px}
.approved-opening .approved-hero--outbound .approved-callout{margin-top:16px}
