.mu-page{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#15100b;font-family:'EB Garamond',Georgia,serif;color:#241a12}
body.mel-u{margin:0;overflow-x:hidden;background:#15100b}
html:has(body.mel-u){scroll-behavior:smooth}
.mu-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.mu-bg.is-on{opacity:1}
.mu-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(20,14,9,.55) 0,rgba(20,14,9,0) 140px,rgba(20,14,9,0) 70%,rgba(20,14,9,.6) 100%)}
.mu-frame{display:none}
.mu-panel{position:absolute;right:calc(1.3vw + 18px);top:calc(clamp(60px,5vw,80px) + 3vh);bottom:182px;width:min(560px,36vw);z-index:3;overflow-y:auto;padding:clamp(20px,2.4vw,40px) clamp(20px,2.4vw,42px) 16px;box-sizing:border-box;background:rgba(242,230,207,.93);border:1px solid rgba(160,120,70,.45);border-radius:4px;box-shadow:0 0 0 6px rgba(242,230,207,.35),0 14px 40px rgba(0,0,0,.45);scrollbar-width:thin;scrollbar-color:rgba(90,62,30,.5) transparent}
.mu-panel p{margin:0 0 12px;font-size:clamp(16px,1.15vw,19.5px);line-height:1.45;text-wrap:pretty}
.mu-panel .mu-q{font-style:italic;font-size:clamp(17px,1.35vw,22px);line-height:1.3;text-align:center;color:#3a2a1c;text-wrap:balance}
.mu-panel .mu-k{margin:4px 0 12px;font-family:'Cinzel',serif;font-size:clamp(12px,.95vw,15px);letter-spacing:.2em;text-align:center;color:#5a4128}
.mu-panel h1{margin:2px 0 8px;font-family:'Cinzel',serif;font-weight:600;font-size:clamp(34px,3.6vw,62px);line-height:1.05;text-align:center;color:#1a120c;text-wrap:balance}
.mu-panel h2{margin:22px 0 8px;padding-top:16px;border-top:1px solid rgba(42,31,21,.35);font-family:'Cinzel',serif;font-weight:600;font-size:clamp(18px,1.5vw,25px);line-height:1.15;text-align:center;color:#1f160f;text-wrap:balance}
.mu-panel img{max-width:100%;height:auto}
.mu-panel a{color:#7a4f22}
.mu-strip{position:absolute;left:0;right:0;bottom:14px;z-index:4;height:176px;display:flex;justify-content:safe center;align-items:flex-end;gap:26px;padding:0 4vw;box-sizing:border-box;overflow-x:auto;scrollbar-width:none}
.mu-med{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform .25s}

.mu-med span{display:block;width:92px;height:92px;border-radius:50%;overflow:hidden;background:#e9d8b4;box-shadow:0 0 0 3px #d8bc8a,0 0 0 5px rgba(90,62,30,.55),0 8px 18px rgba(0,0,0,.45);transition:width .35s,height .35s,box-shadow .35s}
.mu-med.is-on span,.mu-med:hover span,.mu-med:focus-visible span{width:132px;height:132px;box-shadow:0 0 0 3px #f6dc9c,0 0 0 5px rgba(120,80,30,.6),0 0 26px 8px rgba(255,186,90,.7)}
.mu-med img{width:100%;height:100%;object-fit:cover;display:block}
.mu-med em{font-style:normal;font-family:'Cinzel',serif;font-size:clamp(11px,.85vw,14px);letter-spacing:.06em;color:#f6ecd8;text-shadow:0 1px 6px rgba(0,0,0,.9);white-space:nowrap;min-height:1.2em}
.mu-nav{position:absolute;left:0;right:0;top:0;z-index:6;height:clamp(60px,5vw,80px);display:flex;align-items:center;gap:clamp(10px,2vw,36px);padding:0 clamp(14px,3vw,52px);box-sizing:border-box;background:linear-gradient(to bottom,rgba(12,8,5,.5),rgba(12,8,5,0));text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.6)}
.mu-logo img{height:clamp(30px,3vw,50px);width:auto;display:block;filter:invert(1) brightness(1.15);mix-blend-mode:screen}
.mu-nav nav{flex:1;display:flex;justify-content:flex-end;gap:clamp(6px,1.6vw,30px)}
.mu-item{position:relative}
.mu-item>a{display:block;padding:6px 2px 8px;color:#f3ece0;font-family:'Cinzel',serif;font-size:clamp(11px,1.05vw,17px);letter-spacing:.08em;white-space:nowrap;text-decoration:none;border-bottom:1.5px solid transparent}
.mu-item>a:hover{color:#f0c97e}
.mu-item>a[aria-current]{border-bottom-color:rgba(243,236,224,.85)}
.mu-sub{display:none;position:absolute;right:-12px;top:100%;padding-top:6px;z-index:10}
.mu-item:hover .mu-sub,.mu-item:focus-within .mu-sub{display:block}
.mu-sub>div{min-width:220px;padding:6px 0;background:rgba(28,21,15,.96);border:1px solid rgba(214,176,108,.45);border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.45);display:flex;flex-direction:column}
.mu-sub a{padding:9px 18px;font-family:'Cinzel',serif;font-size:14px;letter-spacing:.08em;color:#f3ece0;white-space:nowrap;text-decoration:none}
.mu-sub a:hover{background:rgba(214,176,108,.15);color:#f0c97e}
@media (max-width:760px){
 .mu-panel{left:4vw;right:4vw;width:auto;top:46vh;bottom:124px;padding:22px 22px 10px}
 .mu-strip{height:110px;gap:12px}
 .mu-med span{width:54px;height:54px}.mu-med.is-on span,.mu-med:hover span{width:74px;height:74px}
 .mu-nav{overflow-x:auto}.mu-nav nav{justify-content:flex-start}
 .mu-sub{position:fixed;right:auto;left:8px;top:60px}
}
body.mel-u.admin-bar .mu-page{height:calc(100vh - 32px)}
@media (max-width:782px){body.mel-u.admin-bar .mu-page{height:calc(100vh - 46px)}}
.mu-strip,.mu-panel{transition:opacity .7s ease .2s,transform .8s cubic-bezier(.2,.7,.2,1) .15s}
.mu-intro .mu-strip{opacity:0;transform:translateY(30px)}
.mu-intro .mu-panel{opacity:0}
.mu-nav{position:fixed}
.mu-down{position:absolute;left:50%;bottom:194px;z-index:4;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,236,224,.55);background:rgba(20,14,9,.35);color:#f6ecd8;display:grid;place-items:center}
.mu-down:hover{background:rgba(20,14,9,.6)}
.mu-textwrap{display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;padding:calc(clamp(60px,5vw,80px) + 6vh) 4vw 8vh;font-family:'EB Garamond',Georgia,serif;color:#241a12;background:linear-gradient(rgba(21,16,11,.8),rgba(21,16,11,.94)),var(--mu-bg) center/cover}
.mu-text{width:min(760px,100%);box-sizing:border-box;padding:clamp(28px,4vw,56px) clamp(22px,4vw,60px) 24px;background:rgba(242,230,207,.95);border:1px solid rgba(160,120,70,.45);border-radius:4px;box-shadow:0 0 0 6px rgba(242,230,207,.3),0 18px 50px rgba(0,0,0,.5)}
.mu-text p{margin:0 0 12px;font-size:clamp(16px,1.15vw,19.5px);line-height:1.45;text-wrap:pretty}
.mu-text .mu-q{font-style:italic;font-size:clamp(17px,1.35vw,22px);line-height:1.3;text-align:center;color:#3a2a1c}
.mu-text .mu-k{margin:4px 0 12px;font-family:'Cinzel',serif;font-size:clamp(12px,.95vw,15px);letter-spacing:.2em;text-align:center;color:#5a4128}
.mu-text h1{margin:2px 0 8px;font-family:'Cinzel',serif;font-weight:600;font-size:clamp(34px,3.6vw,62px);line-height:1.05;text-align:center;color:#1a120c}
.mu-text h2{margin:22px 0 8px;padding-top:16px;border-top:1px solid rgba(42,31,21,.35);font-family:'Cinzel',serif;font-weight:600;font-size:clamp(18px,1.5vw,25px);text-align:center;color:#1f160f}
.mu-text img{max-width:100%;height:auto}.mu-text a{color:#7a4f22}
@media (max-width:760px){.mu-down{bottom:132px}}
body.admin-bar .mu-nav{top:32px}
@media (max-width:782px){body.admin-bar .mu-nav{top:46px}}
.mu-nav{height:clamp(64px,5.4vw,88px);background:linear-gradient(to bottom,rgba(12,8,5,.78) 0,rgba(12,8,5,.45) 60%,rgba(12,8,5,0) 100%)}
.mu-logo img{height:clamp(34px,3.2vw,54px)}
.mu-item>a{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.75)}