/* Isolated visual proposal. Version 1.0 uses none of these rules. */
.concept-editorial{--gold:#d8bf95;--cream:#f2eee5}
.concept-editorial .brand-header{background:#0b0e0cd9;border-bottom-color:#d8bf951f}
.concept-editorial .brand-hero{min-height:850px;height:100svh;max-height:none;padding:145px 7% 110px}
.concept-editorial .brand-content-panel{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:8vw;width:100%;max-width:1500px;padding:0;background:none;border:0;box-shadow:none}
.concept-editorial .brand-hero-main{padding:0;max-width:740px;justify-self:start}
.concept-editorial .hero-brand-logo{width:230px;height:105px;margin:0 auto 25px}
.concept-editorial .gold-rule{width:48px;margin:0 auto 26px}
.concept-editorial .concept-eyebrow{color:#d2ccbe;font-size:10px;letter-spacing:.22em;margin:0 0 22px;line-height:1.8}
.concept-editorial .brand-hero h1{font-size:clamp(46px,4.5vw,76px);line-height:1.13;letter-spacing:-.03em;font-weight:400;margin-bottom:42px!important}
.concept-editorial .brand-actions{gap:12px;flex-wrap:wrap}
.concept-editorial .brand-actions .brand-button{background:#10131055;border-color:#d8bf9577;padding:15px 23px;min-height:52px;font-size:13px}
.concept-editorial .brand-actions .brand-button:first-child{background:#d8bf95;color:#171a13;border-color:#d8bf95}
.concept-editorial .brand-actions .brand-button:hover{background:#ead6b7;color:#171a13}
.concept-editorial .brand-facts{align-self:center;display:flex;flex-direction:column;gap:32px;padding:20px 0 20px 34px;margin:0;border-left:1px solid #d8bf954d}
.concept-editorial .poster-facts .brand-fact{min-height:0;display:flex;align-items:center;gap:18px}
.concept-editorial .poster-facts .brand-fact p{font-size:13px;line-height:1.8;letter-spacing:0;color:#e0dbd0;margin:0;font-weight:400}
.concept-editorial .concept-number{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:62px;line-height:1.1;font-weight:200;letter-spacing:-.06em;color:#d8bf95;margin-bottom:8px}
.concept-editorial .concept-number>span{font-size:30px;vertical-align:top;line-height:1.5;letter-spacing:0}
.concept-editorial .concept-number+span{font-size:11px;display:block}
.concept-editorial .fact-icon{width:42px;height:42px;flex:0 0 42px;background:transparent}
.concept-editorial .brand-backdrop:after{background:linear-gradient(90deg,#080c0bce 0%,#080c0b78 48%,#080c0b30 64%,#080c0ba8 100%),linear-gradient(0deg,#080c0ba8,transparent 45%)}
.concept-editorial .cinema-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#080c0be6 0%,#080c0ba8 45%,#080c0b66 64%,#080c0bc9 100%),linear-gradient(0deg,#080c0b80,transparent 50%)}
.concept-editorial .brand-hero-bottom{left:7%;right:7%;bottom:24px;border-top-color:#d8bf9533}
.concept-editorial .brand-hero-bottom a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px) and (min-width:761px){
 .concept-editorial .brand-content-panel{gap:35px;grid-template-columns:minmax(0,1fr) 200px}
 .concept-editorial .brand-hero{padding-inline:5%}
 .concept-editorial .brand-facts{padding-left:22px}
}
@media(max-width:760px){
 .concept-editorial .brand-hero{height:auto;min-height:100svh;padding:120px 24px 104px}
 .concept-editorial .brand-content-panel{grid-template-columns:minmax(0,1fr);gap:40px}
 .concept-editorial .brand-hero-main{max-width:100%}
 .concept-editorial .hero-brand-logo{width:185px;height:85px;margin-bottom:22px}
 .concept-editorial .concept-eyebrow{font-size:9px;letter-spacing:.13em}
 .concept-editorial .brand-hero h1{font-size:clamp(36px,9.5vw,52px);margin-bottom:30px!important}
 .concept-editorial .brand-actions{gap:10px}
 .concept-editorial .brand-facts{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #d8bf9533;padding:28px 0 0;gap:24px 20px;width:100%}
 .concept-editorial .poster-facts .brand-fact{align-items:flex-start;gap:10px;flex-direction:column}
 .concept-editorial .poster-facts .brand-fact p{font-size:12px}
 .concept-editorial .concept-number{font-size:48px}
 .concept-editorial .brand-fact:nth-child(-n+2) .fact-icon{display:none}
 .concept-editorial .brand-hero-bottom{left:24px;right:24px;font-size:7px;gap:10px;flex-wrap:wrap}
 .concept-editorial .cinema-caption{display:none}
}

/* The same editorial treatment across all proposal pages. */
.concept-editorial .service-cinema{height:auto;min-height:100svh}
.concept-editorial .service-cinema h1.page-section-title{font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif;font-size:clamp(24px,2.5vw,36px);letter-spacing:.08em;line-height:1.3;margin-bottom:24px!important}
.concept-editorial .service-cinema .service-headline{font-size:clamp(42px,4.5vw,70px);line-height:1.12;margin-bottom:34px}
.concept-editorial .about-cinema .service-headline{font-size:clamp(38px,3.6vw,56px)}
.concept-editorial .about-cinema .review-stage{background:none;border:0;border-radius:0;padding:12px 0 18px;max-width:660px}
.concept-editorial .about-cinema .brand-intro{max-width:570px;margin:0 auto 20px;color:#d2cec5}
.concept-editorial .about-cinema .review-slide blockquote{font-size:clamp(24px,2.3vw,34px);line-height:1.45}
.concept-editorial .about-cinema .review-source{background:#d8bf95;color:#171a13;border-color:#d8bf95}
.concept-editorial .content-section{max-width:1360px;padding-inline:6%;}
.concept-editorial .process{padding-top:78px;padding-bottom:90px}
.concept-editorial .process-grid{gap:34px;margin-top:44px}
.concept-editorial .process-grid article{padding-top:26px;border-top-color:#d8bf9566}
.concept-editorial .process-grid article>span{letter-spacing:.13em}
.concept-editorial .process-grid h3{font-size:30px}
.concept-editorial .process-grid p{font-size:14px;line-height:1.85}
.concept-editorial .contact-invite{padding-top:80px}
.concept-editorial .offer-card{padding:26px;background:#ffffff03;border-color:#d8bf9533}
.concept-editorial .listing-cover{margin:-26px -26px 26px}
.concept-editorial .offer-card h3{font-size:18px}
.concept-editorial .offer-card .text-link{padding-top:19px;color:#e2ccaa}
.concept-editorial .reviews-section{padding-top:85px;padding-bottom:85px}
.concept-editorial:has(.contact-layout){background:linear-gradient(90deg,#0a0d0bf2,#0a0d0be0),url('../assets/selected-01.jpg') center/cover fixed}
.concept-editorial .contact-layout{min-height:calc(100svh - 82px);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:9%;padding-top:76px;padding-bottom:76px}
.concept-editorial .contact-layout h1.page-section-title{font-size:26px;letter-spacing:.08em;color:#d6d0c4}
.concept-editorial .contact-layout h2{font-size:clamp(38px,3.9vw,60px);line-height:1.15}
.concept-editorial .contact-layout address{padding-top:28px;border-top:1px solid #d8bf952e;max-width:380px;margin-top:38px}
.concept-editorial #contact-form{background:#080b0966;border:1px solid #d8bf953d;padding:34px}
.concept-editorial #contact-form h2{font-size:32px}
.concept-editorial #contact-form input,.concept-editorial #contact-form textarea,.concept-editorial #contact-form select{background:#0e120ecc;border-color:#d8bf953f}
.concept-editorial #contact-form .brand-button{background:#d8bf95;color:#171a13}
.concept-editorial .property-panel{background:transparent;border:0;padding:0;grid-template-columns:minmax(0,1fr) 300px;gap:70px}
.concept-editorial .property-copy h1{font-size:clamp(36px,4.5vw,66px)}
.concept-editorial .property-details{padding-left:34px;border-color:#d8bf9544}
.concept-editorial .property-gallery{padding-top:25px}
.concept-editorial .property-photo{margin-top:40px}
.concept-editorial .compact-footer{background:#090c0a;border-top-color:#d8bf9529;padding-block:32px}
@media(max-width:1000px){.concept-editorial .contact-layout{gap:36px}.concept-editorial .property-panel{gap:35px;grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){
 .concept-editorial .service-cinema h1.page-section-title{font-size:24px;margin-bottom:22px!important}
 .concept-editorial .service-cinema .service-headline{font-size:38px;margin-bottom:28px}
 .concept-editorial .about-cinema .service-headline{font-size:34px}
 .concept-editorial .about-cinema .brand-intro{font-size:14px}
 .concept-editorial .about-cinema .review-slide blockquote{font-size:25px}
 .concept-editorial .about-cinema .review-stage{padding:0}
 .concept-editorial .content-section{padding-left:24px;padding-right:24px}
 .concept-editorial .process{padding-top:50px;padding-bottom:50px}
 .concept-editorial .process-grid{gap:28px;margin-top:30px}
 .concept-editorial .contact-layout{grid-template-columns:minmax(0,1fr);padding-top:44px;padding-bottom:50px;gap:42px}
 .concept-editorial .contact-layout h2{font-size:39px}
 .concept-editorial #contact-form{padding:25px 20px}
 .concept-editorial .property-panel{grid-template-columns:minmax(0,1fr);gap:30px}
 .concept-editorial .property-details{padding:24px 0 0;border-left:0;border-top:1px solid #d8bf9544}
 .concept-editorial .property-copy h1{font-size:36px}
 .concept-editorial .offer-card{padding:24px}
 .concept-editorial .listing-cover{margin:-24px -24px 24px}
}
html:has(.concept-editorial){background:#0b0e0c}
.concept-editorial .contact-layout .gold-rule{margin-left:0}
.concept-editorial .about-cinema .review-slide a.review-source{background:#d8bf95;color:#171a13;border-color:#d8bf95}
.concept-editorial .about-cinema .review-slide a.review-source:hover{background:#ead6b7}
.concept-editorial .site-footer.compact-footer{max-width:none;width:100%;margin:0}


/* Separate slideshow behind the offer section, beneath opaque listing cards. */
.concept-editorial #oferty.content-section,
.concept-editorial #oferty-wynajem.content-section{position:relative;isolation:isolate}
.offers-backdrop{position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;overflow:hidden;pointer-events:none;background:#0b0e0c}
.offers-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 2.2s ease}
.offers-backdrop img.visible{opacity:1}
.offers-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090c0be6,#090c0bbe 25%,#090c0bce 75%,#090c0bf0)}
.concept-editorial #oferty .offer-card,
.concept-editorial #oferty-wynajem .offer-card{background:#11140f}
@media(prefers-reduced-motion:reduce){.offers-backdrop img{transition:none}}

/* A fixed photographic background follows the entire apartment page. */
.concept-editorial main.property-cinema-page{position:relative;isolation:isolate;background:transparent;min-height:100svh}
.property-backdrop.offers-backdrop{position:fixed;inset:0;width:100%;height:100%;transform:none;left:0}
.property-backdrop.offers-backdrop img{transition:opacity 3s ease;object-position:center}
.property-backdrop.offers-backdrop::after{background:linear-gradient(180deg,#090c0bc9,#090c0bb8 45%,#090c0bd4)}
.concept-editorial .property-cinema-page .property-intro,
.concept-editorial .property-cinema-page .property-gallery{background:transparent}
.concept-editorial .property-cinema-page .property-panel{background:#0b0e0c80;padding:34px;border:1px solid #d8bf9529}
@media(max-width:760px){.concept-editorial .property-cinema-page .property-panel{padding:24px 18px}.concept-editorial .property-cinema-page .property-intro{padding-inline:18px}.property-backdrop.offers-backdrop img{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.property-backdrop.offers-backdrop img{transition:none}}

/* Wordmark in navigation; full emblem above each page's main content. */
.concept-editorial .header-logo{justify-content:center;text-decoration:none}
.header-wordmark{display:block;text-align:center;font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:.25em;color:#d8bf95;line-height:1.3;padding-left:.25em}
.header-wordmark>span{display:block;font-size:7px;letter-spacing:.5em;margin-top:5px;padding-left:.5em}
.concept-editorial .page-brand-logo{display:block;width:210px;height:96px;object-fit:contain;margin:0 auto 26px}
.concept-editorial .contact-layout .page-brand-logo{margin-left:0}
.concept-editorial .property-intro>.page-brand-logo{margin-bottom:32px}
@media(max-width:760px){.header-wordmark{font-size:16px}.header-wordmark>span{font-size:6px}.concept-editorial .page-brand-logo{width:185px;height:85px;margin-bottom:24px}}

/* Shared header typography; GROUP sits below the common text line. */
.concept-editorial .header-wordmark{position:relative;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.2em;padding-left:.2em;transform:translateY(-.5px)}
.concept-editorial .header-wordmark>span{position:absolute;top:100%;left:0;right:0;margin-top:4px;font-family:inherit;font-size:6px;line-height:9px;letter-spacing:.45em;padding-left:.45em;font-weight:400}
@media(min-width:761px){.concept-editorial .brand-header nav{font-family:inherit;font-size:14px;font-weight:500;line-height:20px}}

/* Geometric wordmark based on the supplied reference. */
.concept-editorial .header-logo .header-wordmark-image{width:118px;height:31px;max-width:none;object-fit:contain;transform:translateY(6px)}
@media(max-width:760px){.concept-editorial .header-logo .header-wordmark-image{width:88px;height:24px;transform:translateY(4px)}}

/* Larger content logo, matching the marked preview area. */
.concept-editorial .hero-brand-logo{width:400px;height:190px;max-width:100%;margin-bottom:25px}
@media(max-width:760px){.concept-editorial .hero-brand-logo{width:280px;height:135px;margin-bottom:24px}}

/* Fixed, symmetric desktop edge spacing; menu remains viewport-centred. */
@media(min-width:1001px){
 .concept-editorial .brand-header{padding-inline:32px}
 .concept-editorial .brand-header .header-logo{justify-self:start;justify-content:flex-start;width:auto;margin-right:0}
 .concept-editorial .brand-header .header-tools{justify-self:end}
}

.concept-editorial .hero-brand-logo{filter:drop-shadow(0 2px 5px #00000020)}

/* Consistent inner-page heading: logo, title, gold rule, description. */
.concept-editorial.subpage .page-brand-logo{margin-bottom:8px}
.concept-editorial .service-cinema h1.page-section-title,
.concept-editorial .contact-layout h1.page-section-title{
 display:table;max-width:100%;margin:0 auto 24px!important;
}
.concept-editorial .contact-layout h1.page-section-title{margin-left:0!important}
.concept-editorial .page-section-title::after{
 content:"";display:block;height:1px;width:100%;
 margin-top:16px;background:linear-gradient(90deg,#d8bf9566,#d8bf95,#d8bf9566);
}
.concept-editorial .page-section-title + .gold-rule{display:none}
.concept-editorial .page-section-title + .gold-rule + h2{margin-top:0}
@media(max-width:760px){
 .concept-editorial.subpage .page-brand-logo{margin-bottom:6px}
 .concept-editorial .service-cinema h1.page-section-title,
 .concept-editorial .contact-layout h1.page-section-title{margin-bottom:20px!important}
 .concept-editorial .page-section-title::after{margin-top:12px}
}

/* Premium B2B partnership page. */
.concept-editorial .cooperation-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding-block:90px;scroll-margin-top:35px}
.cooperation-copy>h2{font-size:clamp(36px,3.5vw,56px);line-height:1.15;margin:20px 0 28px}
.cooperation-copy>p{font-size:16px;line-height:1.9;color:#d2cec5}
.cooperation-requirements{list-style:none;padding:0;margin-top:30px}
.cooperation-requirements li{border-top:1px solid #d8bf9533;padding:15px 0;font-size:14px;color:var(--gold)}
.cooperation-section #contact-form{min-width:0;align-self:start}
.cooperation-section input[type=file]{font-size:12px;max-width:100%}
.cooperation-section input::file-selector-button{background:#d8bf95;color:#171a13;border:0;padding:8px;margin-right:10px;font:inherit;cursor:pointer}
@media(min-width:1001px) and (max-width:1250px){.concept-editorial .brand-header nav{gap:14px;font-size:12px}.concept-editorial .brand-header{column-gap:14px}}
@media(max-width:760px){.concept-editorial .cooperation-section{grid-template-columns:1fr;gap:32px;padding-block:50px}.cooperation-section .form-row{grid-template-columns:1fr;gap:0}.cooperation-section #contact-form{padding:24px 18px}.cooperation-page .brand-actions .brand-button{max-width:100%;text-align:center}}

#contact-form .privacy-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.7;margin-bottom:16px}
#contact-form .privacy-consent input{appearance:auto;flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;padding:0;accent-color:#d8bf95}
.privacy-block{margin:24px 0}.privacy-info{font-size:12px;line-height:1.75;color:#c6c4bc;margin-bottom:24px}.privacy-info summary{cursor:pointer;color:var(--gold);text-decoration:underline;text-underline-offset:3px}.privacy-info h3{font-family:inherit;font-size:13px;margin:20px 0 6px}.privacy-info p{font-size:12px;margin:0 0 12px}

/* Cooperation navigation: hover on desktop, tap and keyboard access. */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-dropdown-toggle{display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid transparent;background:none;padding:14px 0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.nav-dropdown-toggle::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.nav-submenu{display:none;position:absolute;top:100%;left:-18px;min-width:245px;padding:12px 18px;background:#101410;border:1px solid #d8bf9545;box-shadow:0 15px 35px #0005;z-index:20}
.nav-dropdown.is-open .nav-submenu{display:block}
.concept-editorial .brand-header nav .nav-submenu a,.nav-submenu .nav-coming-soon{display:block;padding:12px 0;border:0;font-size:13px;line-height:1.5;white-space:nowrap}
.nav-submenu .nav-coming-soon{opacity:.55;cursor:default}
.nav-dropdown:has(a[aria-current=page]) .nav-dropdown-toggle,.nav-dropdown-toggle:hover{color:var(--gold)}
@media(max-width:1000px){.nav-dropdown{display:block;align-self:auto}.nav-dropdown-toggle{width:100%;padding:12px 0}.nav-submenu{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid #d8bf9545;margin:0 0 10px 8px;padding:0 16px}.concept-editorial .brand-header nav .nav-submenu a,.nav-submenu .nav-coming-soon{white-space:normal}}

/* Mobile navigation: keep the cooperation entry aligned with the other full-width rows. */
@media(max-width:1000px){
 .brand-header.has-mobile-menu nav .nav-dropdown{width:100%;margin:0;border-bottom:1px solid #d7bd9426}
 .brand-header.has-mobile-menu nav .nav-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:16px 0;font-size:15px;line-height:1.2;text-align:left;border:0}
 .brand-header.has-mobile-menu nav .nav-dropdown.is-open .nav-dropdown-toggle{color:var(--gold)}
 .brand-header.has-mobile-menu nav .nav-dropdown-toggle::after{transition:transform .2s ease}
 .brand-header.has-mobile-menu nav .nav-dropdown.is-open .nav-dropdown-toggle::after{transform:rotate(225deg);margin-top:3px}
 .brand-header.has-mobile-menu nav .nav-submenu{margin:0 0 10px;padding:0 0 0 16px;border-left:1px solid #d8bf9545}
 .brand-header.has-mobile-menu nav .nav-submenu a{min-height:46px;padding:13px 0;font-size:14px;line-height:1.3;border-bottom:1px solid #d7bd9426}
}

/* Header wordmark matches the footer wordmark size. */
.concept-editorial .header-wordmark{font-size:20px;font-weight:400;line-height:1.2;letter-spacing:.23em;padding-left:0;transform:none}
.concept-editorial .header-wordmark>span{position:static;font-size:8px;line-height:1.2;letter-spacing:.58em;margin-top:5px;padding-left:0}
@media(min-width:761px) and (max-width:1100px){.concept-editorial .header-wordmark{font-size:16px}}
@media(max-width:760px){.concept-editorial .header-wordmark{font-size:16px}}

/* Align the right-hand facts with the logo on every desktop hero. */
@media(min-width:761px){
 .concept-editorial .brand-content-panel{align-items:start}
 .concept-editorial .brand-facts{align-self:start;margin-top:70px}
}

/* About Magari: authentic team portrait, story and client reviews. */
.about-story-page .about-team-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%;opacity:1}
.about-story-page .about-team-backdrop .cinema-shade{background:linear-gradient(90deg,rgba(8,12,11,.82),rgba(8,12,11,.58) 55%,rgba(8,12,11,.72)),linear-gradient(0deg,#10110e,transparent 28%)}
.about-story-page .about-team-backdrop:after{display:none}
.about-story-page .about-cinema .brand-content-panel{background:none;border:0;box-shadow:none}
.about-story-page .about-cinema .brand-intro{max-width:590px;font-size:16px;line-height:1.9}
.about-jump-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px;color:var(--gold);font-size:14px}
.about-jump-links a{padding:8px 0;border-bottom:1px solid #d8bf9566;text-underline-offset:6px}
.about-jump-links a:hover{color:#fff}
.about-story-section{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;max-width:1260px;margin:auto;padding:90px 7%;border-bottom:1px solid #d8bf9529;scroll-margin-top:110px}
.about-story-page .eyebrow{color:var(--gold);letter-spacing:.17em;font-size:11px;line-height:1.8}
.about-story-heading h2,.about-client-reviews h2{font-family:Georgia,serif;font-size:clamp(32px,3.4vw,52px);line-height:1.18;color:var(--gold);font-weight:400;margin:22px 0}
.about-story-copy p{font-size:16px;line-height:1.95;color:#d8d5cd;margin:0 0 24px}
.about-story-copy p:last-child{margin-bottom:0}
.about-founder{padding:85px 8%;max-width:1160px;margin:auto;text-align:center}
.about-founder blockquote{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,35px);line-height:1.65;color:var(--gold);margin:30px 0}
.about-signature{font-size:13px;letter-spacing:.08em;color:#d8d5cd}
.about-purpose{font-size:16px;line-height:1.9;max-width:760px;margin:45px auto 0;color:#d8d5cd}
.about-client-reviews{padding:80px 7% 100px;background:#0b0e0c;text-align:center;scroll-margin-top:100px}
.about-client-reviews>p{color:#d8d5cd;line-height:1.8}
.about-client-reviews .review-stage{max-width:900px;margin:40px auto 0;min-height:300px}
.about-client-reviews .review-slide blockquote{font-size:clamp(24px,2.8vw,40px);line-height:1.5}
.about-client-reviews .review-controls{justify-content:center}
.about-client-reviews .all-reviews{display:inline-flex;margin-top:24px}
@media(max-width:760px){
 .about-story-page .about-team-backdrop img{object-position:52% top}
 .about-story-page .about-team-backdrop .cinema-shade{background:linear-gradient(180deg,#080c0b88,#080c0bdb 65%,#10110e)}
 .about-story-page .about-cinema .brand-intro{font-size:14px}
 .about-story-section{grid-template-columns:1fr;gap:16px;padding:50px 24px}
 .about-story-copy p,.about-purpose{font-size:15px}
 .about-founder{padding:55px 24px}
 .about-client-reviews{padding:55px 24px}
 .about-client-reviews .review-stage{min-height:390px}
}

/* Independent photo backgrounds behind each story section. */
.about-story-page .about-story-section{position:relative;isolation:isolate;max-width:none;padding-inline:max(7%,calc((100vw - 1084px)/2));overflow:hidden}
.story-backdrop{position:absolute;inset:0;z-index:-1;background:#10110e;pointer-events:none}
.story-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease}
.story-backdrop img.visible{opacity:1}
.story-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080c0bde,#080c0bd1),linear-gradient(180deg,#10110e88,transparent 25%,transparent 75%,#10110e88)}
@media(max-width:760px){.about-story-page .about-story-section{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){.story-backdrop img{transition:none}}