/* Photoreal CF concept keyframes. Real motion footage can replace these layers later. */
#svgBg,#svgPerson,#hands{display:none!important}#cinemaScene{z-index:0}.cinema-front{opacity:calc(1 - var(--over,0));animation:home-breath 8s ease-in-out infinite alternate;transform-origin:75% 55%}.cinema-shoulder{opacity:var(--over,0)}.cinema-light{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(116deg,transparent 0 12%,#fff2 14%,transparent 17% 29%);mix-blend-mode:soft-light;opacity:calc(.3*(1 - var(--over,0)));animation:window-light 7s ease-in-out infinite alternate}.film-head{left:0;right:auto;top:48%;bottom:auto!important;justify-content:flex-start;text-align:left;max-width:780px;padding:0 calc(var(--hx,32px) + 50px);transform:translateY(-16%)}.film-head h1{font-size:clamp(35px,4.5vw,64px);line-height:1.28;letter-spacing:-.045em;text-shadow:0 3px 30px #0002}.film-shade:not(.l){background:linear-gradient(90deg,#15202799,transparent 75%)}.film-mid{left:calc(var(--mx,6vw) + 40px);max-width:430px}.film::after{z-index:0}.film-head,.film-mid,.scroll-cue{z-index:2}.scroll-cue{right:auto;left:calc(var(--hx,32px) + 50px);top:auto;bottom:calc(var(--hb,48px) + 15px);transform:none;align-items:flex-start}.scene{height:1650vh}
@keyframes home-breath{from{transform:translateX(0) scale(1)}to{transform:translateX(-4px) scale(1.012)}}@keyframes window-light{from{transform:translateX(-20px);filter:blur(6px)}to{transform:translateX(25px);filter:blur(13px)}}
.continuous-photo[data-phase="3"] .material-transfer,.continuous-photo[data-phase="4"] .material-transfer,.continuous-photo[data-phase="5"] .material-transfer{display:block!important}.look-pick-scene .ph-img{height:380px;flex-shrink:0}.look-pick-scene .sws img{object-fit:cover}.look-pick-scene .tabsx{font-size:11px}.material-transfer strong{font-size:10px}.material-transfer b{font-size:9px}.continuous-photo[data-phase="3"] .material-transfer,.continuous-photo[data-phase="4"] .material-transfer,.continuous-photo[data-phase="5"] .material-transfer{border:2px solid #fff}.look-pick-scene .s-top{font-size:14px}.carry-section>.wrap>.h2{font-size:clamp(27px,3vw,40px);line-height:1.3}.carry-section .carry-lead{font-size:clamp(17px,1.8vw,24px);margin-bottom:25px}.carry-copy h3{line-height:1.45}.carry-section .carry-sticky{top:78px}.carry-section .guide-eyebrow{font-size:10px}
.word-halo{height:140px;position:relative;max-width:620px;margin:0 auto 12px;overflow:hidden;mask-image:linear-gradient(transparent,#000 80%);color:#9ba8b5}.word-halo span{position:absolute;font-size:21px;font-weight:650;opacity:.5}.word-halo span:nth-child(1){left:12%;top:70px;transform:rotate(-13deg)}.word-halo span:nth-child(2){left:34%;top:23px;transform:rotate(-5deg)}.word-halo span:nth-child(3){left:49%;top:2px}.word-halo span:nth-child(4){right:18%;top:38px;transform:rotate(10deg)}.word-halo span:nth-child(5){right:3%;top:86px;transform:rotate(16deg)}.word-halo:after{content:'';position:absolute;left:50%;bottom:-20px;width:1px;height:150px;background:#dce5ec;box-shadow:65px -20px #dce5ec,-65px -20px #dce5ec;transform:rotate(10deg)}.study-kicker{text-align:center;font-size:20px;font-weight:600;color:#7f93a6;margin-bottom:20px}.study-summary{text-align:center;color:#77899b;line-height:1.85;font-size:17px;margin:28px 0 55px}.service-overview .h2{margin-bottom:0;line-height:1.3}.service-overview .material-panel{background:radial-gradient(ellipse at 30% 20%,#4e5662,#141b24 80%)}.service-overview .styling-panel{background:radial-gradient(ellipse at 80% 25%,#645e55,#181d25 80%)}.service-overview .purpose-panel{background:radial-gradient(ellipse at 50% 60%,#34485e,#131a24 80%)}.service-columns .mini-room,.service-columns .layered-room,.purpose-preview{border:1px solid #ffffff24}.floating-swatches img{border:4px solid #d6e1ea}.showcase-panel .show-arrow{background:#ffffff26;color:#fff}.look-intro .look-kicker{font-size:20px}.closing h2{font-size:clamp(38px,5.4vw,70px);line-height:1.3}
@media(max-width:900px){.film-head{left:0;top:50%;max-width:90%;padding:0 28px}.film-head h1{font-size:31px;max-width:330px;text-align:left}.film-mid{left:0;right:0;top:96px;padding:0 25px;max-width:none}.scroll-cue{display:flex;left:28px;bottom:35px;font-size:11px}.study-kicker{font-size:17px}.study-summary{font-size:15px;margin:22px 0 35px}.word-halo{height:100px}.word-halo span{font-size:15px}.look-intro .look-kicker{font-size:16px}.carry-section>.wrap>.h2{font-size:24px}.carry-lead{font-size:16px!important}.closing h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.cinema-front,.cinema-light{animation:none}}