:root{--plum-l:#260a1f;--lab:600 15px/1.35 var(--f-b);--rule:rgba(20,4,15,.16);--rule-d:rgba(242,237,227,.18)}
.lab{font:var(--lab);letter-spacing:.11em;text-transform:uppercase}
.btn{font:600 16px/1 var(--f-b)}
.btn.lg{padding:18px 24px;font-size:17px}
.ctas .alt{font:600 17px var(--f-b)}

.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px var(--g)}
.nav .mk{display:flex;align-items:center;gap:12px;justify-self:start;font:400 22px/.9 var(--f-d);text-transform:uppercase;color:var(--cream);letter-spacing:.01em}
.nav .mk i{width:40px;height:40px;border-radius:50%;background:url(/assets/img/moody-laugh.jpg) 62% 16%/auto 260% no-repeat;flex:none;box-shadow:0 0 0 2px var(--lime)}
.nav ul{gap:34px;font:500 17px var(--f-b)}
.nav ul a{position:relative;padding:4px 0}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav ul a:hover::after,.nav ul a:focus-visible::after{transform:scaleX(1)}
.nav .btn{justify-self:end}
@media (max-width:760px){.btn{font-size:16px;padding:14px 16px}.nav{grid-template-columns:1fr auto;padding:14px var(--g)}.nav .mk{font-size:18px;gap:10px}.nav .mk i{width:34px;height:34px}}
@media (max-width:370px){.nav .mk span{display:none}}

.xp-b{all:unset;box-sizing:border-box;cursor:pointer;display:grid;width:100%;align-items:center}
.xp-b:focus-visible{outline:3px solid var(--magenta);outline-offset:4px}
.xp-b .pm{width:46px;height:46px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;justify-self:end;transition:transform .35s,background .25s,color .25s}
.xp-b .pm::before,.xp-b .pm::after{content:"";grid-area:1/1;width:16px;height:2px;background:currentColor;transition:transform .35s}
.xp-b .pm::after{transform:rotate(90deg)}
.xp-b[aria-expanded=true] .pm{transform:rotate(180deg)}
.xp-b[aria-expanded=true] .pm::after{transform:rotate(0)}
.xp-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.xp-p>div{overflow:hidden;min-height:0}
.xp-p.open{grid-template-rows:1fr}
.xp-p .in{opacity:0;transform:translateY(12px);transition:opacity .35s .08s,transform .45s .08s}
.xp-p.open .in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.xp-p,.xp-p .in{transition:none}}