@layer engine{ .header-wish{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;font-size:19px;color:var(--c-ink);text-decoration:none;border-radius:50%} .header-wish:hover{color:var(--c-accent-ink)} .header-wish__n{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--c-accent-btn);color:var(--c-on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center} .wrap,.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)} header.site{border-bottom:1px solid var(--c-line)} header.site .wrap{display:flex;gap:var(--space);align-items:center;padding-top:var(--space);padding-bottom:var(--space)} header.site nav.menu{display:flex;gap:var(--space);flex-wrap:wrap} .brand{font-weight:800} footer.site{border-top:1px solid var(--c-line);color:var(--c-muted);font-size:14px} header.site--sticky,header.site--hide-on-scroll,header.site--appear-on-scroll-up{position:sticky;top:0;background:var(--c-bg);z-index:20} header.site--bottom-bar{position:fixed;bottom:0;left:0;right:0;top:auto;background:var(--c-bg);border-top:1px solid var(--c-line);z-index:20} .brand__logo{max-height:40px;display:block} .site-phone{margin-left:auto;font-weight:600;color:var(--c-text)} .site-phone+.site-cta{margin-left:var(--space)} nav.menu+.site-cta{margin-left:auto} .menu__group{position:relative} .menu__group .menu__sub{display:none;position:absolute;left:0;top:100%;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius);padding:8px 12px;min-width:180px;z-index:30;flex-direction:column;gap:6px} .menu__group:hover .menu__sub,.menu__group:focus-within .menu__sub{display:flex} .footer-cols{display:flex;gap:calc(var(--space)*2);flex-wrap:wrap} .footer-col{display:flex;flex-direction:column;gap:6px;min-width:160px} .footer-contacts a,.footer-links a{color:var(--c-muted)} .footer-contacts a:hover,.footer-links a:hover{color:var(--c-accent-ink)} body.hdr-large header.site .wrap{padding-top:calc(var(--space)*1.6);padding-bottom:calc(var(--space)*1.6)} body.hdr-large .brand{font-size:25px} body.hdr-center header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;row-gap:12px;align-items:center} body.hdr-center .brand{grid-column:2;grid-row:1;justify-self:center} body.hdr-center .site-cart,body.hdr-center .site-cta,body.hdr-center .site-phone{grid-column:3;grid-row:1;justify-self:end} body.hdr-center nav.menu{grid-column:1/-1;grid-row:2;justify-content:center} body.menu-sticky header.site{position:sticky;top:0;background:var(--c-bg);z-index:20} body.menu-sticky{--header-h:60px} body.menu-sticky.hdr-large{--header-h:84px} @media (max-width:640px){body.hdr-center header.site .wrap{display:flex}} .container{max-width:1200px; margin-inline:auto; padding-inline:clamp(20px,4vw,40px);} .site-header{background:color-mix(in srgb, var(--c-bg) 86%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--c-line); z-index:60;} body.menu-sticky .site-header{position:sticky; top:0;} body.menu-hide-on-scroll .site-header,body.menu-appear-on-scroll-up .site-header{position:sticky; top:0; transition:transform .25s ease;} .site-header.is-scroll-hidden{transform:translateY(-100%);} .site-header.is-scroll-hidden:focus-within{transform:none;} @media (prefers-reduced-motion:reduce){body.menu-hide-on-scroll .site-header,body.menu-appear-on-scroll-up .site-header{transition:none;}} body.menu-bottom-bar .site-header{backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--c-bg);} body.menu-bottom-bar .site-header nav.menu{position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; flex-wrap:nowrap; overflow-x:auto; justify-content:space-around; gap:4px; margin:0; padding:4px 8px calc(4px + env(safe-area-inset-bottom)); background:var(--c-bg); border-top:1px solid var(--c-line);} body.menu-bottom-bar .site-header nav.menu a{display:inline-flex; align-items:center; min-height:44px; padding:0 10px; white-space:nowrap;} body.menu-bottom-bar .m-nav{display:none;} body.menu-bottom-bar{padding-bottom:calc(56px + env(safe-area-inset-bottom));} .header-in{display:flex; align-items:center; gap:clamp(18px,3vw,40px); padding-block:12px;} body.hdr-large .header-in{padding-block:20px;} .logo{font-family:var(--font-head); font-weight:700; font-size:21px; letter-spacing:-0.01em; color:var(--c-ink); text-decoration:none; flex:0 1 auto; min-width:0; overflow-wrap:break-word;} .m-nav{flex:none;} body.hdr-large .logo{font-size:25px;} .menu{display:flex; gap:clamp(16px,2.4vw,30px); margin-right:auto;} .menu a{color:var(--c-ink-muted); text-decoration:none; font-weight:500; font-size:15px; padding-block:6px; border-bottom:2px solid transparent; transition:color .15s ease;} .menu a:hover{color:var(--c-ink);} .menu a.active{color:var(--c-ink); border-bottom-color:var(--c-accent-ink);} .header-side{display:flex; align-items:center; gap:14px; margin-left:auto;} .header-search{flex:1; max-width:340px;} .header-search input{font:inherit; font-size:14.5px; width:100%; min-height:42px; border:1px solid var(--c-line-strong); border-radius:999px; padding:9px 18px; background:var(--c-bg-elev); color:var(--c-ink);} .header-search input:focus{outline:none; border-color:var(--c-accent);} .m-nav{display:none; position:relative; margin-left:8px; align-self:center;} .m-nav summary{list-style:none; cursor:pointer; position:relative; width:44px; height:44px; font-size:0; border:1px solid var(--c-line-strong); border-radius:var(--radius); color:var(--c-ink); user-select:none;} .m-nav summary::-webkit-details-marker{display:none;} .m-nav summary::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:2px; border-radius:2px; background:currentColor; box-shadow:0 -6px 0 currentColor, 0 6px 0 currentColor;} .m-nav[open] summary{position:fixed; top:max(8px, calc((var(--header-h, 60px) - 44px) / 2)); right:clamp(16px,4vw,40px); z-index:101; background:var(--c-bg-elev);} .m-nav[open] summary::after{content:"\2715"; width:auto; height:auto; background:none; box-shadow:none; font-size:22px; line-height:1;} .m-nav:not([open]) nav{display:none;} .m-nav nav{position:fixed; inset:0; z-index:100; display:flex; flex-direction:column; gap:2px; padding:84px clamp(20px,6vw,40px) 32px; background:var(--c-bg); overflow-y:auto; animation:m-nav-in .22s ease;} .m-nav nav a{color:var(--c-ink); text-decoration:none; font-family:var(--font-head); font-weight:var(--head-w); letter-spacing:var(--head-ls); font-size:clamp(22px,6vw,30px); line-height:1.2; padding:18px 4px; border-bottom:1px solid var(--c-line);} .m-nav nav a:hover, .m-nav nav a.active{color:var(--c-accent-ink);} .promobar{background:var(--c-accent-deep, var(--c-accent)); color:var(--c-on-accent);} .promobar .container{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 26px; padding-block:8px; font-size:11px; letter-spacing:.14em; text-transform:uppercase;} .promobar span::before{content:'•'; margin-right:10px; opacity:.6;} .footer{border-top:1px solid var(--c-line); margin-top:var(--s5); background:var(--c-bg);} .footer-in{padding-block:clamp(36px,5vw,60px) 26px;} body.ftr-columns .footer-cols{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:var(--s4);} body.ftr-simple .footer-cols{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--s4);} body.ftr-simple .footer-cols .f-col h4{display:none;} body.ftr-simple .footer-cols .f-col ul{display:flex; gap:22px; flex-wrap:wrap;} .f-brand p{color:var(--c-ink-muted); font-size:14.5px; max-width:32ch; margin-top:10px;} .f-col h4{font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--c-ink-soft); margin-bottom:14px;} .f-col ul{list-style:none; margin:0; padding:0; display:grid; gap:9px;} .f-col a{color:var(--c-ink-muted); text-decoration:none; font-size:14.5px;} .f-col a:hover{color:var(--c-ink);} .footer-bottom{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid var(--c-line); padding-block:18px; font-size:13px; color:var(--c-ink-soft);} .footer-bottom a{color:inherit;} @media (max-width:900px){.menu{display:none;} .m-nav{display:block; margin-left:auto;} .site-header{backdrop-filter:none; -webkit-backdrop-filter:none;} .header-side{margin-left:0; order:3;} .header-in{justify-content:space-between;} .header-search{display:none;} body.ftr-columns .footer-cols{grid-template-columns:1fr 1fr; gap:var(--s3);}} @media (max-width:620px){body.ftr-columns .footer-cols{grid-template-columns:1fr;} .header-side .btn{display:none;}} @media (max-width:380px){.header-in{gap:10px;} .header-side{gap:8px;}} @media (max-width:420px){.header-in:has(.site-phone){flex-wrap:wrap; row-gap:6px;}} body.hdr-center .header-in{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; row-gap:14px; padding-block:18px;} body.hdr-center .logo{grid-column:2; grid-row:1; justify-self:center;} body.hdr-center .header-side{grid-column:3; grid-row:1; justify-self:end; margin-left:0;} body.hdr-center .menu{grid-column:1 / -1; grid-row:2; justify-content:center; margin-right:0;} @media (max-width:900px){body.hdr-center .header-in{display:flex;}} .logo-ph{position:relative; height:30px; min-width:88px; border-radius:6px; border:1px solid var(--c-line); background:color-mix(in srgb, var(--c-ink) 5%, var(--c-bg-elev)); display:grid; place-items:center;} .logo-ph::after{content:attr(data-label); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--c-ink-soft);} .proofbar--strong .logo-ph{height:34px; min-width:104px;} .hero-x__bg + .container [data-slot], .hero-x.hero-photo h1, .hero-x.hero-photo .lead, .hero-slide__copy h2, .hero-slide__copy .lead{color:var(--c-bg);} .hero-x.hero-photo .container{position:relative; z-index:1; min-height:clamp(440px,64vh,640px); display:flex; flex-direction:column; justify-content:flex-end; padding-block:clamp(44px,6vw,76px);} .hero-x.hero-editorial .container{padding-block:clamp(56px,9vw,124px);} }