*{margin:0;padding:0;box-sizing:border-box}html{background:var(--surface-page)}body{font:var(--type-body);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}strong,b{font-weight:800}.eyebrow{font:500 12px/1.2 var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary)}.ext{font:300 13px/1 var(--font-sans);margin-left:6px;opacity:.7}.page{max-width:1200px;margin:0 auto;padding:0 32px}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;height:72px;z-index:40;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;border-bottom-color:var(--border-subtle);border-radius:0;transition:top var(--duration-base) var(--ease-out),width var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out),border-radius var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}body.nav-scrolled{--bar-left: calc(50% - min(600px, 50% - 12px)) }body.nav-scrolled .topbar{top:12px;width:min(1200px,calc(100% - 24px));height:64px;border-radius:var(--radius-pill, 999px);border-color:var(--border-default);box-shadow:var(--shadow-rest)}.menu-btn,.close-btn{background:none;border:none;cursor:pointer;color:var(--ink);font:500 12px/1 var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;height:44px;padding:0 12px;box-sizing:border-box;display:inline-flex;align-items:center;transition:opacity var(--duration-fast) var(--ease-out),left var(--duration-base) var(--ease-out)}.menu-btn{position:absolute;top:50%;left:10px;transform:translateY(-50%)}body.nav-scrolled .menu-btn{left:18px}.menu-btn:active{transform:translateY(-50%) scale(.97)}.close-btn:active{transform:scale(.97)}.mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink);display:block;line-height:0}.mark svg{display:block;width:13px;height:24px}.mark:hover{text-decoration:none}.utilities{position:absolute;top:50%;transform:translateY(-50%);right:12px;display:flex;align-items:center;gap:2px;transition:right var(--duration-base) var(--ease-out)}body.nav-scrolled .utilities{right:20px}.utilities a{position:relative;display:block;line-height:0;color:var(--ink);opacity:.8;padding:12px;margin:-6px;transition:opacity var(--duration-fast) var(--ease-out)}.utilities a:hover{opacity:1;text-decoration:none}.utilities a:active{transform:scale(.97)}.m-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--paper);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility 0s linear var(--duration-base);overflow-y:auto;-webkit-overflow-scrolling:touch}body.menu-open .m-overlay{opacity:1;visibility:visible;transition:opacity var(--duration-base) var(--ease-out)}.m-overlay .close-btn{position:absolute;top:50%;left:88px;width:120px;text-align:right;transform:translateY(calc(-50% - .06em));font:100 clamp(34px,5.2vh,56px)/1 var(--font-sans);text-transform:none;letter-spacing:0}.m-overlay .close-btn:active{transform:translateY(calc(-50% - .06em)) scale(.97)}.m-overlay .close-btn>span{display:inline-block;opacity:0;transform:rotate(-90deg)}body.menu-open .m-overlay .close-btn>span{animation:closeIn var(--duration-base) var(--ease-out) .2s both}@keyframes closeIn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.site-nav{position:absolute;left:272px;top:50%;transform:translateY(-50%)}.rail-line{position:absolute;left:-40px;top:6vh;bottom:6vh;width:1px;background:#0006;transform-origin:top;transform:scaleY(0);transition:top var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out)}body.menu-open .rail-line{animation:drawLine .9s var(--ease-out) .1s both}.m-overlay .rail-indicator,.m-overlay .rail-active{position:absolute;left:-40px;top:0;width:3px;height:55px;pointer-events:none;opacity:0;transition:top var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.m-overlay .rail-indicator{background:var(--gray-300)}.m-overlay .rail-active{background:var(--ink)}.m-overlay .site-nav.indicator-on .rail-indicator,.m-overlay .site-nav.has-active .rail-active{opacity:1}@media(hover:none){.m-overlay .rail-indicator{display:none}}.nav-list{position:relative;list-style:none;display:flex;flex-direction:column;justify-content:center;height:60vh;gap:clamp(20px,4vh,44px)}.nav-item{position:static;display:flex;align-items:center;animation:none;opacity:0}body.menu-open .nav-item{animation:itemIn .56s var(--ease-out) both}body.menu-open .nav-item:nth-child(1){animation-delay:.24s}body.menu-open .nav-item:nth-child(2){animation-delay:.31s}body.menu-open .nav-item:nth-child(3){animation-delay:.38s}body.menu-open .nav-item:nth-child(4){animation-delay:.45s}body.menu-open .nav-item:nth-child(5){animation-delay:.52s}body.menu-open .nav-item:nth-child(6){animation-delay:.59s}body.menu-open .nav-item:nth-child(7){animation-delay:.66s}body.menu-open .nav-item:nth-child(8){animation-delay:.73s}body.menu-open .nav-item:nth-child(9){animation-delay:.8s}body.menu-open .nav-item:nth-child(10){animation-delay:.87s}.nav-parent{font:400 clamp(30px,min(6vh,8vw),64px)/.98 var(--font-display);letter-spacing:var(--tracking-tight);color:var(--ink);display:inline-block;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.nav-item:nth-child(1) .nav-parent{transition-delay:.3s}.nav-item:nth-child(2) .nav-parent{transition-delay:345ms}.nav-item:nth-child(3) .nav-parent{transition-delay:.39s}.nav-item:nth-child(4) .nav-parent{transition-delay:435ms}.nav-item:nth-child(5) .nav-parent{transition-delay:.48s}.nav-item:nth-child(6) .nav-parent{transition-delay:525ms}.nav-item:nth-child(7) .nav-parent{transition-delay:.57s}.nav-item:nth-child(8) .nav-parent{transition-delay:615ms}.nav-item:nth-child(9) .nav-parent{transition-delay:.66s}.nav-item:nth-child(10) .nav-parent{transition-delay:705ms}.nav-list:has(.nav-item.open) .nav-parent{opacity:0;transform:translate(-18px);pointer-events:none;transition-delay:0ms}.children{position:absolute;left:0;top:50%;transform:translateY(-50%);height:60vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,44px);white-space:nowrap;pointer-events:none}.children>*{opacity:0;transform:translate(-14px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out);transition-delay:0ms}.children a{font:400 clamp(30px,min(6vh,8vw),64px)/1 var(--font-display);letter-spacing:var(--tracking-tight);color:var(--gray-800)}.children a:hover{color:var(--ink)}.children-back{background:none;border:none;cursor:pointer;padding:0;width:max-content;text-align:left;color:var(--ink);font:300 clamp(22px,3.4vh,34px)/1 var(--font-sans)}.nav-item.open .children{pointer-events:auto}.nav-item.open .children>*{opacity:1;transform:translate(0)}.nav-item.open .children>*:nth-child(1){transition-delay:.3s}.nav-item.open .children>*:nth-child(2){transition-delay:345ms}.nav-item.open .children>*:nth-child(3){transition-delay:.39s}.nav-item.open .children>*:nth-child(4){transition-delay:435ms}.nav-item.open .children>*:nth-child(5){transition-delay:.48s}.nav-item.open .children>*:nth-child(6){transition-delay:525ms}.nav-item.open .children>*:nth-child(7){transition-delay:.57s}.nav-item.open .children>*:nth-child(8){transition-delay:615ms}.nav-item.open .children>*:nth-child(9){transition-delay:.66s}.nav-item.open .children>*:nth-child(10){transition-delay:705ms}.nav-item.open .children>*:nth-child(11){transition-delay:.75s}.footer{background:var(--surface-inverse);color:var(--text-inverse);padding:120px 32px 60px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:80px}.footer-menu{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.footer-col{position:relative;display:flex;flex-direction:column;gap:64px;padding-left:28px}.footer-col:before{content:"";position:absolute;left:0;top:-24px;bottom:-24px;width:1px;background:var(--gray-700)}.footer-group{display:grid;grid-template-columns:160px 1fr;gap:24px 56px;align-items:start}.footer-group h2{font:500 12px/1.2 var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--gray-500);padding-top:4px}.footer-links{display:flex;flex-direction:column;gap:14px}.footer a{color:#fffc;width:max-content;font:300 16px/1.5 var(--font-sans)}.footer a:hover{color:var(--paper)}.footer-brand{max-width:1200px;margin:100px auto 0;display:flex;flex-direction:row;align-items:center;gap:14px;color:var(--paper)}.footer-brand svg{width:16px;height:30px}.footer-brand .wordmark{font:400 26px/1 var(--font-display)}.footer-bottom{max-width:1200px;margin:24px auto 0;font:var(--type-caption);color:var(--gray-500)}@keyframes drawLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes itemIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}}@media(max-width:900px){.footer-inner{grid-template-columns:1fr}.footer-menu{grid-template-columns:1fr;row-gap:48px}.footer-group{grid-template-columns:1fr;gap:16px}.footer-brand{margin-top:72px}}@media(max-width:640px){.page{padding:0 20px}.footer{padding:90px 20px 48px}}@media(max-width:820px){.m-overlay .site-nav{left:86px}.m-overlay .rail-line,.m-overlay .rail-indicator,.m-overlay .rail-active{left:-20px}.m-overlay .close-btn{left:8px;width:48px;transform:translateY(calc(-50% - .06em - 3px))}.m-overlay .close-btn:active{transform:translateY(calc(-50% - .06em - 3px)) scale(.97)}.m-overlay .children{white-space:normal;width:calc(100vw - 106px)}.m-overlay .children a{line-height:1.1}}@media(max-width:640px){.eyebrow{line-height:1.7}}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pk-base.css.map */