.sub-head{padding: clamp(64px, 6.25vw, 120px) var(--sub-gutter) clamp(56px, 5.2084vw, 100px); box-sizing: border-box;}
.sub-head__inner{display: flex; flex-direction: column; gap: clamp(16px, 1.6667vw, 32px); word-break: keep-all;}
.sub-head__title{margin: 0px; font-size: clamp(36px, 3.3334vw, 64px); font-weight: 600; line-height: 1.22; letter-spacing: -0.02em; color: var(--color-text-heading);}
.sub-head__desc{margin: 0px; font-size: clamp(17px, 1.1459vw, 22px); font-weight: 400; line-height: 1.64; letter-spacing: -0.02em; color: var(--color-text-muted);}
@media (max-width: 1023px){.sub-head{padding-left: 40px; padding-right: 40px;}}
@media (max-width: 767px){.sub-head{padding: 48px 20px 40px;}
.sub-head__title{font-size: 32px; line-height: 40px;}
.sub-head__desc{font-size: 16px; line-height: 26px;}}
.sys{color: var(--color-text-heading); letter-spacing: -0.02em; word-break: keep-all;}
.sys em{font-style: normal; color: rgb(206, 13, 13);}
.sys-eyebrow{margin: 0px; font-size: clamp(14px, 0.9375vw, 18px); font-weight: 600; line-height: 1.5; letter-spacing: 0.04em; color: rgb(206, 13, 13);}
.sys-head{display: flex; flex-direction: column; gap: 16px; margin-bottom: clamp(40px, 3.6459vw, 70px);}
.sys-title{margin: 0px; font-size: clamp(30px, 2.5vw, 48px); font-weight: 600; line-height: 1.3; color: var(--color-text-heading);}
.sys-hero{position: relative; display: flex; align-items: center; min-height: clamp(480px, 33.3334vw, 640px); padding: 0 var(--sub-gutter); overflow: hidden; box-sizing: border-box;}
.sys-hero__media{position: absolute; inset: 0px;}
.sys-hero__media::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.8) 32%, rgba(255, 255, 255, 0) 62%);}
.sys-hero__media img{display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 70% 50%;}
.sys-hero__copy{position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px; max-width: 640px;}
.sys-hero__title{margin: 0px; font-size: clamp(32px, 2.9167vw, 56px); font-weight: 700; line-height: 1.3; color: var(--color-text-heading);}
.sys-hero__desc{margin: 8px 0px 0px; font-size: clamp(17px, 1.1459vw, 22px); line-height: 1.64; color: var(--color-text-body);}
.sys-stats{padding: 0 var(--sub-gutter); background: rgb(11, 11, 12); color: rgb(255, 255, 255);}
.sys-stats__list{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin: 0px; padding: 0px; list-style: none;}
.sys-stats__item{padding: clamp(40px, 3.125vw, 60px) 0px; text-align: center;}
.sys-stats__item + .sys-stats__item{border-left: 1px solid rgba(255, 255, 255, 0.14);}
.sys-stats__num{margin: 0px; font-size: clamp(48px, 4.1667vw, 80px); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.sys-stats__num span{margin-left: 4px; font-size: 0.4em; font-weight: 600; color: rgb(255, 90, 90);}
.sys-stats__label{margin: 16px 0px 0px; font-size: clamp(15px, 0.9375vw, 18px); color: rgba(255, 255, 255, 0.7);}
.sys-classes{padding: clamp(100px, 7.2917vw, 140px) var(--sub-gutter);}
.sys-class-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: clamp(12px, 1.0417vw, 20px);}
.sys-card{display: flex; flex-direction: column; padding: clamp(24px, 1.6667vw, 32px); border: 1px solid rgb(227, 227, 227); border-radius: 8px; background: rgb(255, 255, 255); transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;}
.sys-card:hover{border-color: rgb(44, 44, 44); box-shadow: rgba(0, 0, 0, 0.08) 0px 16px 40px; transform: translateY(-4px);}
.sys-card__badge{align-self: flex-start; padding: 6px 14px; border-radius: 40px; background: rgb(206, 13, 13); font-size: 14px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255);}
.sys-card--prep .sys-card__badge{background: rgb(44, 44, 44);}
.sys-card--junior .sys-card__badge{border: 1px solid rgb(44, 44, 44); background: rgb(255, 255, 255); color: var(--color-text-heading);}
.sys-card__name{margin: 14px 0px 0px; font-size: clamp(22px, 1.4584vw, 28px); font-weight: 700; line-height: 1.35; color: var(--color-text-heading);}
.sys-card__cap{margin: 16px 0px 0px; padding-bottom: 18px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 18px; font-weight: 500; color: var(--color-text-body);}
.sys-card__cap strong{margin-right: 2px; font-size: clamp(44px, 2.9167vw, 56px); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: var(--color-text-heading);}
.sys-card__cap span{margin-left: 6px; color: var(--color-text-muted);}
.sys-card__label{margin: 18px 0px 10px; font-size: 14px; font-weight: 600; color: var(--color-text-muted);}
.sys-card__tags{display: flex; flex-wrap: wrap; gap: 8px; margin: clamp(18px, 1.4584vw, 24px) 0px 0px; padding: 0px; list-style: none;}
.sys-card__tags li{padding: 6px 12px; border-radius: 4px; background: rgb(244, 244, 244); font-size: 15px; line-height: 22px; color: var(--color-text-body);}
.sys-why{padding: clamp(100px, 7.2917vw, 140px) var(--sub-gutter) 0; background: rgb(247, 247, 247);}
.sys-why__list{display: flex; flex-direction: column; gap: clamp(60px, 5.2084vw, 100px); margin: 0px; padding: 0px; list-style: none;}
.sys-why__item{display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: clamp(40px, 5.2084vw, 100px); align-items: center;}
.sys-why__item:nth-child(2n) .sys-why__img{order: 2;}
.sys-why__img{margin: 0px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 8px; background: rgb(233, 233, 233);}
.sys-why__img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s;}
.sys-why__item:hover .sys-why__img img{transform: scale(1.04);}
.sys-why__num{display: block; font-size: clamp(48px, 4.1667vw, 80px); font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1.5px rgb(206, 13, 13);}
.sys-why__title{margin: clamp(20px, 1.6667vw, 32px) 0px 0px; font-size: clamp(24px, 1.875vw, 36px); font-weight: 700; line-height: 1.4; color: var(--color-text-heading);}
.sys-why__title small{font-size: inherit; font-weight: 400; color: var(--color-text-body);}
.sys-why__desc{margin: clamp(20px, 1.6667vw, 32px) 0px 0px; padding-top: clamp(20px, 1.6667vw, 32px); border-top: 1px solid rgb(217, 217, 217); font-size: clamp(16px, 1.0417vw, 20px); line-height: 1.7; color: var(--color-text-muted);}
.sys-why__desc strong{font-weight: 700; color: rgb(206, 13, 13);}
@media (max-width: 1023px){.sys-class-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.sys-why__item{grid-template-columns: 1fr; gap: 32px;}
.sys-why__item:nth-child(2n) .sys-why__img{order: 0;}}
@media (max-width: 767px){.sys-hero{flex-direction: column; align-items: stretch; min-height: 0px; padding: 0px;}
.sys-hero__media{position: relative; aspect-ratio: 16 / 10;}
.sys-hero__media::after{display: none;}
.sys-hero__copy{padding: 40px 20px 48px;}
.sys-hero__title br:first-of-type{display: none;}
.sys-stats__list{grid-template-columns: 1fr;}
.sys-stats__item{padding: 28px 0px;}
.sys-stats__item + .sys-stats__item{border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.14);}
.sys-classes{padding-top: 72px; padding-bottom: 80px;}
.sys-why{padding-top: 72px; padding-bottom: 0px;}
.sys-class-grid{grid-template-columns: 1fr;}
.sys-card__tags li{font-size: 14px;}}
@media (prefers-reduced-motion: reduce){.sys-card, .sys-why__img img{transition: none;}
.sys-card:hover, .sys-why__item:hover .sys-why__img img{transform: none;}}
@media (max-width: 1023px){body.website-layout .sub-head__title{font-size: 44px; line-height: 1.25;}
body.website-layout .sub-head__desc{font-size: 18px; line-height: 1.6;}
body.website-layout :is(.greeting-story__year, .sys-stats__num, .sys-why__num){font-size: 40px;}
body.website-layout :is(.block-heading, .faculty-heading, .greeting-story__title, .sys-why__title){font-size: 32px; line-height: 1.35;}}
@media (max-width: 767px){body.website-layout .sub-head{padding: 40px 16px 32px;}
body.website-layout .sub-head__title{font-size: 30px; line-height: 1.25;}
body.website-layout .sub-head__desc{font-size: 15px; line-height: 1.6;}
body.website-layout :is(.greeting-story__year, .sys-stats__num, .sys-why__num, .system-cta__emblem strong){font-size: 32px;}
body.website-layout :is(.greeting-story__title, .sys-why__title, .stp-feature__title, .exm-intro__title){font-size: 22px; line-height: 1.4;}
body.website-layout .sub-content :is(.greeting-story__body p, .greeting-story__lead, .sys-why__desc, .stp-card__desc, .stp-feature__desc, .inquiry-privacy__box, .success-detail__body, .success-detail__body p){font-size: 15px; line-height: 1.7;}
body.website-layout .sub-content :is(.stp-card__meta, .sys-stats__label, .main-visual-ticker__text){font-size: 14px;}
body.website-layout :is(.inquiry, .greeting-story, .sys-hero__copy, .stp-feature__body){padding-left: 16px; padding-right: 16px;}
body.website-layout :is(.sys-classes, .sys-why, .greeting-story){padding-top: 56px; padding-bottom: 56px;}}
@media (min-width: 768px){.sys-hero__media img[src*="system-r7/hero"]{object-position: 70% 25%;}}