/* Inner-page hero: photo (slow zoom) or night gradient + brand waves; crumbs → label → title (word reveal) → lead. */
.sdo-ph{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:72vh;min-height:72svh;overflow:hidden;isolation:isolate;color:var(--sdo-ivory);background:radial-gradient(80% 70% at 85% 10%,color-mix(in srgb,var(--sdo-wine) 70%,transparent),transparent 70%),linear-gradient(170deg,var(--sdo-wine-deep),var(--sdo-night))}
.sdo-ph__img{position:absolute;inset:0;z-index:-3;background-size:cover;background-repeat:no-repeat;transform:scale(1.12);transition:transform 3.2s var(--sdo-ease)}
.sdo-ph.is-ready .sdo-ph__img,.sdo-ph:not(.is-js) .sdo-ph__img{transform:scale(1.02)}
.sdo-ph__shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--ph-ov,.58) * .55)) 0%,transparent 35%),linear-gradient(0deg,color-mix(in srgb,var(--sdo-night) calc(var(--ph-ov,.58) * 150%),transparent) 0%,rgba(0,0,0,calc(var(--ph-ov,.58) * .6)) 55%,transparent 100%)}
.sdo-ph:not(.has-img) .sdo-ph__shade{display:none}
.sdo-ph__waves{position:absolute;z-index:-1;left:0;right:auto;bottom:-2%;width:200%;height:min(32%,240px);fill:none;stroke-linecap:round;animation:sdo-ph-drift 40s linear infinite;pointer-events:none}
.sdo-ph__waves path{stroke:var(--sdo-sand);stroke-width:1.3;vector-effect:non-scaling-stroke;opacity:.35}
.sdo-ph__waves path:nth-child(2){stroke:var(--sdo-ivory);opacity:.14}
.sdo-ph__waves path:nth-child(3){opacity:.2}
@keyframes sdo-ph-drift{to{transform:translateX(-50%)}}
.sdo-ph__in{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:calc(var(--ph-off,90px) + 40px) clamp(20px,5vw,40px) clamp(72px,11vh,120px)}
.sdo-ph--center .sdo-ph__in{text-align:center}
.sdo-ph__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(18px,3vh,28px);font-size:.85rem;color:color-mix(in srgb,var(--sdo-ivory) 70%,transparent)}
.sdo-ph--center .sdo-ph__crumbs{justify-content:center}
.sdo-ph__crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .4s var(--sdo-ease),border-color .4s var(--sdo-ease)}
.sdo-ph__crumbs a:hover{color:var(--sdo-sand);border-color:var(--sdo-sand)}
.sdo-ph__crumbs [aria-current]{color:var(--sdo-ivory)}
.sdo-ph__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;letter-spacing:.28em;color:var(--sdo-sand)}
.sdo-ph__eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.sdo-ph__title{margin:.35em 0 .3em;font-family:var(--sdo-head-ff);font-size:clamp(2.4rem,7vw,5.4rem);font-weight:700;line-height:1.2;color:#fff;text-wrap:balance}
.sdo-ph__w{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em 0 .2em;margin:-.1em 0 -.2em}
.sdo-ph__w>span{display:inline-block}
.sdo-ph__lead{margin:0;max-width:40em;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.95;color:color-mix(in srgb,var(--sdo-ivory) 86%,transparent);text-wrap:pretty}
.sdo-ph--center .sdo-ph__lead{margin-inline:auto}
.sdo-ph__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3.4vw,36px)}
.sdo-ph--center .sdo-ph__btns{justify-content:center}
.sdo-ph__b{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border-radius:99px;background:var(--sdo-ivory);border:1px solid var(--sdo-ivory);color:var(--sdo-wine-deep);font-weight:600;text-decoration:none;transition:background .6s var(--sdo-ease),color .6s var(--sdo-ease),transform .6s var(--sdo-ease)}
.sdo-ph__b:hover{background:var(--sdo-sand);border-color:var(--sdo-sand);color:var(--sdo-deep);transform:translateY(-2px)}
.sdo-ph__b.is-ghost{background:transparent;color:#fff;border-color:color-mix(in srgb,var(--sdo-ivory) 55%,transparent)}
.sdo-ph__b.is-ghost:hover{background:var(--sdo-ivory);color:var(--sdo-wine-deep)}
.sdo-ph__b:focus-visible,.sdo-ph__crumbs a:focus-visible{outline:2px solid var(--sdo-sand);outline-offset:3px}
.sdo-ph__cue{position:absolute;bottom:clamp(18px,3.5vh,30px);left:50%;width:1px;height:46px;background:color-mix(in srgb,var(--sdo-ivory) 28%,transparent);overflow:hidden}
.sdo-ph__cue i{position:absolute;inset-inline:0;top:0;height:14px;background:var(--sdo-sand);animation:sdo-ph-cue 2s var(--sdo-ease) infinite}
@keyframes sdo-ph-cue{0%{transform:translateY(-14px)}100%{transform:translateY(46px)}}
/* Entrance (JS) */
.sdo-ph.is-js .sdo-ph__w>span{transform:translate3d(0,110%,0);transition:transform 1.25s var(--sdo-ease);transition-delay:calc(var(--i) * 70ms + .1s)}
.sdo-ph.is-js .sdo-ph__crumbs,.sdo-ph.is-js .sdo-ph__eyebrow,.sdo-ph.is-js .sdo-ph__lead,.sdo-ph.is-js .sdo-ph__btns{opacity:0;transform:translate3d(0,14px,0);transition:opacity 1s var(--sdo-ease),transform 1.1s var(--sdo-ease)}
.sdo-ph.is-js .sdo-ph__lead{transition-delay:.45s}
.sdo-ph.is-js .sdo-ph__btns{transition-delay:.6s}
.sdo-ph.is-ready .sdo-ph__w>span,.sdo-ph.is-ready .sdo-ph__crumbs,.sdo-ph.is-ready .sdo-ph__eyebrow,.sdo-ph.is-ready .sdo-ph__lead,.sdo-ph.is-ready .sdo-ph__btns{opacity:1;transform:none}
@media(max-width:599px){.sdo-ph__btns{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.sdo-ph *{transition:none!important;animation:none!important}.sdo-ph.is-js .sdo-ph__w>span{transform:none}.sdo-ph.is-js .sdo-ph__crumbs,.sdo-ph.is-js .sdo-ph__eyebrow,.sdo-ph.is-js .sdo-ph__lead,.sdo-ph.is-js .sdo-ph__btns{opacity:1;transform:none}}
