/* Scoped below the hero. Do not add root, body, header, or unscoped component rules. */
.content-design {
  --content-accent: var(--brand-green);
  --content-tint: color-mix(in srgb, var(--brand-green) 7%, var(--surface-color));
  --content-shadow: 0 24px 60px -28px #092b4945;
  color: var(--default-color);
}
/* Consistent blue-grey surfaces with restrained sage section accents, outside the hero. */
:where(body:not(.dark-mode)) .content-design {
  --rise-paper: #e6edf2;
  --surface-color: #d7e4ed;
  --background-color: #e6edf2;
  --brand-grey: #e0e8ee;
  --content-tint: #e2e9e4;
  --rise-line: #c0ced7;
}
:where(body:not(.dark-mode)) .content-design .rise-impact-label { background: var(--surface-color); }
.content-design.section { padding-block: 112px; }
.content-design :is(h2,h3,h4) { text-wrap: balance; }
.content-design :is(p,li) { text-wrap: pretty; }
.content-design .section-kicker { display: block; margin-bottom: 18px; color: var(--content-accent); }
.content-design :is(.cta-btn,.rise-button,.btn-primary,.btn-secondary,.research-link,.event-card-link) { transition: transform .3s, box-shadow .3s, background .3s; }
.content-design :is(.cta-btn,.rise-button,.btn-primary):hover { transform: translateY(-3px); box-shadow: 0 10px 24px #092b4926; }
.content-design [data-depth-scene] { perspective: 1100px; }
.content-design [data-depth-plane] { transform: rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)); transform-style: preserve-3d; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.content-design .content-geometry { position: absolute; width: 120px; height: 120px; border: 1px solid color-mix(in srgb, var(--content-accent) 50%, transparent); transform: translateZ(45px) rotate(45deg); pointer-events: none; }
.content-design .content-geometry::before { content: ''; position: absolute; inset: 13px; border: inherit; transform: rotate(45deg); }

/* A quiet transition out of the existing hero. */
.content-design.rise-partners { background: var(--surface-color); border-bottom: 1px solid var(--rise-line); }
.content-design .rise-partner-row { min-height: 116px; }
.content-design .rise-partner-label { color: var(--content-accent); }

