.os-tier-tabs{position:relative}
.os-tier-tabs button{border-right-color:transparent!important;transition:color .3s ease!important}
.os-tier-tabs button[aria-selected=true]{border-right-color:transparent!important}
.os-tier-tabs::after{content:'';position:absolute;right:-2px;top:0;width:4px;height:var(--tier-marker-height,160px);background:var(--primary-color);transform:translateY(var(--tier-marker-y,0px));transition:transform .4s cubic-bezier(.22,1,.36,1),height .4s ease!important;pointer-events:none}
.os-tier-panels{min-height:480px;display:grid;align-items:center}
.os-tier-panels article{grid-area:1/1}
.os-tier-image{will-change:opacity}
@media(max-width:700px){.os-tier-tabs button,.os-tier-tabs button[aria-selected=true]{border-bottom-color:transparent!important}.os-tier-tabs::after{right:auto;top:auto;bottom:-2px;left:0;height:4px;width:var(--tier-marker-width,33.333%);transform:translateX(var(--tier-marker-x,0px));transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s ease!important}.os-tier-panels{min-height:380px}}
@media(prefers-reduced-motion:reduce){.os-tier-tabs button,.os-tier-tabs::after{transition:none!important}}
/* Tab hover stays unfilled; active indicator supplies selection feedback. */
body:not(.home) main .os-tier-tabs [role="tab"]:hover{background:transparent!important}
/* Tighten the handoff after the cooperative statistics mosaic. */
body.page-template-default .os-cooperative,body:not(.home) .os-cooperative{padding-bottom:32px}
body:not(.home) .os-cooperative + .os-tiers{padding-top:96px}
@media(min-width:701px){body:not(.home) .os-cooperative .os-stats{margin-bottom:-80px}}
@media(max-width:700px){body:not(.home) .os-cooperative{padding-bottom:24px}body:not(.home) .os-cooperative + .os-tiers{padding-top:48px}}

/* Figma Tier 01 uses a right-aligned crop; the other photos are centred. */
.os-tiers .os-tier-image[data-tier-index="0"]{object-position:100% 50%}
.os-tiers .os-tier-image[data-tier-index="1"],.os-tiers .os-tier-image[data-tier-index="2"]{object-position:50% 50%}