/* One studio treatment for every company illustration. The objects are transparent;
   the surface owns the gradient, so resizing never exposes a second background. */
body[data-page="company"] {--company-studio:linear-gradient(180deg,#063658 0%,#063658 28%,#022139 62%,#02070d 100%);--company-inset:clamp(24px,2.4vw,36px)}
body[data-brand="loyal-primus"][data-page="company"] :is(#results-panel .company-asset-card,.customer-stage,.launch-stage,.partner-stage,.report-card,.recognition-grid article,.company-account-banner,.company-closing-art) {background:var(--company-studio);border:1px solid #284354;border-radius:28px;overflow:hidden;isolation:isolate}
/* Portrait cards reserve the upper third for copy and bring artwork in from the edge. */
body[data-page="company"] #results-panel {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-page="company"] #results-panel .company-asset-card {aspect-ratio: .70;min-height:0;padding:var(--company-inset);gap:14px;justify-content:flex-start}
body[data-page="company"] #results-panel .company-asset-card::before,
body[data-page="company"] #results-panel .company-asset-card::after {display:none}
body[data-page="company"] #results-panel .company-asset-card strong {font-size:clamp(32px,3.5vw,52px);line-height:1.08}
body[data-page="company"] #results-panel .company-asset-card small {max-width:26ch;line-height:1.5}
body[data-page="company"] #results-panel .company-asset-card .company-art {position:absolute;inset:auto -20% -12% auto;width:118%;height:auto;aspect-ratio:1;margin:0;transform:none;flex:none;z-index:0}
body[data-page="company"] #results-panel .company-asset-card .company-art img {position:static;display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal}
body[data-page="company"] #results-panel [data-asset="markets"] .company-art {width:137%;right:-30%;bottom:-22%}
body[data-page="company"] #results-panel [data-asset="platforms"] .company-art {width:125%;right:-25%;bottom:-12%}
body[data-page="company"] #results-panel [data-asset="accounts"] .company-art {width:185%;aspect-ratio:16/9;right:-48%;bottom:-4%}
body[data-page="company"] #results-panel [data-asset="verify"] .company-art {width:117%;right:-16%;bottom:-11%}
body[data-page="company"] #results-panel [data-asset="fund"] .company-art {width:125%;right:-20%;bottom:-11%}
/* Reuse the same portrait proportions in both rails. */
body[data-page="company"] :is(#tools,#accounts) .report-card {flex:0 0 calc((100% - 44px)/3);min-width:0;min-height:0;aspect-ratio:.70}
body[data-page="company"] :is(#tools,#accounts) .report-card>div {padding:var(--company-inset);background:none}
body[data-page="company"] .report-card h3 {font-size:clamp(30px,3vw,44px)}
body[data-page="company"] .report-card p {font-size:16px;line-height:1.5;max-width:29ch}
body[data-page="company"] :is(#tools,#accounts) .report-card>img {position:absolute;inset:auto -20% -10% auto;width:120%;height:auto;max-height:none;object-fit:contain;opacity:1}
body[data-page="company"] #product-rail .report-card:first-child>img {width:185%;right:-48%;bottom:-4%}
body[data-page="company"] #product-rail .report-card:nth-child(2)>img {width:140%;right:-34%;bottom:-4%}
body[data-page="company"] #product-rail .report-card:nth-child(4)>img {width:155%;right:-35%;bottom:-15%}
body[data-page="company"] #business-rail .report-card:first-child>img {width:140%;right:-34%;bottom:-4%}
body[data-page="company"] #business-rail .report-card:nth-child(2)>img {width:132%;right:-23%;bottom:-9%}
/* Section introductions remain centered above full-width landscape banners. */
body[data-page="company"] :is(#traders,#clarity,#trading-tools,#principles,#accounts) {display:block}
body[data-page="company"] :is(#traders,#clarity,#trading-tools,#principles,#accounts)>.report-heading:first-child {text-align:center;margin:0 auto 52px;max-width:none}
body[data-page="company"] :is(#traders,#clarity,#trading-tools,#principles,#accounts)>.report-heading:first-child p {margin-inline:auto}
body[data-page="company"] :is(#trading-tools .launch-stage,#principles .partner-stage,#traders .customer-stage,#clarity .balance-stage,#accounts .company-account-banner) {aspect-ratio:16/9;height:auto;min-height:0;max-height:none;width:100%;position:relative}
body[data-page="company"] :is(#trading-tools,#principles)>.report-tabs {justify-content:center;margin-top:28px;gap:10px}
body[data-page="company"] #trading-tools>.report-note {text-align:center}
body[data-page="company"] :is(#trading-tools,#principles) .media-caption {display:none}
body[data-page="company"] :is(#trading-tools,#principles) picture {position:absolute;inset:0;width:100%;height:100%;display:block}
body[data-page="company"] :is(#launch-image,#partner-image) {display:block;width:100%;height:100%;object-fit:contain;background:transparent}
body[data-page="company"] #accounts>.compact {margin:70px auto 36px}
body[data-page="company"] #traders .globe-landscape-art {position:absolute;inset:0;width:100%;height:100%;display:block}
body[data-page="company"] #traders .globe-landscape-art img {width:100%;height:100%;object-fit:contain}
body[data-page="company"] #traders .floating-stat {position:absolute;inset:24% auto auto 5%;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;margin:0;width:32%;min-height:0}
body[data-page="company"] #traders .floating-stat strong {font-size:clamp(22px,3.7vw,54px);white-space:normal}
body[data-page="company"] #traders .floating-stat span {font-size:clamp(11px,1.2vw,16px);line-height:1.4;margin-top:10px}
body[data-page="company"] #traders .small-stat {top:60%;right:auto}
.company-account-banner picture {position:absolute;width:75%;right:-4%;bottom:-4%;display:block}
.company-account-banner img {display:block;width:100%;height:auto}
.company-account-banner-copy {position:absolute;left:5%;top:50%;transform:translateY(-50%);width:31%;z-index:1}
.company-account-banner-copy strong {font-size:clamp(40px,8vw,110px);font-weight:400;line-height:1}
.company-account-banner-copy p {font-size:clamp(13px,1.6vw,22px);line-height:1.4;margin:14px 0 20px}
.company-account-banner-copy .button {padding:12px 18px;font-size:14px}
body[data-page="company"] #clarity .balance-stage img {height:100%;object-fit:cover;object-position:50% 30%}
body[data-page="company"] #clarity .photo-credit {margin-top:12px}
body[data-page="company"] .recognition-grid article {position:relative;aspect-ratio:.70;text-align:left;padding:var(--company-inset)}
body[data-page="company"] .recognition-grid img {position:absolute;inset:auto -36% -15% auto;width:155%;height:auto;object-fit:contain}
body[data-page="company"] .recognition-grid article:last-child img {width:132%;right:-23%;bottom:-9%}
body[data-page="company"] .recognition-grid span {position:relative;margin:0 0 16px;color:#b7cad9}
body[data-page="company"] .recognition-grid h3 {position:relative;font-size:clamp(26px,2.5vw,36px);line-height:1.15;max-width:12ch;margin:0}
.company-closing-art {position:relative;aspect-ratio:.76}
.company-closing-art img {position:absolute;width:175%;right:-40%;bottom:-17%;height:auto}
@media(max-width:1000px) {
 body[data-page="company"] #results-panel {grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="company"] #results-panel {grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-page="company"] #results-panel .company-asset-card {aspect-ratio:.60;padding:20px}
 body[data-page="company"] #results-panel .company-asset-card strong {font-size:32px}
 body[data-page="company"] :is(#tools,#accounts) .report-card {flex-basis:calc((100% - 22px)/2)}
}
@media(max-width:700px) {
 body[data-page="company"] #results-panel,body[data-page="company"] #results-panel {grid-template-columns:1fr}
 body[data-page="company"] #results-panel .company-asset-card {aspect-ratio:.70;padding:24px}
 body[data-page="company"] #results-panel .company-asset-card strong {font-size:42px}
 body[data-page="company"] :is(#tools,#accounts) .report-card {flex-basis:86%;aspect-ratio:.66}
 body[data-page="company"] :is(#traders,#trading-tools,#principles,#accounts)>.report-heading:first-child {text-align:center;align-self:auto;margin:0 auto 32px}
 body[data-page="company"] :is(#traders,#trading-tools,#principles,#accounts)>.report-heading:first-child p {margin-inline:auto}
 body[data-page="company"] :is(#trading-tools,#principles)>.report-tabs {justify-content:center;margin-top:24px;align-self:auto}
 body[data-page="company"] #trading-tools>.report-note {text-align:center;align-self:auto}
 body[data-page="company"] .recognition-grid {grid-template-columns:1fr}
 body[data-page="company"] #accounts>.compact {margin-top:56px}
 body[data-page="company"] #traders .floating-stat strong {font-size:32px}
 body[data-page="company"] .report-card h3 {font-size:34px}
}
/* The shared image reset caps widths at 100%; edge crops explicitly opt out. */
body[data-page="company"] :is(.report-card,.recognition-grid article,.company-closing-art)>img {max-width:none}
@media(max-width:700px) {
 body[data-page="company"] :is(#traders,#clarity,#trading-tools,#principles,#accounts)>.report-heading:first-child {margin-bottom:32px}
 body[data-page="company"] #traders .floating-stat {left:5%;top:18%;width:35%}
 body[data-page="company"] #traders .small-stat {top:58%}
 body[data-page="company"] #traders .floating-stat strong {font-size:clamp(20px,5vw,32px)}
 body[data-page="company"] #traders .floating-stat span {margin-top:6px;font-size:clamp(10px,2.5vw,14px)}
 body[data-page="company"] #clarity .balance-stage>span {font-size:clamp(40px,10vw,70px)}
 .company-account-banner-copy {width:39%}
 .company-account-banner-copy p {margin:8px 0 10px}
 .company-account-banner-copy .button {font-size:10px;padding:8px 10px;white-space:nowrap}
}
/* Keep the outlook title on the same left edge as its eyebrow and body. */
body[data-page="company"] .founder-section h2 {margin-inline:0;text-align:left}