/* Full-bleed scene coverage; shared by desktop, mobile and static fallbacks. */
.digital-site{background-image:url('/assets/scenes/motion/collaboration.webp');background-size:cover;background-position:center;background-attachment:fixed}
.digital-site main{background:transparent}
.digital-site .scene{margin:0;background-image:none}
.digital-site .scene .motion-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-1}
.digital-site .motion-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}
.digital-site .space-viewport{background:transparent}
.digital-site .space-track .motion-backdrop{mask-image:none}
.digital-site .scene-imagination{background-image:url('/assets/scenes/motion/imagination.webp');background-size:cover;background-position:center}
.digital-site .scene-content{padding:0;background:transparent}
.digital-site .illustrated-services{margin:0;background:url('/assets/scenes/motion/services-clean.webp') center/cover no-repeat}
.digital-site .illustrated-services .section-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;mask-image:none}
.digital-site .illustrated-services .section-art{display:none}
.digital-site .site-footer{width:100%;max-width:none;margin:0;background:transparent;padding-inline:max(20px,calc((100% - 1120px)/2));backdrop-filter:blur(8px)}
.digital-site.digital-subpage{background-image:linear-gradient(#fff6e855,#fff6e855),url('/assets/scenes/ivory-world.webp');background-size:cover;background-position:center top;background-attachment:fixed}
.digital-site .sub-main{padding-bottom:24px;margin-bottom:0}
.digital-site .about-services{margin-top:40px}
.digital-site .scene-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
.digital-site .scene-nav-link:nth-child(4){background:#d9e3d6;border-color:#e5ecd8;color:#172c40}
.digital-site .team-bei-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #a88c61;border-radius:24px;text-decoration:none}
.digital-site .sub-header .team-bei-link{margin-left:auto;margin-right:16px}
/* Keep ivory behind the text only. Reserve artwork space independently from panel content. */
.digital-site .illustrated-services .section-stage{height:auto;aspect-ratio:2;background:transparent}
.digital-site .illustrated-services > .wrap{display:grid;grid-template-rows:minmax(min-content,calc(38.5vw - clamp(40px,5vw,80px) + 16px)) auto;row-gap:0}
.digital-site .illustrated-services .section-heading{align-self:start;min-height:0;width:49%;max-width:none;margin:0;padding:22px 24px;background:#fffaf1f5;border:1px solid #dfceb4;border-radius:16px;box-shadow:0 8px 30px #3b302110;backdrop-filter:blur(5px);text-shadow:none}
.digital-site .illustrated-services .section-heading h2{margin-bottom:0}
.digital-site .illustrated-services .service-grid{margin-top:0;align-items:start;column-gap:20px}
.digital-site .illustrated-services .service-card{align-self:start;min-height:0;height:auto;padding:24px;background:#fffaf1f5;border:1px solid #dfceb4;border-radius:6px 40px 6px 6px;box-shadow:0 8px 30px #3b302110;backdrop-filter:blur(5px);text-shadow:none}
.digital-site .illustrated-services .service-card p:last-child{margin-bottom:0}
.digital-site .illustrated-services .service-card h3,
html:lang(zh-Hant) .digital-site .illustrated-services .service-card h3{font-size:24px;line-height:1.45;min-height:0;margin-bottom:14px}
.digital-site .illustrated-services .service-card p,
html:lang(zh-Hant) .digital-site .illustrated-services .service-card p{font-size:16px;line-height:1.8;font-weight:500}
@media(max-width:700px){
 .digital-site .scene .motion-stage{inset:0;width:100%;height:100%;aspect-ratio:auto}
 .digital-site .scene-imagination{background-image:url('/assets/scenes/motion/imagination-mobile.webp')}
 .digital-site .scene-scroll{background:transparent}
 .digital-site .scene-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .digital-site .scene-nav-link{min-height:48px;font-size:14px;flex-wrap:nowrap}
 .digital-site .illustrated-services{background-image:url('/assets/scenes/motion/services-clean.webp');background-position:center top;background-size:cover}
 .digital-site .illustrated-services .section-stage{inset:85px auto auto -75%;width:200%;height:auto;aspect-ratio:2}
 .digital-site .illustrated-services .section-stage .section-art{display:none}
 .digital-site .illustrated-services > .wrap{grid-template-rows:minmax(min-content,calc(77vw + 101px)) auto}
 .digital-site .illustrated-services .section-heading{width:100%;min-height:0;margin:0;padding:22px 16px}
 .digital-site .illustrated-services .service-grid{margin-top:0;gap:16px}
 .digital-site .illustrated-services .service-card{min-height:0;padding:22px 20px}
 .digital-site .illustrated-services .service-card h3,
 html:lang(zh-Hant) .digital-site .illustrated-services .service-card h3{font-size:22px;line-height:1.4;min-height:0;margin-bottom:12px}
 .digital-site .illustrated-services .service-card p,
 html:lang(zh-Hant) .digital-site .illustrated-services .service-card p{font-size:16px;line-height:1.7}
 .digital-site .site-footer{padding-top:22px}
 .digital-site .sub-header .team-bei-link{margin-right:0;font-size:13px;padding:6px 12px}
 .digital-site .about-services{margin-top:28px}
}

/* Entrance wordmark matches the approved artwork; other text and scene spacing stay intact. */
.page-entrance.digital-site .scene-wordmark{height:1em}
.page-entrance.digital-site .entry-wordmark-art{display:block;width:1.96em;height:1em;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:700px){
 .page-entrance.digital-site .scene-wordmark{height:.95em}
 .page-entrance.digital-site .entry-wordmark-art{height:.95em}
}