.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}
.nav a{text-decoration:none;opacity:.7;font-size:13px;letter-spacing:.12em;transition:opacity .4s cubic-bezier(.2,0,0,1)}
.nav a:hover,.nav>a[aria-current]{opacity:1}
.menu-btn{display:none;background:none;border:0;padding:10px 0;cursor:pointer;font-family:var(--mono,var(--sans));font-size:var(--fs-lab);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:inherit}
@media (max-width:759px){.nav>a,.nav>.snd,.nav .dd{display:none}.menu-btn{display:inline-block}}

.sym{display:inline-block;flex:none;width:.16em;height:.16em;margin-left:.1em;vertical-align:.62em}
.sym--square{background:var(--blue)}
.sym--circle{background:var(--orange,#F19759);border-radius:50%}
.sym--plus{--c:var(--green,#7CC08C);background:linear-gradient(var(--c),var(--c)) center/100% 34% no-repeat,linear-gradient(var(--c),var(--c)) center/34% 100% no-repeat}

.dd{position:relative}
.dd__btn{background:none;border:0;padding:4px 0;cursor:pointer;color:inherit;font-family:var(--mono,var(--sans));font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.dd:hover .dd__btn,.dd.is-open .dd__btn,.dd__btn:focus-visible{opacity:1}
.dd__panel{position:absolute;top:calc(100% + 20px);left:-28px;width:380px;padding:18px 28px 0;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px rgba(21,21,21,.1),0 30px 60px -30px rgba(21,21,21,.35);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s}
.dd__panel::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.dd:hover .dd__panel,.dd:focus-within .dd__panel,.dd.is-open .dd__panel{clip-path:inset(0 -90px -90px -90px);visibility:visible;transition-delay:0s}
.dd__h{opacity:.55;padding-bottom:12px;border-bottom:1px solid rgba(21,21,21,.14)}
.nav .dd__item,.nav .dd__foot{opacity:0;transform:translateY(10px);transition:opacity .45s cubic-bezier(.2,0,0,1),transform .7s cubic-bezier(.16,1,.3,1)}
.dd:hover .dd__item,.dd:focus-within .dd__item,.dd.is-open .dd__item,.dd:hover .dd__foot,.dd:focus-within .dd__foot,.dd.is-open .dd__foot{opacity:1;transform:none}
.dd__panel>:nth-child(2){transition-delay:.12s}.dd__panel>:nth-child(3){transition-delay:.17s}.dd__panel>:nth-child(4){transition-delay:.22s}.dd__panel>:nth-child(5){transition-delay:.27s}
.nav .dd__item{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:0 6px;padding:18px 0;text-transform:none;letter-spacing:0;border-bottom:1px solid rgba(21,21,21,.14)}
.dd__k{color:var(--blue)}
.dd__m{display:grid;gap:6px;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.dd__n{font-family:var(--sans);font-size:26px;font-weight:300;letter-spacing:-.015em;line-height:1}
.dd__s{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.dd__sym{width:12px;height:12px;margin:0;justify-self:end;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.dd__item:hover .dd__m,.dd__item:focus-visible .dd__m{transform:translateX(6px)}
.dd__item:hover .sym--plus{transform:scale(1.6) rotate(90deg)}
.dd__item:hover .sym--square{transform:scale(1.6) rotate(45deg)}
.dd__item:hover .sym--circle{transform:scale(1.8)}
.nav .dd__foot{display:flex;padding:18px 0 20px;opacity:.7}
.nav .dd__foot:hover{opacity:1}

.mnav{position:fixed;inset:0;z-index:39;background:var(--paper);color:var(--ink);display:grid;grid-template-rows:1fr auto;padding:calc(env(safe-area-inset-top,0px) + 96px) var(--gxr) calc(env(safe-area-inset-bottom,0px) + 28px) var(--gx);overscroll-behavior:contain}
.mnav[hidden]{display:none}
.mnav--css{clip-path:inset(0 0 100% 0);transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
.mnav--css.is-open{clip-path:inset(0)}
.mnav--css .mnav__list>*{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.2,0,0,1),transform .9s cubic-bezier(.16,1,.3,1)}
.mnav--css.is-open .mnav__list>*{opacity:1;transform:none}
.mnav--css.is-open .mnav__list>.mnav__h{opacity:.6}
.mnav--css.is-open .mnav__list>:nth-child(n+2){transition-delay:.3s}
.mnav__list{align-self:center;display:grid}
.mnav__h{opacity:.6;padding-bottom:12px}
.mnav__list a{display:flex;align-items:baseline;padding-block:clamp(10px,1.9svh,18px);border-bottom:1px solid var(--rule);text-decoration:none;font-size:clamp(32px,min(11vw,6.2svh),56px);font-weight:300;letter-spacing:-.015em;line-height:1}
.mnav__list .mnav__h+a{border-top:1px solid var(--rule)}
.mnav__list a>span{display:block}
.mnav__list .glyph{width:.16em;height:.16em}
.mnav__s{display:block;margin-top:6px;font-family:var(--mono,var(--sans));font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.mnav__list .mnav__c{margin-top:clamp(14px,3svh,28px);border-top:1px solid var(--rule)}
.mnav__list .mnav__c,.mnav__list .mnav__c~a{font-size:clamp(24px,min(7.5vw,4.4svh),36px)}
.mnav__foot{display:flex;justify-content:space-between;align-items:center}
.mnav__foot .lab{opacity:.7}

.btn{position:relative;display:inline-flex;align-items:center;gap:16px;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);border:0;border-radius:0;padding:17px 22px 17px 26px;cursor:pointer;font:inherit;font-size:clamp(16px,1.2vw,19px);font-weight:500;letter-spacing:-.01em;line-height:1.2;text-decoration:none;transform:translate(var(--mx,0),var(--my,0)) scale(var(--ms,1));transition:transform .6s cubic-bezier(.2,0,0,1)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--blue);clip-path:inset(100% 0 0 0);transition:clip-path .65s cubic-bezier(.7,0,.2,1)}
.btn:hover::before,.btn:focus-visible::before{clip-path:inset(0)}
.btn:active{--ms:.96;transition-duration:.15s}
.btn__t{position:relative;display:block;overflow:hidden}
.btn__t>span{display:block;transition:transform .65s cubic-bezier(.7,0,.2,1)}
.btn__t>span+span{position:absolute;inset:0;transform:translateY(110%)}
.btn:hover .btn__t>span:first-child,.btn:focus-visible .btn__t>span:first-child{transform:translateY(-110%)}
.btn:hover .btn__t>span+span,.btn:focus-visible .btn__t>span+span{transform:none}
.btn__sq{display:block;flex:none;width:8px;height:8px;background:var(--blue);transition:transform .75s cubic-bezier(.34,1.56,.64,1),background-color .45s cubic-bezier(.2,0,0,1)}
.btn:hover .btn__sq,.btn:focus-visible .btn__sq{background:var(--paper);transform:skewX(-27deg) scaleX(1.6)}

.more{display:inline-block;text-decoration:none;white-space:nowrap}
.lnk__sq{display:inline-block;vertical-align:.12em;margin-right:10px;width:6px;height:6px;background:var(--blue);transition:width .6s cubic-bezier(.7,0,.2,1)}
.more:hover .lnk__sq,.svc:hover .lnk__sq,.more:focus-visible .lnk__sq{width:24px}
.svc .more{opacity:.7;transition:opacity .4s}
.svc:hover .more{opacity:1}

.nav>a,.dd__btn{padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat;transition:opacity .4s cubic-bezier(.2,0,0,1),background-size .55s cubic-bezier(.7,0,.2,1)}
.nav>a:hover,.dd:hover .dd__btn,.dd.is-open .dd__btn{background-size:100% 1px;background-position:0 100%}

.chips{position:relative}
.chips label{z-index:1}
.chips__thumb{position:absolute;left:0;top:0;width:0;height:0;background:var(--ink);pointer-events:none;transition:transform .6s cubic-bezier(.34,1.3,.64,1),width .6s cubic-bezier(.34,1.3,.64,1),height .6s cubic-bezier(.34,1.3,.64,1)}
.chips.has-thumb input:checked+span{background:none}

@media (prefers-reduced-motion:reduce){.btn,.btn::before,.btn__t>span,.btn__sq,.lnk__sq,.chips__thumb{transition-duration:.01ms!important}}