/* brand-studio.css v1 — studio pages (thepictureorg.com) in the family style. Loaded after site.css. */
body{font-weight:400!important}
.page h1,.page h2,.page h3,.page h4{font-weight:400!important}
/* Header: white, sticky, one row, smaller logo (was: transparent over the photo, logo 255px, menu on three rows) */
.site-header{position:sticky!important;top:var(--po-fam-h)!important;background:rgba(255,255,255,.97);border-bottom:1px solid var(--po-line)}
.site-header::before{display:none!important}
.site-header .wrap{min-height:78px!important;gap:22px;justify-content:flex-start!important}
.site-logo img{width:96px!important;height:auto}
.po-hfam{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;color:var(--po-ink);margin-right:auto}
.po-hfam b{font:400 24px var(--po-serif)}
.po-hfam span{font:600 10.5px var(--po-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--po-soft);margin-top:4px}
.site-nav{max-width:none!important;flex-wrap:nowrap!important;gap:26px!important;margin:0!important}
.site-nav a,.site-nav summary{color:var(--po-ink)!important;font:500 15px/1.4 var(--po-ui)!important}
.site-nav a[aria-current]{text-decoration:none!important;box-shadow:inset 0 -2px var(--po-sage-dk)}
.site-nav .drop{border-radius:10px}
.site-nav .drop a{font:400 15px/1.5 var(--po-ui)!important}
.site-header .btn{background:var(--po-haint)!important;color:var(--po-ink)!important;font:600 15px/1 var(--po-ui)!important;padding:13px 22px!important}
.hdr-cta [data-po-mascot="starter"]{width:40px!important;height:48px!important}
.menu-toggle{color:var(--po-ink)!important;font:500 15px var(--po-ui)!important}
/* Pages used to leave room under the fixed header; the sticky header takes its own space now */
.sec.hero,.sec:first-child,main>.sec:first-of-type,.fe-sec:first-child{margin-top:0}
/* Buttons: same pill as the other sites */
.btn{background:var(--po-haint)!important;color:var(--po-ink)!important;font:600 15px/1.2 var(--po-ui)!important;letter-spacing:0!important}
/* The old studio footer is replaced by the shared footer */
.site-footer{display:none!important}
@media (max-width:767px){.site-header .wrap{min-height:64px!important;gap:12px}.po-hfam span{display:none}.po-hfam b{font-size:19px;white-space:nowrap}.site-logo img{width:64px!important}.menu-toggle{white-space:nowrap}}
@media (max-width:360px){.po-hfam{display:none}}