
/* YNB final visual system: wordmark, fluid selector, article consistency */
nav .brand{display:inline-flex;align-items:center;gap:12px!important;text-decoration:none;min-width:0}
nav .brand .ynb-brand-wordmark{font-family:Optima,"Avenir Next",Montserrat,"Trebuchet MS",sans-serif;font-weight:750;letter-spacing:.035em;white-space:nowrap;font-size:clamp(12px,1.12vw,16px);color:#8C102B;line-height:1.1}
nav .brand .ynb-brand-wordmark em{font-style:normal;font-weight:600;color:#A77A2B;letter-spacing:.07em}
@media(max-width:440px){nav .brand .ynb-brand-wordmark{font-size:11px;letter-spacing:0}nav .brand .ynb-brand-wordmark em{letter-spacing:0}}
#expertise.ynb-practices{background:radial-gradient(ellipse at 78% 15%,#B02849 0%,transparent 42%),radial-gradient(ellipse at 12% 95%,#48071B 0%,transparent 55%),linear-gradient(145deg,#6B0A25,#961333 58%,#59081E)!important}
.ynb-practices .practice-stage{perspective:1100px;touch-action:pan-y;user-select:none}
.ynb-practices .practice-stage-inner{transform-style:preserve-3d;will-change:transform}
.ynb-practices .practice-neighbour{cursor:pointer;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1),filter .42s ease;transform:scale(.94);filter:blur(.3px)}
.ynb-practices .practice-neighbour:hover{opacity:1;transform:scale(1.045);filter:none;color:#FFF3CE}
.ynb-practices .practice-current{position:relative;isolation:isolate}
.ynb-practices .practice-current:before{content:"";position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(ellipse,#E8BB5B2E,transparent 72%);filter:blur(25px);z-index:-1;pointer-events:none}
.ynb-practices .practice-selected{position:relative;overflow:hidden;min-height:78px;box-shadow:0 10px 32px #3C001D35,inset 0 1px 0 #FFF5C833;transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s,background .36s;will-change:transform}
.ynb-practices .practice-selected:before{content:"";position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 38%,#FFF6D520 50%,transparent 62%);transform:translateX(-65%);transition:transform .7s;pointer-events:none}
.ynb-practices .practice-selected:hover:before,.ynb-practices .practice-selected:focus-visible:before{transform:translateX(65%)}
.ynb-practices .practice-selected:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 18px 45px #31001260,inset 0 1px 0 #FFF5C866}
.ynb-practices .practice-selected:active,.ynb-practices .practice-controls button:active,.ynb-practices .practice-choices button:active{transform:scale(.965)!important}
.ynb-practices .practice-selected.ynb-switching{animation:ynb-practice-enter .53s cubic-bezier(.18,.85,.25,1) both}
.ynb-practices .practice-caption.ynb-switching{animation:ynb-practice-caption .5s ease both}
.ynb-practices .practice-neighbour.ynb-switching{animation:ynb-practice-neighbour .5s ease both}
@keyframes ynb-practice-enter{0%{opacity:.18;filter:blur(7px);transform:translate3d(0,24px,-30px) scale(.95)}65%{opacity:1;filter:blur(0);transform:translate3d(0,-3px,0) scale(1.015)}100%{opacity:1;transform:none;filter:none}}
@keyframes ynb-practice-caption{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
@keyframes ynb-practice-neighbour{from{opacity:.12;transform:translateY(12px)}to{opacity:.8;transform:scale(.94)}}
.ynb-practices .practice-controls button{transition:transform .25s,background .25s,border-color .25s;box-shadow:0 5px 20px #35001633}
.ynb-practices .practice-controls button:hover{transform:translateY(-3px);border-color:#FFE3A1}
.ynb-practices .practice-choices button{transition:transform .25s,background .25s,color .25s}
.ynb-practices .practice-choices button:hover{transform:translateY(-2px)}
.ynb-practices .practice-stage.ynb-dragging .practice-stage-inner{transition:none;transform:translateY(var(--ynb-drag,0px)) rotateX(calc(var(--ynb-drag,0px) * -.06))}
.dpdp{--teal:#8C102B!important;--mint:#D8B46B!important;--gold:#D8B46B!important;--ivory:#FAF7F1!important;background:#FAF7F1!important;color:#17283F!important}
.dpdp-hero{background:radial-gradient(ellipse at 80% 25%,#B32A4A 0%,transparent 45%),linear-gradient(145deg,#4F081E,#8C102B 65%,#620A25)!important;color:#FFF9ED!important}
.dpdp section.dark{background:linear-gradient(135deg,#5B0B23,#8C102B)!important;color:#FFF9ED!important}
.dpdp .visual{background:radial-gradient(circle at 45% 45%,#BD4D63,#86122D 55%,#4B071C)!important}
.dpdp .tile{background:#FFFDF8!important}
.dpdp .cta{background:#F5EADC!important}
.dpdp .cta a{background:#8C102B!important;color:white!important}
.dpdp .check input{accent-color:#8C102B!important}
.dpdp .progress span{background:#8C102B!important}
.dpdp .jump:hover,.dpdp .source-links a:hover{background:#D8B46B22}
@media(max-width:700px){.ynb-practices .practice-selected{min-height:62px}.ynb-practices .practice-stage{grid-template-columns:8px minmax(0,1fr) 8px!important}.ynb-practices .practice-current{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.ynb-practices .ynb-switching{animation:none!important}.ynb-practices .practice-selected:before{display:none}.ynb-practices .practice-stage-inner{transform:none!important}}
