/* MSTEIN signature dock: only the brand and menu remain visible when closed. */
body>header.studio-header.studio-header--signature{
 --light-x:30px;--light-y:0px;
 top:max(22px,env(safe-area-inset-top));left:var(--studio-gutter,4vw);right:auto;
 transform:none;width:300px;max-width:calc(100vw - 32px);min-height:72px;
 padding:9px 10px 9px 17px;gap:21px;overflow:visible;border:1px solid transparent;border-radius:22px;
 background:linear-gradient(118deg,#141219e8,#111016e8 56%,#211c20e0) padding-box,linear-gradient(130deg,#f0dfb460,#d9c4ee12 42%,#d5b57536 80%,#fff0c957) border-box;
 -webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);
 box-shadow:0 12px 40px #0005,0 2px 6px #0003,inset 0 1px 0 #ffefd212,inset 0 -1px 0 #0006;
 transition:box-shadow .3s ease;
}
body .studio-header--signature::before{
 content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:radial-gradient(160px circle at var(--light-x) var(--light-y),#edd2a916,transparent 80%),radial-gradient(80px circle at 36px 50%,#9365d916,transparent 90%);
}
body .studio-header--signature::after{content:'';position:absolute;top:0;left:27px;width:88px;height:1px;background:linear-gradient(90deg,transparent,#f4dabd8c,transparent);pointer-events:none}
body .studio-header.studio-header--signature .monogram{position:relative;display:flex;align-items:center;gap:11px;min-height:50px;flex-shrink:0;border-radius:12px;color:#f5f0e9}
body .studio-header.studio-header--signature .monogram img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 9px #a675d926);transition:filter .3s ease}
body .studio-header.studio-header--signature .monogram:hover img{filter:drop-shadow(0 0 10px #c494f25c)}
body .studio-header.studio-header--signature .mark-brand-name{font:600 13px/1 Body,Arial,sans-serif;letter-spacing:.19em;color:#f2eee6}
body .studio-header.studio-header--signature #menu-toggle{
 position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-left:auto;flex-shrink:0;
 min-width:104px;min-height:50px;padding:0 16px;border:1px solid #e4d0b32e;border-radius:14px;
 background:linear-gradient(140deg,#ffffff0d,#ffffff02);color:#e9dcc6;font:400 11px/1 Body,Arial,sans-serif;letter-spacing:.02em;
 box-shadow:inset 0 1px 0 #f6e3c80b,0 2px 6px #0002;transition:background .25s,border-color .25s,box-shadow .25s;
}
body .studio-header--signature #menu-toggle:hover,body .studio-header--signature #menu-toggle[aria-expanded=true]{background:linear-gradient(130deg,#d9bd8b1a,#ffffff04);border-color:#e4d0b36b;box-shadow:inset 0 1px 0 #f6e3c816,0 0 20px #d9bd8b08}
.studio-header--signature .menu-label{min-width:28px;text-align:left}
.studio-header--signature .menu-glyph{position:relative;width:17px;height:16px;display:block}
.studio-header--signature .menu-glyph i{position:absolute;left:0;top:4px;width:17px;height:1px;background:currentColor;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s}
.studio-header--signature .menu-glyph i+i{top:10px;left:auto;right:0;width:11px}
.studio-header--signature #menu-toggle:hover .menu-glyph i+i{width:17px}
.studio-header--signature #menu-toggle[aria-expanded=true] .menu-glyph i{transform:translateY(3px) rotate(45deg)}
.studio-header--signature #menu-toggle[aria-expanded=true] .menu-glyph i+i{width:17px;transform:translateY(-3px) rotate(-45deg)}
body .studio-header.studio-header--signature #navigation{
 display:none;position:absolute;top:calc(100% + 12px);left:0;right:auto;width:338px;max-width:calc(100vw - 32px);
 max-height:calc(100svh - 118px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;
 margin:0;padding:11px;gap:0;border:1px solid #ead6ae35;border-radius:21px;
 background:radial-gradient(ellipse at 10% 0,#9672af0e,transparent 65%),#121017fa;
 -webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 22px 70px #0009,inset 0 1px 0 #ffe6c211;
 scrollbar-width:thin;scrollbar-color:#8c7952 #151218;
}
body .studio-header.studio-header--signature #navigation.open{display:flex;flex-direction:column;align-items:stretch;animation:mstein-menu-reveal .3s cubic-bezier(.22,1,.36,1) both}
body .studio-header.studio-header--signature #navigation a{
 display:grid;grid-template-columns:23px 1fr 20px;align-items:center;justify-content:initial;gap:13px;
 min-height:59px;padding:0 14px;border-radius:12px;font:400 15px/1.3 Body,Arial,sans-serif;color:#dcd6dc;white-space:nowrap;
 transition:background .2s,color .2s;
}
body .studio-header.studio-header--signature #navigation a::after{display:none}
body .studio-header.studio-header--signature #navigation a:hover,body .studio-header.studio-header--signature #navigation a:focus-visible{background:#e2c79c0b;color:#fff5e6}
.studio-header--signature .nav-index{font:400 9px/1 Body,Arial,sans-serif;letter-spacing:.08em;color:#b6a48b}
.studio-header--signature .nav-arrow{font:400 19px/1 Body,Arial,sans-serif;color:#bda581;opacity:.45;transform:translate(-2px,2px);transition:opacity .2s,transform .2s}
.studio-header--signature #navigation a:hover .nav-arrow,.studio-header--signature #navigation a:focus-visible .nav-arrow{opacity:1;transform:none}
body .studio-header.studio-header--signature #navigation button{
 display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:11px 3px 3px;padding:0 18px;
 border:1px solid #e8cd963d;border-radius:12px;background:linear-gradient(110deg,#cdb27b20,#cdb27b09);font:400 12px/1.2 Body,Arial,sans-serif;color:#f2deba;
}
body .studio-header.studio-header--signature #navigation button:hover{border-color:#e8cd967a;background:#cdb27b27}
body .studio-header--signature :is(a,button):focus-visible{outline:2px solid #d8c097;outline-offset:3px}
@keyframes mstein-menu-reveal{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:767px),(max-aspect-ratio:1/1){
 body>header.studio-header.studio-header--signature{top:max(14px,env(safe-area-inset-top));left:16px;width:288px;min-height:66px;padding:7px 8px 7px 13px;gap:15px;border-radius:20px}
 body .studio-header.studio-header--signature .monogram{min-height:48px;gap:9px}
 body .studio-header.studio-header--signature .monogram img{width:35px;height:35px}
 body .studio-header.studio-header--signature .mark-brand-name{font-size:12px;letter-spacing:.17em}
 body .studio-header.studio-header--signature #menu-toggle{min-height:48px;min-width:100px;padding:0 14px;border-radius:13px}
 body .studio-header.studio-header--signature #navigation{max-height:calc(100svh - 104px - env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){body .studio-header--signature *,body>header.studio-header--signature{animation:none!important;transition:none!important}}
body.motion-off .studio-header--signature *,body.motion-off>header.studio-header--signature{animation:none!important;transition:none!important}
