/* Stella SDGs uses the shared orange/navy brand and original SDG goal artwork. */
.sdgs-page{background:#fafaf8}
.sdgs-page main{overflow:hidden}
.sdgs-page .wrap{max-width:1240px}
.sdgs-hero{position:relative;padding:56px 0 74px;background:linear-gradient(120deg,#fafaf8 38%,#fff3df 100%)}
.sdgs-hero>.wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.sdgs-brand{margin:0 0 25px;line-height:1}
.sdgs-brand img{width:245px;height:auto}
.sdgs-page .sdgs-hero h1{font-size:clamp(38px,4.2vw,58px);font-weight:800;line-height:1.55;letter-spacing:.04em;margin:0 0 25px;text-wrap:balance}
.sdgs-hero h1 span{position:relative;white-space:nowrap}
.sdgs-hero h1 span:after{content:'';position:absolute;left:0;right:0;bottom:0;height:11px;background:#ffd3ad;transform:rotate(-1.5deg);z-index:-1}
.sdgs-hero-copy{position:relative;z-index:1}
.sdgs-page .sdgs-intro{font-size:16px;line-height:2;max-width:34em;margin:0 0 32px}
.sdgs-hero-visual{position:relative;text-align:center;padding:26px 0 0}
.sdgs-year{position:absolute;right:0;top:0;color:#ff6500;opacity:.065;font-size:clamp(120px,15vw,210px);font-weight:800;line-height:1;letter-spacing:-.05em;pointer-events:none}
.sdgs-hero-art{position:relative;display:block;width:100%;height:auto;object-fit:contain}
.sdgs-visual-caption{display:inline-flex;align-items:center;gap:12px;margin-top:5px;font-size:13px;letter-spacing:.08em;color:#626b80}
.sdgs-visual-caption>span{width:28px;height:2px;background:#ff6500}
.sdgs-philosophy{position:relative;background:#171d36;padding:66px 0;color:#fff}
.sdgs-philosophy:before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px;background:#171d36;clip-path:polygon(0 100%,100% 0,100% 100%)}
.sdgs-philosophy>.wrap{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:center}
.sdgs-page .sdgs-philosophy h2{color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.65;margin:0 0 20px}
.sdgs-page .sdgs-philosophy p{color:#d7dbe6;font-size:16px;line-height:2;margin:0;max-width:43em}
.sdgs-perspectives{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff30}
.sdgs-page .sdgs-perspectives li{display:flex;align-items:center;gap:22px;border-bottom:1px solid #ffffff30;color:#fff;padding:15px 0;font-weight:700;font-size:20px}
.sdgs-perspectives span{color:#ff8b3d;font-size:16px;font-weight:400}
.sdgs-initiatives{padding:84px 0 88px;scroll-margin-top:100px;background:#f4f6f7}
.sdgs-section-heading{margin-bottom:36px}
.sdgs-page .sdgs-section-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.65;margin:0 0 18px}
.sdgs-page .sdgs-section-heading p{font-size:16px;margin:0;color:#626b80}
.sdgs-action{display:flex;flex-direction:column;background:#fff;border:1px solid #d8dce6;border-radius:0 40px 0 0;padding:32px 34px}
.sdgs-action-head{display:flex;align-items:flex-start;gap:21px;margin-bottom:24px}
.sdgs-number{flex:none;font-size:40px;color:#de5900;font-weight:400;line-height:1.1;letter-spacing:-.04em}
.sdgs-page .sdgs-action-head h3{font-size:24px;line-height:1.55;margin:0 0 10px;font-weight:800}
.sdgs-page .sdgs-action-catch{font-size:15px;line-height:1.8;margin:0;color:#626b80}
.sdgs-topic{margin-left:auto;flex:none;border:1px solid #ff6500;color:#bd4700;border-radius:100px;padding:4px 16px;font-size:13px;line-height:1.6}
.sdgs-eco{margin-bottom:26px}
.sdgs-eco-groups{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;margin-bottom:26px}
.sdgs-eco-groups>div{background:#fff7ed;border-radius:12px;padding:21px 23px}
.sdgs-page .sdgs-eco-groups h4{font-size:17px;margin:0 0 13px;line-height:1.7}
.sdgs-eco-groups ul,.sdgs-action-list{padding:0;margin:0;list-style:none}
.sdgs-eco-groups li{position:relative;padding-left:15px;font-size:15px;line-height:1.8;margin:7px 0}
.sdgs-eco-groups li:before{content:'';position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:#ff6500}
.sdgs-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.sdgs-action-list{margin:0 0 26px}
.sdgs-action-list li{position:relative;padding:11px 0 11px 19px;border-bottom:1px solid #e7e8ed;font-size:15px;line-height:1.8}
.sdgs-action-list li:first-child{border-top:1px solid #e7e8ed}
.sdgs-action-list li:before{content:'';position:absolute;left:0;top:23px;width:6px;height:6px;border-radius:50%;background:#ff6500}
.sdgs-goals{display:flex;flex-wrap:wrap;align-items:center;gap:13px 22px;margin-top:auto;padding-top:22px;border-top:1px solid #e7e8ed}
.sdgs-goals>span{font-size:12px;color:#626b80;letter-spacing:.02em;white-space:nowrap}
.sdgs-goals>div{display:flex;gap:8px;flex-wrap:wrap}
.sdgs-goals img{display:block;width:58px;height:58px;object-fit:contain}
.sdgs-charity{background:#fff8ee}
.sdgs-charity-message{display:flex;align-items:center;gap:26px;flex:1;min-height:205px;margin:0 0 26px}
.sdgs-charity-symbol{display:flex;align-items:center;justify-content:center;width:84px;height:84px;flex:none;border-radius:50%;background:#ff6500;color:#fff;font-size:44px;font-weight:400;line-height:1}
.sdgs-page .sdgs-charity-message p{font-size:20px;font-weight:700;line-height:1.9;margin:0}
.sdgs-health{display:grid;grid-template-columns:1.5fr 1fr;gap:52px;margin-top:26px;padding:38px;background:#171d36;border-radius:0 0 40px 0}
.sdgs-health .sdgs-number{color:#ff8b3d}
.sdgs-page .sdgs-health h3{color:#fff}
.sdgs-page .sdgs-health :is(.sdgs-action-catch,.sdgs-health-intro){color:#d7dbe6}
.sdgs-page .sdgs-health-intro{font-size:15px;line-height:2;margin:0 0 27px}
.sdgs-health .sdgs-goals{border-color:#ffffff30}
.sdgs-health .sdgs-goals>span{color:#d7dbe6}
.sdgs-declaration{align-self:stretch;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center;background:#fff7ed;border-radius:16px;padding:30px 28px}
.sdgs-document-mock{width:100%;aspect-ratio:210 / 297;background:#fff;box-shadow:0 12px 24px #171d3620,0 2px 5px #171d3614;transform:rotate(-3deg)}
.sdgs-document-mock img{display:block;width:100%;height:100%;object-fit:contain}
.sdgs-document-copy{min-width:0}
.sdgs-document-label{font-size:22px;font-weight:800;line-height:1.7;color:#171d36}
.sdgs-page .sdgs-declaration p{font-size:14px;color:#626b80;line-height:1.8;margin:18px 0 24px}
.sdgs-declaration .btn{max-width:100%}
.sdgs-next{background:#fff1df;padding:62px 0}
.sdgs-next>.wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}
.sdgs-page .sdgs-next h2{font-size:clamp(27px,2.8vw,36px);line-height:1.65;margin:0 0 18px}
.sdgs-page .sdgs-next p{font-size:15px;margin:0;color:#626b80}
.sdgs-next-actions{display:flex;flex-direction:column;gap:15px;flex:none}
@media(max-width:1050px){
 .sdgs-hero>.wrap{gap:25px;grid-template-columns:1.1fr 1fr}
 .sdgs-page .sdgs-hero h1{font-size:42px}
 .sdgs-brand img{width:215px}
 .sdgs-philosophy>.wrap{gap:35px}
 .sdgs-action{padding:27px}
 .sdgs-eco-groups{gap:16px;grid-template-columns:1fr 1fr}
 .sdgs-eco-groups>div:first-child{grid-row:span 2}
 .sdgs-health{gap:30px;padding:32px}
 .sdgs-declaration{grid-template-columns:1fr;gap:26px;justify-items:center;text-align:center;padding:28px 24px}
 .sdgs-document-mock{max-width:150px}
 .sdgs-charity-message{gap:18px}
 .sdgs-page .sdgs-charity-message p{font-size:18px}
 .sdgs-charity-symbol{width:65px;height:65px;font-size:36px}
 .sdgs-goals img{width:54px;height:54px}
}
@media(max-width:760px){
 .sdgs-hero{padding:38px 0 46px}
 .sdgs-hero>.wrap{grid-template-columns:1fr;gap:10px}
 .sdgs-brand{margin-bottom:20px}
 .sdgs-brand img{width:200px}
 .sdgs-page .sdgs-hero h1{font-size:clamp(30px,8vw,46px);line-height:1.55;letter-spacing:.02em;margin-bottom:22px;text-wrap:initial}
 .sdgs-page .sdgs-intro{font-size:15px;margin-bottom:24px;max-width:36em}
 .sdgs-hero-visual{max-width:430px;margin:auto;width:100%;padding-top:14px}
 .sdgs-year{font-size:160px;right:10px}
 .sdgs-visual-caption{font-size:12px}
 .sdgs-philosophy{padding:44px 0}
 .sdgs-philosophy>.wrap{grid-template-columns:1fr;gap:27px}
 .sdgs-page .sdgs-philosophy h2{font-size:28px}
 .sdgs-page .sdgs-philosophy p{font-size:15px}
 .sdgs-perspectives{display:grid;grid-template-columns:repeat(3,1fr)}
 .sdgs-page .sdgs-perspectives li{display:block;font-size:15px;padding:16px 12px;border-right:1px solid #ffffff30}
 .sdgs-perspectives li:first-child{padding-left:0}
 .sdgs-perspectives li:last-child{border-right:0}
 .sdgs-perspectives span{display:block;font-size:13px;margin-bottom:5px}
 .sdgs-initiatives{padding:48px 0 52px}
 .sdgs-page .sdgs-section-heading h2{font-size:28px}
 .sdgs-page .sdgs-section-heading p{font-size:15px}
 .sdgs-action-grid{grid-template-columns:1fr;gap:20px}
 .sdgs-action{padding:25px 22px;border-radius:0 28px 0 0}
 .sdgs-eco{margin-bottom:20px}
 .sdgs-action-head{gap:15px;margin-bottom:22px}
 .sdgs-number{font-size:34px}
 .sdgs-page .sdgs-action-head h3{font-size:21px}
 .sdgs-page .sdgs-action-catch{font-size:14px}
 .sdgs-topic{display:none}
 .sdgs-eco-groups{grid-template-columns:1fr;gap:14px}
 .sdgs-eco-groups>div:first-child{grid-row:auto}
 .sdgs-eco-groups>div{padding:18px}
 .sdgs-eco-groups li,.sdgs-action-list li{font-size:14px}
 .sdgs-goals{gap:12px;padding-top:20px}
 .sdgs-goals>span{width:100%}
 .sdgs-goals img{width:48px;height:48px}
 .sdgs-goals>div{gap:7px}
 .sdgs-charity-message{min-height:130px;gap:18px}
 .sdgs-page .sdgs-charity-message p{font-size:17px}
 .sdgs-charity-symbol{width:56px;height:56px;font-size:30px}
 .sdgs-health{grid-template-columns:1fr;gap:27px;padding:25px 22px;margin-top:20px;border-radius:0 0 28px 0}
 .sdgs-declaration{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:28px 24px;text-align:left}
 .sdgs-document-label{font-size:20px}
 .sdgs-next{padding:44px 0}
 .sdgs-next>.wrap{display:block}
 .sdgs-page .sdgs-next h2{font-size:27px}
 .sdgs-next-actions{margin-top:27px;align-items:flex-start}
}

@media(max-width:480px){
 .sdgs-declaration{grid-template-columns:1fr;gap:25px;text-align:center}
 .sdgs-document-mock{max-width:160px}
 .sdgs-declaration .btn{white-space:nowrap}
}

/* Organic section edges: three distinct silhouettes, each filled with the
   following section's surface. The masks stay inside the page width. */
.sdgs-page :is(.sdgs-hero, .sdgs-philosophy, .sdgs-initiatives) {
  position: relative;
  isolation: isolate;
  padding-bottom: calc(var(--sdgs-edge-gap) + var(--sdgs-edge-height));
}
.sdgs-page :is(.sdgs-hero, .sdgs-philosophy, .sdgs-initiatives) > .wrap {
  position: relative;
  z-index: 1;
}
.sdgs-page :is(.sdgs-hero, .sdgs-philosophy, .sdgs-initiatives)::after {
  content: '';
  position: absolute;
  z-index: 0;
  inset: auto 0 -1px;
  width: 100%;
  height: var(--sdgs-edge-height);
  background: var(--sdgs-edge-surface);
  border-radius: 0;
  -webkit-mask-image: var(--sdgs-edge-shape);
  mask-image: var(--sdgs-edge-shape);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}
.sdgs-page .sdgs-philosophy::before {
  content: none;
  display: none;
}

/* A long navy rise is low on the left and opens broadly toward the right. */
.sdgs-page .sdgs-hero {
  --sdgs-edge-gap: 42px;
  --sdgs-edge-height: clamp(88px, 9.4vw, 138px);
  --sdgs-edge-surface: #171d36;
  --sdgs-edge-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 152C315 154 595 106 880 40C1110 -10 1290 0 1440 28V160H0Z'/%3E%3C/svg%3E");
}

/* The gray surface begins with an inset edge and one generous rounded step. */
.sdgs-page .sdgs-philosophy {
  --sdgs-edge-gap: 42px;
  --sdgs-edge-height: clamp(66px, 7.2vw, 104px);
  --sdgs-edge-surface: #f4f6f7;
  --sdgs-edge-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 159H90V88Q90 4 178 4H1440V160H0Z'/%3E%3C/svg%3E");
}

/* A wide warm shoulder peaks left of center, then eases down to the right. */
.sdgs-page .sdgs-initiatives {
  --sdgs-edge-gap: 50px;
  --sdgs-edge-height: clamp(86px, 9.2vw, 134px);
  --sdgs-edge-surface: #fff1df;
  --sdgs-edge-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 76C240 -5 535 -12 820 62C1070 126 1280 160 1440 142V160H0Z'/%3E%3C/svg%3E");
}

@media (max-width: 760px) {
  .sdgs-page :is(.sdgs-hero, .sdgs-philosophy, .sdgs-initiatives) {
    --sdgs-edge-gap: 28px;
  }
  .sdgs-page .sdgs-hero { --sdgs-edge-height: 56px; }
  .sdgs-page .sdgs-philosophy { --sdgs-edge-height: 42px; }
  .sdgs-page .sdgs-initiatives { --sdgs-edge-height: 62px; }
}