/* Four principles: one luminous glass sculpture and four readable editorial entries. */
.about-page .about-principles{position:relative;isolation:isolate;padding:66px 0 62px;background:radial-gradient(ellipse at 27% 75%,#125f433b,transparent 47%),linear-gradient(115deg,#031b16,#07382b);color:#f6f7f0;overflow:hidden}
.about-principles-shell{display:grid;grid-template-columns:84px minmax(0,1fr);gap:40px;align-items:start}
.about-principles-marker{padding-top:4px;min-width:0}
.about-principles-marker>span{display:block;font-size:20px;line-height:1;color:#a6cdb6;letter-spacing:-.04em}
.about-principles-marker>span:after{content:"";display:block;width:32px;height:1px;background:#8fbea273;margin:17px 0}
.about-page .about-principles-marker .nexo-eyebrow{display:block;font-size:9px;letter-spacing:.15em;line-height:1.8;color:#a2c7b1;margin:0;overflow-wrap:anywhere}
.about-principles-marker .nexo-eyebrow:after{display:none}
.about-principles-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.43fr);gap:40px;align-items:end;margin-bottom:38px}
.about-page .about-principles .nexo-title{font-size:clamp(38px,3.3vw,56px);line-height:1.04;letter-spacing:-.05em;color:#f5f7ef;max-width:850px;margin:0;overflow-wrap:normal;text-wrap:initial}
.about-page .about-principles .nexo-title span{color:#6ad2ab;background:none;-webkit-text-fill-color:currentColor}
.about-page .about-principles-heading .nexo-lead{font-size:15px;line-height:1.75;color:#b6cdbf;margin:0 0 3px;max-width:360px}
.about-principles-body{display:grid;grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:48px;align-items:center}
.about-principles-body.has-no-art{grid-template-columns:minmax(0,1fr)}
.about-principles-art{position:relative;min-width:0;height:350px;max-width:420px;width:100%;justify-self:center;isolation:isolate}
.about-principles-art:before{content:"";position:absolute;inset:8% -6% 0;z-index:-1;background:radial-gradient(ellipse,#46976526,transparent 67%);pointer-events:none}
.about-principles-art picture,.about-principles-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.about-principles-ground{position:absolute;bottom:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#97bf8f66,transparent)}
.about-principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 32px;align-items:start}
.about-principle{min-width:0;padding:18px 0 0;border-top:1px solid #80b79450}
.about-principle-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px}
.about-principle-index{font-size:11px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#91b8a2}
.about-principle-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #83b59c40;border-radius:5px;background:linear-gradient(145deg,#9fceb210,#85bd9d03);color:#b4d9bf}
.about-principle-icon svg{width:24px;height:24px}
.about-page .about-principle h3{font-size:clamp(23px,1.7vw,27px);line-height:1.12;letter-spacing:-.035em;color:#f0f6ec;margin:0 0 14px;overflow-wrap:anywhere}
.about-page .about-principle p{font-size:14px;line-height:1.75;color:#b8cec0;margin:0;overflow-wrap:anywhere}
.about-principle h3 a{color:inherit;text-decoration-color:#79aa8b}
.about-principle h3 a:is(:hover,:focus-visible){color:#8ee2ba}
.about-principles-action{display:flex;justify-content:flex-end;margin-top:28px}
.about-principles-action .nexo-btn{font-size:13px;max-width:100%}
@media(max-width:1200px){
 .about-principles-shell{grid-template-columns:60px minmax(0,1fr);gap:26px}
 .about-principles-heading{grid-template-columns:minmax(0,1fr) 260px;gap:26px}
 .about-page .about-principles .nexo-title{font-size:43px}
 .about-page .about-principles-heading .nexo-lead{font-size:14px}
 .about-principles-body{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:30px}
 .about-principles-art{height:300px}
 .about-principles-grid{gap:26px}
 .about-page .about-principle h3{font-size:24px}
 .about-page .about-principle p{font-size:13px}
}
@media(max-width:1000px){
 .about-page .about-principles{padding:50px 0}
 .about-principles-shell{display:block}
 .about-principles-marker{display:flex;gap:18px;align-items:center;padding:0;margin-bottom:24px}
 .about-principles-marker>span{font-size:12px;flex-shrink:0}
 .about-principles-marker>span:after{display:none}
 .about-page .about-principles-marker .nexo-eyebrow{font-size:10px}
 .about-principles-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:30px}
 .about-page .about-principles-heading .nexo-lead{font-size:16px;max-width:600px}
 .about-principles-body{grid-template-columns:minmax(0,1fr);gap:32px}
 .about-principles-grid{order:0}
 .about-principles-art{order:1;max-width:350px;height:290px}
 .about-page .about-principle p{font-size:14px}
}
@media(max-width:600px){
 .about-page .about-principles{padding:40px 0}
 .about-page .about-principles .nexo-title{font-size:clamp(34px,9.2vw,44px);line-height:1.07;overflow-wrap:break-word}
 .about-page .about-principles-heading .nexo-lead{font-size:15px}
 .about-page .about-principles-marker .nexo-eyebrow{font-size:9px;letter-spacing:.15em}
 .about-principles-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .about-principle{padding-top:17px}
 .about-principle-top{margin-bottom:13px}
 .about-page .about-principle h3{font-size:25px;margin-bottom:12px}
 .about-page .about-principle p{font-size:14px;line-height:1.75}
 .about-principles-art{height:245px;max-width:300px}
 .about-principles-action{justify-content:flex-start}
}
@media(forced-colors:active){.about-page .about-principles{background:Canvas;color:CanvasText}.about-principle{border-color:CanvasText}.about-principles-art{display:none}.about-principle-icon{background:Canvas;border-color:CanvasText;color:CanvasText}.about-page .about-principles :is(h2,h2 span,h3,p,.nexo-eyebrow,.about-principle-index){color:CanvasText}}