/* Shared Figma navigation and universal footer. */
.site-header{position:absolute;inset:0 0 auto;z-index:40;height:72px;padding:12px 20px;background:#fff;color:#120D2D;font-family:'Schibsted Grotesk',Arial,sans-serif;box-sizing:border-box}
.site-header>nav{position:relative;display:flex;justify-content:space-between;align-items:center;height:48px;padding:4px 40px}
.site-nav-left,.site-nav-right{display:flex;gap:56px;align-items:center}
.site-header a,.site-header summary{font:12px/1 'Schibsted Grotesk',Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:inherit;text-decoration:none}
.site-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.site-brand img{display:block;width:95px;height:25px}
.site-header a:focus-visible,.site-header summary:focus-visible,.site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.work-version-menu{position:relative}
.work-version-menu summary{display:flex;gap:7px;align-items:center;list-style:none;cursor:pointer}
.work-version-menu summary::-webkit-details-marker{display:none}
.work-version-menu summary::after{content:'';width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg)}
.work-version-menu[open] summary::after{transform:translateY(1px) rotate(225deg)}
.work-version-options{position:absolute;left:-12px;top:calc(100% + 14px);width:200px;padding:6px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 8px 24px #00000012}
.site-header .work-version-options a{display:block;padding:12px;font-size:12px;letter-spacing:0;text-transform:none;white-space:nowrap}
.work-version-options a:hover,.work-version-options a:focus-visible,.work-version-options a[aria-current=page]{background:#f2f3f4}
.site-footer{position:relative;box-sizing:border-box;width:100%;height:calc(560.195px + 22.6963vw);padding:0!important;margin:0!important;background:#120d2d;color:#f5f5f5;overflow:hidden;font-family:'Schibsted Grotesk',Arial,sans-serif}
.site-footer-contact{height:361px;padding:100px 20px 0;text-align:center;box-sizing:border-box}
.site-chat{display:inline-block;padding:16px 28px;border-radius:25.333px;background:#f5f5f5;color:#120D2D;font-size:40px;font-weight:500;line-height:44px;letter-spacing:-1.6px;text-decoration:none}
.site-footer-contact p{margin:16px 0 0;font-size:14px;line-height:21px}
.site-footer-nav{margin:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;height:51.195px}
.site-footer-nav a{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}
.site-footer-nav strong{font-size:16px;line-height:22.4px;font-weight:500}
.site-footer-nav span{font-size:12px;line-height:16.8px}
.site-footer-mark{margin-top:148px;width:100%}
.site-footer-mark img{display:block;width:100%;height:auto}
@media(min-width:1440px){.site-footer{height:calc(563.99px + 22.7506vw)}.site-footer-mark{margin-top:151.795px}}
@media(min-width:640px) and (max-width:800px){.site-footer-contact{height:355px}.site-footer{height:calc(554.195px + 22.41vw)}.site-chat{font-size:36px;line-height:38px}}
@media(max-width:639px){
 .site-header{height:116px}.site-header>nav{height:92px;padding:0 0 8px;align-items:flex-end}
 .site-nav-left,.site-nav-right{gap:12px}.site-header a,.site-header summary{font-size:8px}
 .site-brand{top:20px}.site-brand img{width:95px;height:25px}
 .site-footer{height:calc(456.391px + 21.572vw)}
 .site-footer-contact{height:242px;padding-top:64px}.site-chat{font-size:28px;line-height:31.9px;letter-spacing:-1.16px;border-radius:21.333px}
 .site-footer-contact p{font-size:12px;line-height:18px}
 .site-footer-nav{margin:0 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 10px;height:134.391px}
 .site-footer-mark{margin-top:80px}
}

/* Retina footer geometry, shared by every viewport. */
.site-footer{height:auto!important}
.site-footer-mark{margin-top:9.48718vw!important;height:22.7506vw;overflow:hidden}
.site-footer-mark img{width:100%;height:auto;display:block}
.site-footer:has(.home-preview-social){padding-top:12.5vw!important}
.site-footer .home-preview-social{padding:0 20px}
.site-footer .home-preview-social-group{gap:.875vw;padding-right:.875vw}
.site-footer .home-preview-social-group>div{width:22.5vw;height:28.125vw}
.site-footer .home-preview-social-track{transform:translateX(-10.983125vw);animation-name:universal-home-artwork}
.site-footer .home-preview-social-pause{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-footer .home-preview-social-pause:focus-visible{position:static;width:auto;height:auto;clip-path:none}
@keyframes universal-home-artwork{to{transform:translateX(calc(-50% - 10.983125vw))}}

/* A native SVG image also renders in direct-file previews, unlike an external mask. */
.site-brand{width:95px;height:25px}

/* Shared footer casts down onto the closing reveal panel. */
.site-footer{box-shadow:0 90px 110px 18px rgb(18 13 45 / 22%),0 34px 70px 0 rgb(0 0 0 / 45%)}

/* Keep large editorial copy readable on wide displays; artwork remains full width. */
@media (min-width:2040px) {
  .home-preview-page .home-preview-intro,
  .home-preview-page .home-preview-work-statement,
  .home-preview-page .home-preview-project-interlude,
  .home-preview-page .home-preview-approach>h2,
  .about-page .about-intro>h1 {
    box-sizing:border-box;
    max-width:2000px!important;
    margin-inline:auto!important;
  }
  .approach-page .process-intro>h1 {
    max-width:min(80%,2000px);
    margin-inline:auto;
  }
}