.skip{position:absolute;left:12px;top:0;z-index:110;transform:translateY(-110%);background:#fcf8f1;padding:10px}
.skip:focus{transform:none}
.store-head{position:relative;z-index:108;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:57px;align-items:center;gap:0 clamp(14px,2vw,32px);padding:0 clamp(16px,2.5vw,40px);border-bottom:1px solid #dfd1c0;background:#fcf8f1;color:#211b17;font:400 14px/1.55 "DM Sans",system-ui,sans-serif}
.store-head .wordmark{grid-column:1;grid-row:1;justify-self:start;width:clamp(210px,20vw,336px);max-width:100%;min-width:0}
.store-head .brand-logo{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.store-head a{display:inline-flex;align-items:center;min-height:44px}
.store-nav,.store-tools,.lookbook-links{display:flex;align-items:center;gap:clamp(12px,1.5vw,26px)}
.store-nav a,.store-tools a,.lookbook-links a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.store-nav a{font-family:Michroma,system-ui,sans-serif}
.store-head a:hover,.store-head a[aria-current],.nav-search-toggle[aria-expanded=true]{color:#9a4021}
.store-nav a[aria-current]{box-shadow:0 1px 0 #9a4021}
.store-nav{grid-column:2;grid-row:1;position:relative;isolation:isolate}
.store-nav:has(.nav-highlight) a[aria-current]{box-shadow:none}
.store-nav a{position:relative;z-index:1}
.nav-highlight{position:absolute;pointer-events:none;top:50%;left:0;width:var(--tab-width,0px);height:34px;border-radius:999px;background:#f1decc;opacity:0;transform:translate3d(var(--tab-x,0px),-50%,0)}
.nav-highlight.on{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .nav-highlight.ready{--nav-ease:cubic-bezier(.25,.8,.25,1);transition:transform .55s var(--nav-ease),width .55s var(--nav-ease),opacity .22s ease-out}
}
.store-tools{grid-column:3;grid-row:1;justify-content:flex-end;gap:clamp(10px,1.4vw,24px)}
.lookbook-links{grid-column:1/-1;grid-row:2;justify-content:center;border-top:1px solid #dfd1c0}
.lookbook-links a{min-height:34px}
.ui-icon{width:17px;height:17px;flex:none;transform-origin:center;display:block}
.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nav-action{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.site-menu{display:none;grid-column:3;grid-row:1;font:500 12px/1.35 "DM Sans",system-ui,sans-serif}
.site-menu summary{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;list-style:none;color:var(--ink)}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu summary:focus-visible{outline:2px solid var(--accent,#9a4021);outline-offset:2px}
.site-menu summary>span{display:flex;align-items:center;gap:4px}
.site-menu .menu-close,.site-menu[open] .menu-open{display:none}
.site-menu[open] .menu-close{display:flex}
.site-menu-panel{position:absolute;z-index:120;top:100%;left:auto;right:0;width:min(100%,340px);max-height:calc(100dvh - 62px);overflow-y:auto;overscroll-behavior:contain;padding:10px 18px 14px;background:#fcf8f1;border:1px solid #dfd1c0;box-shadow:0 10px 28px #211b171c}
.site-menu-panel a{position:relative;isolation:isolate;display:flex;align-items:center;min-height:44px;border-bottom:1px solid #dfd1c0;font-size:13px;letter-spacing:.035em;touch-action:manipulation}
.site-menu-panel a::before{content:"";position:absolute;inset:4px -8px;z-index:-1;border-radius:999px;background:#f1decc;opacity:0}
.site-menu-panel a:is(:focus-visible,:active,[data-pressed])::before{opacity:1}
@media(hover:hover) and (pointer:fine){
  .site-menu-panel a:hover::before{opacity:1}
}
@media(prefers-reduced-motion:no-preference){
  .site-menu-panel a::before{transition:opacity .22s ease}
  .site-menu-panel a:is(:active,[data-pressed])::before{transition-duration:.07s}
}
.site-menu-panel a:last-child{border:0}
.site-menu-panel a[aria-current]{color:#9a4021;font-weight:600}
.nav-search-results[hidden]{display:none}
.navbar-search{grid-column:3;grid-row:1;justify-self:end;position:relative;z-index:2;width:min(100%,300px);visibility:hidden;opacity:0;pointer-events:none}
.search-open .navbar-search{visibility:visible;opacity:1;pointer-events:auto}
.search-open .store-tools,.search-open .site-menu{visibility:hidden}
.navbar-search form{display:flex;align-items:center;width:98px;margin-inline-start:auto;overflow:hidden;border-radius:999px;background:#fffaf3;box-shadow:inset 0 0 0 1px #dfd1c0,var(--soft-raised)}
.search-open .navbar-search form{width:100%}
.navbar-search input{flex:1;min-width:0;height:36px;margin:4px 0;padding:0 9px;border:1px solid #dfd1c0;border-radius:999px;background:#fcf8f1;color:#211b17;font:400 14px/1.3 "DM Sans",system-ui,sans-serif}
.navbar-search button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:#65574c;cursor:pointer}
.navbar-search button:hover{background:#f1decc;color:#9a4021}
.navbar-search :is(input,button):focus-visible{outline:2px solid #9a4021;outline-offset:-3px}
.nav-search-results{position:absolute;top:calc(100% + 8px);inset-inline:0;max-height:min(50dvh,350px);overflow-y:auto;overscroll-behavior:contain;background:#fffcf6;border:1px solid #dfd1c0;border-radius:16px;box-shadow:0 10px 28px #211b171c}
.nav-search-results p{margin:0;padding:10px 14px;color:#65574c}
.nav-search-results ul{margin:0;padding:0;list-style:none}
.nav-search-results a{display:grid;gap:1px;padding:8px 14px;border-top:1px solid #dfd1c0}
.nav-search-results a:focus-visible{outline-offset:-3px}
.nav-search-results small{font-size:12px;color:#65574c}
@media(prefers-reduced-motion:no-preference){
  .navbar-search{transition:opacity .14s ease-out,visibility 0s linear .2s}
  .search-open .navbar-search{transition-delay:0s}
  .navbar-search form{transition:width .2s linear(0,.4369,.821,.9623,.9968,1.0015,1)}
}
@media(max-width:1320px){
  .store-head{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:55px;gap:0 8px}
  .store-head .store-nav,.store-head .nav-secondary,.lookbook-links{display:none}
  .store-head .site-menu{display:block}
  .store-tools{grid-column:2;gap:0 6px}
  .nav-search-toggle{justify-content:center;min-width:44px}
  .nav-search-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .navbar-search{grid-column:1/-1}
}
@media(max-width:820px){
  .lookbook-store .intro h1{white-space:normal}
  .lookbook-store .film-heading{gap:6px 12px;flex-wrap:wrap}
  .lookbook-store .film-actions{margin-left:auto}
  .lookbook-store .tag .shop{min-height:36px;display:inline-flex;align-items:center}
}
@media(max-width:620px){.search-open .wordmark{visibility:hidden}}
@media(max-width:360px){.store-head{padding-inline:12px}}
@media(max-height:519px){body.lookbook-store{overflow-y:auto;overflow-x:clip}}
