/* Saga skin (immersive, WB2 §2.1): full-bleed pictures, calm serif headlines from the system serif stack (nothing
   downloaded), soft light text on deep blue-black, generous spacing. Same structure as every template. */
body.tpl-immersive{--wb-bg:#0d1016;--wb-panel:#151a23;--wb-line:#ffffff1c;--wb-text:#f1eee6;--wb-muted:#b5b3ab;--wb-head:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;--wb-body:"WB Inter",Inter,ui-sans-serif,system-ui,sans-serif;--wb-radius:6px;font-size:17px;line-height:1.75}
body.tpl-immersive.type-grotesk{--wb-head:"WB Inter",Inter,ui-sans-serif,system-ui,sans-serif}
.tpl-immersive h1,.tpl-immersive h2,.tpl-immersive h3{font-family:var(--wb-head);font-weight:500;letter-spacing:-.01em}
.tpl-immersive .wb-page-head{max-width:none;margin:0;border:0;border-radius:0;min-height:62vh;min-height:62svh;padding:clamp(40px,8vw,120px) 7vw}
.tpl-immersive .wb-page-head:not(.has-media){min-height:0;padding-bottom:24px;background:none}
.tpl-immersive .wb-page-head h1{font-size:clamp(44px,6vw,96px);font-weight:500}
.tpl-immersive .wb-start-head{min-height:88vh;min-height:88svh}
.tpl-immersive .wb-b-hero{min-height:92vh;min-height:92svh}
.tpl-immersive .wb-hero-title{font-weight:500;line-height:1;letter-spacing:-.02em}
.tpl-immersive .wb-accent{font-style:italic}
.tpl-immersive .wb-block{padding-inline:7vw}
.tpl-immersive .wb-scenes img,.tpl-immersive .wb-gallery img,.tpl-immersive .wb-story-card img{border-radius:var(--wb-radius)}
.tpl-immersive .wb-points li,.tpl-immersive .wb-team li,.tpl-immersive .wb-events li,.tpl-immersive .wb-overview a{background:transparent;border-color:var(--wb-line)}
.tpl-immersive .wb-values li{background:transparent;border-top:1px solid var(--accent)}
.tpl-immersive .wb-button{border-radius:999px}
.tpl-immersive .wb-button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.tpl-immersive .application-card .button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.tpl-immersive .wb-eyebrow{letter-spacing:.24em;color:var(--wb-muted)}
.tpl-immersive .wb-header{background:color-mix(in srgb,var(--wb-bg) 80%,transparent)}
@media(max-width:760px){.tpl-immersive .wb-page-head{margin:0;border-radius:0}.tpl-immersive .wb-page-head .wb-head-copy{padding:24px 16px 28px}.tpl-immersive .wb-block{padding-inline:16px}}
/* MOBILE-PUBLIC: the serif display face runs wide; phones get a calmer size so lead text and action stay in the first view. */
@media(max-width:760px){.tpl-immersive .wb-hero-title{font-size:clamp(38px,10.5vw,60px);line-height:1.02}
.tpl-immersive .wb-b-hero,.tpl-immersive .wb-start-head{min-height:min(88svh,720px)}
.tpl-immersive .wb-page-head{min-height:0}}
@media(orientation:landscape) and (max-height:500px){.tpl-immersive .wb-b-hero,.tpl-immersive .wb-start-head{min-height:0}}
.tpl-immersive .wb-eyebrow{letter-spacing:0}
@media(max-width:760px){body.tpl-immersive .wb-page-head{margin:0;padding:0}body.tpl-immersive .wb-page-head .wb-head-copy{padding:32px 16px 0}}