/* v8 — restore pinned Good Company and integrate P1 stories in the ORIGINAL homepage making-of area. */
.good-company-section { min-height: 490vh; }
.brand-credit .brand-credit-mark {display:flex;align-items:center;justify-content:center;height:100%;min-height:0;overflow:hidden;}
.brand-credit .brand-credit-mark img {display:block;width:100%;height:clamp(85px,10vw,190px);max-height:100%;object-fit:contain;object-position:center;filter:grayscale(1) brightness(0);transition:filter .35s ease,transform .45s ease;}
.brand-credit.is-active .brand-credit-mark img {filter:grayscale(1) brightness(0) invert(1);transform:scale(1.025);}
.brand-credit > small {line-height:1.25;overflow-wrap:anywhere;}
.brand-credit .brand-credit-mark {color:inherit!important;}
.home-bts-root {position:relative;background:#08090b!important;}
.home-bts-root .process-sequence-head {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:0 clamp(22px,4.7vw,76px) clamp(60px,7vw,110px);max-width:1760px;margin:0 auto;}
.home-bts-root .process-section-label{grid-column:1/-1;margin:0 0 clamp(22px,3vw,52px)}
.home-bts-root .process-heading-copy{grid-column:1;align-self:center;position:relative;z-index:4;}
.home-bts-root .process-heading-copy h2{font-size:clamp(64px,7.4vw,132px);max-width:10ch;}
.home-bts-root .process-heading-copy p{max-width:400px;line-height:1.65;}
.home-bts-preview{grid-column:2;display:grid;grid-template-columns:1.08fr .82fr 1.08fr;align-items:center;gap:8px;min-height:clamp(320px,42vw,635px);transform:rotate(-3deg);isolation:isolate;overflow:visible;}
.home-bts-preview-frame{position:relative;margin:0;min-width:0;height:62%;overflow:hidden;border:1px solid rgba(255,255,255,.26);background:#171717;box-shadow:0 25px 45px rgba(0,0,0,.35);}
.home-bts-preview-frame:nth-child(2){height:86%;transform:translateY(-7%) rotate(5deg);z-index:2;}
.home-bts-preview-frame:nth-child(3){height:72%;transform:translateY(6%) rotate(1deg);}
.home-bts-preview-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(1.05);}
.home-bts-preview-frame span{position:absolute;bottom:11px;left:12px;right:10px;font-size:9px;font-weight:800;letter-spacing:.08em;color:white;text-shadow:0 1px 4px black;}
.home-bts-root .bts-screening{padding-top:clamp(40px,5vw,85px);padding-bottom:clamp(55px,6vw,90px);}
.home-bts-root .bts-screening::before{z-index:0;}
.home-bts-root .bts-screening>*{position:relative;z-index:1;}
.home-bts-root .bts-story-editorial{min-height:0;}
/* The original Good Company is a horizontal swipe strip on touch devices. */
@media (max-width:980px){
 .good-company-section { min-height:auto; }
 .home-bts-root .process-sequence-head {grid-template-columns:1fr;padding:0 18px 38px;gap:28px;}
 .home-bts-root .process-section-label{grid-column:1;}
 .home-bts-root .process-heading-copy{grid-column:1;}
 .home-bts-root .home-bts-preview{grid-column:1;min-height:clamp(230px,55vw,440px);max-width:700px;width:100%;margin:0 auto;}
 .home-bts-root .process-heading-copy h2{font-size:clamp(55px,11vw,105px);}
 .brand-credit .brand-credit-mark img{height:120px;}
}
@media(max-width:600px){
 .home-bts-root .process-heading-copy h2{font-size:clamp(57px,15vw,84px);}
 html[lang="ar"] .home-bts-root .process-heading-copy h2{font-size:clamp(49px,11.5vw,70px);letter-spacing:0;line-height:1.17;}
 .home-bts-root .home-bts-preview{min-height:245px;gap:5px;}
 .home-bts-preview-frame{height:69%;}
 .home-bts-preview-frame span{font-size:7px;letter-spacing:0;}
 .home-bts-root .bts-screening{padding-top:30px;}
 .brand-credit .brand-credit-mark img{height:120px;}
}
/* Mobile Good Company: keep the restored edition label out of the headline. */
@media (max-width: 980px) {
  .good-company-section .good-company-label {
    position: relative !important;
    top: auto !important; left: auto !important; right: auto !important;
    display: flex !important; justify-content: space-between !important;
    margin: 0 18px 16px !important; padding-top: 18px !important;
  }
  .good-company-section .good-company-intro { padding-top: 8px !important; }
}
