/* THE STUDIO BAR — one bar on every aexperiences.studio public page (Oct 16 2026). The rules are the Studio's own,
   lifted into one file so the bar can never drift between pages: Home · Birdseye (soon) · Store · DBM · accelerated Web ·
   Start a project · the gear into the hub · More. Subpages carry a back arrow to the Studio. Phone and laptop. */
.nav nav{margin-left:auto;display:none;align-items:center;gap:4px}
.nav nav a{font-size:14px;font-weight:500;color:var(--paper-2,#d9cfbb);padding:8px 12px;border-radius:999px;text-decoration:none}
.nav nav a:hover{color:var(--paper,#f4efe2)}
.nav nav a.on,.nav nav a[aria-current="page"]{color:var(--paper,#f4efe2);box-shadow:inset 0 -2px 0 var(--red,#c8102e);border-radius:0;padding-bottom:6px}
.menu-btn{display:none !important}
.navgear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.nav nav a.nv-soon{opacity:.45;cursor:default;position:relative}
.nav nav a.nv-soon::after{content:"soon";margin-left:6px;font:700 9px/1 'Outfit',var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#d8b968;vertical-align:2px}
.nav nav .nv-more{display:inline-flex;align-items:center;gap:4px;font:500 14px/1 var(--sans);color:var(--paper-2);padding:8px 12px;border:0;background:none;border-radius:999px;cursor:pointer}
.nav nav .nv-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nav nav .nv-more:hover,html.dk-top .nav nav .nv-more{color:var(--paper)}
html.dk-top.dk-open .nav nav .nv-more svg{transform:rotate(180deg)}
.nav nav .nv-start{display:inline-flex;align-items:center;font:700 13px/1 var(--sans);color:#fffcf6 !important;background:var(--red);padding:9px 14px;border-radius:999px;margin-left:6px;box-shadow:none !important}
.nav nav .nv-start:hover{filter:brightness(1.08)}
.nav nav a.navgear{display:inline-flex;align-items:center;padding:8px 10px;color:var(--paper-2,#d9cfbb)}
.nav .nv-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:4px;border-radius:50%;border:1px solid var(--line-2,rgba(214,178,96,.42));color:var(--paper,#f4efe2);flex:0 0 auto}
.nav .nv-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav .nv-back:hover{border-color:#f3cf62;color:#f3cf62}
/* every width (Anthony, Oct 16): the bar is the brand, the back arrow and the gear; the rooms ride in the dock pill */
 .nav .wrap{position:relative}
 /* Oct 16 (Anthony): the gear sits on the LEFT, before the brand; the dock keeps the right */
 .nav nav{display:flex !important;position:static;transform:none;margin:0 6px 0 0;background:none;gap:0;order:-1}
 .nav nav>*:not(.navgear){display:none !important}
 .nav nav a.navgear{display:inline-flex;padding:10px;color:#d9cfbb}
 .nav nav a.navgear svg{width:22px;height:22px}
 .nav{z-index:71}
 
/* THE TOP LEFT, THE STUDIO'S WAY, ON EVERY PAGE (Oct 16 2026, Anthony: "I need the style of nav we have in the studio at
   the top left on iPhone and laptop on everything"). These are the Studio home's rendered numbers, forced here so no page's
   own stylesheet can drift: gear, then (on subpages) the back arrow, then the mark and the house lettering, LLC beside it. */
.nav .wrap{display:flex;align-items:center;gap:12px}
.nav .brand.nav-brand{display:flex;align-items:center;min-height:44px;gap:9px;margin:0;padding:0;font:800 14px/1.05 'Outfit',var(--sans,Manrope,system-ui,sans-serif);letter-spacing:-.01em;text-transform:lowercase;white-space:nowrap;text-decoration:none;color:#f4efe2}
.nav .brand.nav-brand img{width:32px;height:32px;object-fit:contain;margin:0;border-radius:0;animation:none;filter:none}
.nav .brand.nav-brand span{display:flex;flex-direction:row;align-items:baseline;gap:0;font:inherit;color:inherit;opacity:1}
.nav .brand.nav-brand small{display:block;font:600 10px/1.05 var(--sans,Manrope,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#b8aa8c;margin-left:4px;opacity:1}
.nav nav a.navgear{display:inline-flex;align-items:center;padding:10px;margin:0;color:#d9cfbb;background:none;border:0}
.nav nav a.navgear svg{width:22px;height:22px}
.nav .nv-back{width:40px;height:40px;margin:0}
@media(min-width:900px){.nav .brand.nav-brand{font-size:15px}.nav .brand.nav-brand img{width:36px;height:36px}}
@media(max-width:899px){.nav .nv-back{width:36px;height:36px}.nav .nv-back svg{width:16px;height:16px}.nav .wrap{gap:8px}}
/* the bar goes solid once the page scrolls, on every page, the Studio's own dark glass (Oct 16 2026) */
.nav.solid{background:rgba(10,10,13,.82) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(201,162,74,.28) !important}
/* phone subpages: the back arrow takes the room the LLC used, so the lettering clears the folded dock pill */
@media(max-width:899px){.nav .nv-back~.brand.nav-brand small{display:none}}
/* one gutter for the bar on every page: 18px on phones, 32px from 760px up (the Studio's) */
.nav .wrap{max-width:1240px;margin:0 auto;padding:0 18px;width:100%}
@media(min-width:760px){.nav .wrap{padding:0 32px}}
/* phone subpages: the lettering stacks on two lines so the folded dock never covers it (Oct 16 2026) */
@media(max-width:899px){.nav .nv-back~.brand.nav-brand span{white-space:normal;max-width:96px;line-height:1.02;font-size:14px;display:block}}