/* Frosted layers, visible refraction edges and original service films. */
body{background-image:radial-gradient(ellipse at 10% 10%,#aee9d57a,transparent 35%),radial-gradient(ellipse at 90% 28%,#c3defa9e,transparent 40%),radial-gradient(ellipse at 25% 80%,#e5d9f570,transparent 35%);background-color:#f8fcfb}
header,.intro>div,.experiment,.expertise-list article{background:linear-gradient(135deg,#ffffffbf,#ffffff55);border:1px solid #fff;border-radius:26px;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70,0 16px 48px #30594f12}
.business-sticky:before{content:'';position:absolute;inset:10% -10% -10% 30%;background:radial-gradient(ellipse at 70% 20%,#a2d9ef70,transparent 46%),radial-gradient(ellipse at 25% 75%,#a9e6c775,transparent 40%);filter:blur(35px);pointer-events:none}
.chapter-1 .business-sticky:before{background:radial-gradient(ellipse at 80% 25%,#b4defd,transparent 45%),radial-gradient(ellipse at 30% 70%,#f6d9b56b,transparent 48%)}
.business-top,.business-bottom{position:relative;z-index:2}
.business-copy{padding:30px 26px;background:linear-gradient(125deg,#ffffffbd,#ffffff40);border:1px solid #ffffffef;border-radius:28px;box-shadow:inset 0 1px 0 white,0 24px 60px #3b625610;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.business-layout{gap:3%;grid-template-columns:.8fr 1.2fr}
.business-copy h2{font-size:clamp(28px,3vw,48px)}
.film-visual{display:flex;flex-direction:column;justify-content:center;gap:17px;padding-left:6px}
.film-glass{position:relative;z-index:1;padding:12px;border-radius:25px;background:linear-gradient(135deg,#ffffffcc,#ffffff42);border:1px solid #fff;box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #ffffff80,0 35px 75px #31566028;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transform:perspective(1400px) rotateY(calc(-4deg + var(--move)*6deg))}
.film-heading,.film-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 8px 17px;font-size:9px;letter-spacing:1px;color:#4f7771}.film-heading b{font-size:10px;font-weight:600}.film-heading>span:last-child{color:#30a584}
.film-player{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#dce9e7}.film-player iframe{width:100%;height:100%;border:0;display:block}
.film-footer{padding:16px 8px 6px;font-size:8px}.film-footer a{letter-spacing:0;font-size:11px;color:#245e4f;border-bottom:1px solid #8cb5a4}
.film-caption{position:absolute;top:1%;right:5%;font-size:clamp(24px,3vw,44px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#477f7329;pointer-events:none}
.film-halo{position:absolute;width:70%;aspect-ratio:1;right:0;top:0;border:1px solid #fff9;border-radius:50%;box-shadow:inset 0 0 60px #fff9,0 0 0 40px #ffffff22;transform:rotateX(35deg)}
.film-clips{position:relative;padding:14px 16px;background:#ffffff70;border:1px solid #fff;border-radius:19px;backdrop-filter:blur(20px);box-shadow:0 10px 25px #426f6810}
.film-clips>span{font-size:10px;color:#6c8179;letter-spacing:1px}.film-clips>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.film-clips a{display:flex;gap:8px;align-items:center;background:#ffffff70;border:1px solid #fff;border-radius:10px;padding:9px;font-size:11px;color:#376759}.film-clips a:hover{background:#fff}.film-clips b{font-size:9px;color:#86a499}
.chapter-2 .business-screen,.business-label{background:linear-gradient(135deg,#ffffffd9,#ffffff66);border:1px solid white;backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #fff,0 25px 60px #49675e20}
@media(max-width:760px){.business-layout{grid-template-columns:1fr;gap:8px;padding-top:16px}.business-copy{padding:18px;border-radius:20px}.business-copy h2{font-size:25px}.business-copy>p{font-size:12px;margin-bottom:10px}.business-category{margin-bottom:9px}.film-visual{padding:0;gap:10px;min-height:270px;max-height:360px;height:auto;align-self:center}.film-glass{padding:8px;border-radius:18px}.film-heading{padding:5px 5px 10px;font-size:7px}.film-heading b{font-size:8px}.film-footer{padding:10px 4px 3px;font-size:6px}.film-footer a{font-size:9px}.film-caption{display:none}.film-clips{padding:9px 10px}.film-clips>div{gap:5px;margin-top:5px}.film-clips a{font-size:9px;padding:6px}.film-clips>span{font-size:9px}.business-sticky{min-height:740px}.business-tags{gap:4px}}
@media(prefers-reduced-motion:reduce){.film-glass{transform:none}}