.about-page-hero{min-height:0;padding:78px 0 72px;overflow:hidden}
.about-page-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px}
.about-page-copy{min-width:0}.about-page-copy h1{font-size:clamp(44px,5vw,72px);margin:18px 0 24px}
.about-page-copy .lead{font-size:16px;line-height:1.95;margin-bottom:28px}
.about-page-story{padding:64px 0 32px}.about-page-story .prose>:first-child{margin-top:0}
.about-gallery-link{display:inline-flex;margin-inline-start:18px;margin-top:18px}
.office-slideshow{position:relative;min-width:0;width:100%;border:1px solid rgba(225,197,140,.28);border-radius:28px;overflow:hidden;background:#0b111c;box-shadow:0 24px 65px rgba(0,0,0,.28);isolation:isolate}
.office-slides{position:relative;aspect-ratio:4/3;overflow:hidden}
.office-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;pointer-events:none}
.office-slide.is-active{opacity:1;visibility:visible}
.office-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.025);transition:transform 6s ease-out;filter:brightness(1.025) saturate(.96)}
.office-slideshow.is-playing .office-slide.is-active img{transform:scale(1.065)}
.office-slide-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;color:var(--ivory);font-size:14px;line-height:1.7;border-top:1px solid var(--line)}
.office-slide-caption bdi{color:var(--gold2);font-size:12px;white-space:nowrap;letter-spacing:.08em}
.office-slide-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px 18px}
.office-slide-controls[hidden]{display:none}
.office-slide-controls button,.office-lightbox button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ivory);background:rgba(197,160,98,.05);cursor:pointer;font:inherit;font-size:13px;transition:background .2s,border-color .2s}
.office-slide-controls button:hover,.office-lightbox button:hover{background:rgba(197,160,98,.17);border-color:var(--gold)}
.office-slide-controls [data-slide-toggle]{min-width:135px}
.office-slide-controls button:disabled{opacity:.5;cursor:default}
.saeed-rtl .office-slide-controls [data-slide-prev] span,.saeed-rtl .office-slide-controls [data-slide-next] span{transform:scaleX(-1)}
.office-gallery-section{padding-top:80px;border-top:1px solid rgba(225,197,140,.1);margin-top:40px;background:radial-gradient(ellipse at 10% 25%,rgba(197,160,98,.055),transparent 60%)}
.office-gallery-section .section-title{margin-bottom:14px}
.office-gallery-section .section-lead{margin:0;max-width:670px;white-space:pre-line}
.gallery-total{border:1px solid var(--line);border-radius:999px;padding:10px 17px;white-space:nowrap;color:var(--gold2);font-size:13px}
.office-gallery-grid{columns:3;column-gap:22px}
.office-gallery-item{position:relative;display:block;break-inside:avoid;margin-bottom:22px;border-radius:19px;overflow:hidden;border:1px solid rgba(225,197,140,.17);background:#101827;box-shadow:0 12px 38px rgba(0,0,0,.2);transform:translateY(0);opacity:1;transition:opacity .8s ease,transform .8s ease,border-color .3s}
.office-gallery-item img{display:block;width:100%;height:auto;transition:transform .8s ease;filter:brightness(1.02)}
.office-gallery-item:hover,.office-gallery-item:focus-visible{border-color:var(--gold)}
.office-gallery-item:hover img,.office-gallery-item:focus-visible img{transform:scale(1.035)}
.gallery-image-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 17px;font-size:13px;line-height:1.65;color:var(--ivory)}
.gallery-image-caption>span:last-child{font-size:20px;color:var(--gold2)}
.gallery-reveal-pending{opacity:0;transform:translateY(24px)}
.office-lightbox{position:fixed;inset:0;width:min(1280px,96vw);max-width:96vw;max-height:94vh;padding:58px 20px 16px;margin:auto;border:1px solid rgba(225,197,140,.35);border-radius:20px;background:#090d14;color:var(--ivory);overflow:auto}
.office-lightbox:not([open]){display:none}
.office-lightbox::backdrop{background:rgba(2,5,10,.92);backdrop-filter:blur(8px)}
.office-lightbox .lightbox-close{position:absolute;top:10px;inset-inline-end:12px;font-size:27px;width:44px;height:44px;padding:0}
.lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;direction:ltr}
.lightbox-stage img{display:block;width:100%;height:min(72vh,850px);object-fit:contain;filter:none;border-radius:6px}
.lightbox-caption{text-align:center;font-size:14px;line-height:1.7;color:var(--gold2);margin:15px 0 0}
body.office-lightbox-open{overflow:hidden}
.motion-off .office-slide img{transform:none!important}
@media(max-width:1050px){.about-page-layout{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.office-gallery-grid{columns:2}}
@media(max-width:820px){.about-page-hero{padding:52px 0}.about-page-layout{grid-template-columns:1fr;gap:32px}.about-page-copy h1{font-size:48px}.about-page-story{padding-top:42px}.office-slideshow{max-width:680px;margin-inline:auto}}
@media(max-width:620px){.office-gallery-grid{columns:1}.office-gallery-item{border-radius:16px;margin-bottom:18px}.office-gallery-section{padding-top:58px;margin-top:24px}.office-slideshow{border-radius:20px}.office-slide-caption{padding:14px 16px;font-size:13px}.office-slide-controls{padding-inline:12px}.about-page-copy h1{font-size:40px}.lightbox-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}.lightbox-stage button{min-width:36px;padding:6px}.lightbox-stage img{height:65vh}.office-lightbox{padding-inline:6px;border-radius:14px}.about-gallery-link{margin-inline-start:12px}}
@media(prefers-reduced-motion:reduce){.office-slide,.office-slide img,.office-gallery-item,.office-gallery-item img{transition:none!important;transform:none!important}.gallery-reveal-pending{opacity:1}}