/* Coastal film palette and foreground composition. Scoped to Websites. */
body[data-department=websites]{--ink:#f1f4f8;--muted:#c5d1df;--action-fill:#dce9f6;--action-ink:#13243a;--action-line:#c5d8f080;--action-glass:#13243aa6;--dialog-bg:linear-gradient(140deg,#15263df7,#081524fa);--dialog-backdrop:#030b16a6;--dialog-ink:#eef4fb;--dialog-muted:#bbcbdc;--dialog-accent:#d3e3f3;--dialog-accent-ink:#122338;--dialog-field:#e1edff0d;--dialog-edge:#c9dcf633;--dialog-tint:#c9dcf60d;--dialog-scheme:dark}
body[data-department=websites] .universe-backdrop{background:#0b192a url('/company/assets/house-20261011/poster.webp') center/cover no-repeat}
body[data-department=websites] .universe-header{background:linear-gradient(#071626a8,transparent)}
body[data-department=websites].header-docked .universe-header{background:linear-gradient(#071626e8,#071626a8,transparent)}
body[data-department=websites] #mobile-nav{background:#0a192df7}
body[data-department=websites] .universe-shade{background:linear-gradient(180deg,#0613224d,transparent 30%,#06132233)}
body[data-department=websites] :is(.eyebrow,.body-copy,.hero-tagline,.discover,.desktop-nav a,.text-button.subdued){color:#d3dfed}
body[data-department=websites] .desktop-nav a[aria-current]{color:#fff}
body[data-department=websites] .universe-section .section-copy:before{background:radial-gradient(ellipse,#07182ae6 8%,#07182aa6 46%,transparent 74%)}
body[data-department=websites] .website-details{background:#182c4480;border-color:#c7d9ed40;color:#e2ebf6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body[data-department=websites] .text-button{color:#edf4fd;border-color:#c5d7ee80}
.website-word-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em;perspective:800px}
.website-word{display:inline-block;transform-origin:50% 100%}
body[data-department=websites] .website-film-passage{height:115svh;pointer-events:none}
body[data-department=websites] #introduction .section-copy{max-width:620px}
body[data-department=websites] #introduction h2{font-size:clamp(36px,4.5vw,68px)}
body[data-department=websites] #introduction .body-copy{max-width:44ch}
@media(max-width:700px){body[data-department=websites] .universe-backdrop{background-image:url('/company/assets/mobile-hd/websites-house/001.webp')}body[data-department=websites] .website-film-passage{height:100svh}}
@media(prefers-reduced-motion:reduce){.website-word{transform:none!important;opacity:1!important}}

/* Shared line reveal, matching the bakery reference without a second scroll engine. */
.scroll-measure-word{display:inline-block}
.scroll-line-mask,.scroll-text-line{display:block}
.scroll-line-mask{padding-block:.14em;margin-block:-.14em;overflow:clip}
.scroll-text-line{transform-origin:left bottom}
@media(prefers-reduced-motion:reduce){.scroll-text-line{transform:none!important}.scroll-line-mask{overflow:visible!important}}