/* The original raster artwork is displayed through a tight viewport. */
.brand-mark{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;min-height:44px;mix-blend-mode:multiply}
.brand-crop{display:block;position:relative;width:180px;height:30px;overflow:hidden}
.brand-crop img{position:absolute;width:230.33px;height:230.33px;max-width:none;left:-25.71px;top:-99.18px;filter:url('#logo-ink')}
.footer-brand{display:inline-flex;mix-blend-mode:multiply;min-height:44px;align-items:center}
.glass.menu-hidden{transform:translateY(calc(-100% - 36px));opacity:0;pointer-events:none}
.glass{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;top:20px;left:24px;right:24px;min-height:76px;padding:12px 24px;border:1px solid #ffffffa6;background:linear-gradient(125deg,#fffffff0,#f7f6f2eb);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff6b,0 10px 40px #11111312;isolation:isolate;transition:transform .3s ease,opacity .2s ease,top .35s ease,left .35s ease,right .35s ease,min-height .35s ease,box-shadow .35s ease}
@supports(backdrop-filter:blur(10px)){.glass{background:linear-gradient(115deg,#ffffff78,#ffffff35 40%,#f7f6f27a);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}}
.glass::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#ffffff75 45%,transparent 65%);background-size:250% 100%;opacity:.55;z-index:-1;animation:glass-light 1.8s ease-out both}
.glass.scrolled{top:12px;left:32px;right:32px;min-height:64px;box-shadow:inset 0 1px #fff,0 8px 32px #11111320;background-color:#f7f6f2bd}
.glass nav{grid-column:1;grid-row:1;justify-self:start;gap:3px;margin:0;align-items:center}
.glass nav a{padding:12px 13px;position:relative;border-radius:30px;font-size:14px;min-height:44px;box-shadow:none;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.glass nav a:hover{background:#ffffff60;transform:translateY(-1px)}
.glass nav a[aria-current=page]{background:#ffffff85;box-shadow:inset 0 0 0 1px #ffffff9c,0 2px 6px #00000008}
.glass nav a::after{content:'';position:absolute;bottom:7px;left:36%;right:36%;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .3s ease}
.glass nav a[aria-current=page]::after{transform:scaleX(1)}
.glass #open-bag{grid-column:3;grid-row:1;justify-self:end;border-radius:30px;padding:0 12px;transition:background .25s ease;display:flex;align-items:center;gap:6px}
.glass #open-bag:hover{background:#ffffff80}.bag-arrow{display:inline-block;margin-left:7px;transition:transform .3s ease}.glass #open-bag:hover .bag-arrow{transform:translate(2px,-2px)}
.glass .menu-toggle{grid-column:1;grid-row:1;margin:0;justify-self:start;align-items:center;gap:10px}
.menu-icon{width:18px;height:14px;position:relative;display:block}.menu-icon::before,.menu-icon::after{content:'';height:1px;background:var(--ink);position:absolute;left:0;right:0;top:4px;transition:transform .3s ease,top .3s ease}.menu-icon::after{top:10px}.menu-toggle[aria-expanded=true] .menu-icon::before{top:7px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon::after{top:7px;transform:rotate(-45deg)}
.page,.detail{padding-top:145px}.narrow{padding-top:165px}main{overflow:clip}main:focus{outline:none}
.hero-copy .eyebrow{animation:copy-in .7s .1s both}.hero-copy h1{animation:copy-in .85s .2s both}.hero-copy .button{animation:copy-in .8s .35s both}.scroll-cue{animation:cue-drift 1.8s 1.5s 3}
.hero>img{transform:translateY(var(--hero-shift,0px)) scale(1.055);animation:hero-in 1.2s ease-out both;will-change:transform}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .7s var(--reveal-delay,0ms) ease,transform .7s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1)}
.reveal-ready.is-visible,.reveal-ready:focus-within{opacity:1;transform:none}
.product-image .photo{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.button{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11111318}.button:active{transform:translateY(0) scale(.985)}
.section-head>a span{display:inline-block;transition:transform .3s ease}.section-head>a:hover span{transform:translate(3px,-3px)}
.campaign>img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.campaign:hover>img{transform:scale(1.035)}
.sizes button{transition:background .2s ease,color .2s ease,transform .2s ease}.sizes button:not(:disabled):hover{transform:translateY(-2px)}
.brand-mark:active{transform:scale(.98)}
@keyframes glass-light{from{background-position:140% 0}to{background-position:0 0}}
@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes hero-in{from{opacity:.65;scale:1.025}to{opacity:1;scale:1}}
@keyframes cue-drift{50%{transform:translateY(6px)}}
@keyframes route-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes route-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@supports(view-transition-name:page){main{view-transition-name:page}.glass{view-transition-name:navigation}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(page){animation:route-out .18s ease-in both}::view-transition-new(page){animation:route-in .38s .08s cubic-bezier(.2,.7,.2,1) both}::view-transition-group(navigation){z-index:20;animation-duration:.35s}}
@media(min-width:1101px){.glass .menu-toggle{display:none}}
@media(max-width:1100px){.glass .menu-toggle{display:flex}.glass nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:auto;width:min(360px,calc(100vw - 48px));padding:14px;margin:0;background:#f7f6f2f5;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 55px #11111325;backdrop-filter:blur(24px)}.glass nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px;animation:route-in .3s ease both}.glass nav a{padding:16px 20px;font-size:17px}.glass nav a::after{left:20px;right:auto;width:20px;bottom:10px}}
@media(max-width:600px){.glass{top:12px;left:12px;right:12px;min-height:64px;padding:8px 12px;gap:8px}.glass.scrolled{top:8px;left:12px;right:12px;min-height:60px}.brand-crop{width:120px;height:21px}.brand-crop img{width:153.55px;height:153.55px;left:-17.14px;top:-66.12px}.glass .menu-toggle{font-size:12px;gap:6px;padding:0 3px}.glass #open-bag{font-size:12px;padding:0 3px;gap:3px}.bag-arrow{display:none}.glass nav{width:calc(100vw - 24px)}.page{padding-top:105px}.detail{padding-top:110px}.narrow{padding-top:125px}.hero-copy h1{animation-delay:.15s}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero>img{transform:none;will-change:auto}::view-transition-old(page),::view-transition-new(page){animation:none!important}}