/* Owner paths: segmented tabs (sliding pill) → panel = wine intro card + 4 numbered items (2×2 on desktop).
   Switching animates the card and staggers the items. Phone: tabs stretch full width, card above, items stacked. */
.sdo-w--paths .sdo-pt{margin-top:clamp(24px,4vw,44px)}
.sdo-w--paths .sdo-pt__tabs{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;width:max-content;max-width:100%;padding:5px;margin-bottom:clamp(20px,3.4vw,36px);border:1px solid var(--sdo-line);border-radius:99px;background:var(--sdo-sand-wash)}
.sdo-al--center.sdo-w--paths .sdo-pt__tabs{margin-inline:auto}
.sdo-al--end.sdo-w--paths .sdo-pt__tabs{margin-inline-start:auto}
.sdo-w--paths .sdo-pt__tabs button{all:unset;box-sizing:border-box;position:relative;z-index:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 clamp(16px,3vw,30px);border-radius:99px;font-size:clamp(.88rem,2.4vw,1rem);font-weight:600;line-height:1.4;text-align:center;color:var(--sdo-muted);transition:color .6s var(--sdo-ease)}
.sdo-w--paths .sdo-pt__tabs button .sdo-ico,.sdo-w--paths .sdo-pt__tabs button .sdo-ico-el{flex:none;font-size:19px}
.sdo-w--paths .sdo-pt__tabs button.is-on{color:var(--sdo-accent-ink)}
.sdo-w--paths .sdo-pt__tabs button:not(.is-on):hover{color:var(--sdo-ink)}
.sdo-w--paths .sdo-pt__tabs button:focus-visible{outline:2px solid var(--sdo-sand);outline-offset:2px}
.sdo-w--paths .sdo-pt__pill{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:99px;background:var(--sdo-accent);transition:inset-inline-start .7s var(--sdo-ease),width .7s var(--sdo-ease);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--sdo-wine) 70%,transparent)}
.sdo-w--paths:not(.is-js) .sdo-pt__pill{display:none}
.sdo-w--paths:not(.is-js) .sdo-pt__tabs button.is-on{background:var(--sdo-accent)}
.sdo-tone--dark.sdo-w--paths .sdo-pt__tabs{background:color-mix(in srgb,var(--sdo-ivory) 6%,transparent);border-color:color-mix(in srgb,var(--sdo-ivory) 16%,transparent)}
.sdo-tone--dark.sdo-w--paths .sdo-pt__tabs button:not(.is-on){color:color-mix(in srgb,var(--sdo-ivory) 70%,transparent)}

/* panel */
.sdo-w--paths .sdo-pt__panel{display:none;text-align:start}
.sdo-w--paths .sdo-pt__panel.is-on{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:1fr}
@media(min-width:960px){.sdo-w--paths .sdo-pt__panel.is-on{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}}

