.mega-drawer{--md-red: #b6382f;--md-red-2: #8f2a22;--md-ink: #161515;--md-ink-2: #6a655f;--md-ink-3: #9c968f;--md-line: #e6e4e0;--md-bg: #ffffff;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;visibility:hidden;pointer-events:none}.mega-drawer.mega-drawer--open{visibility:visible;pointer-events:auto}.mega-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120f66;opacity:0;transition:.4s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mega-drawer--open .mega-drawer__overlay{opacity:1}.mega-drawer{--k-unit: clamp(1px, 100vw / 1920, 1.4px)}.mega-drawer__panel{position:absolute;top:0;right:0;height:100vh;height:100dvh;width:min(100%,calc(1080 * var(--k-unit)));background:var(--md-bg);transform:translate(100%);transition:transform .5s cubic-bezier(.6,0,.2,1);display:grid;grid-template-columns:clamp(260px,calc(100dvh / 2.752),42%) 1fr;overflow:hidden}.mega-drawer--open .mega-drawer__panel{transform:none}@media(prefers-reduced-motion:reduce){.mega-drawer__overlay,.mega-drawer__panel{transition:none}}.mega-drawer__close{position:absolute;top:22px;right:24px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--md-ink);border:1px solid var(--md-line);border-radius:50%;background:var(--md-bg);cursor:pointer;padding:0}.mega-drawer__close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6}.mega-drawer__image{position:relative;background:#1c1b19}.mega-drawer__image-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mega-drawer__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.mega-drawer__slide.is-visible{opacity:1}.mega-drawer__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.mega-drawer__slide{transition:none}}.mega-drawer__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#14120f47,#14120f00 16% 82%,#14120f52)}.mega-drawer__image-label{position:absolute;left:32px;top:30px;z-index:2;color:#fff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.mega-drawer__image-category{position:absolute;right:32px;bottom:28px;z-index:2;max-width:55%;text-align:right;color:#fff;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.3}.mega-drawer__image-category[hidden]{display:none}.mega-drawer__mark{position:absolute;left:32px;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.mega-drawer__image--ai-label{--ai-label-left: 32px;--ai-label-bottom: clamp(16px, 1.15vw, 30px)}.mega-drawer__image--ai-label .mega-drawer__mark{bottom:clamp(40px,2.4vw,64px)}.mega-drawer__mark-word{font-weight:300;color:#fff;font-size:22px;letter-spacing:.34em;padding-left:.34em}.mega-drawer__mark-year{font-style:italic;color:#ffffffb3;font-size:14px;letter-spacing:.1em;margin-top:3px}.mega-drawer__body{display:flex;flex-direction:column;overflow-y:auto;padding:clamp(28px,3vw,44px)}.mega-drawer__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;flex:1;align-content:start}.mega-drawer__title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--md-red);margin:0 0 16px;font-weight:600}.mega-drawer__title-sub{font-size:.75em;letter-spacing:.16em}.mega-drawer__column ul{list-style:none;margin:0;padding:0}.mega-drawer__column a{display:block;font-size:16px;color:var(--md-ink);padding:3px 0;text-decoration:none;transition:.2s;width:fit-content}.mega-drawer__column a:hover{color:var(--md-red);transform:translate(4px)}.mega-drawer__column a em{display:block;font-style:normal;font-size:10px;line-height:1.4;letter-spacing:.06em;color:var(--md-ink-3);margin-top:1px}.mega-drawer__column a:hover em{color:var(--md-ink-2)}.mega-drawer__group-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-ink);margin:0 0 12px}.mega-drawer__column--grouped .mega-drawer__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:24px 28px;align-items:start}.mega-drawer__loose:empty{display:none}.mega-drawer__column--grouped .mega-drawer__groups ul{columns:auto}.mega-drawer__column--grouped a em{min-height:14px}.mega-drawer__column:not(.mega-drawer__column--grouped) a em:empty{display:none}.mega-drawer__column--wide{grid-column:span 2}.mega-drawer__column--wide ul{columns:2;column-gap:32px}.mega-drawer__column--wide li{break-inside:avoid}.mega-drawer__cta{grid-column:1 / -1;border-top:1px solid var(--md-line);padding-top:26px;margin-top:6px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.mega-drawer__cta-text{font-size:20px;max-width:36ch;margin:0;color:var(--md-ink)}.mega-drawer__cta-buttons{display:flex;flex-wrap:wrap;gap:12px}.mega-drawer__button{display:inline-flex;align-items:center;gap:.6em;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:15px 30px;border-radius:2px;border:1px solid transparent;text-decoration:none;transition:.35s cubic-bezier(.2,.7,.2,1);white-space:nowrap}.mega-drawer__button--primary{background:var(--md-red);color:#fff}.mega-drawer__button--primary:hover{background:var(--md-red-2);color:#fff}.mega-drawer__button--ghost{background:transparent;color:var(--md-ink);border-color:var(--md-ink)}.mega-drawer__button--ghost:hover{background:var(--md-ink);color:#fff}.mega-drawer__utils{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:26px;margin-top:20px}.mega-drawer__utils a{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.04em;color:var(--md-ink);text-decoration:none;transition:color .2s}.mega-drawer__utils a:hover{color:var(--md-red)}.mega-drawer__utils svg{width:19px;height:19px;flex-shrink:0}.mega-drawer__foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:30px;margin-top:20px;font-size:12px;color:var(--md-ink-2)}.mega-drawer__foot a{color:inherit;text-decoration:none;transition:.2s}.mega-drawer__foot a:hover{color:var(--md-red)}.mega-drawer__foot .mega-drawer__copy{margin-left:auto;color:var(--md-ink-3)}.header__icon--mega-drawer{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;color:currentColor;cursor:pointer;padding:0}.header__icon--mega-drawer span:not(.sr-only){width:24px;height:2px;border-radius:1px;background:currentColor;transition:.35s;display:block}.header__icon--mega-drawer[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__icon--mega-drawer[aria-expanded=true] span:nth-child(2){opacity:0}.header__icon--mega-drawer[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mega-drawer__bar{display:none}.mega-drawer__column>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default;list-style:none}.mega-drawer__column>summary::-webkit-details-marker{display:none}.mega-drawer__chevron{display:none;width:20px;height:20px;stroke:currentColor;stroke-width:1.6;flex-shrink:0;transition:transform .3s}@media screen and (min-width:1000px){.mega-drawer__utils,.mega-drawer__foot{display:none}.mega-drawer__column>summary{pointer-events:none}.mega-drawer__all{display:none}}.mega-drawer__all a{color:var(--md-ink-2);text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:999px){.mega-drawer__panel{grid-template-columns:1fr;width:100%}.mega-drawer__image,.mega-drawer__close{display:none}.mega-drawer__body{padding:0}.mega-drawer__bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 20px;background:var(--md-bg);border-bottom:1px solid var(--md-line)}.mega-drawer__bar-brand{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:300;letter-spacing:.3em;color:var(--md-ink)}.mega-drawer__bar-brand em{font-style:italic;font-size:12px;letter-spacing:.08em;color:var(--md-ink-3)}.mega-drawer__bar-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-inline-end:-8px;background:none;border:none;color:var(--md-ink);cursor:pointer;padding:0}.mega-drawer__bar-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6}.mega-drawer__columns{display:block;padding:4px 0 0}.mega-drawer__column{border-bottom:1px solid var(--md-line)}.mega-drawer__column--wide ul{columns:1}.mega-drawer__column>summary,.mega-drawer__column--single .mega-drawer__title{min-height:58px;padding:0 20px;cursor:pointer;margin:0;-webkit-tap-highlight-color:transparent}.mega-drawer__column--single .mega-drawer__title{display:none}.mega-drawer__title{display:flex;align-items:center;font-size:15px;letter-spacing:.1em;color:var(--md-ink)}.mega-drawer__column[open]>summary .mega-drawer__title{color:var(--md-red)}.mega-drawer__chevron{display:block;color:var(--md-ink-2)}.mega-drawer__column[open] .mega-drawer__chevron{transform:rotate(180deg)}.mega-drawer__column>ul{padding-bottom:10px}.mega-drawer__column a{width:auto;font-size:16px;color:var(--md-ink-2);padding:13px 20px;min-height:46px;display:flex;align-items:center}.mega-drawer__column a:hover,.mega-drawer__column a:active{transform:none;background:#14120f08;color:var(--md-red)}.mega-drawer__column--single a{font-size:15px;letter-spacing:.1em;color:var(--md-ink);min-height:58px}.mega-drawer__utils{gap:0;flex-direction:column;padding:6px 0;margin:24px 0 0;border-top:1px solid var(--md-line)}.mega-drawer__utils a{min-height:52px;padding:0 20px;font-size:15px}.mega-drawer__cta{border-top:none;padding:24px 20px 0;margin:0;gap:16px}.mega-drawer__cta-text{font-size:16px;color:var(--md-ink-2)}.mega-drawer__cta-buttons{width:100%;flex-direction:column}.mega-drawer__button{width:100%;justify-content:center}.mega-drawer__foot{padding:24px 20px calc(24px + env(safe-area-inset-bottom));margin-top:20px}.mega-drawer__foot .mega-drawer__copy{margin-left:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kienzle-mega-drawer.css.map */