*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;background:var(--canvas,#fff0f3);color:var(--ink,#44212b)}button,input,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.m31-host{--duration:300ms;--accent:#b32645;--surface:#fff8f9;--ink:#44212b;--soft:#f9dbe3;--canvas:#fff0f3;background:var(--canvas);color:var(--ink)}.m31-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--soft);background:var(--surface);font-size:12px}.m31-toolbar select{padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--accent);border-radius:6px}.m31-bar{display:flex;align-items:center;gap:25px;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--soft);position:relative}.m31-logo{font:30px Georgia,serif;letter-spacing:4px;white-space:nowrap}.m31-logo small{display:block;font:8px system-ui;letter-spacing:2px;margin-top:6px}.m31-nav{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}.m31-trigger{border:0;background:transparent;color:var(--ink);min-height:44px;padding:12px 16px;letter-spacing:1px;font-size:12px;border-bottom:2px solid transparent}.m31-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--soft)}.m31-bar-label{font:10px system-ui;letter-spacing:2px;white-space:nowrap}.m31-toggle{display:none;min-width:48px;min-height:48px;border:1px solid var(--accent);color:var(--ink);background:var(--surface);border-radius:8px}.m31-desktop-panel{margin:0;background:var(--surface);border-bottom:1px solid var(--soft);padding:28px;animation:m31-fade var(--duration) both}.m31-desktop-panel[hidden]{display:none}.m31-compose{display:grid;grid-template-columns:2fr 1fr;gap:24px}.m31-compose.no-image{grid-template-columns:1fr}.m31-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.m31-group-title{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:14px 0;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--soft);font:20px Georgia,serif;min-height:48px}.m31-group-title::after{content:'+';color:var(--accent)}.m31-group-title[aria-expanded=true]::after{content:'−'}.m31-links{display:grid;gap:4px;padding:10px 0}.m31-links[hidden]{display:none}.m31-links a{display:flex;align-items:center;padding:12px 10px;min-height:44px;color:var(--ink);text-decoration:none;border-radius:6px;overflow-wrap:anywhere}.m31-links a:hover,.m31-links a[aria-current=page]{background:var(--soft);color:var(--accent)}.m31-story{display:flex;align-items:center;gap:18px;padding:18px;background:var(--soft)}.m31-product{width:55%;max-width:250px;aspect-ratio:1;object-fit:cover;min-width:0;border-radius:6px}.m31-story h2{font:25px Georgia;margin:10px 0}.m31-story small{font-size:9px;letter-spacing:2px}.m31-status{padding:20px 28px;min-height:60px;font-size:12px;border-bottom:1px dashed var(--soft);overflow-wrap:anywhere}.m31-page{padding:40px 28px;min-height:240px;background:linear-gradient(135deg,var(--canvas),var(--soft))}.m31-page h2{font:36px Georgia;margin:0 0 15px}.m31-page p{font-size:12px;line-height:1.9;max-width:440px}.m31-page a{color:var(--ink)}.m31-sheet{padding:0;max-width:none;max-height:none;border:0;background:transparent;color:var(--ink);position:fixed;margin:0;overflow:visible;--offset:translateX(-100%)}.m31-sheet::backdrop{background:#17101b70;backdrop-filter:blur(3px)}.m31-sheet-body{display:flex;flex-direction:column;background:var(--surface);height:100%;width:100%;min-height:0;overflow:hidden;transform:var(--offset);opacity:0;transition:transform var(--duration) cubic-bezier(.22,1,.36,1),opacity var(--duration)}.m31-sheet.is-open .m31-sheet-body{transform:translate(0,0);opacity:1}.m31-sheet[data-drawer=left-sheet]{inset:0 auto 0 0;width:min(88vw,430px);height:100dvh;--offset:translateX(-102%)}.m31-sheet[data-drawer=right-sheet]{inset:0 0 0 auto;width:min(88vw,430px);height:100dvh;--offset:translateX(102%)}.m31-sheet[data-drawer=top-sheet]{inset:0 0 auto 0;width:100%;height:min(86dvh,740px);--offset:translateY(-102%)}.m31-sheet[data-drawer=bottom-sheet]{inset:auto 0 0 0;width:100%;height:min(86dvh,740px);--offset:translateY(102%)}.m31-sheet[data-drawer=bottom-sheet] .m31-sheet-body{border-radius:22px 22px 0 0}.m31-sheet[data-drawer=top-sheet] .m31-sheet-body{border-radius:0 0 22px 22px}.m31-sheet[data-drawer=full-canvas]{inset:0;width:100%;height:100dvh;--offset:translateY(-30px)}.m31-sheet-head{display:flex;gap:15px;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--soft);flex-shrink:0}.m31-sheet-head strong{font:22px Georgia;letter-spacing:3px;flex:1}.m31-close,.m31-back{min-width:44px;min-height:44px;background:none;color:var(--ink);border:1px solid var(--soft);border-radius:8px}.m31-close{font-size:22px}.m31-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:18px;padding-bottom:calc(24px + env(safe-area-inset-bottom));touch-action:pan-y}.m31-mobile-crumb{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:18px}.m31-mobile-list{display:grid;gap:6px;animation:m31-level var(--duration) both}.m31-mobile-item{display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid var(--soft);background:none;color:var(--ink);padding:16px 12px;min-height:52px;text-decoration:none;width:100%;overflow-wrap:anywhere}.m31-mobile-item:active{background:var(--soft)}.m31-acc-links{padding:3px 0 10px 15px;border-left:2px solid var(--soft)}.m31-mobile-story{display:flex;align-items:center;gap:14px;padding:14px;background:var(--soft);margin-top:22px;border-radius:12px}.m31-mobile-story img{width:85px;height:85px;object-fit:cover;border-radius:8px}.m31-mobile-story span{font:18px Georgia}.m31-grab{height:5px;width:40px;border-radius:8px;background:var(--accent);margin:0 auto 10px;opacity:.4}.m31-mobile-caption{font-size:10px;line-height:1.6;margin-top:25px;color:var(--ink)}@keyframes m31-fade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes m31-level{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(max-width:900px){.m31-host .m31-bar{display:flex!important;margin:0!important;padding:12px 16px!important;border-radius:0!important;width:100%!important;border:0!important}.m31-nav,.m31-bar-label,.m31-desktop-panel{display:none!important}.m31-toggle{display:block}.m31-logo{font-size:25px;flex:1}.m31-logo small{display:none}.m31-toolbar{padding:12px;gap:10px}.m31-page{padding:28px 20px}.m31-page h2{font-size:30px}.m31-status{padding:16px}.m31-sheet .m31-trigger{display:none}}@media(prefers-reduced-motion:reduce){.m31-sheet-body{transition:none}.m31-desktop-panel,.m31-mobile-list{animation:none}}.mode-classic .m31-compose{max-width:760px}.mode-pill .m31-trigger{border:1px solid var(--accent);border-radius:30px}.mode-underline .m31-bar{border-top:3px solid var(--accent)}.mode-glass .m31-bar{background:linear-gradient(130deg,var(--surface),var(--soft))}.mode-glass .m31-desktop-panel{box-shadow:0 20px 40px #0001}.mode-dark .m31-bar{font-family:monospace;border-top:8px solid var(--accent)}.mode-mega .m31-groups{grid-template-columns:repeat(3,1fr)}.mode-mega .m31-links{grid-template-columns:1fr 1fr}.mode-sidebar .m31-nav{justify-content:flex-start;flex-direction:column;max-width:190px}.mode-sidebar .m31-compose{max-width:680px;margin-left:140px}.mode-accordion .m31-groups{grid-template-columns:1fr;max-width:580px}.mode-brutal .m31-bar,.mode-brutal .m31-desktop-panel{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--accent)}.mode-editorial .m31-bar{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}.mode-editorial .m31-trigger{font-family:Georgia;letter-spacing:2px}.rail .m31-compose{grid-template-columns:1fr}.rail .m31-story{min-height:95px;justify-content:space-between}.rail .unused-bottle{height:65px;width:40px}.rail .unused-bottle::before{height:15px;top:-15px;left:10px;width:20px}.split .m31-compose{grid-template-columns:1fr 1fr}.split .m31-groups{display:block}.split .m31-group{margin-bottom:8px}.gallery .m31-compose{grid-template-columns:1fr}.gallery .m31-story{order:-1;min-height:180px;background:radial-gradient(ellipse at 70% 30%,#eee6ed,var(--surface));}.cabinet .m31-groups{grid-template-columns:1fr}.cabinet .m31-compose{grid-template-columns:1fr 1.2fr}.cabinet .m31-group-title{font-family:monospace}.concierge .m31-desktop-panel{border:1px solid var(--accent);margin:18px;border-radius:0 30px 0 30px}.concierge .m31-story{border-radius:50% 50% 4px 4px}.index .m31-group-title{font:12px monospace}.index .m31-group{border-top:2px solid var(--accent)}.index .m31-desktop-panel{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.drawer .m31-desktop-panel{width:80%;border-right:1px solid var(--accent);min-height:350px}.drawer .m31-compose{grid-template-columns:1fr}.drawer .m31-groups{grid-template-columns:1fr}.drawer .m31-story{display:none}.apothecary .m31-compose{grid-template-columns:2fr 1fr}.apothecary .m31-groups{gap:0}.apothecary .m31-group{padding:0 15px;border-right:1px solid #b6afa5}.apothecary .m31-story{background:none;border:1px solid var(--accent)}.stage .m31-desktop-panel{background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--accent) 18%,var(--surface)))}.stage .m31-story{background:none;border:1px solid var(--accent);border-radius:100px 100px 0 0}.swatches .m31-links{display:grid;grid-template-columns:1fr 1fr}.swatches .m31-links a::before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:var(--accent);margin-bottom:7px}.swatches .m31-links a:nth-child(even)::before{background:color-mix(in srgb,var(--accent) 40%,white)}.spotlight .m31-story{background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--accent) 15%,white),var(--accent));color:#fff}.spotlight .unused-bottle{transform:rotate(12deg)}.capsules .m31-group{background:color-mix(in srgb,var(--accent) 8%,var(--surface));padding:20px;border-radius:28px}.capsules .m31-story{border-radius:28px}.mosaic .m31-groups{grid-template-columns:1fr 1fr}.mosaic .m31-group:first-child{grid-column:span 2}.mosaic .m31-group{padding:18px;border:1px solid var(--accent)}.cards .m31-group{border:1px solid #b6afa5;padding:15px;box-shadow:5px 5px 0 color-mix(in srgb,var(--accent) 15%,white)}.cards .m31-story{border-radius:12px}.matrix .m31-compose{grid-template-columns:1fr}.matrix .m31-story{display:none}.matrix .m31-links{display:grid;grid-template-columns:1fr 1fr}.matrix .m31-links a{padding:14px;border:1px solid #b6afa5}.tabs .m31-group-title{font-family:Arial;font-size:12px;padding:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.tabs .m31-group-title[aria-expanded=true]{background:var(--accent);color:white}.steps .m31-groups{counter-reset:steps}.steps .m31-group-title::before{counter-increment:steps;content:'0' counter(steps) ' / ';font:10px monospace;color:var(--accent)}.steps .m31-group{border-left:2px solid var(--accent);padding-left:18px}.editorial .m31-story{order:-1}.editorial .m31-compose{grid-template-columns:1fr 1.5fr}.editorial .m31-group-title{font-style:italic;font-size:23px}.rose .m31-story{border-radius:160px 160px 0 0;background:radial-gradient(ellipse,var(--surface),color-mix(in srgb,var(--accent) 40%,white))}.rose .m31-links a{border-bottom:1px dotted var(--accent)}.salon .m31-compose{grid-template-columns:1fr}.salon .m31-story{min-height:110px;border:1px solid var(--accent);background:none}.salon .unused-bottle{display:none}.salon .m31-group-title{border-bottom:2px solid var(--accent)}.midnight{--surface:#191b25;--ink:#f8f2e6}.midnight .m31-desktop-panel{border-top:1px solid var(--accent)}.midnight .m31-story{background:linear-gradient(140deg,#242638,#3d3942)}.shelf .m31-story{border-bottom:12px solid var(--accent);background:none}.shelf .unused-bottle{border-radius:2px;transform:none;width:90px}.shelf .m31-groups{border-top:1px solid var(--accent);padding-top:15px}.divider .m31-group{border-left:1px solid var(--accent);padding-left:18px}.divider .m31-story{border:1px solid var(--accent);background:none}.artist{--surface:#141414;--ink:#fff}.artist .m31-group-title{font:bold 16px Arial;text-transform:uppercase}.artist .m31-story{background:var(--accent)}.spectrum .m31-group{border-top:5px solid var(--accent)}.spectrum .m31-group:nth-child(2){border-color:#a976bf}.spectrum .m31-group:nth-child(3){border-color:#de9c80}.spectrum .m31-story{background:linear-gradient(45deg,#f0c2b6,#e6c8e5)}.overlay .m31-desktop-panel{min-height:430px;background:var(--ink);color:var(--surface)}.overlay .m31-group-title{font-size:25px}.overlay .m31-story{background:var(--accent)}.library .m31-groups{display:block}.library .m31-group-title{font-family:monospace}.library .m31-links{display:grid;grid-template-columns:repeat(4,1fr)}.library .m31-links a{padding:12px;border:1px solid var(--accent)}.library .m31-compose{grid-template-columns:1fr}.library .m31-story{display:none}.journey .m31-compose{grid-template-columns:1fr}.journey .m31-groups{gap:32px}.journey .m31-group{border-top:2px dashed var(--accent);padding-top:14px}.journey .m31-story{min-height:120px}.trunk .m31-desktop-panel{border:5px double var(--accent);margin:15px}.trunk .m31-group{border:1px solid var(--accent);padding:14px}.trunk .m31-story{background:none}.trunk .unused-bottle{width:50px;height:85px;transform:rotate(8deg)}
.m31-host .m31-story{display:flex}.m31-host .m31-story .m31-product{display:block}.m31-host .m31-groups{min-width:0}.m31-host .m31-group{min-width:0}
.mode-ref-inline .m31-nav{justify-content:flex-end}.mode-ref-centered .m31-bar{display:grid;grid-template-columns:auto 1fr auto}.mode-ref-two-tier .m31-bar{display:grid;grid-template-columns:1fr auto}.mode-ref-two-tier .m31-nav{grid-row:2;grid-column:1/-1;border-top:1px solid var(--soft);padding-top:10px}.mode-ref-brand-column .m31-logo{padding:20px;border-right:2px solid var(--soft)}.mode-ref-brand-column .m31-nav{justify-content:flex-start}.mode-ref-capsule .m31-bar{margin:16px;border:1px solid var(--accent);border-radius:80px}.mode-ref-segments .m31-nav{gap:0}.mode-ref-segments .m31-trigger{border-left:1px solid var(--soft)}.mode-ref-indexed .m31-nav{counter-reset:nav}.mode-ref-indexed .m31-trigger::before{counter-increment:nav;content:counter(nav,decimal-leading-zero) ' / ';color:var(--accent);font:10px monospace}.mode-ref-cards .m31-trigger{border-radius:10px;background:var(--soft);margin:3px}.mode-ref-directory .m31-nav{display:grid;grid-template-columns:1fr 1fr}.mode-ref-directory .m31-links{grid-template-columns:1fr 1fr}.mode-ref-frame .m31-bar{border:4px double var(--accent);margin:10px}.treatment-pill .m31-trigger[aria-expanded=true],.treatment-pill .m31-links a:hover{border-radius:99px;background:var(--soft)}.treatment-rail .m31-links a,.treatment-rail .m31-trigger[aria-expanded=true]{border-left:3px solid var(--accent)}.treatment-outline .m31-trigger,.treatment-outline .m31-links a{border:1px solid var(--soft);border-radius:8px}.treatment-step .m31-links a{margin-left:10px;border-bottom:2px solid var(--soft)}.treatment-step .m31-trigger[aria-expanded=true]{transform:translateY(-3px)}
.m31-sheet-head{touch-action:none;user-select:none}
