/* Content expansion: inherit the established light cyan brand and content rail. */
[hidden] { display: none !important; }
.about-pillars { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin-top: 12px; }
.about-pillar { display: grid; grid-template-columns: 64px 1fr; gap: 20px; align-items: start; padding-top: 28px; border-top: 1px solid var(--line); }
.about-pillar > strong { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #e9f8fd; color: #087e9f; font-size: 28px; }
.about-pillar:nth-child(2) > strong { background: #edf8ed; color: #3d704f; }
.about-pillar:nth-child(3) > strong { background: #fff3e4; color: #956029; }
.about-pillar h3 { font-size: 20px; line-height: 1.6; margin: 0 0 8px; }
.about-pillar p { font-size: 15px; line-height: 1.85; color: var(--muted,#526578); }
.product-preview-image { flex: 1; min-height: 0; display: grid; place-items: center; padding: 12px 0; }
.product-preview-image img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.product-detail-link { display: inline-flex; flex-shrink: 0; justify-content: center; align-items: center; gap: 12px; align-self: center; min-height: 44px; padding: 8px 20px; color: var(--brand-action,#087e9f); font-size: 15px; font-weight: 600; }
.product-detail-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.education-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.expert-copy { min-height: 218px; }
.expert-portrait img { object-position: center 24%; }
.expert-card[data-expert="e2"] img { object-position: center 15%; }
.expert-card[data-expert="e5"] img { object-position: center 18%; }
.event-stories { max-width: 1360px; width: 90%; margin-inline: auto; display: grid; gap: 40px; }
.event-story { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 48px; align-items: center; padding: 32px; background: linear-gradient(130deg,#f1fcfb,#f4f8ff); border-radius: 16px; }
.event-story:nth-child(2) { background: linear-gradient(120deg,#fff8ed,#f3faf9); }
.event-story:nth-child(2) .event-picture { order: 2; }
.event-picture { width: 100%; aspect-ratio: 1.25; object-fit: cover; border-radius: 12px; }
.event-text h3 { font-size: 28px; line-height: 1.45; margin: 0 0 18px; }
.event-text p { font-size: 16px; line-height: 1.9; color: #4d6271; margin: 0 0 16px; }
.event-text p:last-child { margin-bottom: 0; }
#faq,#contact { scroll-margin-top: 105px; }
.faq-list { max-width: 1060px; margin-inline: auto; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: flex; justify-content: space-between; gap: 24px; align-items: center; cursor: pointer; list-style: none; padding: 26px 8px; font-size: 19px; font-weight: 500; line-height: 1.7; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary svg { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: var(--brand-action,#087e9f); stroke-width: 1.5; }
.faq-item[open] summary { color: #087e9f; }
.faq-item[open] summary svg { transform: rotate(45deg); }
.faq-answer { padding: 0 48px 26px 8px; }
.faq-answer p { font-size: 16px; line-height: 1.95; color: #4d6271; }
.section-action { display: flex; justify-content: center; margin-top: 40px; }
.education-news-image > img { width: 100%; height: 100%; object-fit: cover; }
.education-news-copy { padding: 28px; min-height: 240px; }
.news-text-frame { display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 28px; background: linear-gradient(120deg,#e5f8f6,#e6f0ff); color: #1d5568; }
.news-text-frame span { font-size: 14px; }
.news-text-frame strong { font-size: clamp(20px,1.8vw,28px); font-weight: 500; }
.news-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.news-tags span { color: #41606c; background: #edf7fa; padding: 4px 10px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
.contact-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; align-items: start; }
.contact-info { display: grid; gap: 26px; }
.contact-info h3 { font-size: 18px; margin-bottom: 8px; }
.contact-info p,.contact-info address { font-size: 15px; color: #4d6271; font-style: normal; line-height: 1.9; }
.contact-info a { color: #087e9f; text-underline-offset: 4px; }
.contact-info a:hover { text-decoration: underline; }
.contact-phone { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.contact-form { padding: 32px; border-radius: 16px; background: linear-gradient(125deg,#f0fbf9,#f0f6ff); }
.contact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-fields label { display: flex; flex-direction: column; gap: 10px; font-size: 15px; font-weight: 500; }
.contact-fields .wide { grid-column: 1 / -1; }
.contact-fields input,.contact-fields textarea { display: block; width: 100%; min-width: 0; min-height: 46px; padding: 12px 14px; font: inherit; font-size: 15px; line-height: 1.6; border: 1px solid #b6d4df; border-radius: 6px; background: #fff; color: #243b4b; caret-color: #087e9f; }
.contact-fields textarea { min-height: 130px; resize: vertical; }
.contact-fields ::placeholder { color: #637780; opacity: 1; }
.contact-form > .button { margin-top: 24px; width: 100%; }
.form-note { color: #526772; font-size: 13px; line-height: 1.85; margin-top: 16px; }
.contact-preview { padding: 24px; margin-top: 24px; background: #fff; border-radius: 10px; }
.contact-preview h3 { font-size: 20px; margin-bottom: 10px; }
.contact-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.8; margin-block: 16px; }
.contact-preview p { font-size: 14px; line-height: 1.8; color: #526772; }
.contact-preview button { min-height: 44px; color: #087e9f; text-decoration: underline; text-underline-offset: 4px; }
.content-page { color: #243b4b; }
.page-intro { padding: 68px 0 72px; background: linear-gradient(115deg,#edfafa,#eaf4ff 65%,#f3efff); }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; color: #526c79; margin-bottom: 26px; }
.breadcrumb a:hover { color: #087e9f; text-decoration: underline; }
.page-intro h1 { font-size: clamp(30px,3.3vw,48px); font-weight: 600; line-height: 1.4; max-width: 1000px; margin: 0 0 22px; }
.page-intro .product-description { max-width: 860px; font-size: 18px; line-height: 1.9; color: #405d6e; }
.product-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 28px; font-size: 14px; color: #376976; }
.product-overview { padding: 88px 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: center; }
.product-image { background: #f7fafb; border-radius: 16px; padding: 28px; display: grid; place-items: center; min-height: 360px; }
.product-image img { display: block; max-height: 410px; width: 100%; object-fit: contain; }
.product-overview h2 { font-size: 32px; line-height: 1.5; margin-bottom: 24px; }
.product-overview h3 { font-size: 18px; margin: 26px 0 10px; }
.product-overview p { font-size: 16px; line-height: 1.95; color: #4d6271; }
.product-overview .button-row { margin-top: 30px; }
.product-related { border-top: 1px solid var(--line); padding-top: 40px; padding-bottom: 80px; }
.product-related h2 { font-size: 24px; margin-bottom: 24px; }
.product-nav { display: flex; flex-wrap: wrap; gap: 12px; }
.product-nav a { padding: 12px 18px; min-height: 44px; background: #f0f7fa; border-radius: 6px; color: #326174; }
.product-nav a[aria-current="page"] { background: #d9f0f7; color: #164c60; font-weight: 600; }
.news-list-section { padding: 72px 0 130px; }
.news-list-heading { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 28px; gap: 20px; }
.news-list-heading h2 { font-size: 24px; }
.news-list-heading p { font-size: 14px; color: #526772; }
.content-page .education-news-grid { row-gap: 36px; }
.content-page .dayan-footer { margin-top: 0; }
@media(max-width:1100px) {
  .about-pillars { gap: 24px; }.about-pillar { grid-template-columns: 48px 1fr; gap: 14px; }.about-pillar > strong { width: 48px; height: 48px; font-size: 24px; }
  .about-pillar h3 { font-size: 18px; }
  .event-stories { width: 100%; }.event-story { gap: 28px; padding: 24px; }.event-text h3 { font-size: 24px; }
  .contact-layout { gap: 32px; }.contact-form { padding: 24px; }.product-overview { gap: 36px; }
}
@media(max-width:680px) {
  .about-pillars { grid-template-columns: 1fr; gap: 24px; }.about-pillar { padding-top: 24px; }
  .education-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 36px; }
  .education-metrics > div:last-child { grid-column: auto; }
  .event-story { display: flex; flex-direction: column; align-items: stretch; gap: 24px; padding: 20px; }
  .event-story:nth-child(2) .event-picture { order: 0; }.event-picture { aspect-ratio: 1.5; }.event-text p { font-size: 15px; }
  .faq-item summary { font-size: 17px; gap: 16px; padding-block: 22px; }.faq-answer { padding-right: 12px; }.faq-answer p { font-size: 15px; }
  .contact-layout { grid-template-columns: 1fr; gap: 36px; }.contact-fields { grid-template-columns: 1fr; gap: 20px; }.contact-fields .wide { grid-column: auto; }
  .contact-form { padding: 22px 18px; }.contact-preview { padding: 18px; }.contact-info address { overflow-wrap: anywhere; }
  .page-intro { padding: 42px 0 48px; }.breadcrumb { font-size: 12px; gap: 7px; }.page-intro .product-description { font-size: 16px; }
  .product-overview { grid-template-columns: 1fr; padding-block: 48px; gap: 36px; }.product-image { min-height: 230px; padding: 20px; }.product-image img { max-height: 290px; }
  .product-overview h2 { font-size: 26px; }.product-related { padding-bottom: 60px; }.product-nav { gap: 10px; }.product-nav a { font-size: 14px; padding: 10px 12px; }
  .news-list-section { padding: 48px 0 80px; }.news-list-heading { flex-wrap: wrap; gap: 10px; }
}
@media(prefers-reduced-motion:reduce) { .faq-item summary svg { transition: none; } }

/* 2026-09-15: scoped refinement of the approved content expansion only. */
.about-pillars { gap: 0; margin-top: 48px; border-block: 1px solid #c9e0e6; }
.about-pillar { position: relative; grid-template-columns: 56px 1fr; gap: 22px; padding: 36px 32px; border-top: 0; }
.about-pillar:first-child { padding-left: 0; }
.about-pillar:last-child { padding-right: 0; }
.about-pillar + .about-pillar { border-left: 1px solid #c9e0e6; }
.about-pillar > strong { width: auto; height: auto; background: none !important; border-radius: 0; font-size: 48px; line-height: 1.2; font-weight: 500; }
.about-pillar h3 { font-size: 19px; margin: 0 0 10px; }
.about-pillar p { margin: 0; max-width: 28em; }

#experience .showcase { border: 1px solid #b6d9e4; box-shadow: none; background: #f0f9fb; }
#experience .app-slide { background: #f0f9fb; padding: 12px; }
#experience .education-preview { height: auto; min-height: 0; padding: 20px 20px 12px; overflow: visible; background: #fff; }
#experience .education-preview h3 { font-size: clamp(18px,1.55vw,24px); line-height: 1.55; flex-shrink: 0; margin: 0 0 8px; }
.product-preview-image { width: min(100%,320px); aspect-ratio: 1; flex: none; align-self: center; overflow: visible; padding: 0; background: #fff; margin: 4px 0; }
.product-preview-image img,.product-preview-image[data-product="p1"] img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: center; }
.product-detail-link { flex: 0 0 auto; min-height: 44px; margin-top: 8px; border-top: 1px solid #e1edf0; width: 100%; }
#experience .experience-step h3 { font-size: 21px; }
#experience .experience-step p { font-size: 14px; line-height: 1.8; }
#experience .dimension-sub { font-size: 14px; }
#experience .experience-step .dimension-tag { background: none; padding: 0; color: #5b7180; }
#experience .education-thumb { background: none; outline: 0; color: #567380; }
#experience .experience-step.active { background: #f0f9fb; border-left-color: #159cb1; }
#experience .arrow-controls button { width: 44px; height: 44px; }

#maas,#solutions,#festival,#faq,#news,#contact { padding-top: 100px; padding-bottom: 100px; }
#maas.education-data { background: linear-gradient(180deg,#ffffffde 0%,#f8f9ffea 100%); }
#maas.education-data::before { display: block; opacity: .16; }
#maas .section-title { margin-bottom: 48px; }
#maas .section-title h2 { font-size: clamp(32px,3.1vw,44px); }
#maas .education-metrics { max-width: 1120px; gap: 0; margin-bottom: 48px; }
#maas .education-metrics > div { padding: 16px 24px; }
#maas .education-metrics > div + div { border-left: 1px solid #d9e1f5; }
#maas .education-metrics dt { font-size: 16px; }
#maas .education-metrics dd { font-weight: 500; font-size: clamp(42px,4vw,64px); background: linear-gradient(100deg,#775dff 8%,#6374ff 46%,#1c9fe0 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#maas .education-metrics dd span { color: #5277d7; }
.learning-path { max-width: 1080px; margin: 0 auto 36px; padding: 30px 0; border-block: 1px solid #bed7df; }
.learning-path h3 { font-size: 19px; font-weight: 500; margin: 0 0 24px; }
.learning-path ol { display: grid; grid-template-columns: repeat(6,1fr); list-style: none; margin: 0; padding: 0; }
.learning-path li { position: relative; font-size: 15px; color: #325e6c; padding: 8px 12px; }
.learning-path li + li::before { content: ''; width: 6px; height: 6px; border-top: 1px solid #7397a3; border-right: 1px solid #7397a3; transform: rotate(45deg); position: absolute; left: -4px; top: 17px; }
/* Expert carousel: portrait-led cards with a calm, spacious research-gallery rhythm. */
#solutions.experts-section { background: #f6f8fc; padding-top: 72px; padding-bottom: 72px; }
#solutions .section-title { margin-bottom: 38px; }
#solutions .education-subtitle { color: #738097; }
#solutions .experts-window::after { inset: 0 0 24px auto; width: 72px; background: linear-gradient(90deg,transparent,#f6f8fc 84%); }
#solutions .experts-rail { gap: 32px; padding: 0 2px 28px; }
#solutions .expert-card { flex-basis: clamp(272px,15.8vw,320px); border-radius: 14px; box-shadow: none; }
#solutions .expert-portrait { aspect-ratio: 6 / 7; background: #e8ebf1; }
#solutions .expert-portrait img { object-position: center 18%; }
#solutions .expert-card[data-expert="e2"] img { object-position: center 12%; }
#solutions .expert-card[data-expert="e5"] img { object-position: center 14%; }
#solutions .expert-copy { min-height: 196px; padding: 20px 24px 24px; }
#solutions .expert-copy h3 { font-size: 24px; line-height: 1.35; margin-bottom: 10px; }
#solutions .expert-role { display: block; font-weight: 500; color: #247a92; margin-bottom: 8px; }
#solutions .expert-copy p { color: #5d7180; line-height: 1.78; font-size: 14px; }
#solutions .experts-controls { margin-top: 10px; }
#solutions .experts-controls > p { font-size: 15px; color: #738097; }
#solutions .experts-pause { color: #5d7180; }
#solutions .experts-arrow { width: 56px; height: 56px; border-color: #b8dfeb; color: #1189aa; }
#solutions .experts-arrow:hover { background: #eafaff; color: #087e9f; }

.event-stories { width: 100%; max-width: 1320px; gap: 72px; }
.event-story { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 56px; padding: 0; background: none; border-radius: 0; }
.event-story:nth-child(2) { background: none; padding-top: 64px; border-top: 1px solid #d7e4e9; }
.event-story:nth-child(2) .event-visual { order: 2; }
.event-visual { margin: 0; align-self: start; }
.event-picture { display: block; aspect-ratio: 1.45; border-radius: 12px; }
.event-visual figcaption { padding-top: 14px; color: #4e6977; font-size: 14px; }
.event-text h3 { font-size: clamp(25px,2.1vw,32px); margin: 0 0 18px; text-wrap: balance; }
.event-text h4 { font-size: 15px; font-weight: 600; color: #275a69; margin: 26px 0 14px; }
.event-text p { font-size: 15px; line-height: 1.9; margin: 0 0 16px; }
.event-process { display: flex; flex-wrap: wrap; list-style: none; gap: 8px 20px; padding: 0; margin: 0 0 20px; counter-reset: event-step; }
.event-process li { counter-increment: event-step; position: relative; flex: 1 0 48px; padding-top: 12px; font-size: 16px; font-weight: 500; color: #245b6a; border-top: 1px solid #90c9d5; }
.event-process li::before { content: counter(event-step,decimal-leading-zero); display: block; margin-bottom: 5px; font-size: 12px; font-variant-numeric: tabular-nums; color: #527985; }
.event-carnival .event-process li { border-color: #e0c7a8; color: #80572d; }
.event-support { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: baseline; padding: 18px 20px; margin-top: 22px; background: #eff8fa; }
.event-support h4,.event-support p { margin: 0; }
.event-support h4 { flex-shrink: 0; }
.event-support p { font-size: 14px; }
.event-carnival .event-support { background: #fff6e9; }
.event-text .event-outcome { font-size: 14px; margin: 16px 0 0; }

#faq .section-title { margin-bottom: 44px; }
.faq-list { max-width: 1200px; }
.faq-item summary { display: grid; grid-template-columns: 152px 1fr 24px; gap: 24px; padding: 26px 12px; }
.faq-topic { font-size: 13px; font-weight: 400; color: #527682; }
.faq-question { font-size: 18px; }
.faq-item[open] { background: #f3fafb; }
.faq-answer { padding: 0 60px 28px 188px; }
.faq-answer p { max-width: 65ch; line-height: 1.9; }
#faq summary:focus-visible { outline: 2px solid #087e9f; outline-offset: 3px; }

#news.education-news { background: linear-gradient(135deg,#f8fbfe 0%,#f5f8fc 54%,#f8fbff 100%); }
#news .section-title { margin-bottom: 52px; }
#news .education-news-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; align-items: stretch; }
#news .education-news-card,
#news .education-news-card.news-featured { display: flex; flex-direction: column; gap: 0; min-width: 0; padding: 0; overflow: hidden; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(39,78,98,.08); }
#news .education-news-image,
#news .education-news-card:not(.news-featured) .education-news-image { width: 100%; height: auto; aspect-ratio: 1.68; margin: 0; overflow: hidden; border-radius: 0; }
#news .education-news-image > img { width: 100%; height: 100%; object-fit: cover; }
#news .news-text-frame { justify-content: end; padding: 28px; background: linear-gradient(145deg,#e8f6ff,#f9f3ff); color: #215568; }
#news .news-text-frame span { color: #4a7180; }
#news .news-text-frame strong { max-width: 10em; line-height: 1.45; }
#news .education-news-copy,
#news .news-featured .education-news-copy { position: relative; flex: 1; min-height: 236px; padding: 56px 28px 30px; }
#news .education-news-copy time { display: block; margin: 0 0 12px; color: #e27621; font-size: 14px; line-height: 1.6; font-weight: 700; font-variant-numeric: tabular-nums; }
#news .education-news-copy h3,
#news .news-featured h3 { margin: 0 0 12px; color: #263344; font-size: 20px; line-height: 1.65; font-weight: 650; }
#news .education-news-copy p { margin: 0; color: #657286; font-size: 15px; line-height: 1.85; }
#news .news-tags { display: none; }
#news .news-symbol { position: absolute; top: -28px; left: 28px; display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; }
#news .news-symbol .icon { width: 25px; height: 25px; }
#news .news-symbol-orange { background: #fff3e8; color: #ee8b4e; }
#news .news-symbol-green { background: #ecfae9; color: #64c96a; }
#news .news-symbol-teal { background: #e9fbf8; color: #5dcbc2; }
#news .education-news-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(39,78,98,.12); }
#news .education-news-card { transition: transform .24s ease,box-shadow .24s ease; }
.news-tags { margin-top: 16px; gap: 8px 14px; }
.news-tags span { padding: 0; background: none; font-size: 12px; color: #547782; }
.news-archive.education-news-grid { display: block; }
.news-year { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 48px; padding-block: 44px; border-top: 1px solid #c9dde4; }
.news-year > h2 { font-size: 36px; font-weight: 500; line-height: 1.2; color: #356775; }
.news-year-stories { min-width: 0; }
.news-year .education-news-card { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 32px; background: none; box-shadow: none; border-radius: 0; padding: 28px 0; border-bottom: 1px solid #e0eaee; }
.news-year .education-news-card:first-child { padding-top: 0; }
.news-year .education-news-card:last-child { border-bottom: 0; padding-bottom: 0; }
.news-year .education-news-image { width: 100%; min-width: 0; aspect-ratio: auto; height: 142px; border-radius: 8px; }
.news-year .education-news-copy { padding: 0; min-height: 0; }
.news-year .education-news-copy h3 { font-size: 21px; line-height: 1.65; margin-top: 6px; }
.news-year .education-news-copy p { font-size: 15px; line-height: 1.8; margin-top: 12px; }
.news-year .news-text-frame { padding: 20px; gap: 10px; }
.news-year .news-text-frame strong { font-size: 18px; }
.news-year .news-text-frame span { font-size: 12px; }

.contact-layout { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 88px; }
.contact-column { min-width: 0; padding-top: 72px; }
.contact-column > .section-title { margin: 0 0 84px; text-align: left; }
.contact-column > .section-title h2 { margin: 0; }
.contact-info { gap: 30px; padding-top: 40px; border-top: 1px solid #c9dfe5; }
.contact-direct { padding: 0; margin: 0; border: 0; }
.contact-direct h3 { font-size: 18px; margin-bottom: 14px; }
.contact-phone { display: grid; gap: 8px; }
.contact-phone p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 20px; margin: 0; min-height: 28px; }
.contact-phone span { font-size: 15px; color: #536e7a; }
.contact-phone strong { color: #087e9f; font-size: 15px; font-weight: 400; line-height: 1.9; font-variant-numeric: tabular-nums; }
.contact-form { padding: 30px 32px; background: #f0f8fa; border-radius: 12px; }
.contact-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.contact-form fieldset + fieldset { margin-top: 28px; }
.contact-form legend { padding: 0 0 20px; font-size: 19px; font-weight: 600; color: #294e5d; }
.contact-fields { gap: 18px 22px; }
.contact-fields textarea { min-height: 100px; }
.contact-form > .button { min-height: 48px; }
#faq .button,#news .button,.product-overview .button,.news-list-section .button { min-height: 44px; }

.content-page .page-intro { background: #f1f9fb; padding-block: 48px; }
.content-page .page-intro h1 { margin-bottom: 18px; }
.product-overview { padding-block: 64px; gap: 64px; align-items: start; }
.product-image { position: relative; aspect-ratio: 1.12; min-height: 0; border-radius: 0; background: #fff; padding: 0; overflow: hidden; }
.product-image img { width: 100%; height: 100%; max-height: none; position: absolute; inset: 0; object-fit: contain; }
.product-image[data-product="p1"] { aspect-ratio: 1.4; }
.product-image[data-product="p1"] img { object-fit: cover; object-position: center 49%; }
.product-fact-sheet h2 { font-size: 27px; margin: 0 0 26px; }
.product-facts { margin: 0; }
.product-facts > div { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 20px; padding-block: 22px; border-top: 1px solid #cde0e7; }
.product-facts dt { font-size: 14px; color: #4a7481; line-height: 1.85; }
.product-facts dd { margin: 0; font-size: 17px; line-height: 1.85; color: #2f4d5d; }
.product-path { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; margin: 0; }
.product-path li:not(:last-child)::after { content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 14px; border-top: 1px solid #7499a6; border-right: 1px solid #7499a6; transform: rotate(45deg); }

@media(max-width:1100px) {
 .about-pillar { padding: 28px 20px; gap: 14px; grid-template-columns: 42px 1fr; }.about-pillar > strong { font-size: 38px; }.about-pillar h3 { font-size: 17px; }
 .event-story { gap: 32px; }.contact-layout { gap: 40px; }.contact-column { padding-top: 48px; }.contact-column > .section-title { margin-bottom: 56px; }
 #news .education-news-grid { gap: 20px; }#news .education-news-copy,#news .news-featured .education-news-copy { padding: 52px 20px 26px; min-height: 242px; }#news .education-news-copy h3,#news .news-featured h3 { font-size: 18px; }#news .news-symbol { left: 20px; }
 .news-year { grid-template-columns: 90px minmax(0,1fr); gap: 24px; }
 .product-overview { gap: 36px; }.product-facts > div { grid-template-columns: 72px 1fr; gap: 12px; }
}
@media(max-width:680px) {
 #maas,#solutions,#festival,#faq,#news,#contact { padding-block: 64px; }
 .about-pillars { margin-top: 16px; }.about-pillar,.about-pillar:first-child,.about-pillar:last-child { padding: 28px 0; grid-template-columns: 48px 1fr; gap: 22px; }.about-pillar + .about-pillar { border-left: 0; border-top: 1px solid #c9e0e6; }
 .about-pillar h3 { font-size: 18px; }.about-pillar > strong { font-size: 40px; }
 #experience .education-preview { height: auto; min-height: 0; padding: 18px 12px 10px; }#experience .education-preview h3 { font-size: 18px; }
 #maas .education-metrics > div { padding: 20px 10px; }#maas .education-metrics > div:nth-child(3) { border-left: 0; }#maas .education-metrics dt { font-size: 14px; }#maas .education-metrics dd { font-size: 38px; }
 .learning-path { padding-block: 24px; }.learning-path h3 { font-size: 17px; }.learning-path ol { grid-template-columns: repeat(3,1fr); row-gap: 20px; }.learning-path li { font-size: 13px; padding-inline: 8px; }.learning-path li:nth-child(4)::before { display: none; }
 .event-stories { gap: 40px; }.event-story { gap: 24px; padding: 0; }.event-story:nth-child(2) { padding-top: 40px; }.event-story:nth-child(2) .event-visual { order: 0; }.event-picture { aspect-ratio: 1.55; }.event-visual { width: 100%; }.event-text h3 { font-size: 25px; }.event-text p { font-size: 15px; }.event-process { gap: 12px 16px; }.event-process li { flex: 1 0 60px; font-size: 15px; }.event-support { padding: 16px; }
 .faq-item summary { grid-template-columns: minmax(0,1fr) 22px; gap: 8px 14px; padding: 22px 6px; }.faq-topic { grid-column: 1; font-size: 12px; }.faq-question { grid-column: 1; font-size: 17px; }.faq-item summary svg { grid-column: 2; grid-row: 1 / 3; }.faq-answer { padding: 0 18px 24px 6px; }
 #news .education-news-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }#news .education-news-card,#news .education-news-card.news-featured { display: flex; padding: 0; border: 0; }#news .education-news-image,#news .education-news-card:not(.news-featured) .education-news-image,#news .news-featured .education-news-image { height: auto; aspect-ratio: 1.7; }#news .education-news-copy,#news .news-featured .education-news-copy { min-height: 0; padding: 50px 24px 28px; }#news .education-news-copy h3,#news .news-featured h3 { font-size: 20px; }#news .news-symbol { left: 24px; }#news .news-text-frame { padding: 22px; }
 .news-year { display: block; padding-block: 28px; }.news-year > h2 { font-size: 30px; margin-bottom: 28px; }.news-year .education-news-card { grid-template-columns: 96px minmax(0,1fr); gap: 18px; padding-block: 22px; }.news-year .education-news-image { height: 96px; }.news-year .education-news-copy h3 { font-size: 17px; }.news-year .news-text-frame { padding: 12px; }.news-year .news-text-frame strong { font-size: 14px; }.news-year .news-text-frame span { display: none; }
 .contact-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }.contact-column { padding-top: 0; }.contact-column > .section-title { margin-bottom: 40px; }.contact-info { padding-top: 28px; }.contact-phone strong { font-size: 15px; }.contact-form { padding: 24px 18px; }.contact-form legend { font-size: 18px; }
 .event-process { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }.event-carnival .event-process { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .product-overview { padding-block: 40px; gap: 32px; }.product-image { aspect-ratio: 1.15; padding: 0; min-height: 0; }.product-image img { max-height: none; }.product-fact-sheet h2 { font-size: 25px; }.product-facts dd { font-size: 16px; }.product-facts > div { padding-block: 18px; }
 #solutions .section-title { margin-bottom: 38px; }#solutions .experts-rail { gap: 18px; padding-bottom: 22px; }#solutions .expert-card { flex-basis: min(78vw,320px); }#solutions .expert-copy { min-height: 230px; padding: 22px 20px 26px; }#solutions .expert-copy h3 { font-size: 23px; margin-bottom: 14px; }#solutions .expert-copy p { font-size: 14px; line-height: 1.9; }#solutions .expert-role { margin-bottom: 12px; }#solutions .experts-arrow { width: 48px; height: 48px; }
}