/* Editorial homepage opening: full hero, quiet introduction, alternating purpose rows. */
.hero{min-height:88svh!important;clip-path:none!important;filter:none!important;margin:0!important;padding-bottom:110px!important}
.hero-roof-edge{display:none!important}
.hero:after{height:260px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62) 52%,#020202 100%)!important}
.hero-purpose{bottom:clamp(76px,8vw,112px)!important}
.who-panel{position:relative!important;z-index:2!important;min-height:0!important;margin-top:-110px!important;padding:clamp(138px,13vw,184px) 24px clamp(58px,6vw,84px)!important;background:linear-gradient(180deg,transparent 0,#020202 38%,#020202 100%)!important}
.who-panel::before,.who-panel::after{display:none!important}
.who-panel .about-copy{width:min(760px,100%)!important;max-width:760px!important;margin:0 auto!important;padding:0!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.who-panel .about-copy::before,.who-panel .about-copy::after{display:none!important}
.who-panel .about-copy p:first-child{max-width:66ch!important;margin:0 auto!important;color:rgba(246,243,238,.76)!important;font-family:"Cormorant Garamond",serif!important;font-size:clamp(1.08rem,1.32vw,1.28rem)!important;line-height:1.62!important;letter-spacing:.008em!important;text-wrap:balance}
.home-purpose-flow{padding:clamp(34px,4vw,56px) clamp(24px,7vw,112px) clamp(92px,9vw,132px)!important;background:#020202!important}
.home-purpose-inner{width:min(1050px,100%)!important;display:grid!important;grid-template-columns:1fr!important;gap:clamp(56px,7vw,92px)!important}
.home-purpose-item,.purpose-vision,.purpose-mission{position:relative!important;min-height:220px!important;display:grid!important;grid-template-columns:clamp(150px,18vw,230px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:center!important;column-gap:clamp(42px,7vw,98px)!important;row-gap:16px!important;padding:clamp(30px,4vw,52px) clamp(28px,6vw,82px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;overflow:visible!important;transform:none!important}
.home-purpose-item::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:58%!important;transform:translateY(-50%)!important;z-index:-1!important;opacity:1!important;background:linear-gradient(90deg,rgba(189,146,80,.13),rgba(189,146,80,.035) 56%,transparent)!important}
.purpose-mission::before{background:linear-gradient(270deg,rgba(189,146,80,.13),rgba(189,146,80,.035) 56%,transparent)!important}
.home-purpose-item::after{display:none!important}
.purpose-image,.purpose-vision .purpose-image,.purpose-mission .purpose-image{grid-column:1!important;grid-row:1/3!important;width:clamp(142px,17vw,218px)!important;justify-self:center!important;padding:7px!important;border:1px solid rgba(213,173,106,.42)!important;border-radius:44% 56% 48% 52%/54% 46% 54% 46%!important;box-shadow:0 22px 52px rgba(0,0,0,.58),0 0 0 7px rgba(189,146,80,.055)!important}
.home-purpose-item h2{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important;color:rgba(246,243,238,.94)!important;font-size:clamp(1.7rem,2.4vw,2.55rem)!important;text-align:left!important}
.home-purpose-item p{grid-column:2!important;grid-row:2!important;align-self:start!important;max-width:52ch!important;margin:0!important;color:rgba(246,243,238,.68)!important;font-size:clamp(.96rem,1.05vw,1.08rem)!important;line-height:1.56!important;text-align:left!important}
.purpose-mission{grid-template-columns:minmax(0,1fr) clamp(150px,18vw,230px)!important}
.purpose-mission .purpose-image{grid-column:2!important}
.purpose-mission h2,.purpose-mission p{grid-column:1!important;text-align:right!important;justify-self:end!important}
.home-purpose-item.scroll-reveal{opacity:1!important;filter:none!important;transform:none!important}
.home-purpose-item .purpose-image{opacity:0!important;transform:scale(.72) rotate(-5deg)!important;transition:opacity .7s ease,transform .95s cubic-bezier(.22,1,.36,1)!important}
.purpose-mission .purpose-image{transform:scale(.72) rotate(5deg)!important;transition-delay:.48s!important}
.home-purpose-item h2,.home-purpose-item p{opacity:0;transform:translateX(-34px);transition:opacity .7s ease .35s,transform .9s cubic-bezier(.22,1,.36,1) .35s}
.purpose-mission h2,.purpose-mission p{transform:translateX(34px);transition-delay:.82s}
.home-purpose-item.is-visible .purpose-image{opacity:1!important;transform:scale(1) rotate(0)!important}
.home-purpose-item.is-visible h2,.home-purpose-item.is-visible p{opacity:1;transform:translateX(0)}
@media(max-width:720px){.hero{min-height:82svh!important}.hero-purpose{bottom:74px!important}.who-panel{margin-top:-84px!important;padding:112px 22px 48px!important}.who-panel .about-copy p:first-child{font-size:1.08rem!important;line-height:1.58!important}.home-purpose-flow{padding:24px 20px 78px!important}.home-purpose-inner{gap:52px!important}.home-purpose-item,.purpose-vision,.purpose-mission{grid-template-columns:112px minmax(0,1fr)!important;column-gap:24px!important;padding:24px 8px!important;min-height:190px!important}.purpose-mission{grid-template-columns:minmax(0,1fr) 112px!important}.purpose-image,.purpose-vision .purpose-image,.purpose-mission .purpose-image{width:108px!important}.home-purpose-item h2{font-size:1.55rem!important}.home-purpose-item p{font-size:.9rem!important;line-height:1.46!important}.home-purpose-item::before{left:-20px!important;right:-20px!important;height:68%!important}}
@media(max-width:480px){.home-purpose-item,.purpose-vision,.purpose-mission{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;text-align:center!important}.purpose-image,.purpose-vision .purpose-image,.purpose-mission .purpose-image{grid-column:1!important;grid-row:1!important;width:126px!important;margin-bottom:12px!important}.home-purpose-item h2,.purpose-mission h2{grid-column:1!important;grid-row:2!important;justify-self:center!important;text-align:center!important}.home-purpose-item p,.purpose-mission p{grid-column:1!important;grid-row:3!important;justify-self:center!important;text-align:center!important}.purpose-mission .purpose-image{transition-delay:.38s!important}.purpose-mission h2,.purpose-mission p{transition-delay:.7s}}
@media(prefers-reduced-motion:reduce){.home-purpose-item .purpose-image,.home-purpose-item h2,.home-purpose-item p{opacity:1!important;transform:none!important;transition:none!important}}

/* Final alignment and staged reveal. */
.hero{min-height:100svh!important;padding-bottom:120px!important}
.hero-lockup{position:absolute!important;inset:0!important;z-index:2!important;display:grid!important;place-items:center!important;transform:none!important}
.hero-lockup.reveal{animation:heroLogoCentered 1.35s cubic-bezier(.16,1,.3,1) .65s forwards!important}
@keyframes heroLogoCentered{from{opacity:0;transform:scale(.97)!important;filter:blur(10px)}to{opacity:1;transform:scale(1)!important;filter:blur(0)}}
.hero-purpose{bottom:clamp(88px,9vw,132px)!important}
.who-panel{margin-top:-180px!important;padding-top:clamp(202px,19vw,260px)!important;background:linear-gradient(180deg,transparent 0,rgba(2,2,2,.72) 24%,#020202 58%)!important}
.home-purpose-inner{gap:clamp(18px,2.5vw,36px)!important}
.home-purpose-item,.purpose-vision,.purpose-mission{min-height:205px!important;padding-block:22px!important}
.home-purpose-item::before{transform:translateY(-50%) scaleX(0)!important;transition:transform 1.15s cubic-bezier(.22,1,.36,1)!important}
.purpose-vision::before{transform-origin:left center!important}
.purpose-mission::before{transform-origin:right center!important;transition-delay:.65s!important}
.home-purpose-item.is-visible::before{transform:translateY(-50%) scaleX(1)!important}
.home-purpose-item .purpose-image{transform:translateX(-74px) scale(.82)!important;transition:opacity .72s ease .22s,transform 1s cubic-bezier(.22,1,.36,1) .22s!important}
.purpose-mission .purpose-image{transform:translateX(74px) scale(.82)!important;transition-delay:.88s!important}
.home-purpose-item h2,.home-purpose-item p{transform:translateX(-52px)!important;transition:opacity .72s ease .62s,transform .95s cubic-bezier(.22,1,.36,1) .62s!important}
.purpose-mission h2,.purpose-mission p{transform:translateX(52px)!important;transition-delay:1.25s!important}
.home-purpose-item.is-visible .purpose-image,.home-purpose-item.is-visible h2,.home-purpose-item.is-visible p{transform:translateX(0) scale(1)!important}
@media(max-width:720px){.hero{min-height:94svh!important}.hero-lockup{inset:0!important}.hero-purpose{bottom:78px!important}.who-panel{margin-top:-130px!important;padding-top:150px!important}.home-purpose-inner{gap:22px!important}.home-purpose-item,.purpose-vision,.purpose-mission{min-height:176px!important}}
.closing-statement{padding:clamp(64px,7vw,96px) 24px!important}
.closing-statement p{max-width:760px!important;color:rgba(246,243,238,.74)!important;font-family:"Cormorant Garamond",serif!important;font-size:clamp(1.08rem,1.35vw,1.3rem)!important;font-weight:400!important;line-height:1.62!important;letter-spacing:.008em!important;text-align:center!important;text-wrap:balance}
.closing-statement p:after{width:min(100%,240px)!important;margin-top:24px!important}
@media(max-width:720px){.closing-statement{padding:56px 22px 68px!important}.closing-statement p{font-size:1.05rem!important;line-height:1.58!important}}
.who-image-break{position:relative!important;width:min(1540px,calc(100% - 48px))!important;min-height:clamp(500px,58vw,720px)!important;margin:-24px auto -34px!important;padding:clamp(64px,8vw,116px) clamp(44px,8vw,128px)!important;place-items:center start!important;overflow:hidden!important;background:url("hero-2-construction.png") center/cover no-repeat!important;filter:saturate(.76) contrast(1.03) brightness(.82)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 84%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 84%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}
.who-image-break::before{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 38%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.38) 100%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 34%,rgba(0,0,0,.66))!important}
.who-image-break p{position:relative!important;z-index:2!important;max-width:570px!important;margin:0!important;color:rgba(246,243,238,.94)!important;font-size:clamp(1.65rem,2.8vw,3.35rem)!important;line-height:1.08!important;text-align:left!important;text-shadow:0 18px 48px rgba(0,0,0,.9)!important}
@media(max-width:720px){.who-image-break{width:100%!important;min-height:470px!important;margin:-10px auto -18px!important;padding:70px 28px!important;background-position:58% center!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%)!important}.who-image-break::before{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,.28),transparent 36%,rgba(0,0,0,.72))!important}.who-image-break p{max-width:320px!important;font-size:clamp(1.5rem,7.4vw,2.35rem)!important}}

/* Keep both visual chapters: construction introduction and original portfolio hero. */
.who-panel{width:min(1540px,100%)!important;min-height:clamp(520px,62vw,760px)!important;margin:-120px auto 0!important;display:flex!important;align-items:center!important;padding:clamp(150px,16vw,220px) clamp(44px,8vw,128px) clamp(100px,11vw,154px)!important;background:#020202!important;overflow:hidden!important}
.who-panel::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:1!important;transform:none!important;filter:saturate(.76) contrast(1.03) brightness(.78)!important;background:url("hero-2-construction.png") center/cover no-repeat!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}
.who-panel::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42) 42%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.28)),linear-gradient(180deg,#020202 0%,transparent 22%,transparent 72%,#020202 100%)!important}
.who-panel .about-copy{width:min(570px,46%)!important;margin:0 auto 0 5%!important;text-align:left!important}
.who-panel .about-copy p:first-child{text-align:left!important;color:rgba(246,243,238,.9)!important;text-shadow:0 14px 38px rgba(0,0,0,.92)!important}
.who-image-break{width:100%!important;min-height:clamp(480px,54vw,700px)!important;margin:0!important;padding:clamp(62px,8vw,112px)!important;place-items:end center!important;background:url("portfolio-hero.jpg") center/cover no-repeat!important;filter:brightness(1.12) contrast(1.04)!important;-webkit-mask-image:none!important;mask-image:none!important}
.who-image-break::before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24) 54%,rgba(0,0,0,.7))!important}
.who-image-break p{max-width:620px!important;margin:0 auto!important;text-align:center!important;font-size:clamp(1.45rem,2.45vw,2.7rem)!important;line-height:1.12!important}
@media(max-width:720px){.who-panel{min-height:560px!important;margin-top:-86px!important;padding:124px 28px 86px!important}.who-panel::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;background-position:58% center!important}.who-panel::after{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.18)),linear-gradient(180deg,#020202 0%,transparent 22%,transparent 72%,#020202 100%)!important}.who-panel .about-copy{width:min(430px,100%)!important;margin:0!important}.who-panel .about-copy p:first-child{text-align:left!important}.who-image-break{min-height:430px!important;margin:0!important;padding:54px 24px!important;background-position:center!important}.who-image-break p{max-width:340px!important;font-size:clamp(1.4rem,6.4vw,2.1rem)!important}}
.who-panel{width:min(1180px,calc(100% - 48px))!important;min-height:420px!important;margin:clamp(64px,7vw,98px) auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(34px,6vw,78px)!important;align-items:center!important;padding:0!important;overflow:visible!important;background:transparent!important}
.who-panel::before{position:relative!important;inset:auto!important;z-index:auto!important;display:block!important;width:100%!important;aspect-ratio:1.25/1!important;opacity:1!important;border:1px solid rgba(213,173,106,.24)!important;border-radius:4px!important;background:url("hero-2-construction.png") 58% center/cover no-repeat!important;filter:saturate(.72) contrast(1.04) brightness(.78)!important;-webkit-mask-image:none!important;mask-image:none!important;box-shadow:0 30px 72px rgba(0,0,0,.54)!important}
.who-panel::after{display:none!important}
.who-panel .about-copy{width:100%!important;max-width:560px!important;margin:0!important;padding:0!important;text-align:left!important}
.who-panel .about-copy p:first-child{max-width:31ch!important;margin:0!important;color:rgba(246,243,238,.9)!important;font-size:clamp(1.55rem,2.25vw,2.45rem)!important;line-height:1.24!important;text-align:left!important;text-wrap:balance!important;text-shadow:none!important}
.who-image-break{background:url("who-interconnectivity.png") center/cover no-repeat!important}
@media(max-width:760px){.who-panel{width:min(520px,calc(100% - 36px))!important;min-height:0!important;margin:58px auto 72px!important;grid-template-columns:1fr!important;gap:32px!important}.who-panel::before{aspect-ratio:1.35/1!important}.who-panel .about-copy{max-width:460px!important;margin:0 auto!important}.who-panel .about-copy p:first-child{max-width:none!important;font-size:clamp(1.4rem,6.1vw,1.95rem)!important;text-align:center!important}}
.who-panel{width:100%!important;min-height:clamp(360px,38vw,520px)!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:clamp(76px,8vw,118px) 24px!important;background:#020202!important}
.who-panel::before,.who-panel::after{display:none!important}
.who-panel .about-copy{width:min(860px,100%)!important;max-width:860px!important;margin:0 auto!important;padding:0!important;text-align:center!important}
.who-panel .about-copy{grid-area:auto!important;grid-column:1/-1!important;justify-self:center!important}
.who-panel .about-copy p:first-child{max-width:31ch!important;margin:0 auto!important;font-size:clamp(1.55rem,2.25vw,2.45rem)!important;line-height:1.24!important;text-align:center!important}
@media(max-width:760px){.who-panel{min-height:0!important;margin:0!important;padding:68px 22px 78px!important}.who-panel .about-copy{max-width:520px!important}.who-panel .about-copy p:first-child{font-size:clamp(1.4rem,6.1vw,1.95rem)!important;text-align:center!important}}
.closing-statement{background:#020202!important;border:0!important;box-shadow:none!important}
.closing-statement::before,.closing-statement::after,.closing-statement p::after{display:none!important}
@media(max-width:720px){.closing-statement{padding:62px 24px 72px!important;background:#020202!important}.closing-statement p{max-width:36ch!important;margin:0 auto!important;font-size:1.06rem!important;line-height:1.62!important;font-style:normal!important;font-weight:400!important}}
