/* Each world owns its materials, shadows and light, as well as its accent. */
.case-fiderol,.arrival-portal[data-project=fiderol]{--world-ground:#15130e;--world-surface:#252117;--world-face:#413623;--world-ink:#f4efe4;--world-muted:#cdbfa8;--world-line:#c4aa7940;--world-light:#d99a36;--world-shade:#100e09}
.case-bar-radar,.arrival-portal[data-project=bar-radar]{--world-ground:#1a0e20;--world-surface:#2b1832;--world-face:#4e2944;--world-ink:#fff2f4;--world-muted:#dac0ce;--world-line:#ce90ac40;--world-light:#f57b9b;--world-shade:#180b1d}
.case-verkkopalvelu,.arrival-portal[data-project=verkkopalvelu]{--world-ground:#05162a;--world-surface:#0a2947;--world-face:#104c71;--world-ink:#effaff;--world-muted:#b3cfe3;--world-line:#6baecc40;--world-light:#48b8ff;--world-shade:#03152a}
.case-page{background:var(--world-ground);color:var(--world-ink);--case-line:var(--world-line)}
.case-page .site-header{background:linear-gradient(color-mix(in srgb,var(--world-shade) 70%,transparent),transparent)}
.case-page .site-header nav a[aria-current=page]:after{background:var(--project)}
.case-page .site-header nav a:hover{color:var(--project)}
.case-page :is(.case-experience,.case-making,.proof-story){background:var(--world-surface)}
.case-page :is(.case-tools li,.proof-tabs,.proof-caption,.case-conversion-dock){background:var(--world-surface);border-color:var(--world-line)}
.case-page :is(.case-role,.case-brief-columns p,.case-feature-list p,.case-role-note,.case-scope li,.case-tech-note,.world-intro-detail,.world-bottom,.yard-disclosure,.world-view-description,.world-view-note){color:var(--world-muted)}
.case-page .case-kicker{color:var(--world-light)}
.case-page .proof-workbench{background:linear-gradient(135deg,var(--world-surface),var(--world-ground));border-color:var(--world-line)}
.case-page :is(.proof-toolbar,.proof-screen>button){background:var(--world-ground);color:var(--world-muted);border-color:var(--world-line)}
.case-page .proof-tabs>button{color:var(--world-muted);border-color:var(--world-line)}
.case-page .proof-tabs>button[aria-selected=true]{background:color-mix(in srgb,var(--project) 10%,var(--world-surface));color:var(--world-ink)}
.case-page :is(.case-wayfinding,.case-feature-list article,.case-tools li,.case-scope li){border-color:var(--world-line)}
.case-page .living-world.case-hero{background:var(--world-ground)}
.case-page .world-shading{background:linear-gradient(90deg,color-mix(in srgb,var(--world-shade) 79%,transparent),transparent 45%),linear-gradient(0deg,var(--world-ground),transparent 28%,transparent 75%,color-mix(in srgb,var(--world-shade) 25%,transparent))}
.case-page .world-intro h1{text-shadow:0 3px 25px var(--world-shade)}
.case-page .world-choice-row,.case-page .yard-demo{background:color-mix(in srgb,var(--world-surface) 96%,transparent);border-color:var(--world-line)}
.case-page .world-motion{background:color-mix(in srgb,var(--world-surface) 85%,transparent)!important;color:var(--world-ink);border-color:var(--world-line)}
.case-page .world-dialog::backdrop{background:color-mix(in srgb,var(--world-shade) 94%,transparent)}
.case-page .world-view-shell{background:var(--world-surface);border-color:var(--world-line)}
.case-page :is(.world-view-address,.world-view-close){background:var(--world-ground);color:var(--world-muted);border-color:var(--world-line)}
.case-page .world-view-copy .living-eyebrow{color:var(--world-light)}
.case-page .world-view-external{background:var(--project);color:#111916}
.case-page .world-view-external:hover{background:color-mix(in srgb,var(--project) 80%,white)}
.case-page .world-dialog[data-shape=phone] .world-view-media{background:var(--world-ground)}
.case-page .site-footer{background:var(--world-ground)}
.case-fiderol .yard-demo{box-shadow:0 10px 40px #08060270}
.case-fiderol .yard-demo .living-eyebrow{color:#efcf8c}
.case-bar-radar .street-caption{color:#fff5f9;text-shadow:0 2px 12px #26091c}
.case-bar-radar .street-caption .living-eyebrow{color:#f6b9ce}
.case-bar-radar .world-story-link{border-color:#eb9bba66}
.world-bar-radar .world-identity{display:flex;align-items:center;gap:16px;margin-top:-10px}
.world-brand{width:96px;height:64px;object-fit:contain}
.arrival-portal{background:var(--world-ground)!important}
.arrival-portal .portal-face{background:linear-gradient(135deg,var(--world-face),var(--world-surface) 42%,var(--world-ground));color:var(--world-ink);border-color:color-mix(in srgb,var(--project) 38%,var(--world-face));box-shadow:-8px 18px 65px #0008,0 0 25px color-mix(in srgb,var(--world-light) 16%,transparent)}
.arrival-portal .portal-face:after{background:linear-gradient(90deg,var(--world-face),var(--world-ground));border-color:var(--world-line)}
.arrival-portal .portal-foot{background:linear-gradient(180deg,color-mix(in srgb,var(--world-light) 18%,var(--world-ground)),transparent)}
.arrival-portal :is(.atlas-type,.atlas-description,.atlas-preview-action>p){color:var(--world-muted)}
.arrival-portal .atlas-facts li{border-color:var(--world-line)}
.arrival-portal .atlas-facts li>span{color:var(--world-ink)}
.arrival-portal .atlas-facts .portal-fact-index{color:var(--project)}
.arrival-portal :is(.atlas-close,.atlas-preview-motion){background:color-mix(in srgb,var(--world-ground) 84%,transparent);border-color:var(--world-line)}
.arrival-portal .atlas-preview-art:after{background:linear-gradient(180deg,color-mix(in srgb,var(--world-shade) 40%,transparent),transparent 23%,transparent 76%,color-mix(in srgb,var(--world-shade) 80%,transparent)),linear-gradient(90deg,transparent 45%,color-mix(in srgb,var(--world-shade) 15%,transparent))}
.arrival-portal .portal-worlds button{color:var(--world-muted);border-bottom-color:var(--world-line)}
.arrival-portal .portal-worlds button[aria-pressed=true]{color:var(--world-ink);border-color:var(--item-color)}
/* Original brand art, projected onto the architectural sign surface. */
.scene-sign{position:absolute!important;inset:auto!important;left:0!important;top:0!important;max-width:none!important;display:block;overflow:hidden;transform-origin:0 0;pointer-events:none;opacity:0;z-index:2}
.scene-sign>img,.scene-sign>svg{display:block;width:100%;height:100%;max-width:none;object-fit:contain;padding:2%;position:static}
.scene-sign[data-brand=verkkopalvelu]>img{padding:0;object-fit:fill}
.scene-sign[data-ready]{opacity:1}
.arrival .scene-sign{z-index:4}
.arrival .boat{left:18%;top:80%;transform:translate(-50%,-50%) rotate(-22deg)}
.arrival:not([data-variant=wide]) .boat{left:49%;top:89%;transform:translate(-50%,-50%) rotate(12deg)}
.arrival-atmosphere{background:linear-gradient(180deg,#03152522,transparent 37%,transparent 91%,#03132188)}
@media(max-aspect-ratio:115/100){
 .arrival-portal[data-project=bar-radar] .atlas-preview-art .environment>img{object-position:0% center}
}
@media(max-height:760px) and (min-aspect-ratio:115/100){
 .arrival .atlas-bottom{right:auto;justify-content:flex-start}
 .arrival .atlas-hint{display:none}
}
@media(max-width:900px){
 .case-page .world-shading{background:linear-gradient(0deg,var(--world-ground),transparent 36%),linear-gradient(color-mix(in srgb,var(--world-shade) 45%,transparent),transparent 45%)}
}