.ph-photo>picture,.side-photo>picture,.ind>picture,.art.photo>picture,.article-art.photo-art>picture,.contact-photo>picture,.l-img>picture{display:contents}
/* Twelve31 Advisors upgrade 2026-10-23: section art, photo-rich cards, dark/light rhythm. Loaded after styles.css. */
picture{display:block}
picture>img{width:100%;height:auto}
/* section art (absolute, lazy, no layout impact) */
.section.dark,.u-cta{position:relative;overflow:hidden;isolation:isolate}
.u-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.u-art img{width:100%;height:100%;object-fit:cover}
.u-art-r img{object-position:right center;opacity:.5}
.u-art-l img{object-position:right 30%;opacity:.55}
.u-art-cta img{object-position:right center;opacity:.95}
.section.dark::before,.u-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,26,48,.96) 0%,rgba(14,26,48,.82) 45%,rgba(14,26,48,.25) 100%)}
.u-cta{background:#0B1528}
.u-cta::after{display:none}
.u-cta>*{position:relative}
.u-cta>.u-art{position:absolute}
/* dark sections: lift cards to glass */
.section.dark .risk{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* "How we advise" now dark */
.u-about h2,.u-about h3{color:#fff}
.u-about .lead,.u-about p{color:#C3CEE0}
.u-about .eyebrow{color:var(--accent-light)}
.u-about .why-item{border-color:rgba(255,255,255,.1)!important}
.u-about .why-item .ic{background:rgba(47,127,246,.18);color:#9CC4FF;border:1px solid rgba(125,178,255,.3)}
.u-about-img{margin-top:32px;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1)}
.u-about-img img{aspect-ratio:4/3;object-fit:cover}
/* process steps with photo tops */
.u-step{padding-top:0;overflow:hidden}
.u-step-img{margin:0 -30px 26px;height:190px;overflow:hidden;border-bottom:1px solid var(--line)}
.u-step-img img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.u-step:hover .u-step-img img{transform:scale(1.04)}
.u-step{transition:box-shadow .3s,transform .3s}
.u-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
/* audience cards with photo headers */
.u-aud{padding-top:0}
.u-aud-img{margin:0 -44px 30px;height:220px;overflow:hidden;position:relative}
.u-aud-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,24,48,.35))}
.u-aud:not(.navy) .u-aud-img::after{background:linear-gradient(180deg,transparent 60%,rgba(255,255,255,.2))}
.u-aud-img img{height:100%;object-fit:cover}
.u-aud .orb,.u-aud .rings{top:220px}
/* bolder headings + accent rule */
.sec-head h2{letter-spacing:-.02em}
.eyebrow{font-weight:700}
@media (max-width:760px){
  .section.dark::before,.u-cta::before{background:linear-gradient(180deg,rgba(14,26,48,.9),rgba(14,26,48,.94))}
  .u-step-img{margin:0 -30px 22px;height:170px}
  .u-aud-img{margin:0 -30px 24px;height:180px}
  .u-aud .orb,.u-aud .rings{top:180px}
}
@media (prefers-reduced-motion:reduce){.u-step,.u-step-img img{transition:none}.u-step:hover{transform:none}}
.u-art-r{left:auto;width:min(760px,56%);height:min(100%,560px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.u-art-r img{object-position:right top;opacity:.75}
.section.dark:has(.u-art-r)::before{background:radial-gradient(900px 500px at 0 100%,rgba(47,127,246,.12),transparent 60%)}
@media (max-width:760px){.u-art-r{width:100%;height:320px;opacity:.5}}
.u-art-r{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 35%,transparent 72%);mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 35%,transparent 72%)}