/* A charcoal orbit, confined to the ink rather than behind the copy. */
.ink-field{right:0}
/* Preserve the lighter mobile artwork without washing out the ink glyphs. */
.deep-pigment .ink-field{opacity:1}
@media(max-width:1000px){.deep-pigment .ink-field img{opacity:.78}}
@media(max-width:650px){.deep-pigment .ink-field img{opacity:.6}}
.orbit-arrived .opening-copy,.orbit-arrived .ink-field,.orbit-arrived .masthead::after{animation:none!important}
.ink-field img{transform:translate3d(0,var(--ink-offset),0) rotate(var(--flow-turn,0deg)) skewY(var(--flow-shear,0deg));transform-origin:65% 50%}
.ink-field .glyph-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;transform:translate3d(0,var(--ink-offset),0)}
.orbit-control{position:absolute;right:115px;bottom:133px;z-index:2;display:flex;align-items:center;gap:12px;border:0;background:none;padding:9px 0;color:#66665e;font:7px/1.5 var(--mono);letter-spacing:.06em}
.orbit-control::before{content:'';width:3px;height:3px;border:1px solid currentColor;border-radius:50%}
.orbit-control:hover{color:#111}
.ink-caption{margin-right:155px}
html[data-still=true] .glyph-canvas{transform:none!important}
@media(min-width:1700px){.ink-field{right:2%}}
@media(max-width:1350px){.ink-field{right:-5%}.orbit-control{right:85px}.ink-caption{margin-right:110px}}
@media(max-width:1000px){.ink-field{right:-22%}.orbit-control{right:55px;bottom:128px}.ink-caption{margin-right:65px}}
@media(max-width:650px){.ink-field{right:-44%}.orbit-control{right:30px;bottom:118px;font-size:6px}.opening-bottom{margin-top:210px}}
@media(prefers-reduced-motion:reduce){.ink-field .glyph-canvas{transform:none}}
/* Preserve the established State Layer lockup, only changing its colour. */
body[data-product-copy=true] .masthead{gap:28px}
.sophia-identity{display:flex;align-items:center;gap:32px;flex-shrink:0}
.state-brand{display:inline-flex;align-items:center;gap:12px;color:#000;text-decoration:none;margin-left:auto;flex-shrink:0}
.state-mark{flex:none}
.state-wordmark{font:normal 600 .95rem/1.2 var(--mono);letter-spacing:.14em;white-space:nowrap}
body[data-product-copy=true] .masthead nav{margin-left:0;gap:25px}
@media(max-width:1100px){body[data-product-copy=true] .masthead{gap:22px}.sophia-identity{gap:22px}.state-brand{gap:9px}.state-wordmark{font-size:12px}body[data-product-copy=true] .masthead nav{gap:19px}}
@media(max-width:650px){body[data-product-copy=true] .masthead{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 18px;height:132px;padding-top:17px;padding-bottom:15px}.sophia-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.sophia-identity .masthead-note{display:block;margin:0;font-size:5.5px;letter-spacing:.055em}.state-brand{gap:7px}.state-mark{width:22px;height:22px}.state-wordmark{font-size:11px}body[data-product-copy=true] .masthead nav{grid-column:1/-1;justify-content:flex-end;font-size:9px;gap:23px}body[data-product-copy=true] .masthead nav>a:nth-child(1){display:block}}
