/* The hero continues behind the navigation; the glass surface arrives on scroll. */
.topbar{position:absolute;inset:0 0 auto;z-index:21;color:#fff;border-color:#ffffff26;background:transparent}
.header{position:fixed;left:0;right:0;top:12px;margin:0 auto;color:var(--ink);transition:background .35s,box-shadow .35s,border-color .35s,color .3s,top .35s}
.header .brand img{transition:filter .3s}
.header .menu-toggle span{background:currentColor}
.at-top .header{top:43px;color:#fff;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.at-top .header::before{opacity:0}
.at-top .header .brand img{filter:brightness(0) invert(1)}
.at-top .header .nav-contact{background:#ffffff12;box-shadow:none;border:1px solid #ffffff4d}
.at-top .header nav a:is(:hover,:focus-visible),.at-top .header .icon-button:hover{color:#fff;background:#ffffff19;box-shadow:none}
.at-top .header nav a::before,.at-top .header nav a::after,.at-top .header .nav-contact::after{display:none}
.at-top .header :focus-visible,.at-top .topbar :focus-visible{outline-color:white}
.at-top .header .favorites-toggle span{background:white;color:#5f1721}
.campaign-copy{padding-top:70px}
.campaign-hero h1{max-width:650px}
.campaign-hero h1 span{color:#fff7f4}
.catalog{position:relative;z-index:1;margin-top:clamp(-120px,-8vw,-70px);padding-top:28px}
@media(min-width:1500px){.catalog{margin-top:-60px}}
@media(min-width:1101px){.header .nav nav{transform:none;margin-left:24px;margin-right:auto;font-weight:600}}
@media(min-width:1101px) and (max-width:1250px){.header .nav nav{margin-left:12px}.header nav a{padding-inline:10px}}
body.nav-open{overflow:hidden}
dialog.navigation-sheet{--menu-ink:#25252a;--menu-muted:#6c6870;--menu-line:#4039431c;position:fixed;inset:12px;width:min(520px,calc(100% - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;margin:0 0 0 auto;padding:25px 27px 26px;border:1px solid #ffffffec;border-radius:29px;color:var(--menu-ink);background:linear-gradient(145deg,#fffdfdf5,#eef0f5f0);box-shadow:inset 0 1px 1px #fff,0 20px 90px #21060b45;overflow:auto;overscroll-behavior:contain}
.navigation-sheet::backdrop{background:#1b0b154f;backdrop-filter:blur(20px) saturate(.8);-webkit-backdrop-filter:blur(20px) saturate(.8)}
.at-top .navigation-sheet{--menu-ink:#fff8f6;--menu-muted:#e3bfc2;--menu-line:#ffffff29;background:linear-gradient(145deg,#541922f5,#26070ef5);border-color:#ffffff3d;box-shadow:inset 0 1px 1px #ffffff36,0 20px 90px #21060b55}
.menu-sheet-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.menu-sheet-top .brand img{width:128px;height:auto}
.at-top .menu-sheet-top .brand img{filter:brightness(0) invert(1)}
.menu-close{width:44px;height:44px;flex-shrink:0;background:#7f5a7510;border:1px solid var(--menu-line)}
.at-top .menu-close{background:#ffffff0d}
.menu-sheet-body{display:flex;flex-direction:column;min-height:calc(100% - 53px);padding-top:32px}
.menu-eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--menu-muted);margin-bottom:16px}
.navigation-sheet .mobile-nav{display:block;padding:0;border:0}
.navigation-sheet .mobile-nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 2px;border-bottom:1px solid var(--menu-line);font-family:var(--display);font-size:28px;letter-spacing:-.9px;line-height:1.12;transition:color .2s,transform .2s}
.navigation-sheet .mobile-nav a small{display:block;font-family:var(--body);font-size:11px;letter-spacing:0;color:var(--menu-muted);margin-top:7px}
.navigation-sheet .mobile-nav a .icon{width:20px;opacity:.65;transition:transform .25s}
.navigation-sheet .mobile-nav a:hover .icon{transform:translate(3px,-3px)}
.navigation-sheet a:focus-visible,.navigation-sheet button:focus-visible{outline-color:var(--menu-ink);outline-offset:3px}
.menu-sheet-footer{margin-top:auto;padding-top:28px}
.menu-telegram{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 15px;border:1px solid var(--menu-line);border-radius:18px;background:#ffffff85;font-size:13px;box-shadow:inset 0 1px 0 #fff}
.at-top .menu-telegram{background:linear-gradient(120deg,#ffffff1e,#ffffff09);box-shadow:inset 0 1px 0 #ffffff38}
.menu-telegram .icon:last-child{margin-left:auto;width:16px}
.menu-address{display:block;margin-top:23px;font-size:12px;line-height:1.7}
.menu-address span{display:block;color:var(--menu-muted);font-size:11px}
@media(max-width:1100px){.header .nav nav{display:none}.header .menu-toggle{display:flex;flex-direction:column;gap:6px;margin-left:5px}.menu-toggle span{height:1px;width:20px;background:currentColor}.header .nav-actions{gap:8px}.header .nav-contact{display:none}}
@media(max-width:760px){.header{top:8px;margin:0 auto}.at-top .header{top:36px}.header .nav-actions{gap:2px}.header .brand img{width:116px}.campaign-copy{padding-top:142px}.campaign-hero h1{font-size:clamp(35px,9.5vw,55px);max-width:100%;line-height:1.06}.campaign-hero h1 span{max-width:none}.campaign-hero{min-height:740px}.catalog{margin-top:-105px;padding-top:24px}.navigation-sheet{inset:9px!important;width:calc(100% - 18px)!important;height:calc(100dvh - 18px)!important;padding:22px!important;border-radius:26px!important}.navigation-sheet .mobile-nav a{font-size:27px;padding:16px 2px}}
@media(max-height:700px){.menu-sheet-body{padding-top:20px}.navigation-sheet .mobile-nav a{font-size:23px;padding:11px 2px}.menu-sheet-footer{padding-top:18px}.menu-address{margin-top:15px}.menu-telegram{padding:14px}}
@media(prefers-reduced-motion:reduce){.header,.header .brand img,.navigation-sheet *{transition:none!important}.navigation-sheet{animation:none!important}}