/* intro card */
.sdo-w--paths .sdo-pt__intro{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(28px,4vw,48px);border-radius:clamp(24px,3vw,34px);color:var(--sdo-ivory);background:radial-gradient(80% 70% at 100% 0%,color-mix(in srgb,var(--sdo-wine) 75%,transparent),transparent 70%),linear-gradient(160deg,var(--sdo-wine-deep),var(--sdo-night))}
.sdo-w--paths .sdo-pt__wave{position:absolute;z-index:-1;inset-inline-start:-14%;bottom:-6%;width:86%;opacity:.9}
.sdo-w--paths .sdo-pt__wave path{stroke:var(--sdo-ivory);stroke-width:1.2;opacity:.12}
.sdo-w--paths .sdo-pt__wave path:nth-child(2){stroke:var(--sdo-sand);opacity:.32}
.sdo-w--paths .sdo-pt__bigic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border-radius:50%;font-size:28px;color:var(--sdo-sand);background:color-mix(in srgb,var(--sdo-ivory) 8%,transparent);border:1px solid color-mix(in srgb,var(--sdo-sand) 40%,transparent)}
.sdo-w--paths .sdo-pt__en{font-size:.68rem;letter-spacing:.22em;color:var(--sdo-sand)}
.sdo-w--paths .sdo-pt__title{margin:0;font-family:var(--sdo-head-ff);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700;line-height:1.35;color:#fff;text-wrap:balance}
.sdo-w--paths .sdo-pt__lead{margin:0;max-width:30em;line-height:1.95;color:color-mix(in srgb,var(--sdo-ivory) 84%,transparent);text-wrap:pretty}
.sdo-w--paths .sdo-pt__btn{margin-top:auto;background:var(--sdo-sand);border-color:var(--sdo-sand);color:var(--sdo-deep)}
.sdo-w--paths .sdo-pt__intro>.sdo-pt__lead{margin-bottom:18px}
.sdo-w--paths .sdo-pt__btn:hover{background:var(--sdo-ivory);border-color:var(--sdo-ivory);color:var(--sdo-deep)}

/* items */
.sdo-w--paths .sdo-pt__list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:1fr}
@media(min-width:600px){.sdo-w--paths .sdo-pt__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sdo-w--paths .sdo-pt__item{position:relative;display:flex;flex-direction:column;gap:8px;margin:0;padding:clamp(22px,2.6vw,30px);border:1px solid var(--sdo-line);border-radius:clamp(20px,2.4vw,26px);background:linear-gradient(165deg,var(--sdo-sand-wash),transparent 62%),var(--sdo-surface);color:var(--sdo-ink);transition:border-color .7s var(--sdo-ease),transform .9s var(--sdo-ease),box-shadow .9s var(--sdo-ease)}
.sdo-w--paths .sdo-pt__item:hover{border-color:color-mix(in srgb,var(--sdo-sand) 70%,transparent);transform:translateY(-4px);box-shadow:0 26px 50px -34px color-mix(in srgb,var(--sdo-wine) 70%,transparent)}
.sdo-w--paths .sdo-pt__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sdo-w--paths .sdo-pt__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;font-size:23px;color:var(--sdo-accent);background:var(--sdo-sand-wash);border:1px solid color-mix(in srgb,var(--sdo-sand) 32%,transparent);transition:background .7s var(--sdo-ease),color .7s var(--sdo-ease)}
.sdo-w--paths .sdo-pt__item:hover .sdo-pt__ic{background:var(--sdo-accent);color:var(--sdo-accent-ink)}
.sdo-w--paths .sdo-pt__n{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:200;line-height:1;color:color-mix(in srgb,var(--sdo-sand) 80%,transparent);font-variant-numeric:tabular-nums}
.sdo-w--paths .sdo-pt__item h4{margin:0;font-family:var(--sdo-head-ff);font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:700;line-height:1.45;color:inherit;text-wrap:balance}
.sdo-w--paths .sdo-pt__ien{font-size:.62rem;letter-spacing:.18em;color:var(--sdo-sand-deep)}
.sdo-w--paths .sdo-pt__item p{margin:4px 0 0;line-height:1.9;color:var(--sdo-muted);text-wrap:pretty}
.sdo-tone--dark.sdo-w--paths .sdo-pt__item{background:color-mix(in srgb,var(--sdo-ivory) 4%,transparent);border-color:color-mix(in srgb,var(--sdo-ivory) 14%,transparent);color:var(--sdo-ivory)}
.sdo-tone--dark.sdo-w--paths .sdo-pt__item p{color:color-mix(in srgb,var(--sdo-ivory) 76%,transparent)}
.sdo-tone--dark.sdo-w--paths .sdo-pt__ien{color:var(--sdo-sand)}

/* switch animation (JS adds .is-anim on the panel being shown) */
.sdo-w--paths .sdo-pt__panel.is-anim .sdo-pt__intro{animation:sdo-pt-card .9s var(--sdo-ease) both}
.sdo-w--paths .sdo-pt__panel.is-anim .sdo-pt__item{animation:sdo-pt-in .9s var(--sdo-ease) both;animation-delay:var(--d,0s)}
@keyframes sdo-pt-card{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes sdo-pt-in{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}

@media(max-width:599px){
	.sdo-w--paths .sdo-pt__tabs{width:100%}
	.sdo-w--paths .sdo-pt__tabs button{padding:6px 10px;gap:8px;font-size:.84rem}
	.sdo-w--paths .sdo-pt__tabs button .sdo-ico,.sdo-w--paths .sdo-pt__tabs button .sdo-ico-el{font-size:17px}
	.sdo-w--paths .sdo-pt__intro .sdo-pt__btn{width:100%}
}
@media(max-width:379px){.sdo-w--paths .sdo-pt__tabs button .sdo-ico,.sdo-w--paths .sdo-pt__tabs button .sdo-ico-el{display:none}}
@media (hover:none){.sdo-w--paths .sdo-pt__item:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.sdo-w--paths *{transition:none!important;animation:none!important}}