/* The home video begins at page zero; background alpha never fades menu text. */
body[data-page="/"]{--creator-overlap:60px}body[data-page="/"] .topbar{position:fixed;inset:0 0 auto;width:100%;background:linear-gradient(180deg,rgba(247,244,234,.88) 0%,rgba(247,244,234,.70) 58%,rgba(247,244,234,.43) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:80}html[data-theme=dark] body[data-page="/"] .topbar{background:linear-gradient(180deg,rgba(28,28,25,.9),rgba(28,28,25,.7) 58%,rgba(28,28,25,.42))}body[data-page="/"] .header-print{position:fixed;top:calc(var(--header-height,96px) - 12px);height:12px;inset-inline:0;background-size:192px 48px;opacity:.35;border:0;pointer-events:none;z-index:81}body[data-page="/"] #main,body[data-page="/"] #public-view{padding-top:0;margin-top:0}body[data-page="/"] .hero.hero-with-creator{height:90vh;height:90svh;min-height:calc(var(--header-height,96px) + var(--header-print-height,96px) + var(--hero-intro-height,310px) + var(--creator-height,334px) - var(--creator-overlap) + 120px);grid-template-rows:auto;align-content:start;align-items:start;gap:0;padding:calc(var(--header-height,96px) + var(--header-print-height,96px) + 34px) 36px 0;overflow:visible;z-index:1}body[data-page="/"] .hero.hero-with-creator .hero-copy{padding:0 12px;align-self:start}body[data-page="/"] .hero.hero-with-creator .hero-visual{padding:0 12px;align-self:start}body[data-page="/"] .hero-with-creator .hero-creator{position:absolute;left:50%;bottom:calc(-1 * var(--creator-overlap));transform:translateX(-50%);justify-self:auto;width:min(820px,calc(100% - 48px));margin:0;z-index:5}body[data-page="/"] .hero-creation-controls{position:absolute;left:48px;right:48px;bottom:calc(var(--creator-height,334px) - var(--creator-overlap) + 20px);padding:0;z-index:3}body[data-page="/"] .home-paths{position:relative;z-index:0;padding-top:calc(var(--creator-overlap) + 38px)}.topbar .flyout-panel{max-height:calc(100dvh - var(--header-height,96px) - 15px);overflow-y:auto;overscroll-behavior:contain}footer nav{flex-wrap:wrap;row-gap:10px}.workspace-launch-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0 35px}.workspace-launch-links a{border:1px solid var(--line);padding:25px;background:var(--surface)}.workspace-launch-links a>span{font-size:8px;color:var(--gold-ink);letter-spacing:.12em}.workspace-launch-links h2{font:500 31px/1 Cormorant,serif;margin:18px 0 12px}.workspace-launch-links p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1100px){body[data-page="/"] .hero.hero-with-creator{padding-inline:28px}body[data-page="/"] .hero-creation-controls{left:40px;right:40px}body[data-page="/"] .hero-with-creator .hero-creator{width:min(780px,calc(100% - 48px))}}
@media(max-width:1000px){body[data-page="/"]{--creator-overlap:50px}body[data-page="/"] .hero.hero-with-creator{padding:calc(var(--header-height,140px) + var(--header-print-height,96px) + 28px) 26px 0;min-height:calc(var(--header-height,140px) + var(--header-print-height,96px) + var(--hero-intro-height,245px) + var(--creator-height,380px) - var(--creator-overlap) + 105px)}body[data-page="/"] .hero.hero-with-creator .hero-copy{padding:0}body[data-page="/"] .hero-creation-controls{left:26px;right:26px;bottom:calc(var(--creator-height,380px) - var(--creator-overlap) + 19px)}body[data-page="/"] .hero-with-creator .hero-creator{width:calc(100% - 44px)}}
@media(max-width:780px){.topbar{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;padding:10px 18px 16px;align-items:center}.topbar .top-brand{grid-column:1;grid-row:1;min-width:0}.topbar .top-actions{grid-column:2;grid-row:1;gap:8px;justify-self:end}.topbar .top-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 10px;width:100%;min-width:0}.topbar .nav-page-link,.topbar .top-link,.topbar .top-pricing{font-size:10px;padding:8px 3px;min-height:34px;display:inline-flex;align-items:center}.topbar .flyout-wrap{display:flex!important;align-items:center}.topbar .flyout-wrap[hidden]{display:none!important}.topbar .flyout-trigger{height:34px;min-height:34px;width:20px;min-width:20px;padding:4px;font-size:10px}.topbar .flyout-panel.mega-menu{position:fixed;left:12px;right:12px;top:calc(var(--header-height,140px) + 6px);width:auto;max-width:none;transform:none}.topbar .top-brand{font-size:24px}.topbar .top-brand .brand-mark{font-size:41px}.topbar .top-actions .button.small{font-size:10px;padding:8px 11px;min-height:35px}.workspace-launch-links{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body[data-page="/"]{--creator-overlap:48px}body[data-page="/"] .hero.hero-with-creator{padding-inline:18px;padding-top:calc(var(--header-height,145px) + var(--header-print-height,80px) + 24px)}body[data-page="/"] .hero-with-creator .hero-creator{width:calc(100% - 36px)}body[data-page="/"] .hero-creation-controls{left:20px;right:20px}.hero-with-creator .hero-copy>.eyebrow{font-size:6px;letter-spacing:.12em}.topbar .top-navigation{column-gap:7px}}
@media(max-width:370px){.topbar{padding-inline:14px;gap:8px 6px}.topbar .top-brand{font-size:20px;gap:8px}.topbar .top-brand .brand-mark{font-size:35px;width:27px;min-width:27px}.topbar .top-brand small{font-size:5px;letter-spacing:.13em}.topbar .top-actions{gap:6px}.topbar .top-actions .top-login{font-size:9px}.topbar .top-actions .theme-toggle{width:26px;height:26px}.topbar .top-actions .button.small{font-size:9px;padding:7px 9px;max-width:72px;gap:4px}.topbar .nav-page-link,.topbar .top-link,.topbar .top-pricing{font-size:9px}.topbar .top-navigation{gap:1px 7px}}
