/* Baby Princess studio palette. Public portfolio only. */
body.portfolio-site{--studio-gold:#f4b125;--studio-indigo:#3f5b8c;--studio-coral:#e89378;--studio-tan:#f3e3c7;--studio-brown:#8a5a3b;--studio-sage:#7a9c7f;--brand-accent:#3f5b8c;--red:#3f5b8c;--brand-surface:#fff;--brand-ink:#2c2c2c;--brand-muted:#555;--brand-line:#d9cabb;background:#fff;color:#2c2c2c}
body.portfolio-site .opening,body.portfolio-site .opening:has(>main){display:block;max-width:1600px;margin:0 auto;background:#fff;min-height:100vh}
body.portfolio-site .opening>main,body.portfolio-site .opening>main[class]{width:100%;max-width:none;background:#fff;box-sizing:border-box}
body.portfolio-site .studio-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:20px clamp(24px,4vw,64px);background:#fff;border-bottom:2px solid #f4b125;position:relative;z-index:20}
.studio-header .studio-identity{width:205px;text-align:center}
body.portfolio-site .studio-header .wordmark{display:block;width:100%;margin:0;padding:0}
.studio-header .studio-logo{display:block;width:100%;max-width:205px;height:75px;object-fit:contain}
.studio-identity>p{font:700 10px/1.4 Arial,sans-serif;letter-spacing:2px;color:#2c2c2c;margin:7px 0 0}
body.portfolio-site .studio-header nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,1.7vw,28px);padding:0;margin:0}
body.portfolio-site .studio-header nav a{font:600 14px/1.4 Arial,sans-serif;text-decoration:none;color:#2c2c2c;padding:10px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;white-space:nowrap}
body.portfolio-site .studio-header nav a:hover,body.portfolio-site .studio-header nav a[aria-current=page]{border-bottom-color:#f4b125;background:transparent;color:#2c2c2c}
.studio-portal-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:13px 18px;min-height:44px;background:#f4b125;color:#2c2c2c;font:700 14px Arial,sans-serif;border-radius:7px;white-space:nowrap;text-decoration:none}
.studio-portal-button:hover{background:#ffe0a0}
.studio-menu-toggle{display:none}
body.portfolio-site h1,body.portfolio-site h2,body.portfolio-site h3,body.portfolio-site p{color:#2c2c2c}
body.portfolio-site a:not([class]){color:#3f5b8c}
body.portfolio-site .eyebrow,body.portfolio-site .text-link,body.portfolio-site .editorial-text-link,body.portfolio-site .about-brand-link,body.portfolio-site .story-price{color:#3f5b8c}
body.portfolio-site .story-button,body.portfolio-site .service-button{background:#3f5b8c;color:#fff;border-color:#3f5b8c}
body.portfolio-site .story-button.outline{background:#fff;color:#3f5b8c;border-color:#3f5b8c}
body.portfolio-site .story-button:hover,body.portfolio-site .service-button:hover{box-shadow:0 0 0 3px #f4b12566}
body.portfolio-site .editorial-rule,body.portfolio-site .short-rule{background:#f4b125}
body.storybook-home .story-hero,body.storybook-home .story-packages,body.storybook-home .story-feature,body.storybook-home .story-more,body.portfolio-site .about-editorial-story{background:#fff}
body.storybook-home .story-hero:after{background:linear-gradient(90deg,#fff 0%,#fffffff2 23%,#ffffff70 37%,transparent 52%)}
body.storybook-home .story-hero h1 .story-warm{color:#3f5b8c}
body.storybook-home .story-benefits{background:#f0f4f7}
body.storybook-home .story-more{border-top:2px solid #f4b125}
body.portfolio-site .story-package,body.portfolio-site .story-package:nth-child(n){background:#fff;border-color:#e2d7c8}
body.portfolio-site :is(.story-package-art,.story-package:nth-child(n) .story-package-art,.story-feature-art,.editorial-project-art,.more-service-image,.book-cover-space,.book-cover-space img,.notes-feature-art,.note-card img,.venture-art,.editorial-hero-art,.banner-art,.standard-format-pricing>div){background:#f3e3c7}
body.portfolio-site :is(.about-software,.about-approach,.inquiry-form-panel,.inquiry-examples,.inquiry-email-panel){background:#f3e3c7}
body.portfolio-site .editorial-hero{background:#fff}
body.portfolio-site .about-publishing{background:#f0f4f7}
body.portfolio-site .about-publishing :is(h2,p){color:#2c2c2c}
body.portfolio-site .about-publishing .story-button{background:#3f5b8c;color:#fff;border-color:#3f5b8c}
body.portfolio-site .story-icon{background:#e8937833;color:#3f5b8c}
body.portfolio-site .story-icon.sage{background:#7a9c7f33}
body.portfolio-site .story-icon.blue{background:#3f5b8c22}
body.portfolio-site .story-icon.pink{background:#e8937855}
body.portfolio-site .garden-footer{box-sizing:border-box;width:100%;margin:0;padding:36px clamp(24px,4vw,65px);background:#3f5b8c;color:#fff;border:0;border-top:4px solid #f4b125;border-radius:0;display:flex;justify-content:space-between;align-items:center;gap:28px}
body.portfolio-site .garden-footer :is(.eyebrow,h2){color:#fff;margin:0}
body.portfolio-site .garden-footer .eyebrow{margin-bottom:10px;font-size:12px;letter-spacing:2px}
body.portfolio-site .garden-footer h2{font-size:clamp(28px,3vw,38px);line-height:1.15}
body.portfolio-site .garden-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#f4b125;color:#2c2c2c;border-radius:7px;font:700 14px Arial,sans-serif;text-decoration:none;flex-shrink:0;min-height:44px;box-sizing:border-box}
body.portfolio-site :is(a,button):focus-visible{outline:3px solid #f4b125;outline-offset:4px}
@media(max-width:1049px){body.portfolio-site .studio-header{grid-template-columns:1fr auto auto;gap:16px;padding:16px 24px}.studio-header .studio-identity{width:170px}.studio-header .studio-logo{height:60px}.studio-menu-toggle{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid #3f5b8c;background:#fff;color:#3f5b8c;border-radius:6px;font:600 14px Arial,sans-serif}body.portfolio-site .studio-header nav{display:none;grid-column:1/-1;grid-row:2;justify-content:start;flex-wrap:wrap;gap:12px 24px;padding:14px 0 0}.studio-header.menu-open nav{display:flex!important}}
@media(max-width:600px){body.portfolio-site .studio-header{padding:14px 16px;gap:10px;grid-template-columns:1fr auto}.studio-header .studio-identity{width:155px;grid-row:1/3}.studio-header .studio-logo{height:55px}.studio-identity>p{font-size:8px;letter-spacing:1.3px}.studio-portal-button{grid-column:2;grid-row:1;font-size:12px;padding:11px}.studio-menu-toggle{grid-column:2;grid-row:2;font-size:12px;padding:7px}.studio-header nav{grid-row:3!important}body.portfolio-site .garden-footer{flex-direction:column;align-items:center;text-align:center;padding:30px 24px}.garden-footer-button{max-width:100%;white-space:normal}}

body.portfolio-site :is(.book-feature-image,.project-image,.project-art,.overview-image,.project-modal figure,.book-preview,.case-image,.case-study-image,.gallery-item,.notes-feature img){background-color:#f3e3c7}
body.portfolio-site :is(.notes-masthead,.services-intro,.company-intro,.case-intro){background-color:#fff}
body.portfolio-site :is(.filters button.active,.note-filters button[aria-pressed=true]){background:#3f5b8c;color:#fff;border-color:#3f5b8c}
/* Keep the publishing brand name together at every viewport width. */
body.editorial-page .about-publishing>div{container-type:inline-size}
body.editorial-page .about-publishing #about-publishing-title{white-space:nowrap;font-size:clamp(23px,8.6cqi,46px);letter-spacing:-.8px;line-height:1.15;max-width:none}