/* mfix: Apple-grade mobile chrome (menu overlay, one fab, compact header, slim billboard) */
.am{position:fixed;inset:0;z-index:2147482000;background:rgba(250,250,252,.93);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);color:#1d1d1f;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s .28s;overflow-y:auto;overscroll-behavior:contain}
@media (prefers-color-scheme:dark){.am{background:rgba(22,22,24,.84);color:#f5f5f7}.am li{border-color:rgba(255,255,255,.12)!important}}
.am.on{opacity:1;visibility:visible;transition:opacity .28s ease}
.am-top{display:flex;justify-content:flex-end;height:52px;align-items:center;flex:none}
.am-x{width:44px;height:44px;border:0;background:none;color:inherit;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.am-x svg{width:22px;height:22px}
.am ul{list-style:none;margin:0;padding:0 8px}
.am li{border-bottom:1px solid rgba(0,0,0,.1);opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.am.on li{opacity:1;transform:none;transition-delay:calc(var(--i)*28ms + 40ms)}
.am a,.am .am-b{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:6px 0;font:600 clamp(24px,7vw,30px)/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;letter-spacing:-.015em;color:inherit;text-decoration:none;background:none;border:0;text-align:start;cursor:pointer}
.am .am-s a,.am .am-s .am-b{font-size:17px;font-weight:500;min-height:48px;opacity:.75}
.am .am-s{margin-top:22px}
.am a[aria-current]{color:#0071e3}
.am a:focus-visible,.am .am-b:focus-visible,.am-x:focus-visible{outline:3px solid #0071e3;outline-offset:2px;border-radius:8px}
.am-ar{opacity:.35;font-weight:400}
html.am-lock,html.am-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.am,.am li,.am.on li{transition:none!important;transform:none!important}}
.am-bag{display:none}
@media (max-width:900px){
 .top{background:rgba(22,24,30,.8)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.08)}
 .top.is-hidden{transform:none!important}
 .top .nav{padding-top:0!important;padding-bottom:0!important;min-height:48px;gap:4px}
 .top .logo img{width:26px;height:26px;transform:none!important}.top .logo{font-size:17px;margin-inline-end:auto}
 .top .lang-sw{display:none}
 .am-bag{display:grid;place-items:center;width:44px;height:44px;color:#f5f5f7;border-radius:50%;position:relative;background:none;border:0;cursor:pointer}
 .am-bag svg{width:20px;height:20px}
 .am-bag b{position:absolute;top:6px;inset-inline-end:4px;min-width:16px;height:16px;border-radius:8px;background:#0071e3;color:#fff;font:700 10px/16px system-ui;text-align:center;padding:0 4px}
 .bgmw,.bww-fabw,.bww-fab,.back-top,.bwa-fab,.bww-rib,#pwa-toast{display:none!important}
 .bwc-fab{width:48px!important;height:48px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;inset-inline-end:14px!important;right:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s!important}
 html.fab-off .bwc-fab,html.fab-hit .bwc-fab{transform:translateY(90px) scale(.8)!important;opacity:0!important;pointer-events:none}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* Billboard XL (v4): bigger, premium marquee. Fixed height = no CLS; effects start after load, pause offscreen/hidden. */
:root:root{--bbh:120px}
@media (min-width:900px){:root:root{--bbh:172px}}
@media (max-width:330px){:root:root{--bbh:108px}}
.bb{padding:9px max(9px,env(safe-area-inset-right)) 9px max(9px,env(safe-area-inset-left))!important;background:radial-gradient(80% 140% at 50% -40%,color-mix(in srgb,var(--c1) 35%,#05060a),#05060a 70%)!important}
.bb-frame{border-radius:20px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 18px 40px -20px rgba(255,255,255,.18),inset 0 -30px 50px -20px rgba(0,0,0,.7),0 0 28px -6px var(--b1)!important}
.bb-frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 38%),radial-gradient(60% 90% at 50% 120%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%)}
.bb-bulbs,.bb-frame{border-radius:20px!important}
.bb-bulbs i{padding:6px!important;background-size:18px 18px!important;filter:drop-shadow(0 0 5px var(--b1)) drop-shadow(0 0 12px var(--b1))!important}
.bb-bulbs i:nth-child(2){background-position:6px 6px!important;filter:drop-shadow(0 0 5px var(--b2)) drop-shadow(0 0 12px var(--b2))!important}
.bb-bulbs i:nth-child(3){background-position:12px 12px!important;filter:drop-shadow(0 0 5px var(--b3)) drop-shadow(0 0 12px var(--b3))!important}
.bb-bulbs i{background-image:radial-gradient(circle,#fff 0 1.8px,var(--b1) 2.3px 3.4px,transparent 4px)!important}
.bb-bulbs i:nth-child(2){background-image:radial-gradient(circle,#fff 0 1.8px,var(--b2) 2.3px 3.4px,transparent 4px)!important}
.bb-bulbs i:nth-child(3){background-image:radial-gradient(circle,#fff 0 1.8px,var(--b3) 2.3px 3.4px,transparent 4px)!important}
.bb-sheen{animation:none!important;opacity:0}
html.bb-live .bb-sheen{opacity:1;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.04) 44%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.04) 56%,transparent 65%);animation:bbSheen 6.5s cubic-bezier(.45,0,.2,1) infinite!important}
.bb-tk{-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important;mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)!important}
.bb-it{gap:12px!important;padding:0 22px!important}
.bb-it b{font-size:clamp(1.5rem,5.6vw,2.6rem)!important;letter-spacing:-.005em!important;-webkit-font-smoothing:antialiased;color:#fffaf0!important;text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--ac) 60%,transparent),0 0 2px rgba(255,255,255,.6)!important}
.bb-ico{font-size:clamp(22px,5vw,36px)!important}
.bb-cta{min-height:40px!important;padding:0 18px!important;font-size:clamp(.82rem,2.6vw,1rem)!important;box-shadow:0 6px 18px -6px var(--ac),inset 0 1px 0 rgba(255,255,255,.6)}
.bb-deco{width:clamp(40px,7vw,92px)!important;height:clamp(40px,7vw,92px)!important}
.bb-fx i{font-size:15px!important}
@keyframes bbFall{to{transform:translate3d(14px,220px,0) rotate(200deg)}}
.bb-snd{margin:0 10px 0 6px!important;padding:4px!important;background:rgba(10,10,14,.55)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 4px 16px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)!important}
.bb-mute{width:46px!important;height:46px!important;background:rgba(255,255,255,.14)!important}
.bb-mute::after{animation:none!important;border-width:1.5px!important;opacity:.7}
html.bb-live .bb-mute[aria-pressed=false]::after{animation:bbPulse 2.4s ease-out infinite!important}
@media (min-width:900px){.bb-vol{display:block!important;width:90px;accent-color:var(--ac)}}
@media (max-width:899px){.bb-deco.bb-dr{display:none}}
.bb.paused *,.bb.paused{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){html.bb-live .bb-sheen,.bb-mute::after{animation:none!important}}
/* v5: remove legacy pill quick-nav everywhere; Apple thin text nav on desktop */
.quicknav{display:none!important}
@media (min-width:1024px){
 .site-nav a,.site-nav ul a{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:rgba(29,29,31,.8)!important;font-weight:400!important;letter-spacing:-.01em;transition:color .2s}
 .top.dark .site-nav a,.site-nav.on-dark a{color:rgba(245,245,247,.8)!important}
 .site-nav ul a::after{display:none!important}
 .site-nav a:hover,.site-nav a:focus-visible{color:#000!important}
 .site-nav a[aria-current="page"]{color:#000!important;font-weight:500!important}
}
/* v6 perf: light glow until live, full glow after */
html:not(.bb-live) .bb-bulbs i{filter:none!important}
html:not(.bb-live) .bb-snd{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(10,10,14,.72)!important}
.bb{contain:layout paint}
/* v7 Maison x Ruby logo */
.logo{position:relative;gap:8px!important}
.logo .lwm{display:block!important;flex:none;width:128px;height:26.5px;background:currentColor;-webkit-mask:url(/img/brand/wordmark.svg) no-repeat center/contain;mask:url(/img/brand/wordmark.svg) no-repeat center/contain}
.top .logo img.lmk,.logo img.lmk{width:32px!important;height:32px!important;transform:none!important}
@media(min-width:1024px){.logo .lwm{width:150px;height:31px}}
.logo::after{content:"";position:absolute;inset-inline-start:0;top:50%;width:32px;height:32px;margin-top:-16px;pointer-events:none;-webkit-mask:url(/img/brand/mark-mask.svg) center/contain no-repeat;mask:url(/img/brand/mark-mask.svg) center/contain no-repeat;background:linear-gradient(110deg,transparent 42%,rgba(255,240,244,.85) 50%,transparent 58%) no-repeat;background-size:300% 100%;background-position:150% 0;opacity:0}
.logo::before{content:"";position:absolute;inset-inline-start:9px;top:50%;margin-top:-15px;width:7px;height:7px;pointer-events:none;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;transform:scale(.2);z-index:1}
html.bb-live .logo::after{animation:lgSweep 8s cubic-bezier(.45,0,.2,1) 1s infinite}
html.bb-live .logo::before{animation:lgGlint 8s ease-out 1s infinite}
@keyframes lgSweep{0%{opacity:1;background-position:150% 0}16%{opacity:1;background-position:-50% 0}17%,100%{opacity:0;background-position:-50% 0}}
@keyframes lgGlint{0%,10%{opacity:0;transform:scale(.2) rotate(0)}15%{opacity:1;transform:scale(1) rotate(45deg)}24%,100%{opacity:0;transform:scale(.2) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){html.bb-live .logo::after,html.bb-live .logo::before{animation:none}}
.top .logo{color:#F6F1E7!important}
@media(max-width:1023px){.top>*>button,.top>*>a:not(.logo),.top>button,.top>a:not(.logo),.top button,.top .bag,.top [class*=cart],.top [class*=burger],.top [class*=menu]{color:#F6F1E7!important}.top button span,.top [class*=burger] span,.top [class*=burger] i{background-color:#F6F1E7!important}.top button svg,.top a:not(.logo) svg{color:#F6F1E7!important}}
@media(max-width:1023px){html body .top .nav-toggle span:not(.sr){background:#F6F1E7!important;border-color:#F6F1E7!important}}
/* v9 Maison ticker */
@font-face{font-family:"Cormorant BB";src:url(/fonts/cormorant-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0020-017F,U+0400-045F,U+2013-2026,U+20AC}
.bb-it b{font-family:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif!important;font-weight:600!important;font-size:clamp(1.65rem,6.4vw,2.9rem)!important;letter-spacing:.01em!important;color:#F6F1E7!important;text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 14px rgba(201,174,118,.35),0 0 26px rgba(176,18,43,.28)!important;font-feature-settings:"kern","liga"}
.bb-it[lang=ar] b,html[lang=ar] .bb-it b{font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif!important;letter-spacing:0!important}
.bb-it[lang=he] b,html[lang=he] .bb-it b{font-family:"Frank Ruehl CLM","Noto Serif Hebrew","Times New Roman",serif!important;letter-spacing:0!important}
.bb-it[lang=ja] b,html[lang=ja] .bb-it b{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif!important;letter-spacing:.04em!important;font-size:clamp(1.3rem,5vw,2.3rem)!important}
.bb-it[lang^=zh] b,html[lang^=zh] .bb-it b{font-family:"Songti SC","STSong","Noto Serif SC","Noto Serif TC",serif!important;letter-spacing:.04em!important;font-size:clamp(1.3rem,5vw,2.3rem)!important}
.bb-it[lang=ko] b,html[lang=ko] .bb-it b{font-family:"AppleMyungjo","Noto Serif KR","Nanum Myeongjo",serif!important;letter-spacing:0!important;font-size:clamp(1.3rem,5vw,2.3rem)!important}
.bb-it[lang=hi] b,html[lang=hi] .bb-it b{font-family:"Noto Serif Devanagari","Kohinoor Devanagari",serif!important;letter-spacing:0!important;font-size:clamp(1.3rem,5vw,2.3rem)!important}
.bb-sep{font-size:0!important;width:7px;height:7px;margin:0 22px!important;display:inline-block;vertical-align:middle;background:linear-gradient(135deg,#F3DFA8,#B89A5E 55%,#8C6F38);transform:rotate(45deg);box-shadow:0 0 8px rgba(201,174,118,.6);flex:none}

html.bb-live .bb-it:not([lang=ar]):not([lang=he]):not([lang=ja]):not([lang^=zh]):not([lang=ko]):not([lang=hi]) b{font-family:"Cormorant BB","Cormorant Garamond",Georgia,serif!important}
/* v10 header mark: larger, crisp */
.top .logo img.lmk{width:44px!important;height:44px!important;opacity:1!important;filter:none!important;image-rendering:auto;margin:-6px 0}
@media(min-width:1024px){.top .logo img.lmk{width:48px!important;height:48px!important}}

/* v11 header mark: big vivid ruby B + glow (logo-big) */
html body .top .logo img.lmk{width:46px!important;height:58px!important;margin:3px 0!important;filter:drop-shadow(0 0 6px rgba(255,30,70,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.5))!important;transform:none!important}
html body .top .logo{gap:7px!important;align-items:center}
html body .top .logo::after{width:46px;height:58px;margin-top:-29px;-webkit-mask-image:url(/img/brand/mark-mask-hd.svg);mask-image:url(/img/brand/mark-mask-hd.svg)}
html body .top .logo::before{inset-inline-start:30px;margin-top:-26px;width:9px;height:9px}
html body .top .logo .lwm{width:112px;height:23px;background:linear-gradient(180deg,#FBEFD0,#E2C383 60%,#C9A35E)}
@media(max-width:359px){html body .top .logo .lwm{display:none!important}}
@media(min-width:1024px){html body .top .logo img.lmk{width:51px!important;height:64px!important}html body .top .logo::after{width:51px;height:64px;margin-top:-32px}html body .top .logo::before{inset-inline-start:33px;margin-top:-29px}html body .top .logo .lwm{width:150px;height:31px}}
@media(min-width:1024px){html body .top .logo .lwm{background:linear-gradient(180deg,#A8803A,#7A5A22)}}
/* v14 logo contrast: header is LIGHT when .is-scrolled (apple.css), always >900px, and body.menu-open; DARK only <=900px unscrolled */
html body .top .logo,html body .top.is-scrolled .logo{color:#1d1d1f!important}
html body .top .logo .lwm,html body .top.is-scrolled .logo .lwm{background:#1d1d1f!important;filter:drop-shadow(0 0 .35px #1d1d1f) drop-shadow(0 0 .35px #1d1d1f)}
html body .top .logo img.lmk{filter:drop-shadow(0 0 .6px #5a0716) drop-shadow(0 0 .6px #5a0716) drop-shadow(0 1px 2px rgba(90,7,22,.35))!important}
html body .top.is-scrolled button,html body .top.is-scrolled .bag,html body .top.is-scrolled a:not(.logo),html body .top.is-scrolled [class*=burger],html body .top.is-scrolled [class*=menu],html body .top.is-scrolled svg{color:#1d1d1f!important}
html body .top.is-scrolled button span,html body .top.is-scrolled [class*=burger] span,html body .top.is-scrolled [class*=burger] i{background-color:#1d1d1f!important}
@media(min-width:901px) and (max-width:1023px){html body .top button,html body .top .bag,html body .top a:not(.logo),html body .top svg{color:#1d1d1f!important}html body .top button span,html body .top [class*=burger] span{background-color:#1d1d1f!important}}
@media(max-width:900px){
 body:not(.menu-open) .top:not(.is-scrolled) .logo{color:#F6F1E7!important}
 html body:not(.menu-open) .top:not(.is-scrolled) .logo .lwm{background:linear-gradient(180deg,#FBEFD0,#E2C383 60%,#C9A35E)!important;filter:none}
 html body:not(.menu-open) .top:not(.is-scrolled) .logo img.lmk{filter:drop-shadow(0 0 6px rgba(255,30,70,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.5))!important}
}
/* v14 bigger logo */
html body .top .logo img.lmk{width:51px!important;height:64px!important;margin:0!important}
html body .top .logo::after{width:51px;height:64px;margin-top:-32px}
html body .top .logo::before{inset-inline-start:33px;margin-top:-29px}
html body .top .logo .lwm{width:138px;height:28.5px}
@media(min-width:1024px){html body .top .logo img.lmk{width:56px!important;height:70px!important}html body .top .logo::after{width:56px;height:70px;margin-top:-35px}html body .top .logo::before{inset-inline-start:36px;margin-top:-32px}html body .top .logo .lwm{width:184px;height:38px}}
html body .top.is-scrolled .nav-toggle span:not(.sr),html body.menu-open .top .nav-toggle span:not(.sr){background:#1d1d1f!important;border-color:#1d1d1f!important}
@media(min-width:901px){html body .top .nav-toggle span:not(.sr){background:#1d1d1f!important;border-color:#1d1d1f!important}}