/* About: layered photography, a floating fact, and a stable editorial column. */
.content-design.about-6 { overflow: visible; background: var(--rise-paper); }
.content-design.about-6 > .container > .row { align-items: start; --bs-gutter-x: 86px; }
.content-design.about-6 .image-wrapper { margin: 20px 0 50px; background: transparent; box-shadow: none; }
.content-design .about-image-plane { position: relative; }
.content-design .about-image-plane::before { content: ''; position: absolute; inset: 28px 25px -28px -24px; background: linear-gradient(145deg,var(--brand-blue),var(--brand-green)); border-radius: 4px 4px 90px 4px; transform: translateZ(-24px); }
.content-design.about-6 .image-wrapper img { position: relative; width: 100%; height: 570px; object-fit: cover; object-position: 48% center; border-radius: 4px 4px 90px 4px; box-shadow: var(--content-shadow); transform: translateZ(10px); }
.content-design .about-image-plane .content-geometry { right: -28px; top: -24px; animation: content-float 10s ease-in-out infinite; }
.content-design.about-6 .image-wrapper .experience-badge { right: -26px; bottom: 42px; z-index: 2; padding: 25px 28px; transform: translateZ(48px); border: 1px solid #ffffff38; border-left: 3px solid var(--brand-green-light); background: var(--brand-blue-deep); box-shadow: 0 18px 35px #092b4930; text-align: left; }
.content-design.about-6 .experience-badge .number { line-height: 1.1; font-size: 46px; }
.content-design.about-6 .experience-badge .text { display: block; margin-top: 10px; letter-spacing: 1px; }
.content-design .about-image-caption { position: relative; margin-top: 49px; display: flex; flex-direction: column; gap: 4px; color: var(--rise-muted); font-size: 12px; }
.content-design .about-image-caption span:first-child { font-size: 10px; letter-spacing: 1.9px; color: var(--content-accent); }
.content-design.about-6 .main-heading { font-size: clamp(38px,4vw,58px); line-height: 1.15; margin-bottom: 26px; }
.content-design.about-6 .content-wrapper .section-badge { margin-bottom: 22px; }
.content-design.about-6 .content-wrapper .intro-text { font-size: 17px; line-height: 1.85; margin-bottom: 18px; text-align: left; }
.content-design.about-6 .content-wrapper .about-fund { font-size: 15px; padding-left: 20px; border-left: 2px solid var(--rise-line); }
.content-design.about-6 .features-timeline { margin-top: 28px; }
.content-design.about-6 .features-timeline .timeline-item { padding-bottom: 20px; }
.content-design.about-6 .features-timeline .timeline-content p { font-size: 15px; text-align: left; color: var(--rise-muted); }
.content-design.about-6 .about-mission { margin-top: 8px; padding-top: 38px; border-top: 1px solid var(--rise-line); }
.content-design.about-6 .about-mission-heading { display: flex; align-items: center; gap: 18px; }
.content-design.about-6 .about-mission-heading .section-kicker { margin-bottom: 5px; }
.content-design.about-6 .about-mission-heading h3 { margin: 0; font-size: clamp(28px,3vw,40px); font-weight: 500; letter-spacing: -.035em; }
.content-design.about-6 .about-mission-icon { display: grid; flex: 0 0 54px; width: 54px; height: 54px; place-items: center; border-radius: 50%; color: #fff; background: var(--content-accent); box-shadow: 0 0 0 7px color-mix(in srgb,var(--content-accent) 13%,transparent); font-size: 22px; }
.content-design.about-6 .mission-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 30px 0 0; padding: 0; list-style: none; counter-reset: mission; }
.content-design.about-6 .mission-list li { position: relative; min-height: 210px; padding: 70px 24px 26px; border: 1px solid var(--rise-line); border-top: 3px solid var(--content-accent); border-radius: 10px; color: var(--rise-muted); background: var(--surface-color); box-shadow: 0 12px 30px #092b490a; font-size: 16px; line-height: 1.75; counter-increment: mission; }
.content-design.about-6 .mission-list li::before { content: counter(mission, decimal-leading-zero); position: absolute; left: 24px; top: 21px; color: var(--content-accent); font-family: Georgia,serif; font-size: 28px; line-height: 1; }
.content-design.about-6 .about-mission > .cta-btn { margin-top: 30px; }

/* Objectives: four spacious numbered features, not a repeated image-card row. */
.content-design.objectives-section { background: var(--content-tint); padding-block: 80px 92px; }
.content-design .objectives-header { display: grid; grid-template-columns: 1fr 2fr; align-items: start; gap: 32px; margin-bottom: 46px; }
.content-design .objective-badge { color: var(--content-accent); font-size: 12px; text-transform: uppercase; letter-spacing: 2px; display: flex; align-items: center; gap: 10px; padding-top: 14px; }
.content-design .objectives-title { font-size: clamp(32px,3.5vw,48px); line-height: 1.2; letter-spacing: -1.5px; margin: 0; font-weight: 500; }
.content-design .objectives-title .highlight { color: var(--content-accent); font-family: Georgia,serif; font-style: italic; }
.content-design .objectives > .row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 54px; margin: 0; }
.content-design .objectives > .row > div { width: auto; padding: 0; margin: 0; }
.content-design .objective-card { position: relative; display: grid; grid-template-columns: 62px 1fr; gap: 24px; padding: 30px 62px 28px 0; border-top: 1px solid var(--rise-line); height: 100%; }
.content-design .objective-num { color: color-mix(in srgb,var(--brand-blue) 62%,var(--surface-color)); font-family: Georgia,serif; font-size: 48px; line-height: 1; padding-top: 3px; }
.content-design .objective-symbol { position: absolute; right: 0; top: 27px; display: grid; place-items: center; width: 43px; height: 43px; color: #ffffff; background: #2f6a48; border: 1px solid var(--rise-line); border-radius: 12px 12px 12px 2px; box-shadow: 5px 5px 0 color-mix(in srgb,var(--content-accent) 13%,transparent); font-size: 21px; }
.content-design .objective-content h4 { font-size: 21px; font-weight: 500; line-height: 1.4; margin-bottom: 13px; }
.content-design .objective-content p { font-size: 15px; line-height: 1.85; color: var(--rise-muted); margin: 0; }

/* Research: paired gallery panels, with separate image, number, and icon planes. */
.content-design.services { background: var(--rise-paper); }
.content-design .pillars-intro { column-gap: 100px; margin-bottom: 60px; }
.content-design .pillars-intro-text { font-size: 17px; max-width: 50ch; }
.content-design.services .pillars-intro-highlight { color: var(--content-accent); }
.content-design .research-pillars { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; align-items: stretch; }
@media (min-width: 768px) {
  .content-design .research-pillars-five > .research-pillar:last-child { grid-column: 1 / -1; justify-self: center; width: calc((100% - 36px) / 2); }
}
.content-design .research-pillar { display: grid; grid-template-columns: 44% 56%; border: 1px solid var(--rise-line); background: var(--surface-color); border-radius: 4px; box-shadow: 0 8px 28px #092b4908; overflow: visible; min-height: 348px; transition: box-shadow .4s; }
.content-design .research-pillar:hover { transform: none; box-shadow: var(--content-shadow); }
.content-design .research-pillar-image { aspect-ratio: auto; height: 100%; min-height: 348px; overflow: visible; background: none; }
.content-design .research-pillar-image::before { content: ''; position: absolute; inset: 12px 10px -10px -10px; background: var(--pillar-colour); opacity: .16; transform: translateZ(-12px); border-radius: 3px; }
.content-design .research-pillar-image::after { border-radius: 3px; pointer-events: none; transform: translateZ(7px); }
.content-design .research-pillar-image img { position: absolute; inset: 0; border-radius: 3px; transform: translateZ(6px); }
.content-design .research-pillar:hover img { transform: translateZ(6px); }
.content-design .research-pillar-number { top: 19px; left: 19px; border: 1px solid #ffffff60; background: #092b498f; transform: translateZ(28px); }
.content-design .research-pillar-icon { width: 56px; height: 56px; right: -16px; bottom: 25px; transform: translateZ(42px); border: 1px solid #ffffff50; border-radius: 3px; box-shadow: 8px 9px 0 #092b4920; }
.content-design .research-pillar-copy { padding: 32px 25px 26px 34px; display: flex; flex-direction: column; border-bottom: 0; }
.content-design .research-pillar h3 { font-size: clamp(24px,2.15vw,31px); line-height: 1.22; min-height: 0; margin-bottom: 16px; overflow-wrap: normal; }
body.index-page .research-pillars-five .research-pillar h3 { color: #123e67; }
.content-design .research-pillar p { font-size: 15px; line-height: 1.8; min-height: 0; margin-bottom: 24px; }
.content-design .research-pillar details { margin-top: auto; }
.content-design .research-pillar summary { gap: 12px; line-height: 1.6; font-size: 13px; padding-top: 16px; }
.content-design .research-pillar summary i { flex-shrink: 0; color: var(--content-accent); }
.content-design .research-pillar details li { font-size: 14px; margin-block: 7px; }
.content-design .research-link { font-size: 13px; padding-top: 12px; gap: 12px; color: var(--content-accent); }
.content-design .related-themes { margin-top: 80px; padding-block: 46px; gap: 100px; }
.content-design .related-themes p { font-size: 15px; max-width: 47ch; }
.content-design .related-themes h3 { font-size: 32px; }
.content-design .related-themes details { padding-block: 22px; }
.content-design .pillar-overview { margin: 0 0 24px; }
.content-design .cta-section { position: relative; overflow: hidden; padding: 48px; border-radius: 5px; }
.content-design .cta-section::after { content: ''; display: block; position: absolute; width: 200px; height: 200px; right: -110px; top: -110px; border: 1px solid #ffffff38; background: none; transform: rotate(45deg); pointer-events: none; }
.content-design .cta-section h3 { font-size: 34px; }
.content-design .cta-section p { max-width: 70ch; font-size: 16px; }

/* Impact and expertise change the rhythm from panels to an editorial spread. */
.content-design.rise-impact { overflow: visible; padding-block: 116px 130px; }
.content-design .rise-impact-grid { gap: 90px; }
.content-design .impact-image-plane { position: relative; }
.content-design .impact-image-plane::before { content: ''; position: absolute; inset: -20px -20px 30px 35px; border: 1px solid #9bc4b466; transform: translateZ(-22px); }
.content-design .rise-impact-visual img { position: relative; transform: translateZ(8px); box-shadow: 0 25px 50px #0004; height: 450px; }
.content-design .rise-impact-label { z-index: 2; transform: translateZ(38px); max-width: 300px; box-shadow: 0 15px 30px #0003; }
.content-design .impact-image-plane .content-geometry { right: -30px; bottom: -25px; border-color: #9bc4b480; animation: content-float 12s ease-in-out infinite reverse; }
.content-design.expertise { position: relative; overflow: hidden; border-block: 1px solid var(--rise-line); background: var(--rise-paper); }
.content-design.expertise::before { display: none; }
.content-design.expertise > .container { position: relative; z-index: 1; display: block; }
.content-design.expertise .expertise-header { max-width: none; margin: 0 0 30px; text-align: left; }
.content-design .expertise-heading-group { display: flex; align-items: center; gap: 18px; }
.content-design .expertise-heading-group .section-kicker { margin-bottom: 5px; }
.content-design .expertise-heading-icon { display: grid; flex: 0 0 54px; width: 54px; height: 54px; place-items: center; border-radius: 50%; color: #fff; background: var(--content-accent); box-shadow: 0 0 0 7px color-mix(in srgb,var(--content-accent) 13%,transparent); font-size: 22px; }
.content-design .expertise-title { margin: 0; font-size: clamp(28px,3vw,40px); line-height: 1.2; font-weight: 500; letter-spacing: -.035em; }
.content-design.expertise .expertise-accordion { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.content-design.expertise .expertise-item { --expertise-card-accent: #087c9a; --expertise-card-bg: #dfeff3; position: relative; display: grid; grid-template-columns: 1fr; align-content: start; gap: 24px; min-height: 340px; padding: 34px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--expertise-card-accent) 18%,transparent); border-radius: 18px 18px 72px 18px; background: var(--expertise-card-bg); box-shadow: 0 14px 36px #092b490e; isolation: isolate; }
.content-design.expertise .expertise-item::before { content: ''; display: block; position: absolute; inset: auto 0 0; height: 5px; background: var(--expertise-card-accent); transform: scaleX(1); transform-origin: left; opacity: .9; }
.content-design.expertise .expertise-item:nth-child(even)::before { transform-origin: right; }
.content-design.expertise .expertise-item::after { content: ''; display: block; position: absolute; right: -78px; bottom: -92px; z-index: -1; width: 230px; aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--expertise-card-accent) 24%,transparent); border-radius: 50%; box-shadow: 0 0 0 32px color-mix(in srgb,var(--expertise-card-accent) 5%,transparent),0 0 0 64px color-mix(in srgb,var(--expertise-card-accent) 4%,transparent); }
.content-design.expertise .expertise-item:hover { transform: translateY(-3px); border-color: color-mix(in srgb,var(--expertise-card-accent) 34%,transparent); box-shadow: 0 14px 30px #092b4912; }
.content-design .expertise-card-head { display: grid; grid-template-columns: 78px minmax(0,1fr); align-items: center; gap: 22px; min-height: 104px; margin: 0; }
.content-design .expertise-name { margin: 0; font-size: 21px; line-height: 1.4; }
.content-design.expertise .expertise-num { display: inline-flex; width: fit-content; min-width: 44px; justify-content: center; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: var(--expertise-card-accent); color: #fff; font-size: 12px; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.content-design.expertise .expertise-name { color: var(--expertise-card-accent); }
.content-design .expertise-icon { display: grid; width: 78px; height: 78px; padding: 0; overflow: hidden; place-items: center; border-radius: 50%; color: #d9f2f6; background: var(--expertise-card-accent); box-shadow: 0 0 0 10px color-mix(in srgb,var(--expertise-card-accent) 8%,transparent); animation: expertise-icon-float 3.8s ease-in-out infinite; transform-origin: center; will-change: transform; }
.content-design.expertise .expertise-item:nth-child(2) .expertise-icon { animation-delay: -.95s; }
.content-design.expertise .expertise-item:nth-child(3) .expertise-icon { animation-delay: -1.9s; }
.content-design.expertise .expertise-item:nth-child(4) .expertise-icon { animation-delay: -2.85s; }
.content-design .expertise-icon i { font-size: 34px; line-height: 1; }
.content-design .expertise-body { position: relative; margin: 0; padding: 22px 0 4px; border-top: 1px solid color-mix(in srgb,var(--expertise-card-accent) 25%,transparent); color: var(--rise-muted); font-size: 16px; line-height: 1.85; text-align: left; }
.content-design.who-we-serve { background: var(--content-tint); }
.content-design .wws-item { height: 410px; border-radius: 4px; }
.content-design .wws-body { padding: 26px; }
.content-design .wws-item-title { font-size: 26px; line-height: 1.3; }
.content-design .wws-desc { font-size: 15px; }

/* Events: one lead story, two compact supporting stories. */
.content-design.events-1 { background: var(--brand-grey); }
.content-design.events-1 .section-title { max-width: 960px; text-align: center; margin-inline: auto; }
.content-design.events-1 .section-title p { margin-inline: auto; }
.content-design.events-1 .rise-net-stats { margin-bottom: 0; }
.content-design.events-1 .container > .row { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: 32px; margin: 0; }
.content-design.events-1 .container > .row > div, .content-design.events-1 .event-card-body { min-width: 0; }
.content-design.events-1 .event-card-loc { white-space: normal; }
.content-design.events-1 .container > .row > .col-lg-8 { width: auto; margin: 0; padding: 0; }
.content-design.events-1 .container > .row > .col-lg-4 { display: flex !important; width: auto; margin: 0; padding: 0; }
.content-design.events-1 .event-card { border-radius: 5px; overflow: hidden; }
.content-design.events-1 .event-card-featured { height: 100%; }
.content-design.events-1 .event-card-featured-row { height: 100%; display: flex; flex-direction: column; }
.content-design.events-1 .event-card-featured-row > .col-md-6 { width: 100%; }
.content-design.events-1 .event-card-featured .event-card-media { height: 330px; }
.content-design.events-1 .event-card-featured .event-card-title { font-size: 30px; line-height: 1.3; }
.content-design.events-1 .event-card .event-card-body { padding: 28px !important; }
.content-design.events-1 .event-card-mini { display: grid; grid-template-columns: 32% 68%; flex: 1; }
.content-design.events-1 .event-card-mini .event-card-media { height: 100%; min-height: 260px; }
.content-design.events-1 .event-card-mini .event-card-title { font-size: 21px; line-height: 1.4; }
.content-design.events-1 .event-card-desc { font-size: 15px; line-height: 1.75; }
.content-design.events-1 .event-card-cat { font-size: 10px; letter-spacing: .5px; }
.content-design.events-1 .event-card-loc { font-size: 12px; }
.content-design.events-1 .event-date-badge { top: 16px; left: 16px; right: auto; bottom: auto; width: 72px; padding: 12px 8px; }
.content-design.contact .form-card { padding: 40px; box-shadow: var(--content-shadow); border-top: 3px solid var(--content-accent); }
.content-design.contact .form-card h3 { font-size: 32px; }

/* Existing research catalogue: official titles and destinations are preserved. */
.content-design.project-catalogue .pillar-page-title { font-size: 42px; font-weight: 500; margin-bottom: 24px; }
.content-design.project-catalogue .pillar-page-desc { max-width: 80ch; }
.content-design.project-catalogue .pillar-panel { padding: 0; }
.content-design.project-catalogue .pillar-panel-title { font-size: 30px; padding-block: 25px; margin-bottom: 25px; }
.content-design.project-catalogue .pillar-panel .row { --bs-gutter-x: 32px; --bs-gutter-y: 32px; }
.content-design.project-catalogue .pillar-panel .row > div { width: 50%; }
.content-design.project-catalogue .project-feature { background: var(--surface-color); border-radius: 5px; box-shadow: 0 6px 24px #092b4908; transition: transform .35s,box-shadow .35s; }
.content-design.project-catalogue .project-feature:hover { transform: translateY(-5px); box-shadow: var(--content-shadow); }
.content-design.project-catalogue .project-feature-media { flex: none; aspect-ratio: 16/9; overflow: hidden; }
.content-design.project-catalogue .project-feature-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.content-design.project-catalogue .project-feature-content { display: flex; flex-direction: column; flex: 1; padding: 32px; }
.content-design.project-catalogue .project-feature-title { font-size: 23px; line-height: 1.5; margin-block: 17px; }
.content-design.project-catalogue .project-feature-institution { display: flex; align-items: baseline; gap: 9px; font-size: 14px; margin: auto 0 24px; padding-top: 10px; }
.content-design.project-catalogue .project-feature-link { align-self: start; border-top: 1px solid var(--rise-line); width: 100%; padding-top: 19px; font-size: 14px; }
.content-design.project-catalogue .project-id-tag::before { content: 'PROJECT'; letter-spacing: 1px; margin-right: 6px; }
.content-design.project-catalogue .pillar-panel .row > div:first-child { width: 100%; }
.content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature { display: grid; grid-template-columns: 1.05fr 1fr; }
.content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-media { aspect-ratio: auto; min-height: 440px; }
.content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-title { font-size: 29px; line-height: 1.4; }
.content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-content { padding: 40px; }

.dark-mode .content-design { --content-accent: var(--brand-green-light); }
.dark-mode .content-design .objective-num { color: #a5bdce; }
.dark-mode .content-design.objectives-section { background: var(--content-tint); }
.dark-mode .content-design .objective-content h4 { color: var(--rise-ink); }
.dark-mode .content-design .research-pillar { background: var(--surface-color); }
.dark-mode .content-design .rise-impact-label { background: var(--surface-color); color: var(--rise-ink); }

/* Research panels share one visual treatment; green is reserved for the icons. */
.content-design .research-pillar { --pillar-colour: var(--brand-blue); }
.content-design .research-pillar-icon { background: var(--brand-green); }

@keyframes content-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes content-enter { from { opacity: .55; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
.content-design .content-revealed { animation: content-enter .75s ease-out both; }

/* Prepare offscreen content before revealing it: never flash visible content
   back to an animation's starting frame. Existing hover transforms stay intact. */
@media (prefers-reduced-motion:no-preference) {
  .index-page .home-scroll-ready {
    opacity: 0;
    translate: 0 36px;
    transition: none;
  }
  .index-page .home-scroll-ready.home-scroll-entering {
    opacity: 1;
    translate: 0 0;
    transition: opacity 850ms cubic-bezier(.22,.61,.36,1),
      translate 1000ms cubic-bezier(.22,.61,.36,1),
      transform .3s ease, box-shadow .3s ease;
  }
  .index-page .home-scroll-ready:focus-within {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}
@media (max-width:767px) and (prefers-reduced-motion:no-preference) {
  .index-page .home-scroll-ready:not(.home-scroll-entering):not(:focus-within) {
    translate: 0 26px;
  }
}

@media (max-width:1199px) {
  .content-design.about-6 > .container > .row { --bs-gutter-x: 54px; }
  .content-design.expertise .expertise-accordion { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .content-design.expertise .expertise-item { grid-template-columns: 1fr; min-height: 340px; }
  .content-design .research-pillars { gap: 28px; }
  .content-design .research-pillar { grid-template-columns: 1fr; }
  .content-design .research-pillar-image { height: 270px; min-height: 0; }
  .content-design .research-pillar-icon { right: 22px; bottom: -18px; }
  .content-design .research-pillar-copy { padding: 32px; }
  .content-design .research-pillar h3 { font-size: 29px; }
  .content-design .rise-impact-grid { gap: 60px; }
  .content-design.expertise > .container { gap: 45px; }
  .content-design.events-1 .event-card-mini { grid-template-columns: 1fr; }
  .content-design.events-1 .event-card-mini .event-card-media { height: 160px; min-height: 0; }
  .content-design.events-1 .event-card-featured .event-card-media { height: 440px; }
}
@media (max-width:991px) {
  .content-design.section { padding-block: 80px; }
  .content-design.about-6 .image-wrapper { max-width: 570px; margin-inline: auto; margin-bottom: 0; }
  .content-design.about-6 .image-wrapper img { height: 470px; }
  .content-design.about-6 .mission-list { gap: 16px; }
  .content-design.about-6 .mission-list li { padding-inline: 20px; }
  .content-design.about-6 .mission-list li::before { left: 20px; }
  .content-design .objectives-header { grid-template-columns: 1fr; gap: 20px; }
  .content-design .objective-card { grid-template-columns: 45px 1fr; gap: 18px; padding-right: 0; padding-top: 85px; }
  .content-design .objective-symbol { top: 24px; left: 64px; }
  .content-design .objective-num { font-size: 38px; }
  .content-design .pillars-intro { grid-template-columns: 1fr; gap: 24px; }
  .content-design .pillars-intro-text { max-width: 65ch; }
  .content-design .related-themes { gap: 40px; }
  .content-design .rise-impact-grid { grid-template-columns: 1fr; gap: 60px; }
  .content-design .rise-impact-visual { margin: 0 20px 25px; }
  .content-design.expertise > .container { grid-template-columns: 1fr; gap: 24px; }
  .content-design.expertise .expertise-header { grid-template-columns: 1fr; gap: 18px; margin-bottom: 36px; }
  .content-design.expertise .expertise-header p { margin: 0; }
  .content-design .expertise-title .highlight { display: inline; }
  .content-design .expertise-header p { max-width: 55ch; }
  .content-design.expertise .expertise-item { grid-template-columns: 1fr; gap: 24px; }
  .content-design .expertise-body { padding: 22px 0 0; border-top: 1px solid color-mix(in srgb,var(--expertise-card-accent) 25%,transparent); border-left: 0; }
  .content-design .wws-item-title { font-size: 30px; }
  .content-design.events-1 .container > .row { grid-template-columns: minmax(0,1fr); }
  .content-design.events-1 .event-card-featured .event-card-media { height: 350px; }
  .content-design.events-1 .event-card-mini { grid-template-columns: 34% 66%; }
  .content-design.events-1 .event-card-mini .event-card-media { height: 100%; min-height: 250px; }
  .content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-title { font-size: 24px; }
  .content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-content { padding: 28px; }
}
@media (max-width:767px) {
  .content-design.about-6 .about-mission { padding-top: 32px; }
  .content-design.about-6 .mission-list { grid-template-columns: 1fr; }
  .content-design.about-6 .mission-list li { min-height: 0; padding: 64px 22px 24px; }
  .content-design.about-6 .mission-list li::before { left: 22px; }
  .content-design.expertise .expertise-accordion { grid-template-columns: 1fr; gap: 16px; }
  .content-design.expertise .expertise-item { min-height: 0; }
  .content-design .expertise-card-head { min-height: 0; }
}
@media (max-width:575px) {
  .content-design.section { padding-block: 64px; }
  .content-design.about-6 > .container > .row { --bs-gutter-x: 24px; }
  .content-design.about-6 .image-wrapper { margin-inline: 10px; }
  .content-design.about-6 .image-wrapper img { height: 390px; border-bottom-right-radius: 65px; }
  .content-design .about-image-plane::before { inset: 18px 18px -18px -12px; }
  .content-design .about-image-plane .content-geometry { width: 80px; height: 80px; right: -12px; }
  .content-design.about-6 .image-wrapper .experience-badge { right: -10px; padding: 20px; }
  .content-design .about-image-caption { margin-top: 36px; }
  .content-design.about-6 .main-heading { font-size: 37px; letter-spacing: -1.4px; }
  .content-design .objectives > .row { grid-template-columns: 1fr; gap: 4px; }
  .content-design .objective-card { padding: 28px 0; gap: 16px; }
  .content-design .objective-content { grid-column: 1/-1; }
  .content-design .objective-symbol { left: auto; right: 0; top: 29px; width: 32px; height: 32px; font-size: 17px; }
  .content-design .objective-content h4 { font-size: 20px; }
  .content-design .research-pillars { grid-template-columns: 1fr; gap: 34px; }
  .content-design .research-pillar-image { height: 270px; }
  .content-design .research-pillar-copy { padding: 32px 24px 26px; }
  .content-design .research-pillar h3 { font-size: 29px; }
  .content-design .related-themes { grid-template-columns: 1fr; gap: 24px; margin-top: 50px; }
  .content-design .cta-section { padding: 30px 24px; }
  .content-design .cta-section h3 { font-size: 29px; }
  .content-design .rise-impact-visual { margin-inline: 12px; }
  .content-design .rise-impact-visual img { height: 330px; }
  .content-design .rise-impact-label { left: -10px; bottom: -30px; padding: 20px; max-width: 255px; }
  .content-design .impact-image-plane::before { right: -12px; }
  .content-design .impact-image-plane .content-geometry { right: -12px; width: 70px; height: 70px; }
  .content-design .expertise-title { font-size: 28px; }
  .content-design .expertise-name { font-size: 18px; }
  .content-design.expertise .expertise-item { min-height: 0; padding: 24px; border-radius: 14px 14px 44px 14px; }
  .content-design .expertise-card-head { grid-template-columns: 58px minmax(0,1fr); gap: 16px; }
  .content-design .expertise-icon { width: 58px; height: 58px; box-shadow: 0 0 0 7px color-mix(in srgb,var(--expertise-card-accent) 8%,transparent); }
  .content-design .expertise-body { padding-top: 18px; font-size: 15px; }
  .content-design .wws-item { height: 370px; }
  .content-design.events-1 .event-card-featured .event-card-media { height: 270px; }
  .content-design.events-1 .event-card .event-card-body { padding: 24px !important; }
  .content-design.events-1 .event-card-mini { grid-template-columns: 1fr; }
  .content-design.events-1 .event-card-mini .event-card-media { height: 200px; min-height: 0; }
  .content-design.events-1 .event-card-featured .event-card-title { font-size: 27px; }
  .content-design.contact .form-card { padding: 26px 22px; }
  .content-design.project-catalogue .pillar-panel .row > div { width: 100%; }
  .content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature { display: flex; }
  .content-design.project-catalogue .pillar-panel .row > div:first-child .project-feature-media { aspect-ratio: 16/10; min-height: 0; }
  .content-design.project-catalogue .project-feature-content { padding: 25px; }
  .content-design.project-catalogue .project-feature-title { font-size: 21px; }
  .content-design.project-catalogue .pillar-panel-title { font-size: 24px; flex-wrap: wrap; }
}

@keyframes expertise-icon-float {
  0%,100% { transform: translate3d(0,0,0) rotate(-2deg); }
  50% { transform: translate3d(0,-9px,0) rotate(2deg); }
}
@media (prefers-reduced-motion:reduce), (hover:none), (pointer:coarse) {
  .content-design [data-depth-plane], .content-design [data-depth-plane] :is(img,.research-pillar-number,.research-pillar-icon,.experience-badge,.rise-impact-label) { transform: none !important; }
  .content-design .content-geometry, .content-design .content-revealed { animation: none; }
}
@media (prefers-reduced-motion:reduce) {
  .content-design *, .content-design *::before, .content-design *::after { animation: none !important; transition: none !important; }
  .content-design :is(.event-card,.project-feature,.cta-btn,.rise-button,.btn-primary):hover { transform: none; }
}