/* Compact About-page panels without reducing the copy or its legibility. */
.about-principles{gap:44px;margin:clamp(60px,8vw,104px) 0;padding:clamp(25px,3.4vw,42px)}
.about-principle-statement p{margin-top:14px}.about-facts div{padding:13px 0}.about-facts span{margin-top:3px}
.about-close{margin-top:clamp(60px,8vw,104px);padding:clamp(24px,3.3vw,40px)}
.about-close .kicker{color:#29444b!important}.about-close p{margin-top:12px}
.about-showcase-page .simple-nav .site-nav-brand .brand-mark{background-color:transparent!important;background-image:url('/sas-logo-mark-transparent-v2.png')!important;background-repeat:no-repeat;background-position:center;background-size:contain}
@media(max-width:800px){.about-principles{margin:60px 0}.about-close{padding:28px}}
@media(max-width:520px){.about-principles{padding:24px 22px}.about-close{padding:25px 24px}}

/* About hero: the transparent fishbowl fills the intentional open side. */
.about-showcase-hero .shell{position:relative;min-height:242px;padding-right:clamp(270px,34vw,470px)}
.about-showcase-hero .shell:after{content:'';position:absolute;z-index:0;right:clamp(4px,3vw,42px);top:50%;width:clamp(250px,29vw,420px);aspect-ratio:1/1;transform:translateY(-50%);background:url('/sas-logo-mark-transparent-v2.png') center/contain no-repeat;filter:drop-shadow(0 16px 24px rgba(0,0,0,.34));pointer-events:none}
.about-showcase-hero .shell>*{position:relative;z-index:1}
.about-intro{display:block;max-width:760px;margin-bottom:52px}

/* Compact the standard panel while retaining all copy. */
.about-principles{grid-template-columns:1.42fr .58fr;gap:34px;margin:clamp(46px,6vw,76px) 0;padding:clamp(18px,2.2vw,29px) clamp(22px,3vw,38px)}
.about-principle-statement p{margin-top:10px}.about-facts div{padding:9px 0}.about-facts strong{font-size:1.36rem;line-height:1.04}.about-facts span{font-size:.75rem;line-height:1.35}
@media(max-width:800px){.about-showcase-hero .shell{min-height:0;padding-right:0}.about-showcase-hero .shell:after{display:none}.about-intro{margin-bottom:42px}.about-principles{grid-template-columns:1fr;gap:20px;margin:52px 0;padding:24px}.about-facts strong{font-size:1.5rem}.about-facts span{font-size:.84rem}}