/* The second version's menu. The original storefront stays independent. */
.menu-scene{display:block;padding:0;overflow:hidden;isolation:isolate;clip-path:inset(0 100% 0 0);visibility:hidden;transition:clip-path .85s var(--ease),visibility 0s .85s}
.menu-scene.open{clip-path:inset(0);visibility:visible;transition:clip-path .85s var(--ease),visibility 0s}
.menu-scene.closing{visibility:visible}
.brand-menu-film{position:absolute;inset:0 auto 0 0;width:37%;overflow:hidden;background:var(--paper)}
.brand-menu-film video{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.55);transform:translateX(-12%) scale(1.16);transition:transform 1.1s var(--ease)}
.open .brand-menu-film video{transform:translateX(0) scale(1)}
.brand-menu-wash{position:absolute;inset:0;background:linear-gradient(180deg,#f4f0ea7a,transparent 32%,transparent 68%,#f4f0ea90),linear-gradient(90deg,#f4f0ea55,transparent 65%);pointer-events:none}
.menu-scene .brand-menu-nav{position:absolute;top:153px;left:26px;width:calc(37% - 52px);display:flex;gap:9px;align-self:auto;color:#fff;mix-blend-mode:difference}
.menu-scene .brand-menu-nav button{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;padding:3px 0;min-height:35px;opacity:0;transform:translateX(-24px);transition:opacity .25s,transform .5s var(--ease);text-align:left}
.menu-scene.open .brand-menu-nav button{opacity:1;transform:none;transition-delay:calc(160ms + var(--row)*55ms)}
.menu-scene .brand-menu-nav button:last-child{border:0}
.menu-scene .brand-menu-nav button>span{font:500 clamp(23px,2.15vw,34px)/1.15 var(--display);letter-spacing:-.025em;white-space:nowrap;transition:none}
.menu-scene .brand-menu-nav button>span:before{content:'[ ';font-weight:300;opacity:.6}
.menu-scene .brand-menu-nav button>span:after{content:' ]';position:static;display:inline;background:none;clip-path:none;transform:none;opacity:.6;height:auto;font-weight:300}
.menu-scene .brand-menu-nav button:hover>span{transform:none;color:inherit}
.menu-scene .brand-menu-nav small{font:11px/1 'Courier New',monospace;white-space:nowrap;opacity:.85}
.menu-scene .brand-menu-nav .hand-mark{color:#c3a20d;height:12px;left:8px;width:calc(100% - 14px)}
.menu-scene .brand-menu-nav .is-preview .hand-mark{opacity:1}
.menu-scene .brand-menu-nav .is-preview .hand-mark path{stroke-dashoffset:0;transition-delay:calc(var(--stroke)*.075s)}
.brand-menu-signature{position:absolute;bottom:95px;left:27px;font:600 clamp(34px,4vw,66px)/.95 var(--display);letter-spacing:-.04em;color:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;transform:translateY(22px);transition:opacity .5s,transform .7s var(--ease)}
.brand-menu-signature em{font:italic 400 .68em Georgia,serif;color:inherit;display:inline-block;margin:8px 0 0 10%}
.open .brand-menu-signature{opacity:1;transform:none;transition-delay:.35s}
.brand-menu-bottom{position:absolute;bottom:23px;left:26px;width:calc(37% - 52px);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;mix-blend-mode:difference}
.brand-menu-bottom button{font:9px/1.5 'Courier New',monospace;text-align:left;text-transform:uppercase}
.brand-menu-bottom button:hover{text-decoration:underline;text-underline-offset:4px}
.brand-menu-preview{position:absolute;left:37%;right:0;top:115px;bottom:52px;overflow:hidden}
.brand-preview-layer{position:absolute;inset:0;animation:brand-panel-in .85s var(--ease) both}
.brand-preview-layer.leaving{pointer-events:none;animation:brand-panel-out .65s var(--ease) both}
.brand-menu-preview .look{animation-name:brand-image-in;clip-path:inset(0 100% 0 0);background:#eeeae3}
.brand-menu-preview .look img{object-fit:contain}
.brand-menu-preview .look:nth-child(1){left:10%;top:4%;width:20%;height:39%}
.brand-menu-preview .look:nth-child(2){left:52%;top:22%;width:15%;height:24%}
.brand-menu-preview .look:nth-child(3){right:4%;top:0;width:26%;height:46%}
.brand-menu-preview .look:nth-child(4){left:31%;top:48%;width:27%;height:42%}
.brand-menu-preview .look:nth-child(5){right:4%;top:48%;width:35%;height:51%}
.brand-menu-footnote{position:absolute;bottom:25px;left:calc(37% + 32px);right:32px;display:flex;justify-content:space-between;gap:15px;font:9px 'Courier New',monospace;color:#667078}
.brand-menu-card{position:relative;min-height:100%;padding:30px 8% 25px;display:flex;flex-direction:column;justify-content:center}
.brand-menu-card .eyebrow{font:10px 'Courier New',monospace;letter-spacing:.1em;margin:0 0 32px}
.brand-menu-card h2{font:600 clamp(58px,6.8vw,105px)/.98 var(--display);letter-spacing:-.045em;margin:0 0 30px;position:relative;z-index:1}
.brand-menu-card h2 em{display:block;font:italic 400 .65em/1.3 Georgia,serif;margin-left:12%}
.brand-menu-card p:not(.eyebrow){max-width:350px;font:13px/1.8 Arial,sans-serif;margin:0 0 28px}
.brand-menu-card .menu-card-link{align-self:flex-start;font:11px 'Courier New',monospace;border-bottom:1px solid #19283760;padding:12px 0;min-width:190px;display:flex;justify-content:space-between;gap:30px}
.brand-menu-card .menu-card-link:hover{color:var(--blue)}
.menu-orbit{position:absolute;right:7%;top:17%;width:190px;aspect-ratio:1;border:1px solid #315ddd50;border-radius:50%;transform:rotate(-25deg) scaleY(.5);pointer-events:none}
.menu-orbit:after{content:'';position:absolute;inset:15px -15px;border:1px solid #315ddd50;border-radius:50%;transform:rotate(55deg)}
.menu-future-list{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 30px;font:500 23px var(--display);text-transform:uppercase;color:#a64922}
.menu-help-links{display:grid;gap:16px;max-width:360px}.menu-help-links button{font:12px Arial;text-align:left;padding-bottom:13px;border-bottom:1px solid #19283730}
.brand-about h3{font:500 38px/1.05 var(--display);margin:18px 0}.brand-about p{font:14px/1.8 Arial;max-width:530px}.brand-about em{font:italic 32px Georgia;display:block;margin:20px 0}
@keyframes brand-panel-in{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}
@keyframes brand-panel-out{from{opacity:1;transform:none}to{opacity:0;transform:translateX(65px)}}
@keyframes brand-image-in{from{clip-path:inset(0 100% 0 0);transform:translateX(-25px)}to{clip-path:inset(0);transform:none}}
@media(min-width:701px) and (max-height:670px){.brand-menu-signature{font-size:35px;bottom:70px}.menu-scene .brand-menu-nav{top:142px;gap:3px}.brand-menu-card h2{font-size:62px}.brand-menu-card .eyebrow{margin-bottom:20px}}
@media(max-width:1000px) and (min-width:701px){.menu-scene .brand-menu-nav{left:20px;width:calc(37% - 40px)}.menu-scene .brand-menu-nav button>span{font-size:23px}.brand-menu-bottom{left:20px;width:calc(37% - 40px);gap:8px}.brand-menu-bottom button{font-size:8px}.brand-menu-signature{left:20px}.brand-menu-footnote{font-size:8px}}
@media(max-width:700px){
 .menu-scene{padding:0;overflow-y:auto;overscroll-behavior:contain}
 .brand-menu-film{width:100%;height:max(590px,78svh);bottom:auto}
 .brand-menu-film video{object-position:52% 30%}
 .brand-menu-wash{background:linear-gradient(0deg,var(--paper),transparent 28%),linear-gradient(90deg,#f4f0ea90,transparent 75%)}
 .menu-scene .brand-menu-nav{top:150px;left:20px;width:calc(100% - 40px);gap:5px}
 .menu-scene .brand-menu-nav button{min-height:38px;padding:2px 0;max-width:380px}
 .menu-scene .brand-menu-nav button>span{font-size:28px}.menu-scene .brand-menu-nav small{font-size:10px}
 .brand-menu-signature{top:435px;bottom:auto;left:20px;font-size:40px}
 .brand-menu-bottom{top:540px;bottom:auto;left:20px;width:calc(100% - 40px);justify-content:flex-start;gap:25px}
 .brand-menu-preview{position:relative;inset:auto;margin-top:max(590px,78svh);height:440px}
 .brand-menu-footnote{position:relative;inset:auto;padding:20px;font-size:8px;gap:20px}
 .brand-menu-card{padding:20px 24px}.brand-menu-card h2{font-size:62px}.brand-menu-card .eyebrow{margin-bottom:22px}.brand-menu-card p:not(.eyebrow){font-size:12px}
 .menu-orbit{width:135px;right:8%}.brand-menu-preview .look:nth-child(1){left:4%;width:25%}.brand-menu-preview .look:nth-child(2){left:36%;width:20%}.brand-menu-preview .look:nth-child(3){width:32%}.brand-menu-preview .look:nth-child(4){left:17%;width:32%}.brand-menu-preview .look:nth-child(5){width:43%}
}
@media(prefers-reduced-motion:reduce){.menu-scene,.brand-menu-film video,.brand-menu-signature,.menu-scene .brand-menu-nav button{transition:none}.brand-preview-layer,.brand-menu-preview .look{animation:none;clip-path:none;transform:none}.brand-preview-layer.leaving{display:none}}