.blog-header{pointer-events:none;z-index:var(--z-overlay);padding:30px 20px 0;transition:transform var(--duration-normal) var(--ease-out-expo)}.blog-header__toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin:0 auto;transform:translateY(20px);height:var(--pill-height);width:var(--pill-width);box-sizing:border-box;pointer-events:auto;position:relative;z-index:calc(var(--z-modal) + 2)}.blog-header__card{position:fixed;top:var(--card-gap);left:var(--card-gap);right:var(--card-gap);height:var(--pill-height);max-width:var(--pill-width);margin:0 auto;background:transparent;border-radius:16px;overflow:hidden;pointer-events:none;z-index:calc(var(--z-modal) + 1);transition:height .5s var(--ease-out-expo),max-width .5s var(--ease-out-expo),background .3s var(--ease-out-expo),box-shadow .5s var(--ease-out-expo)}.blog-header__card--open{max-width:100%;height:calc(100vh - var(--card-gap) * 2);background:var(--blog-header-pill-bg-desktop-scrolled, #fff);pointer-events:auto;box-shadow:0 16px 60px #0000001f}@media(min-width:768px){.blog-header--scrolled .blog-header__card{background:var(--blog-header-pill-bg-desktop-scrolled, rgba(255, 255, 255, .95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000000f}}.blog-header:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:var(--z-modal);pointer-events:none;transition:background .4s var(--ease-out-expo)}.blog-header:has(.blog-header__card--open):before{background:#0003}.blog-header__menu-content{display:none}.blog-header__card--menu .blog-header__menu-content{display:flex;flex-direction:column;flex:1;min-height:0}.blog-header__search-input{display:none}.blog-header__search-layer{display:none;position:fixed;top:calc(var(--card-gap) + var(--pill-height));left:var(--card-gap);right:var(--card-gap);bottom:var(--card-gap);z-index:calc(var(--z-modal) + 3);flex-direction:column;align-items:center;justify-content:center;pointer-events:none;overflow-y:auto}.blog-header--search-open .blog-header__search-layer{display:flex;pointer-events:auto}.blog-header__search-layer--has-results{justify-content:flex-start}.blog-header__search-display{display:inline-block;max-width:100%;width:100%;font-family:Charter,Bitstream Charter,serif;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.15;color:var(--page-text-color, #0e2f35);background:transparent;border:0!important;outline:0!important;box-shadow:none!important;text-align:center;padding:20px 40px;box-sizing:border-box;caret-color:var(--page-text-color, #0e2f35);overflow-wrap:break-word;word-break:break-word;min-height:1em;flex-shrink:0;transition:font-size .3s ease,padding .3s ease}.blog-header__search-display--has-results{font-size:clamp(28px,3vw,48px);padding:10px 40px}.blog-header__search-display:focus-visible{outline:2px solid var(--page-text-color, #0e2f35);outline-offset:4px}.blog-header__search-display:empty:before{content:attr(data-placeholder);color:#0e2f351f;pointer-events:none}.blog-header__search-results{width:100%;padding:20px 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.blog-header__search-result{display:flex;flex-direction:column;text-decoration:none;color:#0e2f35}.blog-header__search-result-img{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0e2f350a}.blog-header__search-result-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-header__search-result-title{font-family:Charter,Bitstream Charter,serif;font-weight:400;font-size:16px;line-height:1.35;text-align:center;margin:12px 0 4px}.blog-header__search-result-type{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;text-align:center;display:inline-block;border:1px solid rgba(14,47,53,.2);border-radius:20px;padding:4px 14px;align-self:center;color:#0e2f35}.blog-header__search-no-results{grid-column:1 / -1;font-family:Montserrat,sans-serif;font-size:14px;color:#0e2f35;opacity:.4;text-align:center;padding:40px 0}.blog-header__btn--close svg{display:none}.blog-header__btn--close:before,.blog-header__btn--close:after{content:"";position:absolute;width:24px;height:2px;background:#0e2f35;border-radius:1px}.blog-header__btn--close:before{transform:rotate(45deg)}.blog-header__btn--close:after{transform:rotate(-45deg)}.blog-header--hidden{transition:transform var(--duration-normal) var(--ease-in-expo)}.blog-header__btn{display:flex;align-items:center;justify-content:center;position:relative;width:56px;height:56px;padding:0;border:none;background:transparent;cursor:pointer;color:#0e2f35;border-radius:10px;transition:background var(--duration-fast) var(--ease-smooth)}.blog-header__btn:hover{background:#0e2f350a}.blog-header__btn svg{width:24px;height:24px}.blog-header__logo{display:flex;align-items:center;text-decoration:none}.blog-header__logo img{height:var(--blog-header-logo-height, 28px);width:auto}.blog-header__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;color:#0e2f35;border-radius:6px;text-decoration:none;transition:background var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth)}.blog-header__arrow:hover{background:#0e2f350f}.blog-header__arrow--disabled{opacity:.2;pointer-events:none}.blog-header__arrow svg{width:14px;height:14px}.blog-header__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:56px;height:56px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:10px;transition:background var(--duration-fast) var(--ease-smooth)}.blog-header__hamburger:hover{background:#0e2f350a}.blog-header__hamburger span{display:block;width:24px;height:2px;background:#0e2f35;border-radius:1px;transition:transform .3s var(--ease-spring);transform-origin:center}.blog-header__hamburger--open span:first-child{transform:rotate(45deg) translateY(4px)}.blog-header__hamburger--open span:last-child{transform:rotate(-45deg) translateY(-4px)}.blog-header__left{display:flex;align-items:center;gap:4px;flex:1}.blog-header__center{flex-shrink:0}.blog-header__right{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}@media(min-width:768px){.blog-header{position:sticky;top:0}.blog-header--hidden{transform:translateY(calc(-100% - 32px))}.blog-header--hidden:has(.blog-header__card--open){transform:none}}@media(max-width:767px){.blog-header{position:fixed;bottom:0;left:0;right:0;top:auto;padding:0;z-index:var(--z-overlay)}.blog-header__toolbar{position:fixed;bottom:calc(var(--blog-header-pill-bottom-mobile, 12px) + env(safe-area-inset-bottom,0px));left:var(--blog-header-pill-side-mobile, 26px);right:var(--blog-header-pill-side-mobile, 26px);width:auto;height:var(--blog-header-pill-height-mobile, 60px);padding:0;margin:0;justify-content:space-evenly;transform:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-sizing:border-box;box-shadow:none}.blog-header__left,.blog-header__right{flex:0 0 auto}.blog-header__card{position:fixed;top:auto;bottom:calc(var(--blog-header-pill-bottom-mobile, 12px) + env(safe-area-inset-bottom,0px));left:var(--blog-header-pill-side-mobile, 26px);right:var(--blog-header-pill-side-mobile, 26px);height:var(--blog-header-pill-height-mobile, 60px);max-width:100%;margin:0;background:var(--blog-header-pill-bg-mobile, #ffffff);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:14px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:height .7s var(--ease-out-expo),left .7s var(--ease-out-expo),right .7s var(--ease-out-expo),border-radius .7s var(--ease-out-expo),background .4s var(--ease-out-expo),box-shadow .7s var(--ease-out-expo)}.blog-header,.blog-header--hidden{transition:none}.blog-header__card--open{left:16px;right:16px;height:calc(100vh - 24px - env(safe-area-inset-bottom,0px));border-radius:20px;background:var(--blog-header-pill-bg-mobile, #fff);box-shadow:0 16px 60px #0000001f}.blog-header__card .blog-header__menu-content,.blog-header__card .blog-header__search-layer{opacity:0;transition:opacity .3s ease .15s}.blog-header__card--open .blog-header__menu-content,.blog-header__card--open .blog-header__search-layer{opacity:1}.blog-header__card--open:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:var(--blog-header-pill-bg-mobile, #fff);border-radius:0 0 20px 20px;z-index:var(--z-content);pointer-events:none}.blog-header__search-layer{position:relative;top:auto;left:auto;right:auto;bottom:auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent;z-index:auto;box-shadow:none;border-radius:0;padding:24px 20px 80px;box-sizing:border-box}.blog-header--search-open .blog-header__search-layer{display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-header__search-display{font-size:72px;padding:0}.blog-header__search-layer--has-results{justify-content:flex-start}.blog-header__search-layer--has-results .blog-header__search-display{font-size:28px;padding:20px 0 12px;flex-shrink:0}.blog-header__search-results{grid-template-columns:1fr;gap:20px;padding:8px 0 0;overflow-y:visible;flex:none}.blog-header__search-result{display:flex;flex-direction:column;align-items:center}.blog-header__search-result-img{aspect-ratio:3 / 4;border-radius:14px;width:100%}.blog-header__search-result-title{font-size:18px;padding:12px 8px 0}.blog-header__logo img{height:var(--blog-header-logo-height-mobile, 22px)}.blog-body{padding-bottom:calc(var(--blog-header-pill-height-mobile, 60px) + 24px + env(safe-area-inset-bottom,0px))}.blog-header__inner:not(.blog-header--hide-statement-mobile) .blog-header__menu-statement{display:block}.blog-header--hide-recommended-mobile .blog-header__menu-recommended{display:none}.blog-header--hidden{transform:none}}.blog-header__card--menu .blog-header__menu-content{padding:calc(var(--pill-height) + 24px) 116px 40px}.blog-header__menu-columns{display:flex;gap:80px;flex:1;min-height:0}.blog-header__menu-nav{flex:0 0 auto;padding-left:20px;padding-top:30px}.blog-header__menu-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#0e2f35;opacity:.4;margin:0 0 24px}.blog-header__menu-link{display:block;font-family:Charter,Bitstream Charter,serif;font-weight:400;font-size:44px;line-height:1.2;letter-spacing:-.02em;color:#0e2f35;text-decoration:none;padding:6px 0;transition:color var(--duration-fast) var(--ease-smooth)}.blog-header__menu-link:hover{color:#0e2f3580}.blog-header__menu-link[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.blog-header__menu-recommended{flex:1;max-width:500px;margin-left:auto;padding-right:30px;padding-top:30px;min-height:0;display:flex;flex-direction:column}.blog-header__menu-stack{position:relative;width:100%;aspect-ratio:3 / 4;max-height:calc(85vh - 280px)}.blog-header__menu-stack-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:scale(.9) rotate(3deg);transition:opacity var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo);pointer-events:none;box-shadow:0 12px 40px #00000026}.blog-header__menu-stack-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-header__menu-stack-card--active{opacity:1;transform:scale(1) rotate(0);pointer-events:auto;z-index:calc(var(--z-floor) + 2)}.blog-header__menu-stack-card--next{opacity:.6;transform:scale(.92) translate(8%) rotate(2deg);z-index:calc(var(--z-floor) + 1)}.blog-header__menu-stack-card--behind{opacity:.3;transform:scale(.85) translate(16%) rotate(4deg);z-index:var(--z-floor)}.blog-header__menu-stack-overlay{position:relative;z-index:calc(var(--z-floor) + 1);padding:32px 24px;background:linear-gradient(transparent,#0009);text-align:center}.blog-header__menu-stack-title{font-family:Charter,Bitstream Charter,serif;font-weight:500;font-size:clamp(16px,1.8vw,22px);line-height:1.35;margin:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.blog-header__menu-stack-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-content);width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#0e2f35;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001f;transition:transform var(--duration-fast) var(--ease-spring)}.blog-header__menu-stack-arrow:hover{transform:translateY(-50%) scale(1.08)}.blog-header__menu-stack-arrow svg{width:20px;height:20px}.blog-header__menu-stack-arrow--prev{left:-20px}.blog-header__menu-stack-arrow--next{right:-20px}.blog-header__menu-statement{max-width:calc(50% - 20px);padding-top:92px;margin-top:auto;flex-shrink:0}.blog-header__menu-statement p{font-family:Charter,Bitstream Charter,serif;font-size:clamp(22px,2.5vw,32px);line-height:1.4;color:#0e2f35;opacity:.35;margin:0}@media(max-width:767px){.blog-header__card--menu .blog-header__menu-content{padding:24px 20px 80px;overflow-y:auto;height:100%;box-sizing:border-box}.blog-header__menu-columns{flex-direction:column;gap:24px;width:100%;align-items:center}.blog-header__menu-nav{padding:40px 0 0;text-align:center;width:100%}.blog-header__menu-heading{text-align:center;margin-bottom:8px}.blog-header__menu-link{font-size:28px;text-align:center;padding:6px 0}.blog-header__menu-recommended{max-width:100%;width:100%;margin:0;padding:0}.blog-header__menu-recommended .blog-header__menu-heading{text-align:center}.blog-header__menu-stack{width:90%;margin:0 auto;aspect-ratio:3 / 4;max-height:none}.blog-header__menu-stack-arrow--prev{left:8px}.blog-header__menu-stack-arrow--next{right:8px}.blog-header__menu-statement{display:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/blog-header.css.map */