/* Shared public Sleep Space brand, approved September 2026. */
:root { --navy:#10103b; --red:#10103b; --red-dark:#24244f; --red-soft:#e8e8f2; --ink:#10103b; --paper:#ececea; --bg-light:#ececea; --bg-light-2:#f5f5f8; --bg-dark:#10103b; --bg-dark-2:#24244f; --bg-dark-3:#383861; --accent:#10103b; }
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.ss-header {background:#10103b; color:white; position:sticky; top:0; z-index:100; border:0;}
.ss-header .wrap {width:min(1120px,calc(100% - 40px));padding:0;margin:auto;}
.ss-header .nav-bar {min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ss-header .logo,footer .logo {display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2;}
.ss-header .logo img,footer .logo img {width:42px;height:42px;object-fit:contain;display:block;}
.ss-header nav {display:flex;align-items:center;gap:30px;}
.ss-header nav a {color:#cbcadd;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;}
.ss-header nav a:hover {color:white;}
.ss-header nav .sign-in {background:white;color:#10103b;padding:14px 20px;border-radius:12px;text-transform:none;}
footer {background:#10103b;color:white;padding:64px 0 36px;}
footer>.wrap {width:min(1120px,calc(100% - 40px));margin:auto;padding:0;}
footer .foot-grid {display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;}
footer p.tagline {color:#cbcadd;font-size:14px;line-height:1.6;max-width:320px;}
footer h4 {color:white;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;}
footer ul {list-style:none;margin:0;padding:0;display:grid;gap:12px;}
footer ul a {color:#cbcadd;font-size:14px;font-weight:400;text-decoration:none;}
footer a:hover {color:white;text-decoration:underline;}
footer .foot-bottom {border-top:1px solid #ffffff22;margin-top:48px;padding-top:28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#cbcadd;font-size:12px;}
footer .logo-mark {display:flex;width:42px;height:42px;background:transparent;}
footer .fallback {display:none;}
.foot-social-row {display:flex;gap:12px;}.foot-social-icon {display:inline-flex;color:#cbcadd;width:24px;height:24px;}.foot-social-icon svg {width:20px;height:20px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #7777a6;outline-offset:4px;}
@media(max-width:760px){footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}footer .foot-grid>div:first-child{grid-column:1/-1;}.ss-header .nav-bar{min-height:76px;gap:12px;}.ss-header .logo{font-size:23px;}.ss-header nav{gap:12px;}.ss-header nav a:not(.sign-in){display:none;}}

/* The approved artwork is framed directly; its original pixels are unchanged. */
.topbar .header-wordmark,.ss-header .header-wordmark {display:block;flex:0 0 auto;width:240px;max-width:50vw;line-height:0;}
.header-wordmark svg {display:block;width:100%;height:auto;aspect-ratio:1765 / 360;overflow:hidden;}
@media(max-width:760px){.topbar .header-wordmark,.ss-header .header-wordmark{width:200px;}}