body.ms-section{background:#101018;color:#eceaf5}.ms-section .page{padding-top:26px}.ms-section-nav{gap:20px;padding:0 0 28px;border-bottom:1px solid #ffffff15;font-size:13px}.ms-section-nav a{color:inherit;text-decoration:none}.ms-back{font-weight:700}.ms-section-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding:70px 0 55px}.ms-kicker{font-size:11px;letter-spacing:2px;color:var(--accent)}.ms-section-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-2px}.ms-lead{font-size:19px;line-height:1.6;max-width:500px;color:#b0a9c3;margin:24px 0 0}.ms-section-art{height:330px;background-image:url(../img/ms-spaces.webp);background-size:300% 200%;background-position:100% 100%;border-radius:160px 160px 18px 18px;filter:brightness(.8);box-shadow:0 20px 60px #0005}.ms-child-grid{--grid-gap:20px;--grid-gap-tablet:15px;margin-bottom:32px}.ms-child-card{position:relative;display:block;padding:25px 50px 26px 26px;border:1px solid #ffffff1c;border-radius:12px;color:inherit;text-decoration:none;background:#ffffff04;transition:transform .2s,border-color .2s}.ms-child-card:hover{transform:translateY(-3px);border-color:var(--accent)}.ms-child-card h2{font-size:22px;margin:0 0 12px}.ms-child-card p{font-size:14px;line-height:1.7;color:#b0a9c3;margin:0}.ms-child-card>span{position:absolute;right:24px;top:24px;color:var(--accent)}.ms-page-content{padding:24px 0 50px;max-width:780px;font-size:17px;line-height:1.7;color:#b0a9c3}.ms-page-content img{max-width:100%;height:auto}.ms-page-content:empty{display:none}:root[data-ms-theme=fit]{}:root[data-ms-theme=fit] body{background:#f7f6ef;color:#203b2b}:root[data-ms-theme=fit] .ms-section-nav{border-color:#203b2b20}:root[data-ms-theme=fit] .ms-section-art{background-position:50% 0%;filter:none;box-shadow:0 20px 60px #426b491a}:root[data-ms-theme=fit] .ms-lead,:root[data-ms-theme=fit] .ms-page-content,:root[data-ms-theme=fit] .ms-child-card p{color:#677769}:root[data-ms-theme=fit] .ms-child-card{border-color:#203b2b20;background:#ffffff7a}:root[data-ms-theme=fit] .ms-footer{border-color:#203b2b20;color:#617165}:root[data-ms-theme=parfum]{}:root[data-ms-theme=parfum] body{background:#19140f;color:#f7eee2}:root[data-ms-theme=parfum] .ms-section-art{background-position:100% 0%;border-radius:8px;filter:sepia(.2) brightness(.8)}:root[data-ms-theme=parfum] .ms-lead,:root[data-ms-theme=parfum] .ms-page-content,:root[data-ms-theme=parfum] .ms-child-card p{color:#b5a794}:root[data-ms-theme=music]{}@media(max-width:768px){.ms-section-hero{grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.ms-section-art{height:260px;max-width:480px;width:100%;border-radius:120px 120px 16px 16px}.ms-section-hero h1{font-size:44px}.ms-lead{font-size:17px}.ms-section .page{padding-top:22px}}@media(prefers-reduced-motion:reduce){.ms-child-card{transition:none}.ms-child-card:hover{transform:none}}

.ms-section-menu{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px}.ms-section-menu a{font-size:13px;line-height:1.5;padding:6px 0}.ms-section-menu a:hover,.ms-section-menu a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.ms-section-home svg{display:block;width:23px;height:23px}.ms-section-nav{align-items:flex-start!important}.ms-back{flex-shrink:0;padding:6px 0}.ms-section-home{padding-top:4px!important}.ms-ad-slot:empty{display:none}@media(max-width:768px){.ms-section-nav{flex-direction:column;gap:18px}.ms-section-menu{justify-content:flex-start;gap:10px 20px;width:100%}}

/* Shared palette controls color; section layout and image treatment remain local. */
:root[data-ms-theme] body.ms-section{background:#070709;color:#eceaf5}
:root[data-ms-theme] .ms-section .ms-section-nav,:root[data-ms-theme] .ms-section .ms-footer{border-color:rgba(var(--accent-rgb),.18)}
:root[data-ms-theme] .ms-section .ms-lead,:root[data-ms-theme] .ms-section .ms-page-content,:root[data-ms-theme] .ms-section .ms-child-card p{color:color-mix(in srgb,var(--accent-soft) 24%,#b0adb8)}
:root[data-ms-theme] .ms-section .ms-child-card{background:rgba(var(--accent-rgb),.035);border-color:rgba(var(--accent-rgb),.18)}
:root[data-ms-theme] .ms-section .ms-child-card:hover,:root[data-ms-theme] .ms-section .ms-child-card:focus-visible{border-color:var(--accent)}
:root[data-ms-theme] .ms-section .ms-footer{color:color-mix(in srgb,var(--accent-soft) 40%,#7f7985)}

/* Native Albireo scrollToTop, enabled on inner pages only. */
.ms-scroll-top{position:fixed;right:22px;bottom:22px;z-index:50;transition:opacity .2s ease,transform .2s ease}
.ms-scroll-top button{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:7px;background:var(--ms-surface);color:var(--ms-text);font:24px/1 Arial,sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.1);cursor:pointer}
.ms-scroll-top button:hover{color:var(--accent-soft);border-color:var(--accent-soft)}
.ms-scroll-top button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}
.ms-scroll-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.ms-scroll-visible{opacity:1;transform:translateY(0)}
@media(max-width:560px){.ms-scroll-top{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.ms-scroll-top{transition:none}}

/* MySpaces native top control: glass, fine arrow and accent hover. */
.ms-scroll-top button{position:relative;overflow:hidden;width:44px;height:44px;padding:0;border-radius:12px;border-color:rgba(var(--accent-rgb),.33);background:color-mix(in srgb,var(--ms-bg) 85%,transparent);color:var(--accent-soft);backdrop-filter:blur(14px);box-shadow:0 4px 20px rgba(0,0,0,.10),inset 0 1px 0 rgba(var(--accent-rgb),.09);transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}
.ms-scroll-top svg{width:22px;height:22px;transition:transform .22s ease}
.ms-scroll-top button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--ms-bg));color:var(--accent-soft);border-color:rgba(var(--accent-rgb),.7);box-shadow:0 6px 24px rgba(var(--accent-rgb),.16),inset 0 1px 0 rgba(var(--accent-rgb),.16);transform:translateY(-2px)}
.ms-scroll-top button:hover svg{transform:translateY(-2px)}
.ms-scroll-top button:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ms-scroll-top button,.ms-scroll-top svg{transition:none}.ms-scroll-top button:hover,.ms-scroll-top button:hover svg{transform:none}}