.page-ecosystem{background:#f6f2e9}.eco-nav{display:flex;gap:34px;align-items:center}.eco-nav a{font-size:15px;padding:15px 0;line-height:1.6}.eco-nav a:hover{text-decoration:underline;text-underline-offset:5px}.eco-hero{max-width:1450px;margin:auto;padding:70px 6vw 95px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:0}.eco-hero-copy{position:relative;z-index:2}.eco-hero .eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:34px;max-width:430px}.eco-hero h1{font-size:clamp(66px,6.4vw,103px);line-height:1.02}.eco-hero-copy>p:not(.eyebrow){max-width:400px;margin-top:28px;font-size:18px;line-height:1.9;color:var(--muted)}.eco-hero-copy .text-link{margin-top:23px}.eco-scene{position:relative;aspect-ratio:1;margin:0 0 0 25px;align-self:center;transform:rotate(-1.2deg);isolation:isolate}.eco-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.eco-scene-art{display:block}.eco-purpose{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding-top:60px;padding-bottom:110px}.eco-purpose .eyebrow,.eco-learning .eyebrow,.eco-apps>.eyebrow,.eco-future>.eyebrow{margin-bottom:28px}.page-ecosystem h2{font-size:clamp(45px,4.5vw,70px);line-height:1.06;margin-bottom:27px}.eco-body{font-size:18px;line-height:1.9;max-width:420px;color:var(--muted)}.eco-aside{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.35;max-width:370px;margin-top:28px}.eco-principles{padding-top:30px}.eco-principles article{border-top:1px solid var(--line);padding:23px 0 27px;display:grid;grid-template-columns:25px 1fr;column-gap:23px}.eco-principles article>span{font-size:13px;line-height:29px;opacity:.55}.eco-principles h3{font-family:var(--serif);font-size:29px;letter-spacing:-.03em}.eco-principles article>p{grid-column:2;font-size:17px;line-height:1.85;color:var(--muted);margin-top:9px}.eco-learning{display:grid;grid-template-columns:1fr 1fr;gap:95px;background:#e9ecdb;padding:90px max(8vw,35px)}.eco-learning-intro{max-width:470px;margin-left:auto}.eco-learning-intro .button{margin-top:32px}.eco-learning-intro>img{width:190px;margin:45px auto 0;mix-blend-mode:multiply}.eco-toolkit{max-width:550px}.eco-toolkit article{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.eco-toolkit article>span{font-size:12px;line-height:24px;opacity:.6}.eco-toolkit h3{font-family:var(--serif);font-size:27px;letter-spacing:-.025em;margin-bottom:7px}.eco-toolkit article p{font-size:16px;line-height:1.85;color:var(--muted);max-width:380px}.eco-learning-note{font-size:14px;line-height:1.85;color:var(--muted);margin-top:25px;max-width:420px}.eco-apps{padding-top:110px;padding-bottom:100px}.eco-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:70px}.eco-section-head h2{max-width:640px}.eco-section-head .eco-body{max-width:325px;font-size:17px;padding-top:10px}.eco-product-list{margin-top:45px}.eco-product{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding:55px 0}.eco-product-art img{width:290px;margin:auto;mix-blend-mode:multiply}.eco-product:nth-child(2) .eco-product-art img{width:255px}.eco-product-copy{max-width:430px}.eco-product-copy>.eyebrow{font-size:12px;margin-bottom:17px}.eco-product-copy h3{font-family:var(--serif);font-size:65px;letter-spacing:-.04em;line-height:1.05}.eco-tagline{font-size:16px;margin:15px 0 20px}.eco-product-copy>p:not([class]){font-size:18px;line-height:1.85;color:var(--muted)}.eco-product-copy>.text-link{margin:20px 0 15px}.eco-status{font-size:13px;line-height:1.8;color:var(--muted)}.eco-sol-note{font-size:14px;line-height:1.85;color:var(--muted);margin-top:14px;max-width:370px}.eco-local{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:70px;row-gap:15px;border-top:1px solid var(--line);padding-top:30px}.eco-local>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:530px}.eco-local>p:last-child{grid-column:2;font-size:14px}.eco-future{background:var(--citron);padding:90px 25px 95px;text-align:center;position:relative;overflow:hidden}.eco-future h2{font-size:75px;max-width:760px;margin-left:auto;margin-right:auto}.eco-future>.eco-body{max-width:440px;margin:auto;font-size:17px;color:var(--green)}.eco-future>img{position:absolute;width:180px;left:5vw;top:80px;transform:rotate(-12deg);mix-blend-mode:multiply}.eco-future-end{font-family:var(--serif);font-style:italic;font-size:24px;margin:30px auto 0}.eco-end-links{display:flex;justify-content:center;gap:45px;align-items:center;margin-top:38px}.page-ecosystem .site-footer nav{flex-wrap:wrap}
@media(max-width:1000px){.eco-hero{padding:45px 5vw 65px;grid-template-columns:1.2fr .8fr}.eco-hero h1{font-size:75px}.eco-hero-copy>p:not(.eyebrow){font-size:17px;max-width:330px}.eco-purpose{gap:55px;padding-bottom:80px}.eco-learning{gap:50px;padding:65px 5vw}.eco-learning-intro>img{width:150px}.eco-section-head{gap:45px}.eco-product{gap:40px}.eco-future>img{width:125px;left:-15px;top:95px}.eco-future h2{font-size:66px}.eco-local{column-gap:40px}.eco-nav{gap:24px}}
@media(max-width:700px){.eco-nav{gap:18px}.eco-nav a{font-size:14px}.eco-hero{display:flex;flex-direction:column;align-items:stretch;padding:43px 27px 20px}.eco-hero .eyebrow{font-size:12px;max-width:285px;margin-bottom:28px}.eco-hero h1{font-size:65px}.eco-hero-copy>p:not(.eyebrow){font-size:18px;max-width:380px;line-height:1.8;margin-top:24px}.eco-scene{width:350px;max-width:100%;margin:42px auto 12px;align-self:center}.eco-purpose{grid-template-columns:1fr;gap:30px;padding:35px 27px 65px}.page-ecosystem h2{font-size:49px}.eco-body{font-size:18px;line-height:1.85}.eco-aside{font-size:25px}.eco-principles{padding-top:8px}.eco-principles article>p{font-size:18px}.eco-learning{grid-template-columns:1fr;padding:60px 27px;gap:30px}.eco-learning-intro{margin:0;position:relative}.eco-learning-intro>img{display:none}.eco-learning-intro .button{margin-top:25px}.eco-toolkit{max-width:none}.eco-toolkit article{gap:20px;padding:23px 0}.eco-toolkit article p{font-size:17px}.eco-toolkit h3{font-size:26px}.eco-learning-note{font-size:15px;line-height:1.9}.eco-apps{padding:65px 27px}.eco-section-head{display:block}.eco-section-head .eco-body{font-size:18px;max-width:380px;padding:0}.eco-product-list{margin-top:40px}.eco-product{grid-template-columns:1fr;gap:15px;padding:30px 0 40px}.eco-product-art img{width:220px}.eco-product:nth-child(2) .eco-product-art img{width:190px}.eco-product-copy{max-width:none}.eco-product-copy h3{font-size:59px}.eco-tagline{font-size:17px;margin-top:15px}.eco-product-copy>p:not([class]){font-size:18px}.eco-status{font-size:14px}.eco-sol-note{font-size:15px;line-height:1.8}.eco-local{display:block;padding-top:27px}.eco-local>.eyebrow{margin-bottom:17px}.eco-local>p:not(.eyebrow){font-size:16px;line-height:1.85;margin-top:13px}.eco-local>p:last-child{font-size:15px}.eco-future{padding:65px 27px 50px;text-align:left}.eco-future h2{font-size:55px;margin-bottom:25px}.eco-future>.eco-body{font-size:18px;line-height:1.85;margin:0}.eco-future>img{position:relative;left:auto;top:auto;width:115px;float:right;margin:0 -25px 0 0}.eco-future>.eyebrow{max-width:240px;font-size:12px}.eco-future-end{font-size:25px;line-height:1.3}.eco-end-links{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:25px}.eco-end-links a{font-size:15px;line-height:1.7}.page-ecosystem .footer-bottom{gap:20px}.page-ecosystem .site-footer nav{gap:20px}}
@media(max-width:390px){.eco-hero h1{font-size:56px}.eco-nav a{font-size:13px}.eco-nav{gap:13px}.eco-hero .eyebrow{font-size:6px}.page-ecosystem h2{font-size:44px}.eco-future h2{font-size:49px}}

/* Comfortable reading, shared across all translations. */
body{font-weight:500}button,input,select{font-weight:500}

/* Zen Briefing, and a composed closing scene. */
.eco-briefing{background:#173d30;color:#f6f2e9;padding:90px max(6vw,27px)}
.eco-briefing-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.eco-briefing .eyebrow{color:#dce8a8;margin-bottom:25px;font-size:12px}
.eco-briefing-name{font-family:var(--serif);font-size:clamp(44px,5vw,76px);letter-spacing:-.04em;line-height:1;margin:0 0 24px}
.page-ecosystem .eco-briefing h2{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-.025em;margin-bottom:24px;color:#f6f2e9}
.eco-briefing-body{font-size:17px;line-height:1.85;max-width:510px;color:#e0e5d8}
.eco-briefing ul{list-style:none;margin:27px 0;padding:0}
.eco-briefing li{padding:11px 0;border-top:1px solid #f6f2e92b;font-size:15px;line-height:1.6}
.eco-briefing li::before{content:'↗';margin-right:12px;color:#dce8a8}
.eco-briefing .button{background:#e4edaa;color:#173d30;border-color:#e4edaa;gap:20px}
.eco-briefing .button:hover{background:#f6f2e9;color:#173d30}
.eco-briefing-note{font-size:12px;line-height:1.8;color:#ccd6c9;margin-top:15px}
.eco-briefing-art{margin:0;background:#f6f2e9;padding:12px 12px 0;border-radius:3px;transform:rotate(1deg);box-shadow:0 22px 55px #071e2340}
.eco-briefing-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.eco-briefing-art figcaption{display:flex;justify-content:space-between;gap:14px;padding:20px 10px;color:#173d30;font-family:var(--serif);font-size:27px;line-height:1.2}
.eco-briefing-art figcaption span{font-family:var(--sans);font-size:10px;align-self:center;letter-spacing:.04em}
.eco-future{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,720px);gap:65px;align-items:center;justify-content:center;padding:85px max(6vw,27px);text-align:left}
.eco-future>img{position:static;width:100%;max-width:280px;height:auto;transform:rotate(-8deg);margin:auto;float:none}
.eco-future-copy{min-width:0}.eco-future-copy>.eyebrow{margin-bottom:28px}
.eco-future h2{font-size:clamp(44px,5vw,70px);margin-left:0;margin-right:0}
.eco-future-copy>.eco-body{max-width:570px;color:var(--green);font-size:17px;line-height:1.9}
.eco-future-end{margin:25px 0 0}.eco-end-links{justify-content:flex-start;flex-wrap:wrap;gap:18px 30px}
@media(max-width:1000px){.eco-briefing-inner{gap:35px}.eco-future{grid-template-columns:180px minmax(0,1fr);gap:35px}.eco-future>img{max-width:180px}}
@media(max-width:700px){.eco-briefing{padding:60px 27px}.eco-briefing-inner{grid-template-columns:1fr;gap:40px}.eco-briefing-art{transform:none}.eco-briefing-art figcaption{font-size:25px}.eco-briefing-body{font-size:18px}.eco-future{grid-template-columns:1fr;gap:25px;padding:55px 27px}.eco-future>img{width:140px;max-width:100%;margin:0 auto;float:none}.eco-future-copy>.eyebrow{max-width:none}.eco-future h2{font-size:49px}.eco-end-links a{max-width:100%;white-space:normal}.eco-future-copy>.eco-body{font-size:18px}}

/* A clear catalogue: two digital products, then three native apps. */
.eco-hero{padding-top:55px;padding-bottom:55px}.eco-hero h1{font-size:clamp(57px,5.5vw,86px)}.eco-scene{max-width:430px}
.eco-digital-head{padding-top:65px;padding-bottom:55px;border-top:1px solid var(--line)}.eco-digital-head .eyebrow{margin-bottom:25px}.eco-digital-head .eco-body{max-width:660px}
.eco-book-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:65px max(6vw,27px) 80px;background:#e9ecdb}
.eco-book-art{max-width:540px;margin-left:auto}.eco-book-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.eco-book-copy{max-width:550px}.eco-book-copy>.eyebrow{font-size:12px;margin-bottom:25px}.page-ecosystem .eco-book-copy h2{font-size:clamp(46px,4.8vw,70px)}
.eco-book-promise{font-family:var(--serif);font-size:27px;line-height:1.4;margin-bottom:28px;max-width:480px}
.eco-book-includes article{padding:15px 0;border-top:1px solid var(--line)}.eco-book-includes h3{font-family:var(--serif);font-size:24px;line-height:1.2;margin-bottom:8px}.eco-book-includes p{font-size:15px;color:var(--muted);line-height:1.8;max-width:490px}.eco-book-copy>.button{margin-top:22px}.eco-book-copy .eco-learning-note{max-width:490px;font-size:12px}
.eco-product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.eco-product{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:28px;background:#edeedf;border:1px solid #173d3021;border-radius:3px}.eco-product-art{height:190px;display:flex;align-items:center;justify-content:center}.eco-product-art img,.eco-product:nth-child(2) .eco-product-art img{width:180px;height:180px;object-fit:contain}.eco-product-copy{max-width:none}.eco-product-copy h3{font-size:48px}.eco-product-copy>p:not([class]){font-size:16px;line-height:1.8}.eco-tagline{font-size:15px}.eco-product-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin:23px 0}.eco-product-actions .text-link{font-size:14px}.eco-status{font-size:12px}.eco-sol-note{font-size:12px;line-height:1.8}.eco-local{margin-top:35px}
@media(max-width:1000px){.eco-book-feature{gap:35px}.eco-product-list{gap:15px}.eco-product{padding:20px}.eco-product-copy h3{font-size:40px}.eco-product-art{height:150px}.eco-product-art img,.eco-product:nth-child(2) .eco-product-art img{width:150px;height:150px}}
@media(max-width:700px){.eco-hero h1{font-size:58px}.eco-hero{padding-bottom:30px}.eco-scene{max-width:300px;margin-top:30px}.eco-digital-head{padding:45px 27px}.eco-book-feature{grid-template-columns:1fr;gap:30px;padding:45px 27px 55px}.eco-book-art{max-width:330px;margin:auto}.eco-book-promise{font-size:26px}.eco-product-list{grid-template-columns:1fr;gap:20px}.eco-product{padding:27px;gap:20px}.eco-product-copy h3{font-size:49px}.eco-product-art{height:170px}.eco-product-art img,.eco-product:nth-child(2) .eco-product-art img{width:170px;height:170px}.eco-product-copy>p:not([class]){font-size:18px}.eco-status,.eco-sol-note{font-size:14px}.eco-hero .eyebrow{font-size:11px}.eco-briefing .button,.eco-book-copy .button{max-width:100%;white-space:normal;line-height:1.6}}

.eco-journey{padding-top:65px;padding-bottom:70px;background:#f0efdf}.eco-journey-head{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.eco-journey-head .eyebrow{font-size:11px;margin-bottom:25px}.eco-journey-head h2{font-size:clamp(40px,4.1vw,62px)}.eco-journey-head .eco-body{font-size:17px;max-width:470px}.eco-journey-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;list-style:none;margin:45px 0 0;padding:0}.eco-journey-map li{position:relative}.eco-journey-map li:not(:last-child)::after{content:'→';position:absolute;top:27px;right:-32px;font-size:28px;color:#69816c}.eco-journey-map a{display:block;height:100%;padding:27px;background:#f9f7ef;border:1px solid #173d3026;transition:transform .2s,border-color .2s}.eco-journey-map a:hover{transform:translateY(-4px);border-color:#173d30}.eco-node{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eco-node>span{font-family:var(--serif);font-size:30px;color:#73846b}.eco-node svg{width:42px;height:42px;stroke:#173d30;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.eco-journey-action{font-family:var(--serif);font-size:39px;line-height:1.2;display:block}.eco-journey-map h3{font-size:12px;letter-spacing:.025em;line-height:1.8;margin:13px 0 15px}.eco-journey-map p{font-size:16px;line-height:1.8;color:var(--muted)}.eco-journey-link{display:flex;gap:15px;align-items:center;font-size:13px;margin-top:25px}.eco-journey-link svg{width:19px;stroke:currentColor;fill:none;stroke-width:1.5}.eco-journey-result{font-family:var(--serif);font-size:27px;line-height:1.5;text-align:center;margin-top:35px}.eco-journey-note{text-align:center;font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}
@media(max-width:1000px){.eco-journey-head{gap:30px}.eco-journey-map{gap:25px}.eco-journey-map a{padding:20px}.eco-journey-map li:not(:last-child)::after{right:-22px;font-size:23px}.eco-journey-action{font-size:33px}}
@media(max-width:700px){.eco-journey{padding:50px 27px}.eco-journey-head{grid-template-columns:1fr;gap:0}.eco-journey-head .eco-body{font-size:18px}.eco-journey-map{grid-template-columns:1fr;gap:27px;margin-top:30px}.eco-journey-map li:not(:last-child)::after{content:'↓';top:auto;bottom:-26px;right:calc(50% - 9px);font-size:21px}.eco-journey-map a{padding:26px}.eco-journey-action{font-size:37px}.eco-journey-result{font-size:25px;text-align:left}.eco-journey-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.eco-journey-map a{transition:none}}

.eco-system-graphic{margin:0 0 0 20px;width:100%;max-width:500px;justify-self:center}.eco-system-graphic svg{display:block;width:100%;height:auto}.eco-book-art{max-width:430px;width:100%}.eco-book-art img{mix-blend-mode:normal;max-height:620px;object-fit:contain}@media(max-width:700px){.eco-system-graphic{max-width:350px;margin:30px auto 0}.eco-book-art{max-width:300px}}

.eco-book-art{max-width:580px;padding:12px;background:#f6f2e9;transform:rotate(-.7deg);box-shadow:0 18px 40px #173d3012}.eco-book-art img{aspect-ratio:3/2;object-fit:cover;height:auto}@media(max-width:700px){.eco-book-art{max-width:100%;transform:none}}

/* Your own solar system: projected ellipses, upright labels, quiet depth. */
.eco-system-graphic.eco-orbit{max-width:650px;margin:0 0 0 10px;position:relative}.eco-orbit-space{overflow:visible}.eco-orbit-rings ellipse{fill:none;stroke:#173d3030;stroke-width:1;vector-effect:non-scaling-stroke}.eco-orbit-rings ellipse:nth-child(2){stroke:#173d3020;stroke-dasharray:2 7}.eco-orbit-centre text{font-family:var(--serif);font-size:44px;fill:#f6f2e9;font-style:italic;letter-spacing:-1.8px}.eco-orbit-label rect{fill:#f6f2e9;fill-opacity:.94;stroke:#173d3010;stroke-width:1}.eco-orbit-label text{font-family:var(--sans);font-size:18px;font-weight:500;fill:#173d30;letter-spacing:-.25px}.eco-orbit-planet:focus{outline:none}.eco-orbit-planet:hover>circle:first-of-type,.eco-orbit-planet:focus-visible>circle:first-of-type{stroke:#456d4e;stroke-width:2}.eco-orbit figcaption{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 15px;margin-top:-25px;color:#60725e;font-size:12px;line-height:1.8}.eco-orbit-toggle{font:inherit;background:none;border:0;border-bottom:1px solid #173d3035;border-radius:0;color:#173d30;padding:3px 0;cursor:pointer}.eco-orbit-toggle:focus-visible{outline:2px solid #173d30;outline-offset:5px}.eco-orbit-planet{cursor:pointer}@media(max-width:700px){.eco-system-graphic.eco-orbit{max-width:430px;width:calc(100% + 30px);margin:25px -15px 10px;align-self:center}.eco-orbit figcaption{font-size:11px;gap:15px;margin-top:-15px}.eco-orbit-label text{font-size:20px}}

.eco-orbit-space{stroke:none;stroke-width:0;fill:none}

/* Larger Solar You, with a contemporary creative duo at its centre. */
.eco-hero{max-width:1660px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-left:4vw;padding-right:4vw}
.eco-system-graphic.eco-orbit{max-width:900px;width:100%;margin:0;min-width:0}
.eco-orbit-centre text{font-size:28px;letter-spacing:-1px}
@media(min-width:701px) and (max-width:1000px){.eco-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.eco-hero h1{font-size:clamp(48px,6vw,65px)}}
@media(max-width:700px){.eco-hero{padding-left:27px;padding-right:27px}.eco-system-graphic.eco-orbit{max-width:560px;width:calc(100% + 36px);margin:25px -18px 15px}.eco-orbit figcaption{margin-top:-10px}}

.eco-orbit-card{position:absolute;left:50%;bottom:60px;transform:translate(-50%,8px);width:310px;max-width:calc(100% - 24px);padding:22px 25px;background:#173d30;color:#f6f2e9;border:1px solid #dce8a833;border-radius:18px;box-shadow:0 18px 40px #173d3026;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:4;text-align:left}.eco-orbit-card.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.eco-orbit-card strong{display:block;color:#dce8a8;font-family:var(--sans);font-size:11px;letter-spacing:.06em;margin-bottom:10px}.eco-orbit-card p{font-family:var(--serif);font-size:27px;line-height:1.2;margin:0;letter-spacing:-.025em}@media(max-width:700px){.eco-orbit-card{bottom:37px;padding:18px 22px;width:270px}.eco-orbit-card p{font-size:24px}}@media(prefers-reduced-motion:reduce){.eco-orbit-card{transition:none}}

/* Three depth planes: atmospheric halo, portrait, and personal signature. */
.eco-orbit-halo-layer{transform-origin:360px 285px;animation:orbit-breathe 12s ease-in-out infinite}
.eco-orbit-portrait-layer{transform-origin:360px 285px;animation:orbit-portrait-float 10s ease-in-out infinite}
.eco-orbit-you-layer{transform-origin:360px 368px;animation:orbit-signature-float 10s ease-in-out infinite}
@keyframes orbit-breathe{50%{transform:scale(1.055);opacity:.65}}
@keyframes orbit-portrait-float{50%{transform:translateY(-3px) rotate(.5deg)}}
@keyframes orbit-signature-float{50%{transform:translateY(3px)}}
.eco-orbit.is-paused .eco-orbit-halo-layer,.eco-orbit.is-paused .eco-orbit-portrait-layer,.eco-orbit.is-paused .eco-orbit-you-layer{animation-play-state:paused}
.eco-orbit-quote{max-width:510px;margin:-20px auto 24px;text-align:center;padding:0 25px;color:#173d30}.eco-orbit-quote p{font-family:var(--serif);font-size:clamp(26px,2.3vw,36px);line-height:1.25;letter-spacing:-.025em;margin:0}.eco-orbit-quote cite{display:block;font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.04em;margin-top:14px;color:#60725e}.eco-orbit figcaption{margin-top:0}.eco-orbit-card{bottom:175px}
@media(max-width:700px){.eco-orbit-quote{margin:-8px auto 22px;padding:0 20px}.eco-orbit-card{bottom:190px}}
@media(prefers-reduced-motion:reduce){.eco-orbit-halo-layer,.eco-orbit-portrait-layer,.eco-orbit-you-layer{animation:none}}

/* Solar You leads; the editorial introduction follows beneath it. */
.eco-hero{display:flex;flex-direction:column;align-items:stretch;max-width:1500px;padding:25px 5vw 75px;gap:55px}
.eco-system-graphic.eco-orbit{order:-1;max-width:1120px;width:100%;margin:0 auto;align-self:center}
.eco-hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:85px;max-width:1160px;width:100%;margin:0 auto;padding-top:45px;border-top:1px solid #173d3020;align-items:start}
.eco-hero-copy>.eyebrow{grid-column:1/-1;max-width:none;margin-bottom:30px}
.eco-hero h1{grid-column:1;grid-row:2/4;font-size:clamp(58px,6.2vw,90px);max-width:650px}
.eco-hero-copy>p:not(.eyebrow){grid-column:2;margin-top:5px;max-width:420px;font-size:19px;line-height:1.9}
.eco-hero-copy>.text-link{grid-column:2;justify-self:start;margin-top:25px}
.eco-orbit-quote{max-width:650px;margin:-35px auto 28px}.eco-orbit-quote p{font-size:clamp(28px,2.9vw,42px)}
@media(max-width:1000px){.eco-hero-copy{column-gap:40px}.eco-hero h1{font-size:clamp(50px,6vw,70px)}}
@media(max-width:700px){.eco-hero{padding:15px 27px 50px;gap:35px}.eco-system-graphic.eco-orbit{width:calc(100% + 36px);max-width:560px;margin:0 -18px}.eco-hero-copy{display:block;padding-top:30px}.eco-hero-copy>.eyebrow{font-size:10px;line-height:1.8;margin-bottom:25px}.eco-hero h1{font-size:clamp(48px,13vw,66px)}.eco-hero-copy>p:not(.eyebrow){font-size:18px;margin-top:24px;max-width:none}.eco-orbit-quote{margin:-10px auto 24px}.eco-orbit-quote p{font-size:28px}.eco-hero-copy>.text-link{margin-top:22px}}

/* Open silhouettes, a wider orbit, and illustrated cards near each planet. */
.eco-hero{gap:0;padding:10px 3vw 60px;max-width:1600px}
.eco-system-graphic.eco-orbit{max-width:1380px}
.eco-orbit-portrait-layer{transform-origin:500px 300px}
.eco-orbit-quote{position:relative;z-index:2;max-width:660px;margin:-105px auto 24px}
.eco-orbit-quote h1{font-family:var(--serif);font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-.025em;max-width:none;margin:0;color:#173d30}
.eco-orbit-card{bottom:auto;left:0;top:0;transform:translateY(6px);width:300px;padding:12px 12px 22px;border-radius:18px;transition:opacity .18s,visibility .18s,transform .18s;box-sizing:border-box}
.eco-orbit-card.is-visible{transform:translateY(0)}
.eco-orbit-card img{width:100%;height:142px;object-fit:cover;border-radius:10px;background:#f6f2e9;display:block;margin-bottom:17px}
.eco-orbit-card strong,.eco-orbit-card p{margin-left:10px;margin-right:10px}.eco-orbit-card p{font-size:26px}
.eco-orbit-card:nth-last-child(-n+3) img{object-fit:contain}
@media(max-width:700px){.eco-hero{padding:15px 20px 35px}.eco-system-graphic.eco-orbit{width:calc(100% + 24px);margin:0 -12px;max-width:650px}.eco-orbit-quote{margin:-25px auto 23px;padding:0 25px}.eco-orbit-quote h1{font-size:30px}.eco-orbit-quote cite{font-size:9px}.eco-orbit-card{width:245px;padding:10px 10px 18px}.eco-orbit-card img{height:105px}.eco-orbit-card p{font-size:23px}}

/* A quiet living studio: real cutouts, no orbit lines, three depth planes. */
.eco-orbit-space{isolation:isolate}
[data-scene-background]{opacity:.62;pointer-events:none}
[data-scene-foreground]{opacity:1;filter:blur(1.5px);pointer-events:none}
.eco-orbit-label text{font-size:15px;font-weight:500;paint-order:stroke;stroke:#f6f2e9;stroke-width:4px;stroke-linejoin:round;letter-spacing:.01em}
.eco-orbit-paper-title{font-family:var(--serif);font-size:18px;font-weight:500}
.eco-orbit-object{filter:drop-shadow(0 9px 9px #173d3019)}
.eco-orbit-planet:hover .eco-orbit-object,.eco-orbit-planet:focus-visible .eco-orbit-object{filter:drop-shadow(0 12px 12px #173d3030)}
.eco-orbit-planet:focus-visible>.eco-orbit-label text{text-decoration:underline}
@media(max-width:700px){.eco-orbit-label text{font-size:20px;stroke-width:5px}[data-scene-foreground]{opacity:1}}

/* Shared deep-green surfaces and transparent editorial product portraits. */
.eco-tile-title{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.35px;fill:#f6f2e9;stroke:none}
.eco-orbit-product-tile .eco-tile-title{font-size:22px}
.eco-orbit-object{filter:drop-shadow(0 10px 10px #173d3020)}
.eco-orbit-planet:hover .eco-tile-surface,.eco-orbit-planet:focus-visible .eco-tile-surface{stroke:#dce8a8;stroke-opacity:.65}
.eco-orbit-planet:focus-visible .eco-tile-title{text-decoration:underline}
.eco-orbit-card{background:linear-gradient(145deg,#2b5041,#173d30 55%,#102f26);border:1px solid #e4edcd35;border-radius:24px;padding:17px 18px 25px;box-shadow:0 20px 50px #102f2633,inset 0 0 0 4px #e4edcd06}
.eco-orbit-card img{height:165px;object-fit:contain;background:transparent;border-radius:0;margin-bottom:17px}
.eco-orbit-card strong{font-size:12px;letter-spacing:.04em;font-weight:500;color:#dce8a8}
.eco-orbit-card p{font-size:27px;line-height:1.18}
@media(max-width:700px){.eco-orbit-card{padding:13px 14px 21px;border-radius:20px}.eco-orbit-card img{height:125px}.eco-orbit-card p{font-size:23px}}

/* Keep face details crisp: depth comes from the surrounding planes. */
.eco-orbit-portrait-layer{animation:none;transform:none}

/* Product catalogue, October 2026 */
.eco-catalog{max-width:1320px;margin:auto}.eco-catalog-head{text-align:center;max-width:800px;margin:0 auto 56px}.eco-catalog-head p{font-size:20px;line-height:1.6}.eco-showcase{border-radius:32px;overflow:hidden;background:#eeede3;min-width:0}.eco-showcase-copy{padding:44px}.eco-showcase-copy h2{font-size:clamp(30px,3vw,48px);line-height:1.1;margin:16px 0 24px}.eco-showcase-copy p{font-size:18px;line-height:1.6}.eco-showcase img{display:block;width:100%;height:auto;object-fit:cover}.eco-showcase-aptare{background:#173d30;color:#f5f1e5;padding:18px 0 0;margin-bottom:24px;text-align:center}.eco-showcase-aptare .eco-showcase-copy{max-width:780px;margin:auto}.eco-showcase-aptare h2,.eco-showcase-aptare p{color:inherit}.eco-showcase-aptare figure{margin:12px 7% 0;perspective:1200px}.eco-showcase-aptare figure img{border-radius:18px 18px 0 0;transform:rotateX(5deg);box-shadow:0 -10px 60px #0004}.eco-catalog-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px}.eco-catalog-duo .eco-showcase>img{height:340px}.eco-catalog-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.eco-showcase-small>img{height:220px;object-fit:contain;padding:28px}.eco-showcase-small .eco-showcase-copy{padding:28px}.eco-showcase-small h3{font-size:32px}.eco-showcase-small h4{font-size:22px;font-weight:500}.eco-showcase .eco-status,.eco-showcase .eco-sol-note{font-size:13px;line-height:1.6}.eco-catalog .eco-local{text-align:center}.eco-catalog .button{margin:12px 0}.eco-showcase-aptare .button{background:#f5f1e5;color:#173d30}.eco-orbit-quote{max-width:800px}.eco-orbit-space{overflow:visible}@media(max-width:760px){.eco-catalog-duo,.eco-catalog-trio{grid-template-columns:1fr}.eco-showcase-copy{padding:28px}.eco-catalog-duo .eco-showcase>img{height:auto}.eco-catalog-head{margin-bottom:32px}.eco-catalog-duo{margin-bottom:48px}}

.eco-catalog .button{border-radius:28px}.eco-catalog .eco-catalog-head h2{font-size:clamp(32px,4vw,56px)}

.eco-orbit-quote{max-width:950px;margin-inline:auto}.eco-orbit-quote h1{font-size:clamp(34px,4.6vw,64px);line-height:1.12;text-wrap:balance}.eco-orbit-quote cite{display:block;margin-top:22px;font-size:13px;letter-spacing:.14em;font-style:normal}

.page-ecosystem .wordmark{align-items:center;gap:10px}.page-ecosystem .brand-name{letter-spacing:-.06em}.page-ecosystem .brand-dot{margin:0 0 0 0;align-self:center;width:6px;height:6px}.page-ecosystem .brand-small{line-height:1.4}