@charset "UTF-8";
/* xp95 public header (builder H, 2026-09-25): the same header on every public page. Generated by _build/xp95_header.py — edit there, not here.
   Scoped to #smnHdr with !important so older header rules left in this page cannot win. Tokens: ink #1d1d1f · ink-2 #424245 · link #0066cc · action #0071e3 (hover #0062c4) · accent #0071e3 (decoration only; gold retired 2026-09-29). */
#smnHdr{--hf:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;position:sticky!important;top:0!important;z-index:60!important;display:block!important;margin:0!important;padding:0!important;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-image:none!important;box-shadow:none!important}
#smnHdr.menuOpen{z-index:10000!important;background:#fff!important}
#smnHdr .in{position:static!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;row-gap:0!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-height:60px!important;margin:0!important;padding:8px clamp(20px,2.6vw,44px)!important}
#smnHdr .brand,#smnHdr .brandC{display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;line-height:0!important;background:none!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important;animation:none!important}
#smnHdr img.brandlogo{display:block!important;height:36px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
#smnHdr .cinNav{position:static!important;display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;margin:0 0 0 12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
#smnHdr .cinNav a.lnk{display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;min-height:44px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:none!important;color:#1d1d1f!important;font-size:15px!important;font-weight:400!important;line-height:1.2!important;font-family:var(--hf)!important;white-space:nowrap!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important;animation:none!important}
#smnHdr .cinNav a.lnk:hover{color:#0066cc!important}
#smnHdr .cinNav a.lnk.lnkPhone{display:none!important}
#smnHdr .cinNav a.lnk[aria-current="page"]{font-weight:600!important;text-decoration:underline!important;text-decoration-color:#0071e3!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important}
#smnHdr .cinNav .studioBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;box-sizing:border-box!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(0,0,0,.18)!important;border-radius:999px!important;background:#fff!important;color:#1d1d1f!important;font-size:14px!important;font-weight:600!important;line-height:1!important;font-family:var(--hf)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;margin-left:8px!important;padding:0 16px!important;font-size:15px!important}
#smnHdr .cinNav a.studioBtn{margin-left:auto!important}
#smnHdr .cinNav .studioBtn:hover{border-color:#1d1d1f!important}
#smnHdr .cinNav > a.navCta{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;box-sizing:border-box!important;min-height:44px!important;height:auto!important;margin:0 0 0 8px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#0071e3!important;background-image:none!important;color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;font-family:var(--hf)!important;white-space:nowrap!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important;animation:none!important}
#smnHdr a.navCta:hover{background:#0062c4!important}
#smnHdr a.navCta *{color:#fff!important;font:inherit!important;opacity:1!important}
#smnHdr .navBuy,#smnHdr .studioMini,#smnHdr .menuBtn,#smnHdr .smnLC{display:none!important}
body:has(#capCta) #smnHdr:not(.hdrShow) .cinNav > a.navCta{display:none!important}
body:has(#smnHdr.menuOpen) .hp-sticky-buy{display:none!important}
#smnHdr a:focus-visible,#smnHdr button:focus-visible{outline:3px solid #0071e3!important;outline-offset:2px!important}
#smnHdr .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* homepage, signed in, scrolled past the hero: My Studio + the header buy button; "Log out" (the homepage's own button) only fits
   from 1440px, so below that it waits at the top of the page and in the phone menu */
@media (max-width:1439px){#smnHdr.hdrShow .cinNav > #smnHomeLogout{display:none!important}}
@media (min-width:1081px) and (max-width:1279px){
#smnHdr .in{gap:10px!important;padding-left:20px!important;padding-right:20px!important}
#smnHdr img.brandlogo{height:30px!important}
#smnHdr .cinNav a.lnk{padding:0 7px!important;font-size:14px!important}
#smnHdr .cinNav{margin-left:4px!important}
#smnHdr .cinNav .studioBtn,#smnHdr .cinNav > a.navCta{margin-left:6px!important;padding:0 14px!important;font-size:14px!important}
#smnHdr .cinNav a.studioBtn{margin-left:auto!important}
}
@media (max-width:1080px){
#smnHdr .in{gap:8px!important;padding:8px 16px!important}
#smnHdr img.brandlogo{height:34px!important}
#smnHdr .studioMini,#smnHdr .menuBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;box-sizing:border-box!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(0,0,0,.18)!important;border-radius:999px!important;background:#fff!important;color:#1d1d1f!important;font-size:14px!important;font-weight:600!important;line-height:1!important;font-family:var(--hf)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}
#smnHdr .studioMini{margin-left:auto!important}
#smnHdr .menuBtn[aria-expanded="true"]{border-color:#1d1d1f!important}
#smnHdr .cinNav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:16px max(20px,calc(50% - 280px)) 24px!important;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 24px 40px -20px rgba(0,0,0,.25)!important;max-height:calc(100vh - 61px)!important;max-height:calc(100dvh - 61px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
#smnHdr .cinNav.open{display:flex!important}
#smnHdr .navBuy{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 0 14px!important;padding:0!important}
#smnHdr .navBuy a.navCta{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:52px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#0071e3!important;background-image:none!important;color:#fff!important;font-size:17px!important;font-weight:600!important;line-height:1.2!important;font-family:var(--hf)!important;text-align:center!important;white-space:normal!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;filter:none!important;transform:none!important;opacity:1!important;animation:none!important}
#smnHdr .navBuyNote{display:block!important;margin:0!important;padding:0!important;color:#424245!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;font-family:var(--hf)!important;text-align:center!important}
#smnHdr .cinNav a.lnk{display:flex!important;min-height:52px!important;padding:0 4px!important;border-radius:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;font-size:17px!important;line-height:1.3!important;white-space:normal!important}
#smnHdr .navBuy + a.lnk{border-top:1px solid rgba(0,0,0,.08)!important}
#smnHdr .cinNav a.lnk[aria-current="page"]{text-decoration:none!important}
#smnHdr .cinNav a.lnk.lnkPhone{display:flex!important}
#smnHdr .cinNav > a.navCta,#smnHdr .cinNav a.studioBtn{display:none!important}
#smnHdr .cinNav button.studioBtn{display:flex!important;justify-content:flex-start!important;width:100%!important;min-height:52px!important;height:auto!important;margin:0!important;padding:0 4px!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;background:none!important;font-size:17px!important;font-weight:400!important}
#smnHdr .smnLC{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:20px 0 0!important;padding:0!important}
#smnHdr .smnSel{position:relative!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid rgba(0,0,0,.18)!important;border-radius:999px!important;background:#fff!important;color:#1d1d1f!important;font-size:15px!important;font-weight:600!important;line-height:1!important;font-family:var(--hf)!important;box-shadow:none!important}
#smnHdr .smnSel:focus-within{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.3)!important}
#smnHdr .smnSel select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-sizing:border-box!important;height:42px!important;margin:0!important;padding:0 30px 0 16px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:inherit!important;font:inherit!important;cursor:pointer!important;outline:none!important}
#smnHdr .smnSel-i + select{padding-left:30px!important}
#smnHdr .smnSel-i{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;color:#6e6e73!important;font:inherit!important;pointer-events:none!important}
#smnHdr .smnSel::after{content:""!important;position:absolute!important;right:12px!important;top:50%!important;width:6px!important;height:6px!important;border:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:translateY(-65%) rotate(45deg)!important;pointer-events:none!important}
}
@media (max-width:560px){#smnHdr img.brandlogo{height:30px!important}}
@media (max-width:374px){#smnHdr .in{padding-left:12px!important;padding-right:12px!important}#smnHdr img.brandlogo{height:26px!important}}
@media (max-width:374px){#smnHdr.signedIn .studioMini,#smnHdr.signedIn .menuBtn{padding:0 12px!important}}
@media (max-width:340px){#smnHdr .in{gap:6px!important}#smnHdr .studioMini,#smnHdr .menuBtn{padding:0 12px!important}#smnHdr img.brandlogo{height:22px!important}}
/* checkout and result: no buy buttons in the header or the phone menu */
#smnHdr[data-nobuy] .cinNav .navBuy,#smnHdr[data-nobuy] .cinNav a.navCta{display:none!important}
/* the Spark Mosaic page is dark: same header, dark colors */
body.mz-page #smnHdr{background:rgba(8,9,13,.93)!important;border-bottom-color:rgba(255,255,255,.1)!important}
body.mz-page #smnHdr.menuOpen{background:#0c0d12!important}
body.mz-page #smnHdr .cinNav a.lnk{color:#f5f5f7!important}
body.mz-page #smnHdr .cinNav a.lnk:hover{color:#fff!important}
body.mz-page #smnHdr .cinNav .studioBtn,body.mz-page #smnHdr .studioMini,body.mz-page #smnHdr .menuBtn{background:transparent!important;color:#f5f5f7!important;border-color:rgba(255,255,255,.32)!important}
body.mz-page #smnHdr .cinNav .studioBtn:hover,body.mz-page #smnHdr .menuBtn[aria-expanded="true"]{border-color:#f5f5f7!important}
@media (max-width:1080px){
body.mz-page #smnHdr .cinNav{background:#0c0d12!important;border-bottom-color:rgba(255,255,255,.1)!important}
body.mz-page #smnHdr .cinNav a.lnk{border-color:rgba(255,255,255,.12)!important}
body.mz-page #smnHdr .cinNav button.studioBtn{color:#f5f5f7!important;border-color:rgba(255,255,255,.12)!important}
body.mz-page #smnHdr .navBuyNote{color:#c7c7cc!important}
body.mz-page #smnHdr .smnSel{background:transparent!important;color:#f5f5f7!important;border-color:rgba(255,255,255,.32)!important}
body.mz-page #smnHdr .smnSel-i{color:#c7c7cc!important}
body.mz-page #smnHdr .smnSel option{color:#1d1d1f;background:#fff}
}