.burger{border:0;background:transparent;font-family:inherit}@media(max-width:920px){nav.main.is-open{display:flex}}
.subtoggle{display:none}.navitem>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.55;font-size:0}
@media(max-width:920px){.burger{position:relative;width:44px;height:44px;padding:0;font-size:0;line-height:0;color:transparent}.burger::before,.burger::after{content:"";position:absolute;left:11px;width:22px;height:1.5px;background:#fff;border-radius:1px;transition:transform .2s ease,top .2s ease,box-shadow .2s ease}.burger::before{top:15px;box-shadow:0 7px 0 #fff}.burger::after{top:29px}.burger[aria-expanded="true"]::before{top:21.25px;box-shadow:none;transform:rotate(45deg)}.burger[aria-expanded="true"]::after{top:21.25px;transform:rotate(-45deg)}nav.main{position:absolute;top:100%;left:0;right:0;height:calc(100vh - 84px);height:calc(100dvh - 84px);max-height:none;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:20px 32px 40px;background:#0b0d11;border:0;border-top:1px solid rgba(255,255,255,.07);border-radius:0;box-shadow:none}.navitem{display:flex;flex-wrap:wrap;align-items:center;width:100%}.navitem>a{display:none}.subtoggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:none;border:0;color:#fff;font-family:inherit;font-weight:300;font-size:28px;letter-spacing:.004em;line-height:1.2;text-align:left;cursor:pointer}.subtoggle::after{content:"";width:9px;height:9px;margin-right:6px;border-right:1.5px solid var(--g3);border-bottom:1.5px solid var(--g3);transform:translateY(-4px) rotate(45deg);transition:transform .2s ease}.subtoggle[aria-expanded="true"]::after{transform:translateY(3px) rotate(-135deg)}.sub{display:none;flex-basis:100%;padding:0 0 14px;background:none}.navitem.is-open .sub{display:block}.sub a{display:block;padding:9px 0;border:0;border-radius:0;color:var(--g2);font-size:17px;letter-spacing:.02em;white-space:normal}.sub a:hover{background:none;color:#fff}nav.main .lnk{display:block;padding:12px 0;border:0;color:#fff;font-weight:300;font-size:28px;letter-spacing:.004em;line-height:1.2}nav.main .tel{display:none}}
@media(max-width:700px){nav.main{padding:16px 20px 32px;height:calc(100vh - 72px);height:calc(100dvh - 72px)}}
@media(min-width:921px){nav.main{gap:30px}nav.main .lnk,.navitem>a{color:var(--g2);font-size:16px;letter-spacing:.02em;transition:color .2s ease}.navitem{position:static}.navitem>a{display:block;padding:30px 0}.navitem>a::after{display:none}nav.main:has(.navitem:hover,.navitem:focus-within) .navitem>a,nav.main:has(.navitem:hover,.navitem:focus-within) .lnk{color:var(--g3)}nav.main .navitem:hover>a,nav.main .navitem:focus-within>a{color:#fff}header.site{transition:background-color .2s ease}header.site:has(.navitem:hover,.navitem:focus-within){background:#0b0d11}main,footer.site,.note{transition:filter .25s ease}body:has(header .navitem:hover,header .navitem:focus-within) :is(main,footer.site,.note){filter:brightness(.32)}.sub{position:absolute;top:100%;left:0;right:0;transform:none;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,26vw,380px);grid-template-rows:auto 1fr;column-gap:clamp(40px,5.5vw,80px);row-gap:16px;padding:44px 32px 56px;background:#0b0d11;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;box-shadow:0 0 0 100vmax #0b0d11;clip-path:inset(0 -100vmax);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.navitem:hover .sub,.navitem:focus-within .sub{opacity:1;visibility:visible;transform:none}.sub::before{display:none}.sub::after{content:attr(data-label);grid-column:1;grid-row:1;color:var(--g3);font-weight:300;font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:.004em}.sub-links{grid-column:1;grid-row:2;align-self:start}.sub-links:has(> a:nth-of-type(6)){columns:2;column-gap:48px}.sub-links a{display:block;padding:3px 0;font-size:clamp(22px,2.1vw,30px);font-weight:300;line-height:1.3;letter-spacing:.004em;color:#fff;border-radius:0;background:none;white-space:nowrap;break-inside:avoid}.sub-links a:hover,.sub-links a:focus-visible{background:none;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:var(--accent-line)}.sub-aside{grid-column:2;grid-row:1 / span 2;align-self:start;display:block;color:#fff;white-space:normal}a.sub-aside,.sub-aside a{padding:0;border-radius:0;background:none;white-space:normal;letter-spacing:inherit}a.sub-aside:hover,.sub-aside a:hover{background:none}.sub-kick{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--g3);margin:14px 0 10px}.sub-car .sub-ph{display:block;aspect-ratio:16/10;border-radius:12px;background:#0e1116 center/cover;border:1px solid rgba(255,255,255,.08)}.sub-car .sub-title{display:block;font-size:19px;font-weight:400;letter-spacing:.01em}.sub-car .sub-price{display:block;font-size:22px;font-weight:500;margin-top:4px}.sub-car:hover .sub-title{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent-line)}.sub-cta .sub-tel{display:block;color:#fff;font-size:clamp(30px,3vw,42px);font-weight:300;letter-spacing:.01em;margin:2px 0 18px}.sub-go{display:inline-block;color:#fff;font-size:16px;letter-spacing:.04em}.sub-go .arr{color:var(--accent-line);margin-left:8px}.sub-faces{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px}.sub-face{display:block;aspect-ratio:3/4;border-radius:10px;background:#0e1116 center top/cover}}
@media(max-width:920px){.sub-aside{display:none}.sub::after{content:none}.sub-links{display:block}}
@media(min-width:921px){nav.main .tel{position:relative;background:none;border:0;border-radius:0;padding:30px 0 30px 30px;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;font-size:16px;font-weight:400;letter-spacing:.04em}nav.main .tel::before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;background:rgba(255,255,255,.2);transform:translateY(-50%)}nav.main .tel:hover{background:none;border:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--accent-line)}}
@media(max-width:920px){.tel-m{background:none;border:0;border-radius:0;padding:12px 6px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:15px;font-weight:400;letter-spacing:.04em}}
