@charset "UTF-8";
/* Exact source order; no minification. */

/* Source: /assets/voyage-night/type-and-space.css */
/* Native San Francisco on Apple platforms; locally served Onest elsewhere. */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/onest-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/onest-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Content scale follows the owner's Apple HomeView reference, not UI microcopy. */
:root{--site-font:-apple-system,BlinkMacSystemFont,"Onest","Segoe UI",sans-serif;font-family:var(--site-font);font-optical-sizing:auto}
body,body.editorial-refined main{font-family:var(--site-font);font-size:18px;line-height:1.5}
button,input,textarea,select,.mp-video-preview .mp-video-preview__play{font-family:var(--site-font)}
:is(h1,h2,h3){font-weight:600;letter-spacing:-.025em}
:is(.eyebrow,.practice-label,.case-index,.entry-meta,.helm-bearing,.role>span){font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none}
.opening-copy .eyebrow{font-size:16px;letter-spacing:0;margin-bottom:24px;font-weight:500;color:#d6e9f3}
.opening-copy h1{font-size:clamp(64px,6.4vw,96px);line-height:1.04;letter-spacing:-.035em;font-weight:600}
.opening-bottom p{font-size:18px;line-height:1.5}.boarding{font-size:17px;font-weight:500}
.founder-copy h2{font-size:clamp(68px,6.1vw,88px);line-height:1.04;letter-spacing:-.035em;font-weight:600}
.founder-copy .expert-signature{font-size:15px;line-height:1.4;letter-spacing:0;font-weight:500;margin-bottom:22px}
.founder-layout .bridge-copy{align-self:end}
.founder-intro{font-size:21px;line-height:1.48;font-weight:400;max-width:44ch;margin-top:24px;color:#d0dfe8}
.founder-portrait figcaption{display:none}.founder-portrait>img{height:100%}
.founder-links .practice-label{font-size:14px;letter-spacing:0;text-transform:none}
.practice-projects{gap:6px 25px;margin-top:8px}.practice-projects a{font-size:17px;min-height:44px}
.founder-action{font-size:17px;min-height:56px;padding:14px 24px;margin-top:20px}
.site-header .desktop-nav{font-size:16px}.site-header :is(.nav-contact,.header-contact){font-size:15px;font-weight:600}
.site-header .brand{font-size:12px;letter-spacing:.04em}
.inside:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 75% at -10% 85%,#126c9a66,transparent 80%),radial-gradient(ellipse 60% 90% at 110% 35%,#3356a663,transparent 75%),linear-gradient(170deg,#071b3566,transparent 70%)}
.inside .bridge-shade{background:linear-gradient(90deg,#061323c7 0%,#07162680 48%,#081b3240 100%),linear-gradient(0deg,#061322a0,transparent 55%)}
.work-heading{margin-top:32px;margin-bottom:58px}.work-heading h2,.services-panel .sp-section-heading h2,.journal-home h2{font-size:clamp(48px,4.8vw,68px);line-height:1.07;letter-spacing:-.03em;font-weight:600}
.work-heading>p:last-child,.work-heading>div>p,.services-panel .sp-intro>p,.journal-intro p:not(.eyebrow){font-size:21px;line-height:1.5;color:#d1e0ec;max-width:46ch}
.helm-story h3{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.025em;margin-bottom:22px}
.helm-story>p[data-helm-description]{font-size:19px;line-height:1.55;color:#cbdce8;max-width:48ch}
.helm-role{font-size:16px;line-height:1.55}.helm-role>span:first-child{font-size:14px;font-weight:600}
.helm-story-meta,.helm-story-meta>span:last-child{font-size:14px}.helm-case-link{font-size:17px}.helm-controls span{font-size:15px}.helm-controls small{font-size:13px}
.helm-picker{max-width:440px}.helm-picker>span{font-size:13px}.helm-picker select{font-size:16px;min-height:54px}
.helm-picture-action{font-size:14px}.helm-story .helm-media-label{font-size:13px;line-height:1.5;margin-top:12px}
.services-panel .sp-service-tab>span:not(.sp-tab-order){font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.services-panel .sp-panel-story>h3{font-size:32px;line-height:1.16;font-weight:600}
.services-panel .sp-service-copy>p{font-size:19px;line-height:1.55}.services-panel .sp-service-copy dt{font-size:14px;letter-spacing:0}.services-panel .sp-service-copy dd{font-size:17px;line-height:1.55}
.services-panel .sp-service-copy .inline-link,.services-panel .sp-service-contact{font-size:17px}
.services-panel :is(.tools-note,.sp-media-label,.sp-media-label>span:last-child,.sp-service-media figcaption){font-size:13px;line-height:1.5}
.journal-entry h3{font-size:28px;line-height:1.2;font-weight:600}.journal-entry p{font-size:18px;line-height:1.55}.entry-meta{font-size:13px;letter-spacing:0}
.journal-intro .inline-link,.journal-overview strong{font-size:18px}.journal-overview>span:first-child{font-size:14px;letter-spacing:0}
.final-contact h2{font-size:clamp(52px,5.8vw,84px);line-height:1.07;letter-spacing:-.03em}
.final-contact .contact-content>p:not(.eyebrow){font-size:22px;line-height:1.5;max-width:43ch;margin:28px auto 0}
.contact-actions .contact-button{font-size:17px;min-height:56px}.contact-note{font-size:14px}
.site-footer>nav,.footer-identity p,.footer-legal{font-size:14px;line-height:1.6}.footer-legal small,.site-footer>p{font-size:12px;line-height:1.6}
/* Long reads have their own steady measure; cover titles do not squeeze Russian. */
.editorial-refined .catalog-hero h1{font-size:64px;line-height:1.06;font-weight:600;letter-spacing:-.03em}
.editorial-refined .catalog-hero .editorial-intro{font-size:21px;line-height:1.5;max-width:50ch}
.editorial-refined main :is(h1,h2,h3){letter-spacing:-.025em}
.editorial-refined .article-heading h1{font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-.025em;max-width:25ch}
.editorial-refined #article-grid :is(h2,h3){font-size:27px;line-height:1.22;font-weight:600}
.editorial-refined #article-grid p{font-size:17px;line-height:1.55}
.editorial-refined .article-body{font-size:19px;line-height:1.65}
.editorial-refined .article-body :is(p,li){font-size:inherit;line-height:inherit}
.editorial-refined .article-body h2{font-size:36px;line-height:1.18;margin-top:60px;margin-bottom:24px}
.editorial-refined .article-body h3{font-size:26px;line-height:1.25}
.editorial-refined .article-body :is(figcaption,.source-note){font-size:14px;line-height:1.5}
.read-flow .founder-layout .bridge-copy{align-self:start}.read-flow .expert-signature{justify-content:center}
@media(max-width:900px){.founder-copy h2{font-size:64px}.founder-intro{font-size:19px}.practice-projects a{font-size:16px}}
@media(max-width:700px){
 body,body.editorial-refined main{font-size:17px}
 .site-header .brand{font-size:10px;letter-spacing:.03em}.site-header :is(.nav-contact,.header-contact){font-size:13px}
 .read-flow .site-header.masthead{position:fixed;inset:10px 10px auto;margin:0;max-width:none;height:60px;min-height:60px;flex-wrap:nowrap;padding-block:0}
 .opening-copy{top:17%;left:24px;right:24px}.opening-copy .eyebrow{font-size:14px;line-height:1.4;margin-bottom:20px;letter-spacing:0}
 .opening-copy h1{font-size:clamp(38px,10.8vw,52px);line-height:1.06;letter-spacing:-.03em}
 .opening-bottom p{font-size:15px;line-height:1.5;max-width:195px}.boarding{font-size:15px;max-width:130px}
 .founder-layout{inset:92px 24px 90px;gap:22px}.founder-layout .bridge-copy{align-self:start}
 .founder-copy h2,.read-flow .founder-copy h2{font-size:44px;line-height:1.04;letter-spacing:-.025em}.founder-copy h2 br{display:block}.founder-copy h2 span:before{content:none}
 .founder-copy .expert-signature{font-size:14px;line-height:1.4;letter-spacing:0;margin-bottom:16px}
 .founder-intro{font-size:17px;line-height:1.55;max-width:34ch;margin-top:20px;color:#d3e2eb}
 .founder-links .practice-label{font-size:13px;letter-spacing:0}.practice-projects{gap:0 16px;margin-top:6px}.practice-projects a{font-size:15px;min-height:44px}
 .founder-action{font-size:16px;min-height:54px;padding:14px 24px;margin-top:16px}
 .inside .bridge-shade{background:linear-gradient(#061a32bd,#061b304d 55%,#06182bc9)}
 .inside:before{background:radial-gradient(ellipse 130% 50% at -15% 70%,#13678970,transparent 75%),radial-gradient(ellipse 100% 70% at 115% 15%,#384da861,transparent 75%)}
 .read-flow .inside{padding:100px 24px 64px}.read-flow .founder-layout{gap:28px}.read-flow .founder-portrait{height:360px}
 .work-heading{margin-top:30px;margin-bottom:40px}.work-heading h2,.services-panel .sp-section-heading h2,.journal-home h2{font-size:40px;line-height:1.08;letter-spacing:-.025em}
 .work-heading>p:last-child,.work-heading>div>p,.services-panel .sp-intro>p,.journal-intro p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:34ch;margin-top:20px}
 .helm-story h3{font-size:30px;line-height:1.18}.helm-story>p[data-helm-description]{font-size:17px;line-height:1.6}.helm-role{font-size:15px}.helm-story-meta{gap:10px}
 .helm-story-meta,.helm-story-meta>span:last-child{font-size:13px}.helm-case-link{font-size:16px}.helm-controls span{font-size:14px}.helm-controls small{font-size:12px}.helm-picker>span{font-size:12px}
 .helm-story .helm-media-label{font-size:12px}.helm-picture-action{font-size:13px}.helm-bearing{font-size:13px;letter-spacing:0}
 .services-panel .sp-service-tab>span:not(.sp-tab-order){font-size:18px;line-height:1.35;max-width:none}
 .services-panel .sp-service-tab{min-height:82px}.services-panel .sp-panel-story>h3{font-size:28px;line-height:1.18}
 .services-panel .sp-service-copy>p{font-size:17px;line-height:1.6}.services-panel .sp-service-copy dd{font-size:16px}.services-panel .sp-service-copy .inline-link{font-size:16px}
 .services-panel .sp-service-media figcaption{font-size:12px}.services-panel .sp-intro>.tools-note{font-size:13px}.services-panel .sp-media-label,.services-panel .sp-media-label>span:last-child{font-size:12px}
 .journal-entry h3{font-size:26px;line-height:1.22}.journal-entry p{font-size:17px;line-height:1.6}.entry-meta{font-size:13px;letter-spacing:0}.journal-intro .inline-link{font-size:17px}
 .final-contact h2{font-size:44px;line-height:1.08}.final-contact .contact-content>p:not(.eyebrow){font-size:18px;line-height:1.55;margin-top:24px}.contact-note{font-size:13px;max-width:310px}
 .editorial-refined .catalog-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.025em}.editorial-refined .catalog-hero .editorial-intro{font-size:18px;line-height:1.55}
 .editorial-refined .article-heading h1{font-size:38px;line-height:1.12;max-width:22ch}
 .editorial-refined .filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:visible;width:100%;border-radius:18px}
 .editorial-refined .filter-buttons button{width:100%;font-size:16px;min-height:48px;padding:10px 12px}
 .editorial-refined #article-grid :is(h2,h3){font-size:26px;line-height:1.22}.editorial-refined #article-grid p{font-size:17px;line-height:1.6}
 .editorial-refined .article-body{font-size:18px;line-height:1.65}.editorial-refined .article-body h2{font-size:30px;line-height:1.2;margin-top:48px;margin-bottom:20px}.editorial-refined .article-body h3{font-size:24px}
 .site-footer>nav,.footer-identity p,.footer-legal{font-size:14px}.site-footer .footer-legal small,.site-footer>p{font-size:12px}
}
@media(max-width:359px){.opening-copy h1{font-size:35px}.opening-copy{left:20px;right:20px}.opening-bottom p{font-size:14px;max-width:160px}.boarding{font-size:14px;max-width:112px}.founder-copy h2,.read-flow .founder-copy h2{font-size:40px}.practice-projects{gap:0 12px}.practice-projects a{font-size:14px}.work-heading h2,.services-panel .sp-section-heading h2,.journal-home h2{font-size:36px}.site-header .brand{font-size:9px}.site-header :is(.nav-contact,.header-contact){font-size:12px}.final-contact h2{font-size:38px}}


/* Source: /assets/voyage-night/controls.css */
/* Ocean adaptation of Serafim Gradient Button and Cybergaz Neon Button.
   Sources and MIT terms: licenses/controls-21st-MIT.txt.
   No idle animation: colour travel only while a person interacts. */
@property --mp-pos-x{syntax:'<percentage>';initial-value:11.14%;inherits:false}
@property --mp-pos-y{syntax:'<percentage>';initial-value:140%;inherits:false}
@property --mp-spread-x{syntax:'<percentage>';initial-value:150%;inherits:false}
@property --mp-spread-y{syntax:'<percentage>';initial-value:180.06%;inherits:false}
@property --mp-stop-1{syntax:'<percentage>';initial-value:18%;inherits:false}
@property --mp-stop-2{syntax:'<percentage>';initial-value:46%;inherits:false}
@property --mp-stop-3{syntax:'<percentage>';initial-value:68%;inherits:false}
@property --mp-stop-4{syntax:'<percentage>';initial-value:90%;inherits:false}

:root{--control-ease:cubic-bezier(.22,1,.36,1);--control-focus:#a6e8ff}
/* The compact header action has the same solid platinum finish as the hero. */
.site-header :is(.nav-contact,.header-contact){
 isolation:isolate;overflow:hidden;gap:17px;padding:8px 9px 8px 20px;
 min-height:46px;border:1px solid #e6f8ffb8;
 background:linear-gradient(125deg,#b0cad9 0%,#f3fbff 32%,#cce9ef 58%,#8bb5c8 100%);
 color:#092432;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #375a725c,0 3px 10px #0003;
 transition:transform 160ms var(--control-ease),box-shadow 200ms;
}
.site-header :is(.nav-contact,.header-contact)::before{
 content:'';position:absolute;inset:-20% -40%;z-index:-1;pointer-events:none;
 background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 60%);
 transform:translateX(-50%);opacity:0;transition:transform 500ms var(--control-ease),opacity 180ms;
}
.site-header :is(.nav-contact,.header-contact)>span[aria-hidden]{
 width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
 color:#112d3d;background:#243e5012;box-shadow:inset 0 1px 2px #1833472e,0 1px 0 #ffffffb8;
 transition:transform 240ms var(--control-ease),background-color 180ms;
}
/* A visible ocean gradient, adapted from the selected 21st source. */
:is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,
 .editorial-refined .article-cta .button.primary,#request-dialog .button.primary,
 #contact-dialog button[type=submit],#contact-dialog .dialog-success a){
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
 gap:22px;width:fit-content;max-width:100%;min-height:54px;padding:15px 24px;
 border:0;border-radius:17px;color:#f4faff;text-decoration:none;font-size:17px;font-weight:600;line-height:1.35;
 background:radial-gradient(var(--mp-spread-x) var(--mp-spread-y) at var(--mp-pos-x) var(--mp-pos-y),
 #061c42 var(--mp-stop-1),#123e84 var(--mp-stop-2),#165775 var(--mp-stop-3),#2456a3 var(--mp-stop-4),#327087 100%);
 box-shadow:inset 0 1px 0 #bceeff4d,0 5px 15px #0003;
 transition:--mp-pos-x 400ms,--mp-pos-y 400ms,--mp-spread-x 400ms,--mp-spread-y 400ms,
 --mp-stop-1 400ms,--mp-stop-2 400ms,--mp-stop-3 400ms,--mp-stop-4 400ms,transform 150ms var(--control-ease);
 touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
:is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,
 .editorial-refined .article-cta .button.primary,#request-dialog .button.primary,
 #contact-dialog button[type=submit],#contact-dialog .dialog-success a)::before{
 content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(140deg,#bdeaffb0,#85b8e424 38%,#96eef173 70%,#c2ddff80);
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 -webkit-mask-composite:xor;
}
:is(.helm-case-link,.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link)>:is(span[aria-hidden],svg){
 flex:none;transition:transform 200ms var(--control-ease);
}
.work-heading>.inline-link{white-space:nowrap;align-self:center}
/* Cybergaz's two edge highlights distinguish secondary actions from main CTAs. */
:is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,
 .sp-service-copy .inline-link,.helm-controls button,.gallery-controls button){
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
 min-height:46px;padding:11px 18px;gap:14px;border:1px solid #8bc5eb40;border-radius:14px;
 color:#dcefff;background:linear-gradient(145deg,#16344d,#0b1d31);text-decoration:none;
 box-shadow:inset 0 1px 0 #d2edff0d;
 transition:transform 160ms var(--control-ease),background-color 180ms,color 180ms;
}
:is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,
 .sp-service-copy .inline-link,.helm-controls button,.gallery-controls button)::before,
:is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,
 .sp-service-copy .inline-link,.helm-controls button,.gallery-controls button)::after{
 content:'';position:absolute;inset-inline:15%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#a1eaff,transparent);transition:opacity 200ms;
}
:is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,
 .sp-service-copy .inline-link,.helm-controls button,.gallery-controls button)::before{top:-1px;opacity:.5}
:is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,
 .sp-service-copy .inline-link,.helm-controls button,.gallery-controls button)::after{bottom:-1px;opacity:.2}
.helm-controls button,.gallery-controls button{width:48px;height:48px;padding:0;border-radius:50%}
.sp-service-copy .inline-link{font-size:16px;margin-top:8px}
/* Opening the navigation feels like opening a physical control panel. */
.site-header .menu-toggle{
 border-radius:15px;background:linear-gradient(150deg,#254253,#0b1c2b 72%);
 border-color:#9ebcc454;box-shadow:inset 0 1px 0 #b2e0f426,0 2px 5px #0003;
}
.site-header .menu-toggle[aria-expanded=true]{background:#c9e5ee;color:#0c2639;border-color:#e6f8ff}
.site-header .menu-toggle>span{width:18px;height:1.5px}
.site-menu{border-color:#a0cee74a;background:linear-gradient(135deg,#112b3bed,#071520f7 62%,#112c40f7);box-shadow:0 24px 64px #0008,inset 0 1px 0 #e2f3ff12;contain:layout paint}
.menu-links{gap:5px}
.menu-links a{border:0;border-radius:16px;padding:13px 15px;min-height:79px;font-size:27px;letter-spacing:-.025em}
.site-menu .menu-links a{transform:none}
.menu-links a small{font-size:13px;line-height:1.45;color:#a8c4d3;margin-top:6px}
.menu-links a svg{width:39px;height:39px;padding:10px;border:1px solid #a9d5e62e;border-radius:50%;background:#90c7ed08;box-sizing:border-box;stroke-width:1.7}
.menu-links a:focus-visible{background:linear-gradient(115deg,#21496588,#17324c40);color:#effaff}
.menu-links a:focus-visible svg{background:#c8eaf0;color:#0c293b}
.menu-about .menu-preview-title{font-size:26px;line-height:1.2}
.menu-about .menu-preview-copy{font-size:15px;line-height:1.55}
.site-navigation a{position:relative;min-height:44px;display:inline-flex;align-items:center;font-size:15px}
.site-navigation a::after{content:'';position:absolute;bottom:6px;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,#8fdbe7,transparent);opacity:0;transform:scaleX(.5);transition:transform 180ms var(--control-ease),opacity 180ms}
.site-navigation a[aria-current=page]::after{opacity:1;transform:scaleX(1)}
:is(.nav-contact,.header-contact,.menu-toggle,.sp-service-contact,.helm-case-link,.card-read,.button,.helm-controls button,.gallery-controls button):focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}
:is(.sp-service-contact,.helm-case-link,.card-read,.button,.helm-controls button,.gallery-controls button):active{transform:scale(.97);transition-duration:80ms}
:is(button,.button)[disabled],.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
@media(hover:hover) and (pointer:fine){
 .site-header :is(.nav-contact,.header-contact):hover{color:#071e2e;background:linear-gradient(125deg,#b0cad9,#f3fbff 32%,#cce9ef 58%,#8bb5c8);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #375a725c,0 5px 18px #0005}
 .site-header :is(.nav-contact,.header-contact):hover::before{transform:translateX(40%);opacity:1}
 .site-header :is(.nav-contact,.header-contact):hover>span[aria-hidden]{transform:rotate(45deg);background:#243e501f}
 :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,
 .editorial-refined .article-cta .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a):hover{
  --mp-pos-x:0%;--mp-pos-y:91.51%;--mp-spread-x:120.24%;--mp-spread-y:103.18%;
  --mp-stop-1:0%;--mp-stop-2:8.8%;--mp-stop-3:35.44%;--mp-stop-4:75.34%;color:#fff;
 }
 :is(.helm-case-link,.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link):hover>:is(span[aria-hidden],svg){transform:translate(3px,-3px)}
 :is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,.sp-service-copy .inline-link,.helm-controls button,.gallery-controls button):hover{color:#fff;background:linear-gradient(145deg,#234b68,#12304c)}
 :is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,.sp-service-copy .inline-link,.helm-controls button,.gallery-controls button):hover::before{opacity:1}
 :is(.editorial-refined #article-grid .card-read,.editorial-refined .button.secondary,.sp-service-copy .inline-link,.helm-controls button,.gallery-controls button):hover::after{opacity:.65}
 .menu-links a:hover{background:linear-gradient(115deg,#21496588,#17324c40);color:#effaff}
 .menu-links a:hover svg{background:#c8eaf0;color:#0c293b;transform:rotate(45deg)}
 .site-navigation a:hover::after{opacity:1;transform:scaleX(1)}
}
@media(max-width:800px){
 .site-header :is(.nav-contact,.header-contact){padding:7px 7px 7px 15px;min-height:44px;gap:10px}
 .site-header :is(.nav-contact,.header-contact)>span[aria-hidden]{width:26px;height:26px}
 .site-menu{padding:14px;border-radius:23px}.menu-links{gap:4px}.menu-links a{padding:13px 12px;font-size:25px;min-height:82px}.menu-links a small{font-size:12px;max-width:23ch}.menu-links a svg{width:36px;height:36px;padding:9px}
 :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .article-cta .button.primary){font-size:16px;min-height:52px;padding:14px 20px}
 .work-heading>.inline-link{align-self:start;margin-top:4px}.sp-service-copy .inline-link{font-size:15px;line-height:1.45;text-align:left;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 :is(.nav-contact,.header-contact,.menu-toggle,.sp-service-contact,.helm-case-link,.inline-link,.card-read,.button,.menu-links a,.menu-links a svg,.site-navigation a)::before,
 :is(.nav-contact,.header-contact,.menu-toggle,.sp-service-contact,.helm-case-link,.inline-link,.card-read,.button,.menu-links a,.menu-links a svg,.site-navigation a),.site-header :is(.nav-contact,.header-contact)>span[aria-hidden]{transition:none!important;animation:none!important}
}
.reduced :is(.nav-contact,.header-contact,.menu-toggle,.sp-service-contact,.helm-case-link,.inline-link,.card-read,.button,.menu-links a,.menu-links a svg,.site-navigation a){transition:none!important}
@media(forced-colors:active){
 :is(.nav-contact,.header-contact,.menu-toggle,.sp-service-contact,.helm-case-link,.inline-link,.card-read,.button,.helm-controls button,.gallery-controls button){border:1px solid ButtonText;background:ButtonFace!important;color:ButtonText!important;box-shadow:none}
 :is(.nav-contact,.header-contact,.sp-service-contact,.helm-case-link,.inline-link,.card-read,.button)::before,:is(.card-read,.button)::after{display:none}
}

