: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}}.nat-consent{box-sizing:border-box;color:#272a31;background:#e1e4e9;border:1px solid #272a31;border-radius:10px;width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:clamp(20px,5vw,36px);font:15px/1.5 Inter,Arial,sans-serif;overflow:auto;box-shadow:10px 10px #272a3120}.nat-consent::backdrop{background:#272a3160}.nat-consent h2{letter-spacing:-.035em;font-size:26px;line-height:1.1}.nat-consent-actions{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 16px;display:grid}.nat-consent-actions>button:last-child{grid-column:1/-1}.nat-consent button,.nat-privacy-open{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:4px;padding:10px 14px}.nat-consent label{gap:12px;margin:14px 0;display:flex}.nat-consent a{color:inherit;margin-top:14px;display:inline-block}:is(.nat-consent :focus-visible,.nat-privacy-open:focus-visible){outline-offset:3px;outline:3px solid #b4490e}.nat-privacy-open{font:12px Inter,Arial,sans-serif}.nat-consent [hidden]{display:none}.nat-entry[hidden]{display:none!important}.nat-entry{z-index:10000;color:#272a31;background:#e1e4e9;position:fixed;inset:0;overflow:auto}.nat-entry>.nat-teaser{min-height:100dvh;padding:0 clamp(20px,5vw,72px)}.nat-entry .teaser-login,.nat-entry .teaser-replay,.nat-entry .teaser-skip{display:none!important}.nat-entry .intro-skip{z-index:30}.nat-entry .teaser-intro{z-index:10001}.nat-entry iframe{border:0;width:100%;height:100dvh}.nat-entry>.nat-entry-skip{z-index:3;cursor:pointer;padding:12px 16px;position:absolute;top:24px;right:24px}.nat-consent{z-index:20000}@media (prefers-reduced-motion:reduce){.nat-entry{display:none!important}}