:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-settle:cubic-bezier(.22,.68,0,1);--motion-fast:.18s;--motion-medium:.42s;--motion-arrive:.76s}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s both nat-page-out}::view-transition-new(root){animation:nat-page-in .42s var(--motion-ease) both}@keyframes nat-page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes nat-page-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.nat-drawer[open]:not([data-closing=true]) .drawer-menu h2,.nat-drawer[open]:not([data-closing=true]) .drawer-bag h2{animation:nat-drawer-content .65s var(--motion-ease) 80ms both}.nat-drawer[open]:not([data-closing=true]) .drawer-menu nav a{animation:nat-drawer-content .62s var(--motion-ease) both;animation-delay:calc(.11s + var(--menu-order,0) * 45ms)}.nat-drawer[open]:not([data-closing=true]) .drawer-menu-bottom,.nat-drawer[open]:not([data-closing=true]) .bag-lines>li{animation:nat-drawer-content .7s var(--motion-ease) .18s both}@keyframes nat-drawer-content{0%{opacity:0;translate:28px 12px;rotate:1deg}to{opacity:1;translate:0;rotate:0deg}}.nat-quick-nav button svg,.drawer-menu nav a svg,.directory-arrow,.directory-home,.about-link svg,.shop-solid-button svg,.nat-footer-wordmark>span:last-child{transition:transform var(--motion-medium) var(--motion-ease),color var(--motion-fast)}.nat-quick-nav button,.directory-categories button,.directory-views button,.product-options button,.product-image-tabs button{transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),translate var(--motion-fast)}.product-options button:active,.directory-views button:active,.nat-quick-nav button:active{translate:0 2px}.product-main-image>img{transition:transform .65s var(--motion-ease),object-position .65s var(--motion-ease)}.product-lightbox[open]{animation:nat-lightbox-in .42s var(--motion-ease) both}@keyframes nat-lightbox-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.product-accordions details[open]>:not(summary){animation:nat-details-in .35s var(--motion-ease) both}@keyframes nat-details-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}.case-intro>.case-eyebrow{animation:nat-case-copy .62s var(--motion-ease) 90ms both}.case-intro>:is(h1,h2){animation:nat-case-copy .85s var(--motion-ease) .14s both}.case-intro>.case-question,.case-intro>.case-facts,.case-intro>.case-hero-actions{animation:nat-case-copy .85s var(--motion-ease) .21s both}@keyframes nat-case-copy{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}.case-chapter-copy{transition-duration:.7s;transition-timing-function:var(--motion-ease)}.case-chapter-images{transition-duration:.95s;transition-delay:70ms;transition-timing-function:var(--motion-ease)}@media (hover:hover) and (pointer:fine){.nat-quick-nav button:hover svg{transform:rotate(-9deg)}.drawer-menu nav a:hover svg,.directory-project:hover .directory-arrow,.about-link:hover svg,.shop-solid-button:hover svg{transform:translate(3px,-3px)}.detour-note:hover .detour-curl{transform:translate(-3px,-3px)rotate(-3deg)}.detour-curl{transition:transform .7s var(--motion-ease)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.drawer-menu nav a:focus-visible{animation:none!important}@media (prefers-reduced-motion:no-preference){.nat-drawer[open]::backdrop{animation:.35s both nat-backdrop-in}.nat-drawer[data-closing=true]::backdrop{animation:none}}@keyframes nat-backdrop-in{0%{opacity:0}to{opacity:1}}