.lyra-feature{position:relative;background:#eff0f8;color:#15151b;z-index:6;font-family:'ABC Nord','PingFang SC',sans-serif;overflow:clip}
.topbar.on-light .menu-toggle span{border-color:#171717}
.lyra-feature h2,.lyra-feature h3,.lyra-feature p,.lyra-feature figure{margin:0}
.lyra-kinetic{height:175svh;position:relative}
.lyra-kinetic-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:13vh 5vw 4vh;overflow:hidden;isolation:isolate}
.lyra-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.lyra-eyeline{font-size:10px;letter-spacing:.12em;line-height:1.5}
.lyra-kinetic h2{font-weight:400;font-size:clamp(48px,7vw,112px);line-height:1.12;letter-spacing:-.065em;margin-top:5vh}
.lyra-kinetic h2 span{display:block;white-space:nowrap;transform:translateY(calc((1 - var(--lyra-progress,0))*45px));will-change:transform}
.lyra-kinetic h2 span:nth-child(2){margin-left:9vw;transform:translate(calc((1 - var(--lyra-progress,0))*-6vw),calc((1 - var(--lyra-progress,0))*45px))}
.lyra-intro-copy{position:absolute;right:6vw;bottom:15%;width:39%}
.lyra-intro-copy h3{font-size:clamp(24px,2.5vw,42px);font-weight:400;line-height:1.4;margin-bottom:20px}
.lyra-intro-copy p{font-size:15px;line-height:1.9;max-width:31em;color:#474751}
.lyra-meta{position:absolute;left:5vw;bottom:5%;width:90%;display:flex;gap:7vw;border-top:1px solid #2223;padding-top:18px;margin:0}
.lyra-meta dt{font-size:9px;letter-spacing:.1em;color:#71717c;margin-bottom:8px}.lyra-meta dd{font-size:12px;margin:0}
.lyra-film{padding:90px 4vw;background:#eff0f8}.lyra-film>.lyra-eyeline{margin-bottom:24px}.lyra-film video{width:100%;display:block;border-radius:2px;background:#e4e1df;max-height:85svh;object-fit:contain}.lyra-film-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;margin-top:20px}
.lyra-purpose{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px 6vw;background:#f6f4ef}.lyra-purpose h2{font-size:clamp(40px,5vw,78px);font-weight:400;line-height:1.2;letter-spacing:-.045em;margin-top:35px}.lyra-purpose figure img{width:100%;height:auto}.lyra-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:35px}.lyra-principles section{border-top:1px solid #15151b33;padding-top:18px}.lyra-principles b{font-size:11px;font-weight:400}.lyra-principles h3{font-size:25px;font-weight:400;margin:25px 0 15px}.lyra-principles p{font-size:13px;line-height:1.8;color:#68666a}
.lyra-moments{padding:110px 6vw;background:#17191c;color:#eeece6}.lyra-moments>header{position:sticky;top:110px;width:39%;padding-bottom:50px}.lyra-moments h2,.lyra-memory h2,.lyra-ui h2{font-size:clamp(38px,5.5vw,85px);font-weight:400;line-height:1.07;letter-spacing:-.06em;margin:25px 0}.lyra-moments header>p{font-size:13px;color:#a4a4a8;line-height:1.8}.lyra-scene-list{width:54%;margin-left:auto;margin-top:-230px}.lyra-scene-list figure{padding:20px 0 90px;opacity:.35;transform:translateY(70px) rotate(2deg);transition:opacity 1s,transform 1.3s cubic-bezier(.16,1,.3,1)}.lyra-scene-list figure.is-in{opacity:1;transform:none}.lyra-scene-list figure:nth-child(even){padding-left:12vw}.lyra-scene-list img{width:100%;max-height:620px;object-fit:contain;object-position:left;border-radius:2px}.lyra-scene-list figcaption{margin-top:25px}.lyra-scene-list figcaption span{font-size:10px;letter-spacing:.08em;color:#96969d}.lyra-scene-list h3{font-size:25px;font-weight:400;margin:12px 0}.lyra-scene-list p{font-size:13px;line-height:1.8;color:#b2b1b6;max-width:30em}
.lyra-memory{padding:110px 6vw;background:#dfe8ee}.lyra-memory header{max-width:900px;margin:auto;text-align:center}.lyra-memory header>p,.lyra-ui header>p{font-size:15px;line-height:1.8;color:#656775}.lyra-memory-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:70px 0 40px;gap:2vw}.lyra-memory-flow li{border-top:1px solid #2225;padding-top:18px;font-size:28px;opacity:.3;translate:0 35px;transition:opacity .7s,translate .9s;transition-delay:calc(var(--flow-i)*.12s)}.lyra-memory-flow.is-in li{opacity:1;translate:0 0}.lyra-memory-flow span{display:block;font-size:10px;margin-bottom:12px}.lyra-memory figure img{width:100%;height:auto}
.lyra-ui{padding:110px 6vw 140px;background:#f6f4ef}.lyra-ui header{width:76%;margin:auto;text-align:center}.lyra-ui-screens{display:flex;justify-content:center;gap:6vw;margin-top:80px;align-items:flex-start}.lyra-ui-screens figure{width:24%;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .8s;transform:translateY(100px);opacity:.2}.lyra-ui-screens.is-in figure{transform:translateY(0);opacity:1}.lyra-ui-screens figure:nth-child(2){margin-top:80px;transition-delay:.13s}.lyra-ui-screens figure:nth-child(3){transition-delay:.26s}.lyra-ui-screens img{width:100%;height:auto;border-radius:20px;box-shadow:0 35px 65px #261d1220}.lyra-ui-screens figcaption{text-align:center;font-size:11px;margin-top:22px}
.lyra-feature-end{padding:70px 6vw;background:#282a30;color:#eeece6}.lyra-feature-end p{font-size:clamp(24px,3vw,44px);letter-spacing:-.04em}.lyra-feature-end nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px}.lyra-feature-end a{font-size:14px;border-bottom:1px solid #ffffff44;padding-bottom:10px}
@media(max-width:760px){.lyra-kinetic-stage{min-height:700px;padding-top:110px}.lyra-kinetic h2{font-size:8.2vw;margin-top:55px;line-height:1.3}.lyra-kinetic h2 span:nth-child(2){margin-left:0}.lyra-intro-copy{right:6vw;bottom:20%;width:75%}.lyra-intro-copy p{font-size:13px}.lyra-meta{gap:18px;flex-wrap:wrap;bottom:4%}.lyra-meta div:last-child{width:100%}.lyra-film{padding:60px 5vw}.lyra-film-caption{font-size:8px;gap:20px}.lyra-purpose{grid-template-columns:1fr;padding:70px 6vw}.lyra-principles{grid-template-columns:1fr;gap:30px}.lyra-principles h3{margin:15px 0}.lyra-moments{padding:70px 6vw}.lyra-moments>header{position:relative;top:auto;width:100%}.lyra-scene-list{width:100%;margin-top:0}.lyra-scene-list figure:nth-child(even){padding-left:15vw}.lyra-memory,.lyra-ui{padding:70px 6vw}.lyra-memory-flow{grid-template-columns:1fr 1fr;gap:25px}.lyra-ui header{width:100%}.lyra-ui-screens{gap:4vw;margin-top:40px}.lyra-ui-screens figure{width:30%}.lyra-ui-screens figure:nth-child(2){margin-top:35px}.lyra-ui-screens img{border-radius:8px}.lyra-feature-end{padding:60px 6vw}}
@media(prefers-reduced-motion:reduce){.lyra-kinetic{height:auto}.lyra-kinetic-stage{position:relative}.lyra-kinetic h2 span,.lyra-scene-list figure,.lyra-memory-flow li,.lyra-ui-screens figure{transform:none!important;translate:none!important;opacity:1!important;transition:none!important}}
