html{scroll-behavior:smooth}
.header--menu-open .header-menu{opacity:1;visibility:visible;pointer-events:auto}
.cookie-banner-manager .manage-overlay-wrapper[hidden],.bl-cookie-banner[hidden]{display:none!important}
.bl-cookie-banner{position:fixed;z-index:10001;bottom:0;left:0;right:0;background:#151916;color:#efeee6;border-top:1px solid #56604e;padding:20px 30px;display:flex;align-items:center;gap:30px;font:14px/1.6 Manrope,Arial,sans-serif}
.bl-cookie-banner p{margin:0;flex:1}
.bl-cookie-banner>div{display:flex;gap:12px;flex-wrap:wrap}
.bl-cookie-banner button{font:inherit;color:#efeee6;background:transparent;border:1px solid #afbaa5;padding:10px 16px;cursor:pointer}
.bl-cookie-banner button:first-child{color:#151916;background:#d8e667;border-color:#d8e667}
.cookie-banner-manager .manage-cookies-overlay{background:#151916;color:#efeee6}
.cookie-banner-manager .manage-cookies-overlay p,.cookie-banner-manager .manage-cookies-overlay h3,.cookie-banner-manager .manage-cookies-overlay h4{color:#efeee6;font-family:Manrope,Arial,sans-serif}
.cookie-banner-manager .manage-cookies-overlay .close-icon svg path{fill:#efeee6}
.cookie-banner-manager .save{background:#d8e667;color:#151916}
.cookie-banner-manager .sqs-toggle{cursor:pointer}
@media(max-width:600px){.bl-cookie-banner{flex-direction:column;align-items:stretch;gap:14px;padding:18px}}

/* Marketing Compass: self-contained addition using the established typography. */
#bl-doc .bl-kompass{padding:80px 0 70px;border-top:1px solid #ffffff24}
#bl-doc .bl-kompass-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
#bl-doc .bl-kompass h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0;font-size:clamp(44px,5.1vw,68px);line-height:1.08;margin:22px 0 22px}
#bl-doc .bl-kompass .bl-kompass-subtitle{font-size:19px;line-height:1.65;color:var(--paper);max-width:560px;margin-bottom:28px}
#bl-doc .bl-kompass .bl-kompass-question{font-size:16px;line-height:1.75;color:#bfc6bb;margin-bottom:15px;max-width:540px}
#bl-doc .bl-kompass .bl-kompass-description{font-size:15px;line-height:1.8;color:#bfc6bb;max-width:540px;margin-bottom:26px}
#bl-doc .bl-kompass-art{margin:0;align-self:center;min-width:0}
#bl-doc .bl-kompass-art svg{width:100%;height:auto;display:block}
#bl-doc .bl-kompass-art figcaption{font-size:11px;line-height:1.7;color:#bfc6bb;padding-top:15px}
#bl-doc .bl-kompass-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;list-style:none;padding:30px 0 0;margin:48px 0 0;border-top:1px solid #ffffff24}
#bl-doc .bl-kompass-num{display:block;font-size:11px;letter-spacing:1px;color:var(--signal);margin-bottom:14px}
#bl-doc .bl-kompass-steps h3{font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:650;line-height:1.5;letter-spacing:0;margin-bottom:10px}
#bl-doc .bl-kompass-steps p{font-size:13px;line-height:1.7;color:#bfc6bb}
#bl-doc .bl-kompass .bl-kompass-note{font-size:12px;line-height:1.75;color:#bfc6bb;margin-top:34px;max-width:860px}
@media(max-width:1050px){#bl-doc .bl-kompass-grid{gap:36px}#bl-doc .bl-kompass-steps{gap:18px}}
@media(max-width:760px){#bl-doc .bl-kompass{padding:52px 0}#bl-doc .bl-kompass-grid{grid-template-columns:1fr;gap:32px}#bl-doc .bl-kompass h2{font-size:44px}#bl-doc .bl-kompass .bl-kompass-subtitle{font-size:17px}#bl-doc .bl-kompass .bl-button{max-width:100%;font-size:12px}#bl-doc .bl-kompass-art{max-width:500px;width:100%}#bl-doc .bl-kompass-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:34px;padding-top:28px}#bl-doc .bl-kompass-steps li:last-child{grid-column:1/-1;max-width:330px}}

/* Softer, smaller creative compass, preview revision requested by Biagio. */
#bl-doc .bl-kompass-art{width:100%;max-width:370px;justify-self:center}
#bl-doc .bl-kompass-art img{display:block;width:100%;height:auto}
#bl-doc .bl-kompass-art figcaption{text-align:center;font-size:12px;padding-top:9px}
@media(max-width:760px){#bl-doc .bl-kompass-art{max-width:310px;justify-self:center}}

/* Back to the original understated direction, with a compact scale. */
#bl-doc .bl-kompass-art{max-width:350px}
#bl-doc .bl-kompass-art figcaption{font-size:11px;line-height:1.7;text-align:left;padding-top:14px}
@media(max-width:760px){#bl-doc .bl-kompass-art{max-width:290px}}

/* Biagio prefers the first illustration, small and to the side. */
#bl-doc .bl-kompass-art{max-width:320px;justify-self:center}
@media(max-width:760px){#bl-doc .bl-kompass-art{max-width:250px}}

#bl-doc .bl-kompass .bl-kompass-process{font-size:14px;line-height:1.8;color:#bfc6bb;max-width:540px;margin:0 0 26px}
#bl-doc .bl-kompass-process strong{color:var(--paper);font-weight:650}

/* Corporate lime for the about-section label and conversation link in all languages. */
#bl-doc #bl-biagio .bl-label{color:var(--signal)}
#bl-doc #bl-biagio .bl-text-link{color:var(--signal);border-bottom-color:var(--signal)}

/* Static Journal entries must not depend on Squarespace scroll-reveal JavaScript. */
.blog-item.entry{opacity:1!important;transform:none!important}

/* Journal article, matching Anton headings and Manrope body. */
.bl-new-journal{max-width:900px;width:88%;margin:0 auto;padding:48px 0 80px;color:#151916;font-family:Manrope,Arial,sans-serif;line-height:1.8}
.bl-new-journal h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(36px,5vw,60px);line-height:1.15;margin:26px 0 34px}
.bl-new-journal h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.3;margin:38px 0 18px;text-transform:uppercase}
.bl-new-journal time{display:block;font-size:13px;margin-top:18px}.bl-new-journal p{font-size:17px;margin:0 0 22px}.bl-new-journal a{text-decoration:underline}
.bl-journal-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 38%;display:block;margin:0 0 35px}
#bl-doc:has(#article-5:target) .bl-language-nav .bl-languages[data-route="article-5"]{display:inline-flex}
@media(max-width:700px){.bl-new-journal{padding:30px 0 50px}.bl-new-journal p{font-size:16px}}
.bl-new-journal{padding-top:calc(var(--header-height,144px) + 40px)}
@media(max-width:700px){.bl-new-journal{padding-top:calc(var(--header-height,100px) + 25px)}}

/* Keep the complete compass illustration visible in the article. */
.bl-journal-cover[src*="marketing-kompass"]{aspect-ratio:auto;object-fit:contain;max-width:620px;margin:0 auto 35px}
#bl-doc .bl-post-card img[src*="marketing-kompass"]{object-fit:contain;background:#202720}