/* Crydogs 2050 metro design system. Public site only. */
body.homepage-light-preview,
body.crydogs-sitewide {
  --metro-night:#080e12;
  --metro-wall:#122027;
  --metro-rail:#2d4148;
  --metro-cyan:#51c2ca;
  --metro-amber:#dd8b46;
  --metro-concrete:#eceeea;
  --metro-ink:#132226;
  --metro-muted:#a9bdc0;
  --site-blue:#178aa8;
}
body.homepage-light-preview .top,
body.crydogs-sitewide .top {
  background:#070d10!important;
  border-bottom:2px solid var(--metro-amber)!important;
  color:#f6f5f2!important;
  box-shadow:0 16px 40px #060b0e35;
}
body.homepage-light-preview .top .brand-mark,
body.crydogs-sitewide .top .brand-mark {color:var(--metro-amber)!important}
body.homepage-light-preview .top .brand-mark path:last-child,
body.crydogs-sitewide .top .brand-mark path:last-child {fill:var(--metro-cyan)!important}
body.homepage-light-preview .top .brand small,
body.crydogs-sitewide .top .brand small {color:var(--metro-cyan)!important}
body.homepage-light-preview .top .navlinks a,
body.crydogs-sitewide .top .navlinks a {color:#d4dddd!important}
body.homepage-light-preview .top .navlinks a:hover,
body.crydogs-sitewide .top .navlinks a:hover {color:var(--metro-cyan)!important}
body.homepage-light-preview .top .nav-cta,
body.crydogs-sitewide .top .nav-cta {
  border:1px solid var(--metro-cyan)!important;
  border-radius:4px!important;
  background:#14232a!important;
  color:#f5f8f7!important;
  box-shadow:0 0 0 1px #52bdc318 inset;
}
body.homepage-light-preview .top .nav-cta:hover,
body.crydogs-sitewide .top .nav-cta:hover {background:#1c3940!important}
body.homepage-light-preview .top .nav-cta span,
body.crydogs-sitewide .top .nav-cta span {color:var(--metro-amber)!important}

/* Cinematic homepage entrance: film and enquiry share the first viewport. */
body.homepage-light-preview .editorial-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(42px,5vw,78px) 0 clamp(45px,5vw,76px)!important;
  color:#f0f3f1!important;
  border-bottom:1px solid #33464a!important;
  background:
    linear-gradient(90deg,#070e12 0%,#0b1519 53%,#11242a 100%)!important;
}
body.homepage-light-preview .editorial-hero:before {
  content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 102px,#ffffff07 103px 104px),
    radial-gradient(circle at 80% 50%,#55bdc311,transparent 42%);
}
body.homepage-light-preview .editorial-hero__grid {
  position:relative;z-index:1;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  gap:clamp(30px,4vw,78px)!important;
  align-items:center!important;
}
body.homepage-light-preview .editorial-hero__copy {max-width:580px!important}
body.homepage-light-preview .editorial-hero__eyebrow {
  margin:0 0 19px!important;color:var(--metro-cyan)!important;
  letter-spacing:.18em!important;
}
body.homepage-light-preview .editorial-hero__eyebrow:before {
  content:'';display:inline-block;width:40px;height:3px;margin:0 13px 3px 0;
  background:var(--metro-amber);
}
#hero-preview .editorial-hero h1 {
  max-width:650px!important;
  margin:0 0 21px!important;
  color:#f8f9f6!important;
  font-size:clamp(48px,4.4vw,72px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
}
#hero-preview .editorial-hero h1 em {color:var(--metro-cyan)!important}
body.homepage-light-preview .editorial-hero__lead {
  max-width:530px!important;margin:0 0 26px!important;
  color:#cfdbd9!important;font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.55!important;
}
body.homepage-light-preview .editorial-hero__platforms {color:#a8bdc0!important}
body.homepage-light-preview .editorial-hero__platforms span {color:var(--metro-amber)!important}
body.homepage-light-preview .editorial-hero__secondary {color:var(--metro-cyan)!important;border-color:#4daeb3!important}
body.homepage-light-preview .editorial-hero__scan {
  position:relative;margin:0 0 17px!important;padding:18px 20px 15px!important;
  border:1px solid #779397!important;border-left:4px solid var(--metro-amber)!important;
  border-radius:3px!important;
  background:#eef2ef!important;color:var(--metro-ink)!important;
  box-shadow:0 20px 36px #0005;
}
body.homepage-light-preview .editorial-hero__scan label {color:#26434a!important}
body.homepage-light-preview .editorial-hero__scan input {
  color:#132226!important;background:#fff!important;border:1px solid #a9bcc0!important;
  border-radius:3px!important;
}
body.homepage-light-preview .editorial-hero__scan button {
  color:#071318!important;background:var(--metro-cyan)!important;
  border:1px solid var(--metro-cyan)!important;border-radius:3px!important;
  box-shadow:none!important;font-weight:800!important;
}
body.homepage-light-preview .editorial-hero__scan button:hover {background:#70d4d7!important}
body.homepage-light-preview .editorial-hero__scan-note {color:#52686b!important}
body.homepage-light-preview .editorial-hero__work {
  position:relative;margin:0!important;padding:0!important;
  background:#080e12!important;color:#f3f4f1!important;
  border:1px solid #53656b!important;border-bottom:4px solid var(--metro-amber)!important;
  border-radius:3px!important;box-shadow:0 24px 58px #0009!important;
}
body.homepage-light-preview .editorial-hero__work-head {
  margin:0!important;padding:12px 16px!important;background:#0c171b!important;
  border-bottom:1px solid #304149!important;color:#d9e6e5!important;
}
body.homepage-light-preview .editorial-hero__work-head span:last-child {color:var(--metro-cyan)!important}
body.homepage-light-preview .editorial-hero__work-images.work-showreel {
  height:auto!important;min-height:0!important;aspect-ratio:16/9!important;
  border-radius:0!important;
}
body.homepage-light-preview .editorial-hero__work figcaption {
  padding:9px 16px 12px!important;color:#adbec0!important;background:#0c171b!important;
}

/* The client strip is a quiet platform sign, with its existing hover reveal. */
body.homepage-light-preview .hp-proof-band {
  padding:19px 0!important;background:#0c171b!important;
  border-bottom:1px solid #43575c!important;
}
body.homepage-light-preview .hero-clients__logos a {
  background:#101c20!important;border-color:#43575c!important;border-radius:2px!important;
}
body.homepage-light-preview .hero-clients__logos a:hover {border-color:var(--metro-amber)!important}
body.homepage-light-preview .hp-partner-band {
  background:#eceeea!important;border-bottom:1px solid #cbd1cc!important;
}

/* Service questions become a departure board, instead of computer tiles. */
body.homepage-light-preview .hp-hero {
  position:relative;background:#e8ebe8!important;color:var(--metro-ink)!important;
  padding:55px 0 63px!important;
}
body.homepage-light-preview .hp-grid {background:none!important}
body.homepage-light-preview .hp-hero:after {display:none!important}
body.homepage-light-preview .hp-topline,
body.homepage-light-preview .hp-module-head {color:#46646c!important;border-color:#aabdc0!important}
body.homepage-light-preview #hp-title {color:var(--metro-ink)!important}
body.homepage-light-preview #hp-title em {color:#b76733!important}
body.homepage-light-preview .hp-command {
  background:#f8faf7!important;border-left:4px solid var(--metro-amber)!important;
  padding:22px 26px!important;box-shadow:0 12px 28px #0a28301b!important;
}
body.homepage-light-preview .hp-module-head {border-top:3px solid var(--metro-amber)!important;padding-top:18px!important}
body.homepage-light-preview .hp-modules {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;border:1px solid #294149!important;border-radius:3px!important;
  background:#0e1a1f!important;
}
body.homepage-light-preview .hp-module {
  min-height:104px!important;padding:15px 20px!important;
  background:#102027!important;color:#f1f5f2!important;
  border:0!important;border-right:1px solid #34515a!important;
  border-bottom:1px solid #34515a!important;border-radius:0!important;
  box-shadow:none!important;
}
body.homepage-light-preview .hp-module:hover,
body.homepage-light-preview .hp-module[aria-pressed=true] {background:#193941!important;box-shadow:inset 4px 0 var(--metro-amber)!important}
body.homepage-light-preview .hp-module strong {color:#f7f8f5!important;font-size:clamp(22px,2vw,30px)!important}
body.homepage-light-preview .hp-module-top,
body.homepage-light-preview .hp-module small {color:#98bec2!important}
body.homepage-light-preview .hp-button-scan,
body.homepage-light-preview .hp-sticky button:first-of-type,
body.homepage-light-preview .btn {
  background:var(--metro-cyan)!important;border-color:var(--metro-cyan)!important;
  border-radius:3px!important;clip-path:none!important;color:#081719!important;
  box-shadow:none!important;
}
body.homepage-light-preview .hp-button-scan:hover,
body.homepage-light-preview .btn:hover {background:#78d8db!important}

/* A rhythm of pale station concourse and dark tunnel sections. */
body.homepage-light-preview .maintenance-band,
body.homepage-light-preview #geo-klanten,
body.homepage-light-preview .customer-voice {background:#eceeea!important;color:var(--metro-ink)!important}
body.homepage-light-preview .maintenance-band__inner,
body.homepage-light-preview .customer-voice-card {border-top:2px solid var(--metro-amber)!important}
body.homepage-light-preview .workflow,
body.homepage-light-preview .service-roller,
body.homepage-light-preview .platform-strip {background:#0e1b20!important;color:#f0f4f1!important}
body.homepage-light-preview .section:not(.workflow):not(.customer-voice),
body.homepage-light-preview .packages {background:#f5f5f1;color:var(--metro-ink)}
body.homepage-light-preview .packages {background:#102027!important;color:#edf1ef!important}
body.homepage-light-preview .packages .section-head p {color:#b3c9c8!important}
body.homepage-light-preview .packages .package {background:#172b31!important;border-color:#42616a!important;color:#eef4f1!important}
body.homepage-light-preview .packages .package .plan-intro,
body.homepage-light-preview .packages .package li {color:#c2d0cd!important}
body.homepage-light-preview .packages .price {color:var(--metro-amber)!important}
body.homepage-light-preview .customer-voice-card blockquote p {font-size:clamp(22px,2.5vw,34px)!important;line-height:1.35!important}

/* Internal routes share the same station entrance and a calm reading area. */
body.crydogs-sitewide {background:#eceeea!important;color:var(--metro-ink)!important}
body.crydogs-sitewide .kb-hero,
body.crydogs-sitewide:has(.hero-price) .hero,
body.crydogs-sitewide .page-hero {
  position:relative!important;
  background:
    repeating-linear-gradient(0deg,transparent 0 96px,#ffffff08 97px 98px),
    radial-gradient(circle at 80% 45%,#24869a22,transparent 45%),
    linear-gradient(110deg,#091217,#152930)!important;
  border-bottom:3px solid var(--metro-amber)!important;
  color:#eef3f0!important;
}
body.crydogs-sitewide .kb-hero:before,
body.crydogs-sitewide:has(.hero-price) .hero:before,
body.crydogs-sitewide .page-hero:before {
  content:'';position:absolute;left:max(4vw,24px);top:24px;
  width:54px;height:4px;background:var(--metro-amber);
}
body.crydogs-sitewide .kb-hero h1,
body.crydogs-sitewide .kb-hero .cg-title,
body.crydogs-sitewide:has(.hero-price) .hero h1,
body.crydogs-sitewide .page-hero h1 {color:#f5f7f3!important;letter-spacing:-.045em!important}
body.crydogs-sitewide .kb-hero h1 .accent,
body.crydogs-sitewide:has(.hero-price) .hero h1 span {color:var(--metro-cyan)!important}
body.crydogs-sitewide .kb-hero .hero-meta,
body.crydogs-sitewide .kb-hero .kb-crumb,
body.crydogs-sitewide .kb-hero .content-meta,
body.crydogs-sitewide:has(.hero-price) .hero .lead,
body.crydogs-sitewide:has(.hero-price) .hero .solution,
body.crydogs-sitewide:has(.hero-price) .hero .terms {color:#c4d3d1!important}
body.crydogs-sitewide .kb-hero a,
body.crydogs-sitewide .page-hero a,
body.crydogs-sitewide:has(.hero-price) .hero .eyebrow {color:var(--metro-cyan)!important}
body.crydogs-sitewide .kb066-layout,
body.crydogs-sitewide .kb-body,
body.crydogs-sitewide .content-prose,
body.crydogs-sitewide:has(.hero-price) .section {background:#f5f5f1!important;color:var(--metro-ink)!important}
body.crydogs-sitewide .kb066-panel,
body.crydogs-sitewide .knowledge-card,
body.crydogs-sitewide:has(.hero-price) .pricing {
  background:#e8efed!important;border:1px solid #b9ccca!important;
  border-left:3px solid var(--metro-amber)!important;border-radius:3px!important;
  color:var(--metro-ink)!important;box-shadow:none!important;
}
body.crydogs-sitewide .btn,
body.crydogs-sitewide a.button,
body.crydogs-sitewide button.button,
body.crydogs-sitewide .landing-magento .lm-button:not(.lm-button-secondary) {
  background:var(--metro-cyan)!important;border:1px solid var(--metro-cyan)!important;
  border-radius:3px!important;color:#071619!important;clip-path:none!important;
  box-shadow:none!important;
}
body.crydogs-sitewide .btn:hover,
body.crydogs-sitewide a.button:hover,
body.crydogs-sitewide button.button:hover {background:#7bdbdc!important}
body.crydogs-sitewide .foot {background:#080e12!important;color:#dce7e5!important;border-top:3px solid var(--metro-amber)!important}

@media(max-width:900px){
  body.homepage-light-preview .editorial-hero__grid {grid-template-columns:1fr!important;gap:24px!important}
  body.homepage-light-preview .editorial-hero__copy {max-width:none!important}
  body.homepage-light-preview .editorial-hero__work {max-width:900px!important}
}
@media(max-width:760px){
  body.homepage-light-preview .editorial-hero {padding:26px 0 35px!important}
  body.homepage-light-preview .editorial-hero__grid {gap:22px!important}
  #hero-preview .editorial-hero h1 {font-size:clamp(39px,10vw,54px)!important}
  body.homepage-light-preview .editorial-hero__lead {font-size:15px!important}
  body.homepage-light-preview .editorial-hero__scan {padding:14px!important}
  body.homepage-light-preview .hp-hero {padding:36px 0 43px!important}
  body.homepage-light-preview .hp-modules {grid-template-columns:1fr!important}
  body.homepage-light-preview .hp-module {min-height:78px!important;padding:12px 15px!important}
  body.homepage-light-preview .top .mobile-nav-toggle span,
  body.crydogs-sitewide .sitewide-mobile-toggle span {color:var(--metro-cyan)!important}
}

/* WordPress service templates have a darker header than their default link text. */
body.crydogs-sitewide .site-header .header-contact{
  color:#eff6f4!important;
  border-color:#66848a!important;
  background:transparent!important;
  border-radius:100px!important;
  font:500 14px/1.2 var(--metro-type)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.crydogs-sitewide .site-header .header-contact:hover,
body.crydogs-sitewide .site-header .header-contact:focus-visible{
  color:#0f2125!important;
  background:#79c8d1!important;
  border-color:#79c8d1!important;
}
body.crydogs-sitewide .site-header .header-contact span{color:var(--metro-amber)!important}

/* The service-page proof panel uses a white surface; give its content dark ink. */
body.crydogs-sitewide .evidence,
body.crydogs-sitewide .evidence .big,
body.crydogs-sitewide .evidence ul,
body.crydogs-sitewide .evidence li{color:#17292d!important}
body.crydogs-sitewide .evidence header{color:#547078!important}
body.crydogs-sitewide .hero-grid .intro{color:#cbd7d9!important}
body.crydogs-sitewide .hero-grid .actions .action:not(.secondary){color:#fff!important}

/* Bring the maintenance offer into the same editorial metro system. */
body.crydogs-sitewide .hero{background:linear-gradient(110deg,#0a1116,#152830)!important;color:#f5f8f5!important;border-bottom:1px solid #536b70!important}
body.crydogs-sitewide .hero h1{font:500 clamp(46px,5.2vw,80px)/1.03 var(--metro-type)!important;color:#f5f8f5!important;letter-spacing:-.055em!important}
body.crydogs-sitewide .hero h1 span{color:#73cbd1!important}
body.crydogs-sitewide .hero .eyebrow{font:500 12px/1.4 var(--metro-type)!important;letter-spacing:0!important;color:#8bced2!important}
body.crydogs-sitewide .hero .lead,body.crydogs-sitewide .hero .solution{font:400 clamp(16px,1.3vw,19px)/1.55 var(--metro-type)!important;color:#d2dddd!important}
body.crydogs-sitewide .hero .visual{background:#1b3037!important;border:1px solid #4b686e!important;border-radius:16px!important;clip-path:none!important;box-shadow:0 25px 55px #0005!important}
body.crydogs-sitewide .hero .visual-top,body.crydogs-sitewide .hero .shield-art{display:none!important}
body.crydogs-sitewide .hero .visual h2{font:500 clamp(32px,3vw,46px)/1.1 var(--metro-type)!important;letter-spacing:-.045em!important;color:#fff!important}
body.crydogs-sitewide .hero .visual h2 span{color:#eaa969!important}
body.crydogs-sitewide .hero .visual li{font:400 16px/1.5 var(--metro-type)!important;color:#deeceb!important}
body.crydogs-sitewide .hero .button{border-radius:100px!important;font:500 15px var(--metro-type)!important;letter-spacing:0!important}
@media(prefers-reduced-motion:reduce){
  body.homepage-light-preview .hp-led,
  body.homepage-light-preview .panel-led {animation:none!important}
}
/* Film stays inside its frame regardless of legacy theme image rules. */
body.homepage-light-preview .work-showreel {position:relative!important;overflow:hidden!important;aspect-ratio:16/9!important;width:100%!important;height:auto!important;min-height:0!important}
body.homepage-light-preview .work-showreel video,
body.homepage-light-preview .work-showreel img {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
body.homepage-light-preview .work-showreel__sound {position:absolute!important;right:14px!important;bottom:14px!important;z-index:5!important}
body.homepage-light-preview .work-showreel img{display:none!important}
@media(prefers-reduced-motion:reduce){body.homepage-light-preview .work-showreel:not(.is-playing) img{display:block!important}body.homepage-light-preview .work-showreel:not(.is-playing) video{display:none!important}}
body.homepage-light-preview .work-showreel__sound{background:#09191ee6!important;color:#fff!important;border:1px solid #d9e7e2aa!important;border-radius:999px!important;padding:8px 14px!important}
/* The second film follows the mobile portfolio on the homepage. */
body.homepage-light-preview .train-film{position:relative;overflow:hidden;background:linear-gradient(125deg,#0b1419 0%,#15272d 53%,#0b1419 100%);color:#f4f6f4;padding:clamp(76px,8vw,132px) 0 clamp(90px,9vw,148px)}
body.homepage-light-preview .train-film::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#7dd5db 23%,#c8e5e3 53%,#7dd5db 78%,transparent);box-shadow:0 0 24px #6bcbd6a8}
body.homepage-light-preview .train-film__inner{position:relative}
body.homepage-light-preview .train-film__heading{max-width:1280px;margin:0 auto clamp(28px,4vw,56px);display:flex;justify-content:space-between;align-items:end;gap:24px}
body.homepage-light-preview .train-film__heading h2{margin:0;color:#f6f7f5;font:500 clamp(48px,6vw,94px)/.98 var(--metro-type);letter-spacing:-.065em}
body.homepage-light-preview .train-film__heading p{margin:0 0 8px;color:#a8c8ca;font:400 clamp(20px,1.8vw,28px)/1.25 var(--metro-type)}
body.homepage-light-preview .train-film__screen{position:relative;max-width:1280px;width:100%;aspect-ratio:16/9;overflow:hidden;margin:auto;background:#071115;border:1px solid #58777b;border-radius:16px;box-shadow:0 38px 85px #0009,0 0 42px #67c9d12b}
body.homepage-light-preview .train-film__screen::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #dce9e154;border-radius:15px}
body.homepage-light-preview .train-film__screen video,body.homepage-light-preview .train-film__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.homepage-light-preview .train-film__screen img{display:none}
body.homepage-light-preview .train-film__screen .work-showreel__sound{right:22px!important;bottom:22px!important;font:500 16px/1.2 var(--metro-type)!important;padding:12px 18px!important}
@media(min-width:761px){body.homepage-light-preview .train-film__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(44px,5.5vw,96px);align-items:center}body.homepage-light-preview .train-film__screen{grid-column:1;grid-row:1;max-width:none;border-radius:18px}body.homepage-light-preview .train-film__heading{grid-column:2;grid-row:1;display:block;max-width:540px;margin:0}body.homepage-light-preview .train-film__heading h2{font-size:clamp(54px,5.2vw,84px)}body.homepage-light-preview .train-film__heading p{margin:28px 0 0;font-size:clamp(24px,2.2vw,34px)}}
@media(max-width:760px){body.homepage-light-preview .train-film__heading{display:block}body.homepage-light-preview .train-film__heading p{margin-top:14px}body.homepage-light-preview .train-film__screen{border-radius:10px}body.homepage-light-preview .train-film__screen .work-showreel__sound{right:10px!important;bottom:10px!important;font-size:14px!important;padding:9px 12px!important}}
/* Second film position: client-work section remains useful as a static case display. */
body.homepage-light-preview .case-film{background:#0d191e;color:#f3f5f0;padding:72px 0;border-top:3px solid #dd8b46;border-bottom:1px solid #385258}
body.homepage-light-preview .case-film__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,5vw,88px);align-items:center}
body.homepage-light-preview .case-film__copy .eyebrow{color:#51c2ca}
body.homepage-light-preview .case-film__copy h2{font:800 clamp(38px,4vw,64px)/1.05 Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:0 0 18px;color:#f8f8f5;text-transform:none}
body.homepage-light-preview .case-film__copy h2 em{color:#51c2ca;font-style:normal}
body.homepage-light-preview .case-film__copy p:not(.eyebrow){max-width:450px;color:#c4d2d0;font-size:16px;line-height:1.6}
body.homepage-light-preview .case-film__copy a{display:inline-flex;gap:25px;align-items:center;margin-top:15px;padding:13px 18px;background:#51c2ca;color:#08171b;border-radius:3px;font-weight:800}
body.homepage-light-preview .case-film__media{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#152a30,#0a1318);border:1px solid #597278;border-bottom:4px solid #dd8b46;box-shadow:0 24px 54px #0007}
body.homepage-light-preview .case-film__header,body.homepage-light-preview .case-film__footer{display:flex;justify-content:space-between;padding:14px 18px;color:#a5c2c5;font:600 11px IBM Plex Mono,monospace;letter-spacing:.08em}
body.homepage-light-preview .case-film__header{border-bottom:1px solid #40585e}
body.homepage-light-preview .case-film__footer{border-top:1px solid #40585e}
body.homepage-light-preview .case-film__footer b{color:#dd8b46}
body.homepage-light-preview .case-film__logos{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}
body.homepage-light-preview .case-film__logos a{display:grid;place-items:center;min-height:90px;border:1px solid #4a666b;background:#172b31;color:#f3f5f1;font-size:clamp(16px,2vw,24px);font-weight:800;text-align:center;padding:10px}
body.homepage-light-preview .case-film__logos a:hover{border-color:#51c2ca;background:#21434a}
@media(max-width:900px){body.homepage-light-preview .case-film{padding:42px 0}body.homepage-light-preview .case-film__grid{grid-template-columns:1fr;gap:25px}body.homepage-light-preview .case-film__media{max-width:760px;width:100%}}
@media(max-width:520px){body.homepage-light-preview .case-film__logos a{min-height:70px;font-size:16px}}
/* Film-derived identity and calmer station signage in the header. */
body.homepage-light-preview .top .brand{gap:14px!important;font-size:clamp(24px,2vw,31px)!important;letter-spacing:-.065em!important}
body.homepage-light-preview .top .brand svg{width:43px!important;height:43px!important;flex:none!important}
body.homepage-light-preview .top .brand small{font-size:9px!important;letter-spacing:.13em!important;color:#9acbd0!important}
body.homepage-light-preview .top .crydogs-language-switcher{top:4px!important;right:max(4vw,18px)!important;bottom:auto!important;z-index:40!important}
body.homepage-light-preview .top .crydogs-language-switcher summary{min-height:22px!important;padding:1px 6px!important;color:#c7d6d6!important;background:#111e23!important;border-bottom:1px solid #54737b!important;font:600 10px/20px IBM Plex Mono,monospace!important;letter-spacing:.08em!important;white-space:nowrap!important}
body.homepage-light-preview .top .crydogs-language-switcher summary span:first-child{color:#dd8b46!important}
body.homepage-light-preview .top .crydogs-language-switcher summary span:last-child{color:#51c2ca!important}
body.homepage-light-preview .top .crydogs-language-switcher img,
body.homepage-light-preview .top .crydogs-language-switcher .flag{display:none!important}
body.homepage-light-preview .top .crydogs-language-options{top:calc(100% + 8px)!important;right:0!important;min-width:250px!important;padding:8px!important;grid-template-columns:1fr 1fr!important;background:#101d22!important;border:1px solid #557179!important;box-shadow:0 25px 45px #000a!important}
body.homepage-light-preview .top .crydogs-language-options a{padding:11px 12px!important;color:#e7edeb!important;border-bottom:1px solid #29424a!important;font-size:12px!important}
body.homepage-light-preview .top .crydogs-language-options a:hover,
body.homepage-light-preview .top .crydogs-language-options a[aria-current=page]{background:#1c3941!important;color:#71d1d5!important}
/* The URL request reads as one precise control, instead of a floating white card. */
body.homepage-light-preview .editorial-hero__scan{max-width:620px!important;padding:15px 17px 14px!important;background:#13242b!important;border:1px solid #4d6a70!important;border-left:3px solid #dd8b46!important;border-radius:2px!important;box-shadow:0 16px 34px #0005!important;color:#eef4f1!important}
body.homepage-light-preview .editorial-hero__scan label{color:#abcacf!important;font:600 10px IBM Plex Mono,monospace!important;letter-spacing:.14em!important;margin:0 0 10px!important}
body.homepage-light-preview .editorial-hero__scan-row{gap:0!important;background:#f4f6f3!important;border:1px solid #a9c1c2!important;border-radius:3px!important;overflow:hidden!important}
body.homepage-light-preview .editorial-hero__scan input{min-height:51px!important;background:transparent!important;color:#102229!important;border:0!important;border-radius:0!important;padding:12px 16px!important;font-size:16px!important;box-shadow:none!important}
body.homepage-light-preview .editorial-hero__scan input::placeholder{color:#647c80!important}
body.homepage-light-preview .editorial-hero__scan button{min-height:51px!important;padding:12px 20px!important;background:#53c4ce!important;color:#071a20!important;border:0!important;border-left:1px solid #a9c1c2!important;border-radius:0!important;font-weight:800!important;white-space:nowrap!important}
body.homepage-light-preview .editorial-hero__scan button:hover{background:#7cd5dc!important}
body.homepage-light-preview .editorial-hero__scan-note{color:#a8bdc0!important;font:500 11px/1.45 Manrope,sans-serif!important;margin:10px 0 0!important}
@media(max-width:760px){body.homepage-light-preview .top .brand svg{width:35px!important;height:35px!important}body.homepage-light-preview .top .crydogs-language-switcher{top:auto!important;bottom:9px!important;right:18px!important}body.homepage-light-preview .top .crydogs-language-options{top:calc(100% + 4px)!important}}
@media(max-width:610px){body.homepage-light-preview .editorial-hero__scan-row{display:grid!important}body.homepage-light-preview .editorial-hero__scan button{border-left:0!important;border-top:1px solid #a9c1c2!important}}

/* Editorial type and calmer metro palette, inspired by the reference's scale and spacing. */
body.homepage-light-preview,body.crydogs-sitewide{--metro-type:"Helvetica Neue",Helvetica,Arial,sans-serif}
body.homepage-light-preview,body.crydogs-sitewide{--metro-silver:#c8d1d3}
body.homepage-light-preview h1,body.homepage-light-preview h2,body.homepage-light-preview h3,
body.crydogs-sitewide h1,body.crydogs-sitewide h2,body.crydogs-sitewide h3{font-family:var(--metro-type)!important;letter-spacing:-.045em!important;text-transform:none!important}
body.homepage-light-preview p,body.homepage-light-preview li,
body.crydogs-sitewide p,body.crydogs-sitewide li{font-family:var(--metro-type)}
body.homepage-light-preview .top .navlinks,body.crydogs-sitewide .top .navlinks{gap:clamp(14px,1.7vw,30px)!important;font:400 clamp(14px,1.15vw,17px)/1.25 var(--metro-type)!important;letter-spacing:-.015em!important}
body.homepage-light-preview .top .navlinks>a,body.crydogs-sitewide .top .navlinks>a,
body.homepage-light-preview .top .sitewide-service-menu summary,body.crydogs-sitewide .top .sitewide-service-menu summary{font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
body.homepage-light-preview .top .nav-cta,body.crydogs-sitewide .top .nav-cta{font:500 14px/1.2 var(--metro-type)!important;letter-spacing:0!important;text-transform:none!important;border-radius:100px!important;padding:13px 21px!important;background:transparent!important}
body.homepage-light-preview .editorial-hero{background:linear-gradient(105deg,#080d11 0%,#0b1419 62%,#14252a 100%)!important}
body.homepage-light-preview .editorial-hero:before{background:radial-gradient(circle at 80% 30%,#55bdc30d,transparent 45%)!important}
body.homepage-light-preview .editorial-hero__eyebrow{font:500 12px/1.4 var(--metro-type)!important;letter-spacing:.01em!important;text-transform:none!important;color:#9fc7ca!important}
body.homepage-light-preview .editorial-hero__eyebrow:before{width:28px;height:2px;margin-bottom:4px}
#hero-preview .editorial-hero h1{font:500 clamp(52px,5.2vw,82px)/1.02 var(--metro-type)!important;letter-spacing:-.06em!important;max-width:680px!important}
body.homepage-light-preview .editorial-hero__lead{font:400 clamp(17px,1.4vw,21px)/1.5 var(--metro-type)!important;max-width:520px!important;color:#c8d0d0!important}
body.homepage-light-preview .editorial-hero__scan{background:transparent!important;border:0!important;border-left:0!important;box-shadow:none!important;padding:0!important;margin-top:38px!important}
body.homepage-light-preview .editorial-hero__scan label{font:500 14px/1.2 var(--metro-type)!important;letter-spacing:0!important;text-transform:none!important;color:#e5eded!important}
body.homepage-light-preview .editorial-hero__scan-row{border-radius:12px!important;border:1px solid #aec4c7!important}
body.homepage-light-preview .editorial-hero__scan button{font:600 15px var(--metro-type)!important;padding:12px 23px!important}
body.homepage-light-preview .editorial-hero__scan-note{font:400 13px/1.5 var(--metro-type)!important;color:#9aaeb1!important}
body.homepage-light-preview .editorial-hero__work{border:0!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 28px 70px #0009!important}
body.homepage-light-preview .editorial-hero__work-head,body.homepage-light-preview .editorial-hero__work figcaption{border:0!important;font-family:var(--metro-type)!important;letter-spacing:0!important}
body.homepage-light-preview .editorial-hero__work-head{font-size:13px!important}
body.homepage-light-preview .case-film{border-top:0!important;border-bottom:0!important}
body.homepage-light-preview .case-film__copy h2{font:500 clamp(42px,4.2vw,68px)/1.04 var(--metro-type)!important;letter-spacing:-.055em!important}
body.homepage-light-preview .case-film__copy p:not(.eyebrow){font:400 18px/1.5 var(--metro-type)!important}
body.homepage-light-preview .case-film__media{border:0!important;border-radius:14px!important;overflow:hidden!important}
body.homepage-light-preview .case-film__logos a{font:500 clamp(18px,1.7vw,25px)/1.2 var(--metro-type)!important;border:0!important;background:#20333a!important}
body.homepage-light-preview .case-film__copy a{border-radius:100px!important;font:500 15px var(--metro-type)!important}
@media(max-width:760px){body.homepage-light-preview .top .navlinks,body.crydogs-sitewide .top .navlinks{font-size:16px!important}body.homepage-light-preview .editorial-hero__scan{margin-top:24px!important}#hero-preview .editorial-hero h1{font-size:clamp(40px,10vw,58px)!important}}

/* Persistent path to the real, human-reviewed sitecheck. */
.crydogs-scan-pill{position:fixed;z-index:84;left:50%;bottom:24px;transform:translate(-50%,120px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:26px;padding:14px 15px 14px 25px;border:1px solid #799399;border-radius:100px;background:#15262be8;backdrop-filter:blur(14px);color:#fff;font:500 15px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow:0 15px 40px #0006;cursor:pointer;transition:transform .25s,opacity .25s}
.crydogs-scan-pill.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.crydogs-scan-pill b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--metro-cyan,#51c2ca);color:#0b1c20;font-size:23px;font-weight:400;line-height:1}
.crydogs-scan-pill:hover{border-color:var(--metro-cyan,#51c2ca);background:#1b373e}
.crydogs-scan-pill:focus-visible{outline:3px solid #f4b265;outline-offset:3px}
body.homepage-light-preview .hp-sticky{display:none!important}
body.homepage-light-preview .hp-contact-shell{background:#090e12!important;padding:clamp(65px,7vw,120px) 0!important;color:#f5f6f4!important}
body.homepage-light-preview .hp-request{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:clamp(40px,7vw,110px)!important;align-items:start!important}
body.homepage-light-preview .hp-request-intro{padding:20px 0!important;max-width:480px!important}
body.homepage-light-preview .hp-request-intro h2{font:500 clamp(43px,4.6vw,74px)/1.03 var(--metro-type)!important;letter-spacing:-.055em!important;color:#fff!important;margin:12px 0 25px!important}
body.homepage-light-preview .hp-request-intro>p:last-child{color:#bfcacb!important;font:400 18px/1.55 var(--metro-type)!important}
body.homepage-light-preview #hp-form{background:#f7f8f6!important;color:#142126!important;border:0!important;border-radius:22px!important;padding:clamp(28px,4vw,55px)!important;box-shadow:0 30px 65px #0006!important}
body.homepage-light-preview #hp-form label{color:#344447!important;font:500 14px/1.4 var(--metro-type)!important}
body.homepage-light-preview #hp-form input:not([type=checkbox]),body.homepage-light-preview #hp-form textarea,body.homepage-light-preview #hp-form select{background:#fff!important;color:#182a2e!important;border:1px solid #aababe!important;border-radius:10px!important;box-shadow:none!important;font:400 16px/1.4 var(--metro-type)!important}
body.homepage-light-preview #hp-form button[type=submit]{border-radius:100px!important;font:500 15px var(--metro-type)!important;padding:15px 23px!important}
body.homepage-light-preview #hp-form-note,body.homepage-light-preview #hp-form .hp-consent{color:#596b6d!important;font:400 13px/1.5 var(--metro-type)!important}
@media(max-width:760px){body.homepage-light-preview .hp-request{grid-template-columns:1fr!important;gap:20px!important}body.homepage-light-preview .hp-contact-shell{padding:54px 0!important}body.homepage-light-preview .hp-request-intro h2{font-size:42px!important}.crydogs-scan-pill{bottom:16px;padding:11px 12px 11px 19px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.crydogs-scan-pill{transition:none}}

/* Quiet station-board treatment for the eight questions. */
body.homepage-light-preview .hp-topline>span:first-child,body.homepage-light-preview .hp-topline>span:last-child,body.homepage-light-preview .hp-guide,body.homepage-light-preview .hp-eyebrow,body.homepage-light-preview .hp-module-head,body.homepage-light-preview .hp-result-note{display:none!important}
body.homepage-light-preview .hp-hero{background:#f1f3f1!important;padding:75px 0 80px!important}
body.homepage-light-preview .hp-hero h2#hp-title{font:500 clamp(44px,4.5vw,70px)/1.04 var(--metro-type)!important;color:#102027!important;letter-spacing:-.055em!important;text-transform:none!important}
body.homepage-light-preview .hp-hero h2#hp-title em{color:#0b8898!important}
body.homepage-light-preview .hp-intro{font:400 18px/1.55 var(--metro-type)!important;color:#526569!important;max-width:640px!important}
body.homepage-light-preview .hp-command{background:#fff!important;border:1px solid #d4dedd!important;border-radius:18px!important;padding:30px!important;box-shadow:0 13px 35px #12252a0b!important}
body.homepage-light-preview .hp-command-head,body.homepage-light-preview .hp-status-mark,body.homepage-light-preview .hp-prompt{display:none!important}
body.homepage-light-preview .hp-command-title{font:500 clamp(28px,2.5vw,38px)/1.15 var(--metro-type)!important;color:#102027!important}
body.homepage-light-preview .hp-command-intro,body.homepage-light-preview .hp-honesty{font:400 15px/1.5 var(--metro-type)!important;color:#5c6d70!important}
body.homepage-light-preview .hp-command label{font:500 14px var(--metro-type)!important;color:#31454b!important}
body.homepage-light-preview .hp-entry{background:#fff!important;border:1px solid #b7c5c7!important;border-radius:10px!important;overflow:hidden!important}
body.homepage-light-preview .hp-entry input{font:400 16px var(--metro-type)!important;color:#12262b!important;background:#fff!important}
body.homepage-light-preview .hp-button-scan,body.homepage-light-preview .hp-button-change{border-radius:100px!important;font:500 15px var(--metro-type)!important;letter-spacing:0!important}
body.homepage-light-preview .hp-status{background:transparent!important;border:0!important;color:#63807c!important;font:400 13px var(--metro-type)!important}
body.homepage-light-preview .hp-modules{gap:12px!important}
body.homepage-light-preview .hp-module{background:#fff!important;color:#12262b!important;border:1px solid #d3dcda!important;border-radius:12px!important;box-shadow:none!important;clip-path:none!important;padding:22px!important;min-height:140px!important}
body.homepage-light-preview .hp-module .hp-module-top{display:flex!important;justify-content:flex-end!important;height:10px!important;margin:0 0 7px!important}
body.homepage-light-preview .hp-module-top span{display:none!important}
body.homepage-light-preview .hp-module strong{font:500 clamp(20px,1.8vw,27px)/1.13 var(--metro-type)!important;letter-spacing:-.03em!important;color:#12262b!important;text-transform:none!important}
body.homepage-light-preview .hp-module small{font:400 14px/1.42 var(--metro-type)!important;color:#597073!important;letter-spacing:0!important}
body.homepage-light-preview .hp-module:hover,body.homepage-light-preview .hp-module[aria-pressed=true]{background:#e9f5f5!important;border-color:#55bcc4!important;box-shadow:none!important}
body.homepage-light-preview .hp-module:focus-visible{outline:3px solid #d99452!important;outline-offset:3px!important}
@media(max-width:760px){body.homepage-light-preview .hp-hero{padding:50px 0 55px!important}body.homepage-light-preview .hp-command{padding:22px!important}body.homepage-light-preview .hp-module{min-height:112px!important;padding:16px!important}body.homepage-light-preview .hp-module strong{font-size:19px!important}body.homepage-light-preview .hp-module small{font-size:12px!important}}

/* One readable check panel followed by a calm, four-column question grid. */
body.homepage-light-preview .hp-inner{display:block!important}
body.homepage-light-preview .hp-command{width:100%!important;max-width:730px!important;margin:28px 0 0!important;clip-path:none!important}
body.homepage-light-preview .hp-command:before,body.homepage-light-preview .hp-module:before{display:none!important}
body.homepage-light-preview .hp-entry{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important}
body.homepage-light-preview .hp-entry input{display:block!important;grid-column:1!important;min-width:0!important;width:100%!important;padding:16px 18px!important}
body.homepage-light-preview .hp-entry .hp-button{grid-column:2!important;min-width:210px!important;padding:14px 20px!important}
body.homepage-light-preview .hp-modules{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;margin-top:40px!important}
body.homepage-light-preview .hp-module{width:100%!important;min-width:0!important;transform:none!important}
body.homepage-light-preview .hp-module strong{margin:15px 0 7px!important}
@media(max-width:1000px){body.homepage-light-preview .hp-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body.homepage-light-preview .hp-entry{grid-template-columns:1fr!important}body.homepage-light-preview .hp-entry input,body.homepage-light-preview .hp-entry .hp-button{grid-column:1!important;min-width:0!important}body.homepage-light-preview .hp-entry .hp-button{justify-content:center!important}body.homepage-light-preview .hp-modules{gap:9px!important;margin-top:26px!important}}

/* The portfolio shows the work itself, with room for the second film. */
body.homepage-light-preview .case-film{padding:88px 0 92px!important;background:#10191e!important}
body.homepage-light-preview .case-film__intro{display:flex;justify-content:space-between;align-items:end;gap:24px}
body.homepage-light-preview .case-film__intro h2{margin:0;color:#f5f7f5;font:500 clamp(40px,4.5vw,68px)/1.04 var(--metro-type);letter-spacing:-.055em}
body.homepage-light-preview .case-film__intro>a{flex:none;color:#eaf4f4;border:1px solid #6d8589;border-radius:100px;padding:14px 22px;font:500 15px var(--metro-type)}
body.homepage-light-preview .case-film__intro>a:hover{background:#72c9d0;color:#0b1b20}
body.homepage-light-preview .case-film__lead{max-width:680px;margin:19px 0 33px;color:#b7c5c8;font:400 17px/1.55 var(--metro-type)}
body.homepage-light-preview .case-film__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
body.homepage-light-preview .case-film__gallery>a{display:flex;flex-direction:column;min-width:0;color:#f3f6f5;text-decoration:none}
body.homepage-light-preview .case-film__image{display:block;width:100%;aspect-ratio:390/760;overflow:hidden;border:7px solid #27363b;border-radius:24px;background:#e9eceb;box-shadow:0 0 0 1px #7d9398,0 22px 42px #0008,0 0 28px #81d3de18;transition:border-color .25s ease,box-shadow .25s ease}
body.homepage-light-preview .case-film__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
body.homepage-light-preview .case-film__gallery>a:hover .case-film__image,body.homepage-light-preview .case-film__gallery>a:focus-visible .case-film__image{border-color:#a7c2c6;box-shadow:0 0 0 1px #d7e9ea,0 26px 50px #000a,0 0 36px #81d3de44}
body.homepage-light-preview .case-film__gallery strong{font:500 clamp(18px,1.7vw,24px)/1.2 var(--metro-type);margin:20px 0 5px}
body.homepage-light-preview .case-film__gallery>a>span:last-child{font:400 14px/1.4 var(--metro-type);color:#a9bcc0}
body.homepage-light-preview .case-film__next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:46px;padding:24px 0;border-top:1px solid #46595e;border-bottom:1px solid #46595e;color:#91b4b9;font:500 12px var(--mono);letter-spacing:.07em}
body.homepage-light-preview .case-film__next p{margin:0;color:#e9f1f1;font:400 16px var(--metro-type);letter-spacing:0}
@media(max-width:900px){body.homepage-light-preview .case-film__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:560px){body.homepage-light-preview .case-film{padding:54px 0!important}body.homepage-light-preview .case-film__intro{display:block}body.homepage-light-preview .case-film__intro>a{display:inline-block;margin-top:23px}body.homepage-light-preview .case-film__gallery{gap:24px 10px}body.homepage-light-preview .case-film__image{border-width:4px;border-radius:15px}body.homepage-light-preview .case-film__gallery strong{font-size:16px;margin-top:13px}body.homepage-light-preview .case-film__gallery>a>span:last-child{font-size:12px}body.homepage-light-preview .case-film__next{display:block}body.homepage-light-preview .case-film__next p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){body.homepage-light-preview .case-film__image{transition:none}}
/* Simplify the remaining service selector and restore clear contrast. */
body.homepage-light-preview #diensten{background:#f4f6f3!important}
body.homepage-light-preview #diensten .section-head h2{font:500 clamp(39px,4.2vw,64px)/1.06 var(--metro-type)!important;color:#14252a!important;letter-spacing:-.055em!important}
body.homepage-light-preview #diensten .section-head>p{color:#506367!important;font:400 17px/1.55 var(--metro-type)!important}
body.homepage-light-preview #diensten .signal-lights{display:none!important}
body.homepage-light-preview #diensten .service-layout{border:0!important;border-radius:12px!important;overflow:hidden!important;background:#122127!important}
body.homepage-light-preview #diensten .service-btn{border-color:#344950!important;background:transparent!important;color:#dce7e7!important;padding:19px 22px!important}
body.homepage-light-preview #diensten .service-btn:hover,body.homepage-light-preview #diensten .service-btn[aria-selected=true]{background:#20363d!important;color:#fff!important}
body.homepage-light-preview #diensten .service-btn .num,body.homepage-light-preview #diensten .service-btn .arr,body.homepage-light-preview #diensten .service-content .tag{display:none!important}
body.homepage-light-preview #diensten .service-btn strong{font:500 clamp(15px,1.25vw,19px)/1.25 var(--metro-type)!important;letter-spacing:-.01em!important}
body.homepage-light-preview #diensten .service-content{background:#16292f!important;color:#eef5f4!important;border:0!important;padding:clamp(28px,3.5vw,56px)!important}
body.homepage-light-preview #diensten .service-content h3{font:500 clamp(32px,3vw,47px)/1.08 var(--metro-type)!important;color:#fff!important;letter-spacing:-.045em!important}
body.homepage-light-preview #diensten .service-content p,body.homepage-light-preview #diensten .service-content li{font:400 16px/1.55 var(--metro-type)!important;color:#d2dfdf!important}
body.homepage-light-preview #diensten .service-content .checks li{border-color:#385258!important}
body.homepage-light-preview #diensten .service-content .link{font:500 15px var(--metro-type)!important;color:#75d0d7!important}

/* Compact mobile header: identity and language first, actions beneath. */
@media(max-width:760px){
  body.homepage-light-preview .top .nav,body.crydogs-sitewide .top .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:12px!important;height:auto!important;min-height:0!important;padding:16px 0 14px!important;align-items:center!important}
  body.homepage-light-preview .top .brand,body.crydogs-sitewide .top .brand{grid-column:1/-1!important;grid-row:1!important;width:max-content!important;max-width:calc(100% - 120px)!important;min-width:0!important;margin:0!important}
  body.homepage-light-preview .top .brand .brand-word,body.crydogs-sitewide .top .brand .brand-word{font-size:25px!important}
  body.homepage-light-preview .top .brand small,body.crydogs-sitewide .top .brand small{font-size:7px!important;letter-spacing:.2px!important;white-space:nowrap!important}
  body.homepage-light-preview .top .nav-cta,body.crydogs-sitewide .top .nav-cta{grid-column:1!important;grid-row:2!important;justify-self:start!important;margin:0!important;padding:10px 16px!important;font-size:12px!important}
  body.homepage-light-preview .top .mobile-nav-toggle,body.crydogs-sitewide .top .mobile-nav-toggle{grid-column:2!important;grid-row:2!important;width:auto!important;margin:0!important;padding:10px 13px!important;border:1px solid #59717a!important;border-radius:100px!important;color:#e9f0ee!important}
  body.homepage-light-preview .top .crydogs-language-switcher,body.crydogs-sitewide .top .crydogs-language-switcher{top:23px!important;right:18px!important;bottom:auto!important}
  body.homepage-light-preview .top .navlinks,body.crydogs-sitewide .top .navlinks{grid-column:1/-1!important;grid-row:3!important;width:100%!important;max-width:none!important}
  .sitewide-service-menu summary span{display:none!important}
}

/* Editorial navigation: one clear services entry, no duplicate platform links. */
body.homepage-light-preview .top,
body.crydogs-sitewide .top,
body.crydogs-sitewide .site-header{
  background:linear-gradient(105deg,#080d11 0%,#0b1419 62%,#14252a 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.homepage-light-preview .top .navlinks,
body.crydogs-sitewide .top .navlinks,
body.crydogs-sitewide .site-header .desktop-nav{
  gap:clamp(30px,3vw,48px)!important;
  font:500 clamp(19px,1.5vw,22px)/1.2 var(--metro-type)!important;
  letter-spacing:-.025em!important;
}
body.crydogs-sitewide .site-header .desktop-nav a,
body.crydogs-sitewide .site-header .desktop-nav summary{font:inherit!important;letter-spacing:inherit!important;color:#f0f4f2!important}
body.homepage-light-preview .top .nav-cta,
body.crydogs-sitewide .top .nav-cta,
body.crydogs-sitewide .site-header .header-contact{font-size:15px!important}
body.homepage-light-preview .sitewide-service-links,
body.crydogs-sitewide .sitewide-service-links{padding:52px 58px!important;width:min(1240px,calc(100vw - 72px))!important;gap:38px!important}
body.homepage-light-preview .metro-mega__intro h2,
body.crydogs-sitewide .metro-mega__intro h2{font-size:clamp(35px,3vw,46px)!important}
body.homepage-light-preview .sitewide-service-links .metro-mega__column>a,
body.crydogs-sitewide .sitewide-service-links .metro-mega__column>a{font-size:clamp(23px,1.9vw,28px)!important;line-height:1.35!important}

/* Language choice reads as a navigation item; its panel is spacious and quiet. */
body.homepage-light-preview .top .crydogs-language-switcher,
body.crydogs-sitewide .top .crydogs-language-switcher,
body.crydogs-sitewide .site-header .crydogs-language-switcher{
  top:24px!important;
  right:calc(max(4vw,(100vw - 1280px)/2) + 245px)!important;
  bottom:auto!important;
  z-index:110!important;
}
body.homepage-light-preview .crydogs-language-switcher summary,
body.crydogs-sitewide .crydogs-language-switcher summary{
  min-height:42px!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#edf2f0!important;
  font:500 18px/1.2 var(--metro-type)!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body.homepage-light-preview .crydogs-language-switcher summary span:first-child,
body.crydogs-sitewide .crydogs-language-switcher summary span:first-child{display:none!important}
body.homepage-light-preview .crydogs-language-switcher summary span:last-child,
body.crydogs-sitewide .crydogs-language-switcher summary span:last-child{color:#82cbd1!important;font-size:18px!important;margin-left:7px!important}
body.homepage-light-preview .crydogs-language-options,
body.crydogs-sitewide .crydogs-language-options{
  top:calc(100% + 14px)!important;
  right:-18px!important;
  min-width:370px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0 12px!important;
  background:#f5f6f3!important;
  color:#17272b!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 24px 65px #0007!important;
}
body.homepage-light-preview .crydogs-language-options a,
body.crydogs-sitewide .crydogs-language-options a{
  padding:12px 10px!important;
  color:#17272b!important;
  border-bottom:1px solid #dce2df!important;
  font:400 17px/1.3 var(--metro-type)!important;
  letter-spacing:-.015em!important;
}
body.homepage-light-preview .crydogs-language-options a:hover,
body.crydogs-sitewide .crydogs-language-options a:hover,
body.homepage-light-preview .crydogs-language-options a[aria-current=page],
body.crydogs-sitewide .crydogs-language-options a[aria-current=page]{background:#e3f0ef!important;color:#087c8d!important}

/* Align the film with the start of the message, not the form's bottom edge. */
body.homepage-light-preview .editorial-hero{padding-top:clamp(36px,3.5vw,56px)!important}
body.homepage-light-preview .editorial-hero__grid{align-items:start!important}
body.homepage-light-preview .editorial-hero__work{margin-top:-10px!important}
@media(max-width:1180px){
  body.homepage-light-preview .top .crydogs-language-switcher,
  body.crydogs-sitewide .top .crydogs-language-switcher,
  body.crydogs-sitewide .site-header .crydogs-language-switcher{top:2px!important;right:5vw!important}
  body.homepage-light-preview .crydogs-language-switcher summary,
  body.crydogs-sitewide .crydogs-language-switcher summary{font-size:15px!important}
}
@media(max-width:760px){
  body.homepage-light-preview .top .crydogs-language-switcher,
  body.crydogs-sitewide .top .crydogs-language-switcher,
  body.crydogs-sitewide .site-header .crydogs-language-switcher{top:19px!important;right:18px!important;bottom:auto!important}
  body.homepage-light-preview .crydogs-language-switcher summary,
  body.crydogs-sitewide .crydogs-language-switcher summary{font-size:15px!important;min-height:30px!important}
  body.homepage-light-preview .crydogs-language-options,
  body.crydogs-sitewide .crydogs-language-options{min-width:min(350px,calc(100vw - 36px))!important;right:0!important;padding:14px!important}
  body.homepage-light-preview .crydogs-language-options a,
  body.crydogs-sitewide .crydogs-language-options a{font-size:15px!important;padding:10px!important}
  body.homepage-light-preview .top .navlinks,
  body.crydogs-sitewide .top .navlinks{font-size:20px!important}
  body.homepage-light-preview .sitewide-service-links,
  body.crydogs-sitewide .sitewide-service-links{width:100%!important;padding:22px!important;gap:20px!important}
  body.homepage-light-preview .sitewide-service-links .metro-mega__column>a,
  body.crydogs-sitewide .sitewide-service-links .metro-mega__column>a{font-size:17px!important}
  body.homepage-light-preview .editorial-hero__work{margin-top:0!important}
}

body.homepage-light-preview .top .sitewide-service-menu summary,
body.crydogs-sitewide .top .sitewide-service-menu summary,
body.crydogs-sitewide .site-header .sitewide-service-menu summary{text-decoration:none!important;border-bottom:0!important}
.sitewide-service-menu summary::after{display:none!important;content:none!important}
body.homepage-light-preview .top .crydogs-language-switcher summary,
body.crydogs-sitewide .top .crydogs-language-switcher summary,
body.crydogs-sitewide .site-header .crydogs-language-switcher summary{
  background:transparent!important;
  border:0!important;
  color:#edf2f0!important;
  font:500 18px/1.2 var(--metro-type)!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  min-height:42px!important;
  padding:5px 0!important;
}
body.homepage-light-preview .top .crydogs-language-options,
body.crydogs-sitewide .top .crydogs-language-options,
body.crydogs-sitewide .site-header .crydogs-language-options{min-width:370px!important;padding:20px!important;background:#f5f6f3!important;border:0!important;border-radius:18px!important;box-shadow:0 24px 65px #0007!important}
body.homepage-light-preview .top .crydogs-language-options a,
body.crydogs-sitewide .top .crydogs-language-options a,
body.crydogs-sitewide .site-header .crydogs-language-options a{font:400 17px/1.3 var(--metro-type)!important;color:#17272b!important;border-bottom:1px solid #dce2df!important}
@media(max-width:1180px){
  body.homepage-light-preview .top .crydogs-language-switcher summary,
  body.crydogs-sitewide .top .crydogs-language-switcher summary,
  body.crydogs-sitewide .site-header .crydogs-language-switcher summary{font-size:15px!important}
}
@media(max-width:760px){
  body.homepage-light-preview .top .crydogs-language-switcher summary,
  body.crydogs-sitewide .top .crydogs-language-switcher summary,
  body.crydogs-sitewide .site-header .crydogs-language-switcher summary{font-size:15px!important;min-height:30px!important}
  body.homepage-light-preview .top .crydogs-language-options a,
  body.crydogs-sitewide .top .crydogs-language-options a,
  body.crydogs-sitewide .site-header .crydogs-language-options a{font-size:15px!important}
  body.homepage-light-preview .top .crydogs-language-options,
  body.crydogs-sitewide .top .crydogs-language-options,
  body.crydogs-sitewide .site-header .crydogs-language-options{min-width:min(350px,calc(100vw - 36px))!important;padding:14px!important}
}

/* The train's brushed silver is the action colour across the site. */
body.homepage-light-preview .editorial-hero__scan button,
body.homepage-light-preview .hp-button-scan,
body.homepage-light-preview #hp-form button[type=submit],
body.crydogs-sitewide .btn,
body.crydogs-sitewide a.button,
body.crydogs-sitewide button.button,
body.crydogs-sitewide .landing-magento .lm-button:not(.lm-button-secondary){background:linear-gradient(110deg,#e7eff0 0%,#a6bac0 48%,#d7e3e5 100%)!important;border-color:#b9cbd0!important;color:#10191d!important;box-shadow:inset 0 1px #fff9,0 7px 18px #0002!important}
body.homepage-light-preview .editorial-hero__scan button:hover,
body.homepage-light-preview .hp-button-scan:hover,
body.homepage-light-preview #hp-form button[type=submit]:hover,
body.crydogs-sitewide .btn:hover,
body.crydogs-sitewide a.button:hover,
body.crydogs-sitewide button.button:hover{background:linear-gradient(110deg,#f2f8f8 0%,#bcd8dd 48%,#e8f2f3 100%)!important;border-color:#bcd8dd!important;color:#10191d!important}
body.homepage-light-preview .top .nav-cta,
body.crydogs-sitewide .top .nav-cta,
body.crydogs-sitewide .site-header .header-contact,
body.homepage-light-preview .hp-button-change{border-color:#9aaeb3!important;color:#e1e8e9!important}
body.homepage-light-preview .top .nav-cta:hover,
body.crydogs-sitewide .top .nav-cta:hover,
body.crydogs-sitewide .site-header .header-contact:hover,
body.homepage-light-preview .hp-button-change:hover{background:#c8d1d3!important;color:#10191d!important}

/* Let the film and the service promise carry the first screen. */
body.homepage-light-preview .editorial-hero__eyebrow,
body.homepage-light-preview .editorial-hero__scan,
body.homepage-light-preview .editorial-hero__actions,
body.homepage-light-preview .editorial-hero__platforms,
body.homepage-light-preview .editorial-hero__work-head,
body.homepage-light-preview .editorial-hero__work figcaption{display:none!important}
body.homepage-light-preview .editorial-hero__grid{align-items:center!important}
body.homepage-light-preview .editorial-hero__copy{padding:30px 0!important}
body.homepage-light-preview .crydogs-scan-pill{background:linear-gradient(110deg,#e7eff0,#a6bac0 48%,#d7e3e5)!important;border-color:#c7d4d7!important;color:#10191d!important;box-shadow:inset 0 1px #fff9,0 14px 38px #0006!important}
body.homepage-light-preview .crydogs-scan-pill:hover{background:linear-gradient(110deg,#f2f8f8,#bcd8dd 48%,#e8f2f3)!important}
body.homepage-light-preview .top .brand-word,
body.crydogs-sitewide .top .brand-word{font-family:var(--metro-type)!important;font-weight:400!important;letter-spacing:-.055em!important;text-shadow:0 0 1px #e0edf1a0}
@media(min-width:761px){
  body.homepage-light-preview .editorial-hero{min-height:calc(100svh - 78px)!important;box-sizing:border-box;display:flex!important;align-items:flex-start!important;padding-top:72px!important}
  body.homepage-light-preview .editorial-hero>.wrap{width:min(1280px,calc(100% - 88px))!important;margin-inline:auto!important}
}

/* The project wall should feel like a proper portfolio, not a thin sponsor strip. */
body.homepage-light-preview .hp-proof-band{padding:34px 0!important}
body.homepage-light-preview .hp-proof-band .hero-clients{grid-template-columns:180px minmax(0,1fr)!important;gap:22px!important;min-height:156px!important;align-items:center!important}
body.homepage-light-preview .hp-proof-band .hero-clients__label{font:500 19px/1.25 var(--metro-type)!important;letter-spacing:-.02em!important;text-transform:none!important;color:#e9eff0!important}
body.homepage-light-preview .hp-proof-band .hero-clients__label strong{font-weight:500!important;color:#9bbec2!important;text-transform:none!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos{gap:14px!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a{height:142px!important;padding:15px!important;border-radius:12px!important;background:#17252a!important;transition:background .25s,border-color .25s,transform .25s!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:hover{background:#dbe4e5!important;border-color:#dbe4e5!important;transform:translateY(-3px)!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos img{max-height:98px!important;max-width:90%!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:nth-child(3) img{max-height:72px!important}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:nth-child(4) img{max-height:78px!important}
@media(max-width:800px){
 body.homepage-light-preview .hp-proof-band{padding:28px 0!important}
 body.homepage-light-preview .hp-proof-band .hero-clients{display:block!important;min-height:0!important}
 body.homepage-light-preview .hp-proof-band .hero-clients__label{display:block!important;margin:0 0 18px!important}
 body.homepage-light-preview .hp-proof-band .hero-clients__label strong{display:inline!important;margin-left:5px!important}
 body.homepage-light-preview .hp-proof-band .hero-clients__logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.homepage-light-preview .hp-proof-band .hero-clients__logos a{height:105px!important}
 body.homepage-light-preview .hp-proof-band .hero-clients__logos img{max-height:76px!important}
}
@media(max-width:760px){body.homepage-light-preview .editorial-hero{min-height:calc(100svh - 90px)!important;box-sizing:border-box}}

/* The sitecheck continues the station after the project wall. The narrow light
   catches the same cool reflections as the platform in the film. */
body.homepage-light-preview .hp-hero{position:relative!important;overflow:hidden!important;background:radial-gradient(ellipse 60% 55% at 95% 25%,#253b43 0%,transparent 75%),linear-gradient(145deg,#10191d 0%,#17262b 65%,#10191d 100%)!important;padding:106px 0 110px!important;border-top:1px solid #4b646b!important;color:#edf2f2!important}
body.homepage-light-preview .hp-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#9ec5cf 20%,#e5f7f8 51%,#8eb2be 80%,transparent 100%);box-shadow:0 0 18px 3px #98cfdf77;pointer-events:none}
body.homepage-light-preview .hp-grid{opacity:.08!important}
body.homepage-light-preview .hp-topline{display:none!important}
body.homepage-light-preview .hp-hero[data-metro-rush] .hp-topline{display:block!important;position:absolute!important;top:20px;left:0;width:100%;height:40px;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none}
body.homepage-light-preview .hp-hero[data-metro-rush] .hp-mission-ticker,
body.homepage-light-preview .hp-hero[data-metro-rush] .hp-mission-track{display:block!important;width:max-content!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;white-space:nowrap!important}
body.homepage-light-preview .hp-hero[data-metro-rush] .hp-mission-track{transform:translateX(100vw);opacity:0}
body.homepage-light-preview .hp-hero[data-metro-rush].metro-rush-visible .hp-mission-track{animation:metro-rush-past 2.25s linear 1 both}
body.homepage-light-preview .hp-hero[data-metro-rush] .hp-mission-track em{display:block!important;font:500 clamp(22px,2.4vw,32px)/1.2 var(--metro-type)!important;font-style:normal!important;letter-spacing:-.045em!important;color:#dce9eb!important;text-shadow:0 0 14px #a5d0d88c}
@keyframes metro-rush-past{0%{transform:translateX(100vw);opacity:0;filter:blur(7px)}9%{opacity:1;filter:blur(2px)}68%{opacity:1;filter:blur(2px)}100%{transform:translateX(-110%);opacity:0;filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){body.homepage-light-preview .hp-hero[data-metro-rush] .hp-topline{display:none!important}body.homepage-light-preview .hp-hero[data-metro-rush].metro-rush-visible .hp-mission-track{animation:none}}
body.homepage-light-preview .hp-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:8%!important;align-items:start!important}
body.homepage-light-preview .hp-hero h2#hp-title{grid-column:1!important;grid-row:1!important;margin:0!important;font:400 clamp(48px,5vw,82px)/1.04 var(--metro-type)!important;letter-spacing:-.06em!important;color:#f2f5f5!important}
body.homepage-light-preview .hp-hero h2#hp-title em{font-style:normal!important;color:#a7c2c8!important}
body.homepage-light-preview .hp-intro{grid-column:1!important;grid-row:2!important;max-width:520px!important;margin:27px 0 0!important;font:400 clamp(18px,1.45vw,22px)/1.45 var(--metro-type)!important;color:#b6c5c8!important}
body.homepage-light-preview .hp-command{grid-column:2!important;grid-row:1 / span 2!important;width:100%!important;max-width:none!important;margin:0!important;padding:35px!important;border:1px solid #667d84!important;border-radius:18px!important;background:linear-gradient(135deg,#27383e 0%,#18272c 80%)!important;box-shadow:inset 0 1px #eef9fa2b,0 24px 55px #050b0d50!important}
body.homepage-light-preview .hp-command-title{font:400 clamp(30px,2.6vw,42px)/1.12 var(--metro-type)!important;letter-spacing:-.045em!important;color:#f3f6f6!important}
body.homepage-light-preview .hp-command-intro{font:400 17px/1.45 var(--metro-type)!important;color:#b5c7ca!important}
body.homepage-light-preview .hp-command label{font:500 16px/1.3 var(--metro-type)!important;color:#e2edef!important}
body.homepage-light-preview .hp-entry{border:1px solid #9eafb3!important;border-radius:9px!important;background:#edf3f3!important}
body.homepage-light-preview .hp-entry input{background:#edf3f3!important;color:#152329!important;font:400 17px var(--metro-type)!important}
body.homepage-light-preview .hp-entry input::placeholder{color:#71848a!important}
body.homepage-light-preview .hp-button-scan{background:linear-gradient(110deg,#e7eff0,#a6bac0 48%,#d7e3e5)!important;border:0!important;border-left:1px solid #b6c6ca!important;color:#102027!important;font-size:16px!important}
body.homepage-light-preview .hp-button-change{background:none!important;border:0!important;padding:16px 0 3px!important;border-radius:0!important;text-decoration:underline;text-underline-offset:5px;color:#d4e3e5!important;font-size:16px!important}
body.homepage-light-preview .hp-honesty{margin:17px 0 0!important;font:400 14px/1.45 var(--metro-type)!important;color:#a7b9bd!important}
body.homepage-light-preview .hp-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.homepage-light-preview .hp-module-head{display:block!important;grid-column:1 / -1!important;grid-row:3!important;margin:75px 0 18px!important;padding:0!important;border:0!important;font:400 clamp(25px,2.2vw,34px)/1.2 var(--metro-type)!important;letter-spacing:-.035em!important;color:#e8f0f1!important}
body.homepage-light-preview .hp-modules{grid-column:1 / -1!important;grid-row:4!important;margin:0!important;gap:12px!important}
body.homepage-light-preview .hp-module{position:relative!important;min-height:142px!important;padding:22px!important;border:1px solid #5e747b!important;border-radius:11px!important;background:linear-gradient(145deg,#26383e,#19282d)!important;box-shadow:inset 0 1px #efffff1c!important;text-align:left!important}
body.homepage-light-preview .hp-module .hp-module-top{height:5px!important;margin:0!important;justify-content:flex-start!important}
body.homepage-light-preview .hp-module .hp-led{width:28px!important;height:2px!important;border-radius:0!important;background:#a7cbd1!important;box-shadow:0 0 11px #a7cbd1a0!important}
body.homepage-light-preview .hp-module strong{display:block!important;margin:24px 0 7px!important;font:400 clamp(23px,2vw,31px)/1.12 var(--metro-type)!important;color:#eff5f5!important;letter-spacing:-.04em!important}
body.homepage-light-preview .hp-module small{display:block!important;font:400 15px/1.35 var(--metro-type)!important;color:#b4c5c8!important}
body.homepage-light-preview .hp-module:hover,body.homepage-light-preview .hp-module[aria-pressed=true]{background:linear-gradient(145deg,#3b555e,#253a40)!important;border-color:#b3ccd1!important;box-shadow:inset 0 1px #fff5,0 7px 23px #0004!important}
body.homepage-light-preview .hp-module[aria-pressed=true]::after{content:"✓";position:absolute;top:14px;right:18px;font-size:23px;color:#dcebed}
body.homepage-light-preview .hp-module:focus-visible{outline:2px solid #dcebed!important;outline-offset:4px!important}
@media(max-width:1000px){body.homepage-light-preview .hp-inner{column-gap:5%!important}body.homepage-light-preview .hp-command{padding:25px!important}}
@media(max-width:760px){body.homepage-light-preview .hp-hero{padding:73px 0 78px!important}body.homepage-light-preview .hp-inner{display:block!important}body.homepage-light-preview .hp-hero h2#hp-title{font-size:clamp(46px,11vw,68px)!important}body.homepage-light-preview .hp-intro{margin:20px 0 0!important}body.homepage-light-preview .hp-command{margin:34px 0 0!important;padding:24px!important}body.homepage-light-preview .hp-module-head{margin:49px 0 18px!important}body.homepage-light-preview .hp-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.homepage-light-preview .hp-module{min-height:133px!important;padding:17px!important}body.homepage-light-preview .hp-module strong{font-size:22px!important;margin:21px 0 6px!important}body.homepage-light-preview .hp-module small{font-size:14px!important}}
@media(max-width:390px){body.homepage-light-preview .hp-modules{grid-template-columns:1fr!important}body.homepage-light-preview .hp-module{min-height:0!important}}

/* One clear input and one full-width action, including at enlarged browser zoom. */
body.homepage-light-preview .hp-command .hp-entry{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important;border:0!important;background:transparent!important}
body.homepage-light-preview .hp-command .hp-entry input{grid-column:1!important;min-width:0!important;width:100%!important;min-height:62px!important;border:1px solid #afc0c4!important;border-radius:9px!important;padding:16px 19px!important;box-sizing:border-box!important}
body.homepage-light-preview .hp-command .hp-entry .hp-button-scan{grid-column:1!important;width:100%!important;min-width:0!important;min-height:62px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px 20px!important;border:1px solid #c7d6d9!important;border-radius:9px!important;box-sizing:border-box!important;text-align:left!important;white-space:normal!important}

/* Keep the film near the top of the first screen on laptop and desktop. */
@media(min-width:761px){
  body.homepage-light-preview .editorial-hero__grid{align-items:start!important;margin-top:0!important}
  body.homepage-light-preview .editorial-hero__work{margin-top:15px!important}
}

/* Shared language menu: one coherent piece of the metro header on every page. */
body.homepage-light-preview .top .crydogs-language-options,
body.crydogs-sitewide .top .crydogs-language-options,
body.crydogs-sitewide .site-header .crydogs-language-options{
  width:414px!important;min-width:0!important;max-width:calc(100vw - 36px)!important;
  top:calc(100% + 13px)!important;right:-16px!important;
  padding:18px!important;box-sizing:border-box!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 10px!important;
  background:linear-gradient(140deg,#293b41 0%,#142329 78%)!important;
  border:1px solid #789097!important;border-radius:14px!important;
  box-shadow:inset 0 1px #eaf7f72e,0 28px 54px #02090cbb!important;
}
body.homepage-light-preview .top .crydogs-language-options a,
body.crydogs-sitewide .top .crydogs-language-options a,
body.crydogs-sitewide .site-header .crydogs-language-options a{
  display:flex!important;align-items:center!important;min-height:48px!important;
  padding:10px 12px!important;box-sizing:border-box!important;
  border:0!important;border-radius:7px!important;
  color:#e6eeee!important;background:transparent!important;
  font:400 18px/1.25 var(--metro-type)!important;letter-spacing:-.025em!important;
}
body.homepage-light-preview .top .crydogs-language-options a:hover,
body.crydogs-sitewide .top .crydogs-language-options a:hover,
body.crydogs-sitewide .site-header .crydogs-language-options a:hover,
body.homepage-light-preview .top .crydogs-language-options a:focus-visible,
body.crydogs-sitewide .top .crydogs-language-options a:focus-visible,
body.crydogs-sitewide .site-header .crydogs-language-options a:focus-visible{
  background:#bed0d1!important;color:#12252a!important;outline:none!important;
}
body.homepage-light-preview .top .crydogs-language-options a[aria-current=page],
body.crydogs-sitewide .top .crydogs-language-options a[aria-current=page],
body.crydogs-sitewide .site-header .crydogs-language-options a[aria-current=page]{
  background:#d8e5e6!important;color:#14272c!important;
}
@media(min-width:761px) and (max-width:1180px){
  body.homepage-light-preview .top,
  body.crydogs-sitewide .top,
  body.crydogs-sitewide .site-header{padding-bottom:64px!important}
  body.homepage-light-preview .editorial-hero{padding-top:35px!important}
  body.homepage-light-preview .top .crydogs-language-switcher,
  body.crydogs-sitewide .top .crydogs-language-switcher,
  body.crydogs-sitewide .site-header .crydogs-language-switcher{
    top:100px!important;right:5vw!important;
  }
}
@media(max-width:760px){
  body.crydogs-sitewide .site-header{height:auto!important;min-height:0!important}
  body.homepage-light-preview .top .crydogs-language-options,
  body.crydogs-sitewide .top .crydogs-language-options{
    width:calc(100vw - 36px)!important;max-width:none!important;
    top:calc(100% + 82px)!important;right:0!important;
    padding:13px!important;
  }
  body.crydogs-sitewide .site-header .crydogs-language-options{
    width:calc(100vw - 36px)!important;max-width:none!important;
    top:calc(100% + 82px)!important;right:0!important;
    padding:13px!important;
  }
  body.homepage-light-preview .top .crydogs-language-options a,
  body.crydogs-sitewide .top .crydogs-language-options a,
  body.crydogs-sitewide .site-header .crydogs-language-options a{
    min-height:43px!important;padding:8px 10px!important;font-size:16px!important;
  }
  body.crydogs-sitewide .site-header .header-inner{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;gap:12px!important;
    height:auto!important;min-height:0!important;padding:15px 0 14px!important;
    align-items:center!important;
  }
  body.crydogs-sitewide .site-header .brand{
    grid-column:1/-1!important;grid-row:1!important;width:max-content!important;
    max-width:calc(100% - 120px)!important;
  }
  body.crydogs-sitewide .site-header .header-contact{
    display:flex!important;grid-column:1!important;grid-row:2!important;
    justify-self:start!important;align-items:center!important;
    margin:0!important;padding:10px 16px!important;font-size:12px!important;
  }
  body.crydogs-sitewide .site-header .menu-toggle{
    grid-column:2!important;grid-row:2!important;justify-self:end!important;
    width:43px!important;height:43px!important;margin:0!important;
    border:1px solid #59717a!important;border-radius:50%!important;
  }
}

/* A visitor need not understand Dutch to find the language control. */
body.homepage-light-preview .top .crydogs-language-switcher summary,
body.crydogs-sitewide .top .crydogs-language-switcher summary,
body.crydogs-sitewide .site-header .crydogs-language-switcher summary{
  font-size:0!important;letter-spacing:0!important;gap:0!important;
  white-space:nowrap!important;
}
body.homepage-light-preview .top .crydogs-language-switcher summary span,
body.crydogs-sitewide .top .crydogs-language-switcher summary span,
body.crydogs-sitewide .site-header .crydogs-language-switcher summary span{display:none!important}
body.homepage-light-preview .top .crydogs-language-switcher summary::before,
body.crydogs-sitewide .top .crydogs-language-switcher summary::before,
body.crydogs-sitewide .site-header .crydogs-language-switcher summary::before{
  content:"🌐  Language  ⌄"!important;
  display:block!important;color:#e8f0ef!important;
  font:500 17px/1.2 var(--metro-type)!important;
  letter-spacing:-.025em!important;filter:grayscale(1);
}
@media(max-width:760px){
  body.homepage-light-preview .top .crydogs-language-switcher summary::before,
  body.crydogs-sitewide .top .crydogs-language-switcher summary::before,
  body.crydogs-sitewide .site-header .crydogs-language-switcher summary::before{font-size:15px!important}
}

/* Station-inspired homepage footer: quiet metal, legible wayfinding, overhead light. */
body.homepage-light-preview .foot{position:relative;isolation:isolate;overflow:hidden;padding:0 0 30px!important;border-top:1px solid #4d777b!important;background:linear-gradient(120deg,#0a1115 4%,#17262b 65%,#0b1216 100%)!important;color:#f0f5f3!important}
body.homepage-light-preview .foot:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 56% 0%,#9de3e41b,transparent 52%),repeating-linear-gradient(90deg,transparent 0 150px,#d9ffff04 151px 152px);}
body.homepage-light-preview .foot-platform-lights{display:flex;justify-content:center;gap:clamp(22px,5vw,80px);height:15px;margin:0 auto clamp(68px,7vw,112px);border-top:1px solid #8eced06e;box-shadow:0 -4px 23px #82dfe329,inset 0 3px 12px #7bc8d016}
body.homepage-light-preview .foot-platform-lights i{display:block;width:clamp(62px,10vw,150px);height:4px;background:#c7f2f0;box-shadow:0 0 8px #c7f2f0,0 0 29px #89e0e3,0 0 70px #89e0e380;border-radius:8px}
body.homepage-light-preview .foot-intro{display:flex;align-items:end;justify-content:space-between;gap:48px;padding-bottom:clamp(48px,5.5vw,78px)}
body.homepage-light-preview .foot .foot-eyebrow{font:600 12px/1.4 var(--mono);letter-spacing:.16em;color:#a8ced0;margin:0 0 22px;text-transform:uppercase}
body.homepage-light-preview .foot-intro h2{font:500 clamp(48px,5.8vw,86px)/1.02 var(--sans);letter-spacing:-.065em;max-width:860px;margin:0;color:#f4f7f6}
body.homepage-light-preview .foot-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:220px;padding:17px 20px;margin-bottom:6px;border:1px solid #b7d1d2;border-radius:999px;font-size:16px;font-weight:650;white-space:nowrap;transition:background .2s,color .2s}
body.homepage-light-preview .foot-cta:hover{background:#d8e5e5;color:#0e1a1e}
body.homepage-light-preview .foot-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(36px,7vw,120px);margin:0 0 clamp(82px,10vw,150px);border-top:1px solid #83b8ba48}
body.homepage-light-preview .foot-services a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 3px 27px;border-bottom:1px solid #83b8ba48;color:#e5eeee;font:500 clamp(20px,2.2vw,31px)/1.2 var(--sans);letter-spacing:-.025em;transition:color .2s,padding .2s}
body.homepage-light-preview .foot-services a span:last-child{font-size:21px;color:#9bc6ca}
body.homepage-light-preview .foot-services a:hover{color:#8ddce1;padding-left:12px}
body.homepage-light-preview .foot-top{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:36px;padding-top:30px;border-top:1px solid #83b8ba48}
body.homepage-light-preview .foot-top>div:last-child{margin:0;justify-self:end;max-width:440px}
body.homepage-light-preview .foot .brand{font-size:32px}
body.homepage-light-preview .foot .brand svg{width:34px;height:37px}
body.homepage-light-preview .foot p{font-size:14px;line-height:1.7;color:#aabfc0;margin:7px 0}
body.homepage-light-preview .foot-top a:not(.brand){text-decoration:underline;text-underline-offset:4px}
body.homepage-light-preview .foot-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:55px;padding-top:24px;border-top:1px solid #83b8ba48;color:#aabfc0;font:500 13px/1.6 var(--sans);letter-spacing:0}
body.homepage-light-preview .foot-bottom a{text-decoration:underline;text-underline-offset:4px}
body.homepage-light-preview .foot-bottom .signal-lights{display:none}
@media(max-width:760px){body.homepage-light-preview .foot-platform-lights{margin-bottom:54px}body.homepage-light-preview .foot-platform-lights i{width:70px}body.homepage-light-preview .foot-intro{display:block;padding-bottom:42px}body.homepage-light-preview .foot-intro h2{font-size:clamp(47px,11vw,70px)}body.homepage-light-preview .foot-cta{margin-top:30px;min-width:0;width:100%}body.homepage-light-preview .foot-services{display:block;margin-bottom:72px}body.homepage-light-preview .foot-services a{font-size:23px;padding:20px 1px}body.homepage-light-preview .foot-top{grid-template-columns:1fr;gap:28px}body.homepage-light-preview .foot-top>div:last-child{justify-self:start}body.homepage-light-preview .foot-bottom{display:block;margin-top:48px;font-size:13px}body.homepage-light-preview .foot-bottom>span{display:block;margin-top:12px}}
/* Keep the real Anywall mobile capture focused on the site header and product. */
body.homepage-light-preview .case-film__image img[src*="case-anywall-geisha-mobile-v1"]{transform:scale(1.06) translateY(-5%);transform-origin:center top}

/* Give each real mobile project enough width to be judged on a phone. */
@media(max-width:560px){body.homepage-light-preview .case-film__gallery{grid-template-columns:minmax(0,1fr);gap:40px}body.homepage-light-preview .case-film__gallery>a{max-width:390px;width:100%;margin-inline:auto}body.homepage-light-preview .case-film__image{border-width:6px;border-radius:22px}body.homepage-light-preview .case-film__gallery strong{font-size:22px;margin-top:16px}body.homepage-light-preview .case-film__gallery>a>span:last-child{font-size:15px}}
@media(max-width:760px){body.homepage-light-preview:has(.mobile-nav-toggle[aria-expanded="true"]) .crydogs-scan-pill{opacity:0;visibility:hidden;pointer-events:none}}