.asce-about{--about-navy:#14212D;--about-mid:#263039;--about-warm:#3E332F;--about-brown:#60402F;--about-copper:#E8BE90;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,90px);padding:clamp(32px,5vw,84px);border-radius:24px;background:linear-gradient(110deg,var(--about-navy) 0%,var(--about-mid) 36%,var(--about-warm) 65%,var(--about-brown) 100%);color:#fff;font-family:inherit}.asce-about:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 68px,rgba(255,255,255,.035) 69px,transparent 70px);opacity:.4}.asce-about-copy,.asce-about-visual{position:relative;z-index:1;min-width:0}.asce-about-eyebrow{display:block;color:var(--about-copper);font-size:11px;font-weight:800;letter-spacing:.22em;margin-bottom:24px}.asce-about h2{color:#fff;font-size:clamp(32px,3.8vw,65px);line-height:1.12;letter-spacing:-.045em;margin:0 0 25px;font-weight:750}.asce-about h2 span{display:block;color:var(--about-copper);margin-top:9px}.asce-about-copy>p{color:#e4dfda;font-size:clamp(15px,1.15vw,18px);line-height:1.85;max-width:630px;margin:0 0 25px}.asce-about-rule{display:block;width:78px;height:2px;background:linear-gradient(90deg,var(--about-copper),transparent);margin:26px 0}.asce-about-cta{display:inline-flex;align-items:center;gap:20px;border:1px solid rgba(232,190,144,.55);border-radius:7px;padding:12px 17px;color:#fff!important;text-decoration:none!important;font-weight:700;transition:background .25s,transform .25s}.asce-about-cta:hover{background:rgba(232,190,144,.15);transform:translateY(-2px)}.asce-about-cta span{color:var(--about-copper)}.asce-about-poster{position:relative;min-height:390px;aspect-ratio:1.15;background-color:#253845;background-size:cover;background-position:center;border:1px solid rgba(232,190,144,.28);border-radius:18px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.25);display:grid;place-items:center}.asce-about-poster-shade{position:absolute;inset:0;background:linear-gradient(145deg,rgba(13,28,40,.3),rgba(16,27,35,.75))}.asce-about-play{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;background:transparent;border:0;color:white;cursor:pointer;font:inherit}.asce-about-play-circle{display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(232,190,144,.85);border-radius:50%;background:rgba(232,190,144,.2);box-shadow:0 0 0 12px rgba(232,190,144,.08);color:#fff;animation:asce-about-pulse 3.5s ease-in-out infinite;transition:transform .25s}.asce-about-play:hover .asce-about-play-circle{transform:scale(1.08)}.asce-about-play-label{font-size:12px;letter-spacing:.14em;font-weight:800}.asce-about-placeholder{position:relative;color:#fff;font-size:clamp(65px,9vw,135px);font-weight:900;letter-spacing:-.09em;text-shadow:0 6px 25px rgba(0,0,0,.25)}.asce-about-placeholder small{display:block;text-align:center;letter-spacing:.25em;font-size:10px;color:var(--about-copper)}@keyframes asce-about-pulse{50%{box-shadow:0 0 0 22px rgba(232,190,144,0),0 0 28px rgba(232,190,144,.2)}}.asce-about-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(8,14,21,.92);display:grid;place-items:center;padding:24px}.asce-about-dialog{position:relative;width:min(1080px,96vw);aspect-ratio:16/9;background:#000;box-shadow:0 25px 100px #000}.asce-about-dialog iframe,.asce-about-dialog video{width:100%;height:100%;border:0;display:block}.asce-about-close{position:absolute;right:0;top:-48px;width:40px;height:40px;background:#fff;color:#111;border:0;border-radius:50%;font-size:28px;cursor:pointer}.asce-about-inline-player{position:absolute;inset:0;z-index:5;background:#000}.asce-about-inline-player iframe,.asce-about-inline-player video{width:100%;height:100%;border:0}.asce-about-inline-close{position:absolute;right:12px;top:12px;z-index:6;border:0;border-radius:50%;width:36px;height:36px;background:#fff;color:#111;font-size:24px;cursor:pointer}@media(max-width:850px){.asce-about{grid-template-columns:1fr;padding:32px;gap:30px}.asce-about-poster{min-height:300px;aspect-ratio:16/10}}@media(max-width:480px){.asce-about{padding:24px;border-radius:16px}.asce-about-poster{min-height:240px}.asce-about-play-circle{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){.asce-about-play-circle{animation:none}}
/* v2.9.3 — About principles and seamless cover video */
.asce-about-principles{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:4px}.asce-about-principle{padding:clamp(22px,2.5vw,36px);border:1px solid rgba(232,190,144,.23);background:rgba(255,255,255,.055);border-radius:16px;backdrop-filter:blur(7px);transition:border-color .3s,transform .3s,background .3s}.asce-about-principle:hover{transform:translateY(-3px);border-color:rgba(232,190,144,.58);background:rgba(255,255,255,.08)}.asce-about-principle-icon{color:var(--about-copper);font-size:25px}.asce-about-principle h3{font-size:clamp(20px,2vw,29px);color:#fff;margin:12px 0}.asce-about-principle p,.asce-about-principle li{color:#e4dfda;line-height:1.85;font-size:clamp(14px,1vw,16px)}.asce-about-principle p{margin:0}.asce-about-values{grid-column:1/-1}.asce-about-values ul{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.asce-about-values li{padding-left:18px;position:relative}.asce-about-values li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--about-copper)}.asce-about-cover-media{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;background:#101d27}.asce-about-cover-media video,.asce-about-cover-media iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;border:0}.asce-about-cover-media iframe{width:max(100%,177.78vh);min-width:177.78%;height:max(100%,56.25vw);min-height:100%}.asce-about-poster:has(.asce-about-cover-media) .asce-about-poster-shade{z-index:3;pointer-events:none;background:linear-gradient(145deg,rgba(13,28,40,.08),rgba(16,27,35,.25))}@media(max-width:850px){.asce-about-principles{grid-template-columns:1fr}.asce-about-values{grid-column:auto}}@media(max-width:560px){.asce-about-values ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.asce-about-principle{transition:none}}

/* v2.9.4 — prominent animated About ASCE signature */
.asce-about .asce-about-eyebrow{
  position:relative;display:inline-flex;align-items:center;isolation:isolate;
  width:max-content;max-width:100%;box-sizing:border-box;
  padding:clamp(12px,1.4vw,19px) clamp(19px,2.4vw,34px);
  margin:0 0 clamp(26px,3vw,42px);border-radius:10px;
  font-size:clamp(22px,2.65vw,43px);font-weight:850;
  line-height:1.1;letter-spacing:.095em;text-transform:uppercase;
  color:#fff;text-shadow:0 2px 18px rgba(255,255,255,.17);
  background:linear-gradient(115deg,rgba(255,255,255,.09),rgba(232,190,144,.045) 55%,rgba(255,255,255,.065));
  border:1px solid rgba(232,190,144,.28);
  box-shadow:0 10px 35px rgba(0,0,0,.12),inset 0 0 22px rgba(255,255,255,.025);
  animation:asce-about-signature-breathe 6s ease-in-out infinite;
}
.asce-about .asce-about-eyebrow::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--asce-about-angle,0deg),transparent 0deg,transparent 85deg,var(--about-copper) 135deg,#fff 157deg,var(--about-copper) 178deg,transparent 215deg,transparent 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  animation:asce-about-border-spin 8s linear infinite;
}
.asce-about .asce-about-eyebrow::after{
  content:"";position:absolute;left:15%;right:15%;bottom:-8px;height:2px;
  background:linear-gradient(90deg,transparent,var(--about-copper),#fff,var(--about-copper),transparent);
  background-size:220% 100%;filter:drop-shadow(0 0 7px rgba(232,190,144,.55));
  animation:asce-about-light-sweep 5.5s ease-in-out infinite;pointer-events:none;
}
@property --asce-about-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes asce-about-border-spin{to{--asce-about-angle:360deg}}
@keyframes asce-about-signature-breathe{0%,100%{text-shadow:0 2px 14px rgba(255,255,255,.12);box-shadow:0 10px 35px rgba(0,0,0,.12)}50%{text-shadow:0 0 24px rgba(255,255,255,.32),0 0 38px rgba(232,190,144,.14);box-shadow:0 10px 40px rgba(0,0,0,.16),0 0 22px rgba(232,190,144,.09)}}
@keyframes asce-about-light-sweep{0%,100%{background-position:100% 50%;opacity:.55}50%{background-position:0% 50%;opacity:1}}
@media(max-width:480px){.asce-about .asce-about-eyebrow{font-size:clamp(19px,6vw,29px);padding:12px 16px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.asce-about .asce-about-eyebrow,.asce-about .asce-about-eyebrow::before,.asce-about .asce-about-eyebrow::after{animation:none!important}}
