/* SwissOne's Glacier signature: live type and CSS colour, never a raster logo. */
html[data-palette=glacier]{--glacier-deep:#203258;--glacier-surface:radial-gradient(ellipse at 18% 12%,#fff8ed 0,transparent 48%),radial-gradient(ellipse at 84% 85%,#92baf4 0,transparent 60%),linear-gradient(130deg,#ecf8ff,#b6d7ff)}
.glacier-brand{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;display:grid;place-items:center;min-width:0;aspect-ratio:1.25;background:#d4e8fc;border-radius:6px}
.glacier-brand::before{content:'';position:absolute;z-index:-1;inset:-18%;background:var(--glacier-surface,linear-gradient(130deg,#ecf8ff,#92baf4));animation:glacier-drift 20s ease-in-out infinite alternate}
.glacier-brand-wordmark{position:relative;display:block;color:#203258;font:400 clamp(45px,5.8vw,96px)/1.1 Winked,Arial,sans-serif;font-size:16cqw;letter-spacing:0;font-variant-ligatures:common-ligatures;white-space:nowrap}
@keyframes glacier-drift{from{transform:translate(-3%,1%) rotate(-8deg) scale(1)}to{transform:translate(4%,-3%) rotate(6deg) scale(1.06)}}

/* A substantial brand image beside Paolo, with compact proportions on phones. */
.home-recast .studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'visual copy';gap:7%;align-items:center;margin-bottom:46px}
.home-recast .studio-intro-copy{grid-area:copy;max-width:480px}
.home-recast .studio-intro>.glacier-brand{grid-area:visual}
html[data-palette] .home-recast .studio-intro h2{font:650 clamp(30px,3.15vw,46px)/1.14 Jakarta,sans-serif;letter-spacing:-.04em;color:#203258;margin:0 0 23px}
.home-recast .studio-intro h2>span{color:#3455bc}
.home-recast .studio-intro-copy>p{font-size:20px;line-height:1.6;color:#34435a;margin:0 0 20px}
.home-recast .recast-studio{background:#faf8f4}
.home-recast .recast-promises{margin-top:0}
.home-recast .recast-host{grid-template-columns:160px minmax(0,1fr)}
.home-recast .recast-host>a{width:160px;padding:12px 15px;border-radius:4px;background:#203258}

/* Short colour accents connect the page titles to the Glacier identity. */
html[data-palette=glacier] .home-recast #expertise-title::before,html[data-palette=glacier] .inner .page-intro h1::before{content:'';display:block;width:72px;height:4px;margin-bottom:23px;background:linear-gradient(90deg,#3455bc,#93b7ee);border-radius:2px}
html[data-palette=glacier] .home.home-recast .recast-contact{background:radial-gradient(ellipse at 90% 0,#497fba70,transparent 58%),linear-gradient(120deg,#203258,#2c4b94 72%,#3455bc)}

/* Interior pages echo the identity at the invitation to talk, not behind every section. */
html[data-palette=glacier] .inner :is(.service-conversation,.page-ending){background:var(--glacier-surface);color:#203258;border:1px solid #bcd0eb}
html[data-palette=glacier] .inner :is(.service-conversation,.page-ending) :is(h2,p,.eyebrow,.service-silo-link,.text-link){color:#203258}
html[data-palette=glacier] .inner .page-ending .pill-button.secondary{color:#203258;border-color:#6e8ab6;background:#ffffff50}

@media(max-width:1050px) and (min-width:701px){.home-recast .studio-intro{gap:35px}.home-recast .studio-intro-copy>p{font-size:18px}}
@media(max-width:700px){
 .home-recast .studio-intro{grid-template-columns:1fr;grid-template-areas:'copy' 'visual';gap:26px;margin-bottom:28px}
 .home-recast .studio-intro-copy{max-width:none}
 html[data-palette] .home-recast .studio-intro h2{font-size:32px;margin-bottom:17px}
 .home-recast .studio-intro-copy>p{font-size:17px;line-height:1.6;margin-bottom:8px}
 .home-recast .studio-intro>.glacier-brand{aspect-ratio:1.6}
 html[data-palette=glacier] .home-recast #expertise-title::before,html[data-palette=glacier] .inner .page-intro h1::before{width:56px;height:3px;margin-bottom:19px}
}
@media(prefers-reduced-motion:reduce){.glacier-brand::before{animation:none;transform:none}}