/* Forma's original geometric identity and compact-screen refinements. */
:root{--cond:'Barlow Condensed','Arial Narrow',sans-serif;--strategy:#747e70;--berry:#66506b;--orange:#b36040}html{overflow-x:clip}.nav--solid{background:#243e38f5}.story--strategy .story__poster{filter:none}.opening__second em{color:#c3cb9b}.portfolio-card--grey .portfolio-card__image img{filter:none}.contact-cta__row>div{max-width:420px}.contact-cta__row p{margin-bottom:24px}.story h2{hyphens:none}.story__side-label{opacity:.65}.portfolio-card h3{min-height:0}.brandmark__art{overflow:visible}.portfolio-card--berry .portfolio-card__image img{mix-blend-mode:normal}
@media(max-width:700px){.opening__logo{left:28px;right:28px}.opening__eyebrow{font-size:8px}.opening__second{font-size:clamp(40px,11vw,57px)}.portfolio-intro h2{font-size:clamp(46px,13vw,59px)}.contact-cta h2{font-size:90px}.motion-enabled .story__visual{min-height:170px}.story__description{font-size:13px}.foot__directory nav{gap:18px}.opening__bottom p{max-width:145px}}
html[data-short-viewport="true"] .motion-enabled .story,html[data-short-viewport="true"] .home.motion-enabled .opening{height:auto;min-height:0}html[data-short-viewport="true"] .motion-enabled .story__stage{position:relative;height:auto;min-height:650px}html[data-short-viewport="true"] .motion-enabled .story__copy{height:auto;min-height:650px}html[data-short-viewport="true"] .home.motion-enabled .opening__stage{position:relative;height:650px}html[data-short-viewport="true"] .home.motion-enabled .opening__logo img{visibility:visible}html[data-short-viewport="true"] .home.motion-enabled .brandmark{transform:none!important}html[data-short-viewport="true"] .home.motion-enabled .opening__slogan{opacity:1!important;transform:none!important}html[data-short-viewport="true"] .home.motion-enabled .opening__second{display:none}html[data-short-viewport="true"] .story__caption{display:none!important}
@media (max-width:700px){html[data-short-viewport="true"] .motion-enabled .story__copy{min-height:0}html[data-short-viewport="true"] .motion-enabled .story__visual{min-height:300px}}
html[data-embedded] {scrollbar-width:none;scroll-behavior:auto}html[data-embedded]::-webkit-scrollbar{display:none}html[data-embedded] .reveal-pending{opacity:1;transform:none}html[data-embedded] .chapter-nav,html[data-embedded] .story-play{display:none!important}

/* Keep the mobile navigation controls legible on the studio background. */
.nav__burger{color:var(--cream)}

/* Render the docking wordmark as vectors at layout size, including the first visit. */
.brandmark{will-change:auto}.home.motion-enabled .brandmark{will-change:transform;transform-origin:0 0}
.opening__art{display:block;width:100%;height:100%}
.home.motion-enabled .opening__art{visibility:hidden}
html[data-short-viewport="true"] .home.motion-enabled .opening__art{visibility:visible}
.brandmark__art{display:block}

/* Hide the whole measuring slot so SVG descendants cannot paint a second logo. */
.home.motion-enabled .opening__logo{opacity:0}
html[data-short-viewport="true"] .home.motion-enabled .opening__logo{opacity:1}

/* Native vector arrows cannot be substituted with colour emoji on iOS. */
.forma-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.card-arrow .forma-arrow{width:22px;height:22px}.circle-arrow .forma-arrow{width:23px;height:23px}
.small-connection .forma-arrow{width:40px;height:40px}
.opening__second[hidden],.opening__slogan[hidden]{display:none!important}
@media(max-width:700px){.opening__second{top:32%;font-size:clamp(36px,10vw,52px);line-height:1.12}}

@media(max-width:1020px){.nav--solid{-webkit-backdrop-filter:none;backdrop-filter:none;background:#243e38fa}}

/* Menu branding must not inherit the animated introductory signature. */
.menu-open .nav__signature{display:none}
@media(max-width:1020px){.chapter-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4efdf}}

h1,h2,h3,h4{text-wrap:wrap}
p{text-wrap:wrap}

/* Embedded previews use a single virtual scroll, avoiding nested scroll layers. */
html[data-embedded="true"],html[data-embedded="true"] body{overflow:hidden!important;scroll-behavior:auto}
html[data-embedded="true"] .motion-enabled .opening__stage,html[data-embedded="true"] .motion-enabled .story__stage{position:relative!important;top:0}
html[data-embedded="true"] main{will-change:transform}
html[data-embedded="true"]{overflow-anchor:none}
html[data-embedded="true"] body{position:fixed;inset:0;width:100%;height:100%;overflow-anchor:none}
html[data-embedded="true"] .nav__signature{transition:none}