/* Motion-only enhancement, scoped to the existing About content below the hero. */
.about-page .about-reveal{opacity:1}
.about-page.about-motion-ready .about-reveal{transition:opacity .8s ease,translate .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--about-delay,0ms)}
.about-page.about-motion-ready .about-reveal:not(.about-entered){opacity:0;translate:0 34px}
.about-page .editorial-photo img{transition:scale 1s cubic-bezier(.22,1,.36,1)}
.about-page .editorial-grid figure.about-in-view .editorial-photo{animation:about-photo-float 7s ease-in-out infinite;animation-delay:var(--about-float-delay,0s)}
.about-page .ecosystem-card.about-in-view .product-mark>span{display:inline-block;animation:about-symbol-float 7s ease-in-out infinite;animation-delay:var(--about-float-delay,0s)}
.about-page .editorial-aside.about-entered .sketch-arrow path{stroke-dasharray:150;animation:about-draw 1.2s cubic-bezier(.22,1,.36,1) both}
.about-page .chapters article{position:relative}
.about-page .chapters article:after{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--brand-emerald);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--about-delay,0ms);pointer-events:none}
.about-page .chapters article.about-entered:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){.about-page .editorial-grid figure:hover .editorial-photo img{scale:1.035}.about-page .ecosystem-card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.about-page .ecosystem-card:hover{transform:translateY(-7px)}}
@keyframes about-photo-float{0%,100%{translate:0 0}50%{translate:0 -16px;rotate:1.2deg}}
@keyframes about-symbol-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:20deg}}
@keyframes about-draw{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}
.about-page.reduced .about-reveal,.about-page.about-motion-off .about-reveal{opacity:1!important;translate:none!important;transition:none!important}
.about-page.reduced .editorial-photo,.about-page.reduced .product-mark>span,.about-page.reduced .sketch-arrow path,.about-page.about-motion-off .editorial-photo,.about-page.about-motion-off .product-mark>span,.about-page.about-motion-off .sketch-arrow path{animation:none!important;translate:none!important;rotate:none!important;stroke-dashoffset:0!important}
.about-page.reduced .editorial-photo img,.about-page.about-motion-off .editorial-photo img{scale:1!important;transition:none!important}
.about-page.reduced .chapters article:after,.about-page.about-motion-off .chapters article:after{transition:none!important;transform:scaleX(1)}
@media(max-width:650px){.about-page .editorial-grid figure.about-in-view .editorial-photo{animation:about-photo-mobile 7s ease-in-out infinite}.about-page .ecosystem-card.about-in-view{animation:about-card-mobile 7s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.about-page .about-reveal{opacity:1!important;translate:none!important;transition:none!important}.about-page .editorial-photo,.about-page .product-mark>span,.about-page .sketch-arrow path{animation:none!important;stroke-dashoffset:0!important}.about-page .editorial-photo img{scale:1!important;transition:none!important}.about-page .chapters article:after{transform:scaleX(1);transition:none}}
@media print{.about-page .about-reveal{opacity:1!important;translate:none!important}.about-page .editorial-photo,.about-page .product-mark>span,.about-page .sketch-arrow path{animation:none!important}}

/* The ecosystem's floating-card choreography, applied within the existing layout. */
.about-page .ecosystem-teaser .ecosystem-cards{perspective:1200px}
.about-page .ecosystem-card.about-in-view{animation:about-card-orbit 7s ease-in-out infinite;animation-delay:var(--about-float-delay,0s);transform-origin:center;will-change:translate,rotate}
.about-page .editorial-photo{transform-origin:50% 60%;box-shadow:0 18px 36px #123e3315}
.about-page .chapter-image img{scale:1.07;translate:0 var(--about-pan,0px)}
.about-page .chapter-image{--about-pan:0px}
.about-page .ecosystem-card{position:relative;overflow:hidden}
.about-page .ecosystem-card::after{content:'';position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 40%,#ffffff1c 49%,transparent 58%);pointer-events:none;opacity:0}
.about-page .ecosystem-card.about-in-view::after{animation:about-light-pass 8s ease-in-out infinite;animation-delay:var(--about-float-delay,0s)}
@keyframes about-card-orbit{0%,100%{translate:0 0;rotate:-.7deg}50%{translate:0 -14px;rotate:.7deg}}
@keyframes about-card-mobile{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:0deg}}
@keyframes about-photo-mobile{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:0deg}}
@keyframes about-light-pass{0%,25%{translate:-20% 0;opacity:0}40%{opacity:1}65%,100%{translate:35% 0;opacity:0}}
@media(max-width:650px){.about-page .ecosystem-card.about-in-view{animation-name:about-card-mobile}}
.about-page.reduced .ecosystem-card,.about-page.about-motion-off .ecosystem-card,.about-page.reduced .ecosystem-card::after,.about-page.about-motion-off .ecosystem-card::after{animation:none!important;translate:none!important;rotate:none!important}
.about-page.reduced .chapter-image img,.about-page.about-motion-off .chapter-image img{scale:1;translate:none}
@media(prefers-reduced-motion:reduce){.about-page .ecosystem-card,.about-page .ecosystem-card::after{animation:none!important;translate:none!important;rotate:none!important}.about-page .chapter-image img{scale:1;translate:none}}
@media print{.about-page .ecosystem-card,.about-page .ecosystem-card::after{animation:none!important;translate:none!important;rotate:none!important}.about-page .chapter-image img{scale:1;translate:none}}

/* About's emerald chapter treatment. Hero, navigation and footer retain their original styles. */
.about-page .chapter-opener{background:radial-gradient(ellipse at 90% 15%,#38836355,transparent 60%),#153d2f;border-color:#85dbaa44;color:#f2fff5}
.about-page .chapter-copy h2 em{color:#baffd6}.about-page .chapter-copy>p:not(.eyebrow){color:#d0e6d8}.about-page .chapter-copy .eyebrow,.about-page .chapter-number,.about-page .chapter-copy .editorial-aside{color:#b8f2cf}
.about-page .chapter-copy .brand-tag{background:#b8f2cf0d;border-color:#b8f2cf55;color:#e6f9ec}.about-page .chapter-copy .brand-tag::before{background:#b8f2cf;box-shadow:0 0 8px #9efaca77}.about-page .chapter-image figcaption{background:#163e2ee6;color:#e9fff2;border:1px solid #b4efc055;box-shadow:0 8px 25px #0b2e2640}
.about-page .journey{position:relative;background:radial-gradient(ellipse at 80% 15%,#b4efc04d,transparent 60%),#f5f8ef}.about-page .chapters{gap:22px}.about-page .chapters article{isolation:isolate;padding:25px;border:1px solid #5eab835e;border-radius:20px;background:radial-gradient(ellipse at 10% 0%,#408d6155,transparent 70%),linear-gradient(145deg,#234e3b,#123c2d);color:#f2fff5;box-shadow:0 16px 35px #143d2c18;overflow:hidden}
.about-page .chapters article:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0%,#b4efc029,transparent 65%);opacity:0;transition:opacity 1s}.about-page .chapters article.about-entered:before{opacity:1}
.about-page .chapters article:after{left:25px;right:25px;top:0;height:2px;background:linear-gradient(90deg,transparent,#adf8cd,transparent);box-shadow:0 0 15px #b4efc066}
.about-page .chapters .eyebrow{color:#b9f0ce;font-size:11px}.about-page .chapters b{display:flex;align-items:center;justify-content:center;font:italic 40px/1 Georgia,serif;width:76px;height:76px;border:1px solid #a8efc05c;border-radius:50%;color:#caffde;background:#94dcb00b;box-shadow:0 0 0 7px #b4efc006,0 0 25px #77db9e12;margin:24px 0}.about-page .chapters h3{font-size:25px;line-height:1.2;min-height:60px}.about-page .chapters p{color:#d0e6d8;font-size:16px;line-height:1.7}
.about-page .photo-editorial{position:relative;background:radial-gradient(ellipse at 50% 45%,#a9e9bd55,transparent 70%),#f5f8ef}.about-page .editorial-photo{border:1px solid #6dc69d88;border-radius:18px;box-shadow:0 20px 55px #16482f20,0 0 0 5px #b4efc015}.about-page .editorial-grid figcaption{border-color:#7abb984d;padding:19px 3px}.about-page .editorial-grid figcaption strong{color:#174832}
.about-page .approach{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#42966b55,transparent 60%),linear-gradient(125deg,#11372b,#20543c);border-block:1px solid #92e0b755}.about-page .approach:before{content:'';position:absolute;width:700px;height:700px;right:-260px;top:-260px;border:1px solid #aaf0c418;border-radius:50%;box-shadow:0 0 0 65px #aaf0c405,0 0 0 130px #aaf0c404;z-index:-1;pointer-events:none}.about-page .approach .eyebrow{color:#bcf1ce}.about-page .approach h2 em{color:#baffd6}.about-page .approach-grid p{color:#e0f0e6}.about-page .approach .button{border:1px solid #bdffda;background:linear-gradient(115deg,#caf4b4,#9cebc7);box-shadow:0 8px 30px #b4efc018}
.about-page .about-signature{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8%;min-height:190px;max-width:1000px;margin:30px 0 40px;padding:25px 4%}.about-page .about-signature svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.about-page .signature-orbit{fill:none;stroke:#b4efc033;stroke-width:1}.about-page .signature-current{fill:none;stroke:#b8ffcf;stroke-width:2;stroke-dasharray:3 12;animation:about-current 5s linear infinite}.about-page .about-signature circle{fill:#baffd6}.about-page .about-signature>div{z-index:1;display:flex;gap:10px;align-items:center;justify-content:center;flex-direction:column;min-height:108px;border:1px solid #a2e5b96b;border-radius:22px;background:linear-gradient(140deg,#326748,#1c4534);box-shadow:0 0 32px #82e5aa12;color:#f1fff5;animation:about-signature-float 8s ease-in-out infinite}.about-page .about-signature>div:nth-of-type(2){animation-delay:-2.7s}.about-page .about-signature>div:nth-of-type(3){animation-delay:-5.4s}.about-page .about-signature span{font:italic 25px Georgia,serif;color:#befad3}.about-page .about-signature strong{font-size:16px;font-weight:500}
.about-page .ecosystem-teaser{background:radial-gradient(ellipse at 50% 0%,#357e5c66,transparent 70%),#12392c;color:#f2fff5;border-bottom:1px solid #8bdbac55}.about-page .ecosystem-teaser .eyebrow{color:#b5f0cd}.about-page .ecosystem-teaser h2 em{color:#baffd6}.about-page .ecosystem-teaser .section-heading>p{color:#d0e6d8}.about-page .ecosystem-teaser .ecosystem-card{padding:28px;min-height:335px;border:1px solid #9de2ba66;border-radius:22px;color:#effff4;background:radial-gradient(ellipse at 70% 5%,#74ce9830,transparent 65%),#204c38;box-shadow:0 15px 40px #07271c40}.about-page .ecosystem-teaser .cloned-card{background:radial-gradient(ellipse at 70% 5%,#c794ef30,transparent 65%),#29223c;border-color:#bd96e177}.about-page .ecosystem-teaser .otf-card{background:radial-gradient(ellipse at 70% 5%,#94f3b830,transparent 65%),#17422f}.about-page .ecosystem-teaser .ecosystem-card p{color:#d0e6d8}.about-page .ecosystem-teaser .cloned-card p{color:#e1d6ee}.about-page .ecosystem-teaser .product-mark{position:relative;color:#c3ffda;margin-bottom:22px}.about-page .ecosystem-teaser .cloned-card .product-mark{color:#e0c1ff}.about-page .ecosystem-teaser .product-mark:before{content:'';position:absolute;left:-14px;top:-14px;width:85px;height:85px;border:1px solid currentColor;border-radius:50%;opacity:.22}.about-page .ecosystem-teaser .product-bottom{border-color:#c5eccc40}.about-page .ecosystem-teaser .text-link{color:#c3ffda}.about-page .ecosystem-teaser .ecosystem-card:hover{border-color:#c4ffde;box-shadow:0 22px 45px #062b214d,0 0 28px #93ebae15}
@keyframes about-current{to{stroke-dashoffset:-30}}
@keyframes about-signature-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.about-page.about-motion-off .signature-current,.about-page.reduced .signature-current,.about-page.about-motion-off .about-signature>div,.about-page.reduced .about-signature>div{animation:none;translate:none}
@media(max-width:1100px){.about-page .chapters article{padding:20px}.about-page .chapters h3{font-size:23px}}
@media(max-width:650px){.about-page .chapters{grid-template-columns:1fr;gap:18px}.about-page .chapters h3{min-height:0}.about-page .chapters b{width:64px;height:64px;font-size:34px;margin:20px 0}.about-page .about-signature{min-height:145px;padding-inline:0;gap:5%}.about-page .about-signature>div{min-height:92px;border-radius:16px}.about-page .about-signature strong{font-size:12px}.about-page .ecosystem-teaser .ecosystem-card{min-height:300px}.about-page .editorial-photo{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.about-page .signature-current,.about-page .about-signature>div{animation:none;translate:none}.about-page .chapters article:before{transition:none}}
@media print{.about-page .signature-current,.about-page .about-signature>div{animation:none}}

/* Approved lounge portrait: full composition stays crisp through the story. */
.about-page .stage{background:#092c23}
.about-page .hero-still{inset:0;width:100%;background:url('/assets/sonia-mountain-hero.png') center/cover no-repeat;will-change:auto;transform:none!important}
.about-page .hero-shade{background:linear-gradient(90deg,#061d18c9 0%,#061d1860 32%,transparent 58%)}
.about-page .hero-opening{top:14%;left:5%;right:auto;width:43%}
.about-page .hero-opening h1{font-size:clamp(54px,6.5vw,110px);white-space:normal}
.about-page .hero-opening>p:last-child{font-size:clamp(22px,2.4vw,36px)}
.about-page .story-lines>p{width:40%;max-width:680px;font-size:clamp(28px,3.4vw,54px)}
.about-page .scroll-story{height:460svh}
@media(max-width:700px){
 .about-page .hero-still{top:29%;background-image:url('/assets/sonia-mountain-hero.png');background-position:center bottom;background-size:contain}
 .about-page .hero-shade{background:linear-gradient(180deg,#092c23 0%,#092c23 25%,transparent 44%)}
 .about-page .hero-opening{top:3%;left:6%;width:88%}
 .about-page .hero-opening .eyebrow{font-size:10px;margin-bottom:8px}
 .about-page .hero-opening h1{font-size:clamp(44px,10vw,68px);margin:8px 0}
 .about-page .hero-opening>p:last-child{font-size:19px;margin-top:10px}
 .about-page .story-lines{align-items:flex-start;padding-top:5%}
 .about-page .story-lines>p{width:88%;font-size:clamp(24px,6vw,34px)}
 .about-page .scroll-cue{bottom:3%;font-size:9px}
 .about-page .motion-toggle{bottom:3%}
}
.about-page.reduced .stage{min-height:0;height:auto;padding-bottom:45px}
.about-page.reduced .hero-still{height:min(65vw,800px);inset:0;background-size:contain}
.about-page.reduced .hero-opening{padding-top:40px;margin-bottom:min(40vw,400px)}
.about-page.reduced .story-lines{padding:20px 6%}
.about-page.reduced .story-lines>p{width:100%;max-width:1000px}
@media(max-width:700px){.about-page.reduced .hero-still{top:180px;height:125vw}.about-page.reduced .hero-opening{margin-bottom:130vw}.about-page.reduced .hero-shade{display:none}}

/* Fill the hero edge to edge: avoid contain letterboxing on all screens. */
.about-page .stage{height:56.28vw;max-height:none}
.about-page .hero-still{background-size:cover;background-position:center}
@media(min-width:701px) and (max-width:1000px){.about-page .hero-opening{top:9%}.about-page .hero-opening h1{font-size:5.8vw;margin:14px 0}.about-page .hero-opening .eyebrow{font-size:10px;margin-bottom:10px}.about-page .hero-opening>p:last-child{font-size:22px;margin-top:15px}.about-page .story-lines>p{font-size:3.4vw}}
@media(max-width:700px){
 .about-page .stage{height:calc(100svh - 80px)}
 .about-page .hero-still{inset:0;background-size:cover;background-position:56% center}
 .about-page .hero-shade{background:linear-gradient(180deg,#061d18bb,transparent 36%,transparent 75%,#061d1866)}
 .about-page .hero-opening{top:3%}
 .about-page .story-lines{padding-top:4%}
}
.about-page.reduced .stage{height:auto;max-height:none}
.about-page.reduced .hero-still{height:56.28vw;top:0;background-size:cover}
@media(max-width:700px){.about-page.reduced .hero-still{top:0;height:130vw;background-size:cover}.about-page.reduced .hero-opening{margin-bottom:115vw}}
/* Mountain composition with text in the open left side. */
.about-page .hero-still{background-image:url('/assets/sonia-mountain-hero.png');background-position:center}
.about-page .hero-shade{background:linear-gradient(90deg,#091e1da3,#091e1d59 38%,transparent 65%)}
.about-page .hero-opening{left:6%;top:20%;width:46%;text-align:left}
.about-page .hero-opening h1{font-size:clamp(50px,6.3vw,105px);line-height:1.02;margin:18px 0 24px}
.about-page .hero-opening>p:last-child{font-size:clamp(21px,2.2vw,34px);line-height:1.35}
.about-page .story-lines>p{width:44%;text-align:left}
@media(max-width:700px){.about-page .hero-still{background-image:url('/assets/sonia-mountain-hero.png');background-position:75% center}.about-page .hero-shade{background:linear-gradient(180deg,#091e1dba,#091e1d52 36%,transparent 62%,#091e1d4d)}.about-page .hero-opening{left:6%;top:6%;width:88%}.about-page .hero-opening h1{font-size:clamp(43px,11vw,68px);margin:12px 0 16px}.about-page .hero-opening>p:last-child{font-size:20px}.about-page .story-lines>p{width:88%;font-size:clamp(24px,6vw,34px)}}