.system-page{--navy:#153f68;--green:#3f986c;--cream:#f8f3e8;color:var(--navy);background:var(--cream)}.system-page .nav-shell{position:absolute}.system-kicker,.system-label{font:700 9px/1.4 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.system-hero{min-height:100svh;padding:150px 5vw 70px;position:relative;overflow:hidden;background:#f1d979}.system-hero:after{content:"";position:absolute;width:38vw;height:38vw;border-radius:50%;right:-10vw;top:-12vw;background:#a893c5;opacity:.74}.system-hero h1{font-family:Arial,sans-serif;font-size:clamp(66px,8.4vw,132px);font-weight:900;line-height:.78;letter-spacing:-.07em;margin:45px 0 35px;position:relative;z-index:1}.system-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e27d52}.system-lead{font:20px/1.5 Georgia,serif;max-width:560px;margin-left:38vw;position:relative;z-index:2}.system-hero-packs{display:flex;gap:1vw;position:absolute;right:4vw;bottom:5vh;z-index:3;transform:scale(.69);transform-origin:right bottom}.system-hero-packs .system-pack>p{display:none}.system-pack{background:transparent!important;padding:0!important;min-height:0!important}.system-pack>p{max-width:250px;margin:12px auto 0;font:700 7px/1.4 Arial,sans-serif;letter-spacing:.11em;text-align:center;opacity:.62}.system-platform{padding:10vw max(6vw,calc((100vw - 1320px)/2));background:#3f986c;color:#f8f3e8}.system-ending h2,.system-platform h2{font-size:clamp(62px,8vw,116px);line-height:.86;margin:50px 0}.system-platform h2 em{color:#f1d979}.system-platform>p:not(.system-label){font:23px/1.55 Georgia,serif;max-width:720px;margin-left:32%}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.45);margin-top:80px}.platform-grid span{padding:25px 20px 0 0;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.11em}.system-chapter{padding:9vw max(6vw,calc((100vw - 1320px)/2));background:var(--chapter-bg)}.system-chapter.lime{--chapter-bg:#d8e3cb}.system-chapter.peach{--chapter-bg:#f6efb1}.system-chapter.aqua{--chapter-bg:#d7e6ed}.chapter-top{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:center;min-height:720px}.chapter-top h2{font:900 clamp(72px,10vw,148px)/.8 Arial,sans-serif;letter-spacing:-.075em;margin:45px 0 20px;color:var(--pack-accent)}.chapter-top h3{font:400 clamp(32px,4vw,60px)/.98 Georgia,serif;max-width:720px}.chapter-intro{font:19px/1.6 Georgia,serif;max-width:650px;margin:45px 0}.chapter-data{display:inline-block;border:1px solid;border-radius:100px;padding:14px 20px;font:700 9px/1.35 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.chapter-tech{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;border-top:1px solid rgba(21,63,104,.35);padding-top:65px}.chapter-tech>div>h3{font:400 42px/1 Georgia,serif}.tech-list article{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid rgba(21,63,104,.25)}.tech-list strong{font-size:12px;line-height:1.4}.tech-list p{font:16px/1.55 Georgia,serif;margin:0}.chapter-result{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:80px}.chapter-result .system-label,.chapter-result b{grid-column:1/-1}.chapter-result span{border-top:3px solid var(--pack-accent);padding-top:14px;font-size:11px;font-weight:800;letter-spacing:.08em}.chapter-result b{margin-top:35px;font:italic 28px/1 Georgia,serif;color:var(--pack-accent)}.system-ending{padding:11vw max(6vw,calc((100vw - 1320px)/2));background:#153f68;color:#f8f3e8}.system-ending h2 em{color:#f1d979}.system-ending>p:not(.system-label){font:22px/1.55 Georgia,serif;max-width:720px}.system-ending>strong{display:block;margin:60px 0;font-size:clamp(52px,8vw,112px);color:#e58a55;letter-spacing:-.06em}.system-ending small{display:block;max-width:760px;font-size:9px;line-height:1.5;letter-spacing:.08em;opacity:.7}.system-page .desktop-nav{gap:32px;font-size:12px;letter-spacing:.12em}.system-page .shop-link{border:0;color:#e27d52;font-size:12px;font-weight:800}.system-page .system-pack .bottle{margin-left:auto;margin-right:auto}@media(max-width:900px){.system-page .desktop-nav{display:none}.system-hero{padding:110px 24px 530px}.system-hero h1{font-size:18vw}.system-lead{margin-left:0;font-size:17px}.system-hero-packs{right:50%;bottom:25px;transform:translateX(50%) scale(.5);transform-origin:center bottom;width:650px;justify-content:center}.system-chapter,.system-ending,.system-platform{padding:90px 24px}.system-platform>p:not(.system-label){margin-left:0}.platform-grid{grid-template-columns:1fr 1fr;gap:20px}.chapter-top{grid-template-columns:1fr;min-height:0}.chapter-top h2{font-size:21vw}.chapter-top .system-pack{margin:70px auto}.chapter-tech,.tech-list article{grid-template-columns:1fr}.tech-list article{gap:8px}.chapter-result{grid-template-columns:1fr 1fr}.system-ending h2,.system-platform h2{font-size:16vw}}@media(min-width:901px){.system-hero{height:100svh;min-height:760px;padding:0;display:grid;grid-template-columns:50% 50%;background:#f1d979}.system-hero:after{display:none}.system-hero-copy{padding:138px 5vw 55px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.system-hero h1{font-size:clamp(58px,6vw,104px);margin:30px 0;align-self:flex-start}.system-lead{max-width:590px;margin:0;font-size:18px}.system-motion-stage{position:relative;height:100%;overflow:hidden;background:#9ad6e1;isolation:isolate}.system-motion-panel{position:absolute;inset:0;overflow:hidden;opacity:0;animation:product-scene 24s ease-in-out infinite;animation-delay:calc(var(--scene) * 4s)}.system-motion-panel img{width:100%;height:100%;object-fit:cover;display:block;animation:system-liquid 9s ease-in-out infinite alternate;transform-origin:center}}@keyframes system-liquid{0%{transform:scale(1.04) translate3d(-1.5%,0,0)}to{transform:scale(1.11) translate3d(1.5%,-1.5%,0)}}@keyframes system-wood-drift{0%{transform:scale(1.02) translate3d(-4%,2%,0)}to{transform:scale(1.18) translate3d(4%,-3%,0)}}.system-motion-panel.wood-motion img{animation:system-wood-drift 6s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes system-float{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes product-scene{0%{opacity:0}2%{opacity:1}14.5%{opacity:1}16.66%,to{opacity:0}}@media(max-width:900px){.system-hero{display:block;min-height:0;padding:0}.system-hero:after{display:none}.system-hero-copy{padding:110px 24px 65px}.system-hero h1{margin:45px 0 35px}.system-motion-stage{height:560px;position:relative;overflow:hidden;background:#9ad6e1}.system-motion-panel{position:absolute;inset:0;overflow:hidden;background:#eee;opacity:0;animation:product-scene 24s ease-in-out infinite;animation-delay:calc(var(--scene) * 4s)}.system-motion-panel img{width:100%;height:100%;object-fit:cover;display:block;animation:system-liquid 9s ease-in-out infinite alternate}}@media(prefers-reduced-motion:reduce){.system-motion-panel img{animation:none!important}}.chapter-scent{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6vw;align-items:stretch;margin-top:90px;padding-top:70px;border-top:1px solid rgba(21,63,104,.35)}.chapter-scent-reverse .chapter-scent-visual{order:2}.chapter-scent-visual{height:680px;overflow:hidden;border-radius:28px}.chapter-scent-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.chapter-scent:hover .chapter-scent-visual img{transform:scale(1.025)}.chapter-scent-copy{display:flex;flex-direction:column;justify-content:space-between;padding:18px 0}.chapter-scent-intro h3{min-height:128px;margin:22px 0 28px;font:900 clamp(46px,5.2vw,78px)/.82 Arial,sans-serif;letter-spacing:-.06em}.chapter-scent-intro h3 em{font:400 italic .82em/1 Georgia,serif;color:var(--pack-accent)}.chapter-scent-intro>p:last-child{min-height:145px;max-width:560px;margin:0;font:18px/1.6 Georgia,serif}.chapter-scent-notes{border-top:1px solid rgba(21,63,104,.5)}.chapter-scent-notes article{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:center;min-height:88px;padding:25px 0;border-bottom:1px solid rgba(21,63,104,.35)}.chapter-scent-notes span{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.15em}.chapter-scent-notes p{margin:0;font:20px/1.45 Georgia,serif}@media(max-width:900px){.chapter-scent{grid-template-columns:1fr;gap:55px;margin-top:70px;padding-top:55px}.chapter-scent-reverse .chapter-scent-visual{order:0}.chapter-scent-visual{height:62svh;border-radius:20px}.chapter-scent-copy{gap:50px;padding:0}.chapter-scent-intro h3,.chapter-scent-intro>p:last-child{min-height:0}.chapter-scent-notes article{grid-template-columns:80px 1fr;gap:18px;min-height:0}.chapter-scent-notes p{font-size:17px}.system-page{overflow-x:clip}.system-platform{padding:calc(94px + 72px) 24px 82px}.system-platform .system-label{max-width:100%;line-height:1.55}.system-platform h2{margin:34px 0 38px;font-size:clamp(54px,15.2vw,72px);line-height:.88;letter-spacing:-.055em}.system-platform h2 em{display:block;max-width:100%;font-size:.82em;line-height:.9;overflow-wrap:normal}.system-platform>p:not(.system-label){max-width:34rem;font-size:18px;line-height:1.52}.platform-grid{grid-template-columns:1fr;gap:0;margin-top:58px}.platform-grid span{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.28);font-size:10px}.system-chapter,.system-ending{padding:82px 24px}.chapter-top h2{max-width:100%;margin:34px 0 26px;font-size:clamp(66px,20vw,92px);line-height:.83;overflow-wrap:anywhere}.system-chapter.aqua .chapter-top h2{font-size:clamp(58px,15.4vw,76px);white-space:nowrap;overflow-wrap:normal;word-break:normal}.chapter-top h3{font-size:clamp(32px,9.5vw,44px);line-height:1.02}.chapter-intro{margin:34px 0;font-size:17px;line-height:1.58}.chapter-data{max-width:100%;font-size:9px;line-height:1.45}.chapter-top .system-pack{width:100%;max-width:280px;margin:68px auto}.chapter-tech{gap:42px;padding-top:52px}.chapter-tech>div>h3{font-size:34px;line-height:1.02}.tech-list p{font-size:16px;line-height:1.55}.chapter-result{grid-template-columns:1fr;gap:18px;margin-top:64px}.chapter-result span{padding-top:12px}.chapter-result b{font-size:25px;line-height:1.12}.chapter-scent-visual{height:min(62svh,560px)}.chapter-scent-intro h3{font-size:clamp(48px,14vw,66px);overflow-wrap:anywhere}.system-ending h2{font-size:clamp(54px,15vw,72px);line-height:.9;letter-spacing:-.045em}.system-ending>p:not(.system-label){font-size:18px;line-height:1.55}.system-ending>strong{margin:48px 0;font-size:clamp(50px,15vw,72px);overflow-wrap:anywhere}}@media(min-width:901px){.system-page .desktop-nav{gap:32px;font-size:16px;letter-spacing:.09em}.system-page .shop-link{font-size:16px;letter-spacing:.11em}.system-page .nav-shell{height:112px}.system-page .logo-lockup,.system-page .logo-lockup img{width:96px}.system-page .logo-tagline{font-size:16px;letter-spacing:.07em;gap:14px}.system-page .logo-tagline>span{gap:6px}.system-page .tagline-dot{width:9px;height:9px}.system-chapter.aqua .chapter-top{grid-template-columns:minmax(0,1fr) 360px}.system-chapter.aqua .chapter-top>.system-pack{width:320px;justify-self:center;overflow:visible}.system-chapter.aqua .chapter-top>.system-pack .bottle{margin-left:auto;margin-right:auto}.system-chapter.aqua .chapter-top h3{max-width:920px;font-size:clamp(36px,3.4vw,54px)}}.system-platform h1{font-size:clamp(62px,8vw,116px);line-height:.86;margin:50px 0;letter-spacing:-.06em}.system-platform h1 em{color:#f1d979;font-family:Georgia,serif;font-weight:400}@media(max-width:900px){.system-platform h1{font-size:16vw}}