/* The supplied Hollowick monogram is the brand mark throughout the experience. */
.brand-mark{width:32px;height:35px;object-fit:contain;flex-shrink:0}
.site-header .wordmark{gap:11px}
.site-header{display:grid;grid-template-columns:1fr auto 1fr}
.site-header .desktop-nav{padding-left:0}
.nav-actions{justify-self:end}
.nav-studio{opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .3s,transform .4s var(--ease),visibility .3s,background .25s,color .25s;white-space:nowrap}
.past-hero .nav-studio{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
body:not(.past-hero) #mobile-menu>[data-open-studio]{display:none}
.hero-content{padding-top:170px;padding-bottom:130px}
.hero-prompt{padding-bottom:17px}
.prompt-input-row{padding-bottom:0}
.model-tabs-foot .brand-mark{width:29px;height:32px}
.manifesto-orbit img,.cta-orbit img{width:100%;height:100%;object-fit:contain}
.manifesto-orbit{opacity:.025}
.cta-orbit{opacity:.055}
.step-brand-mark{position:absolute;right:-25px;bottom:-26px;width:128px;height:140px;object-fit:contain;opacity:.11;transform:rotate(13deg)}
.hw-studio-brand-logo{width:25px;height:27px;object-fit:contain}
body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero-content{padding-top:190px;padding-bottom:155px}}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.brand-mark{width:30px;height:33px}.hero-content{padding:155px var(--pad) 80px}.hero-bottom{margin-top:35px}.hero-prompt{margin-top:42px}}
@media(max-width:540px){.hero{min-height:710px}.hero-content{padding-top:166px}.brand-mark{width:28px;height:30px}.site-header .wordmark{gap:9px}.hero-prompt{margin-top:43px}.hero h1{font-size:12.5vw}.hero-description p{font-size:12px}}
@media(max-width:360px){.hero{min-height:690px}.hero-content{padding-top:155px}.hero h1{font-size:11.5vw}}