/* Readability, page rhythm and explicit story controls — September 2026 revision. */
:root{--paper:#faf9f3;--muted:#566653;--tint:#eef2e7;--radius:16px}
.topbar{font-size:11px;letter-spacing:.01em}.brand strong{font-size:32px}.brand small{font-size:11px;line-height:1.45;margin-top:5px}.header-note small{font-size:11px}.header-note>span{font-size:15px}.main-nav>a{font-size:13px}.main-nav .button{font-size:11px}.eyebrow{font-size:11px;letter-spacing:.13em}.button{font-size:13px;min-height:50px;border-radius:6px}.text-link{font-size:14px}.section-heading>p{font-size:16px}.lead{font-size:22px;line-height:1.55}.section{padding-block:100px}.section-heading h2{line-height:1.08}.section-heading{margin-bottom:44px}.story-text>p:not(.eyebrow){font-size:16px;line-height:1.8}.story-text .lead{font-size:21px}.facts strong{font-size:38px}.facts span{font-size:12px}.facts{padding-block:36px}.story-photo{box-shadow:0 22px 55px #1c372011}.photo-label>span{font-size:11px}.photo-label strong{font-size:36px}.story-section{gap:90px}.photo-stamp{font-size:11px;width:110px;height:110px;right:-32px}
/* The film is framed intentionally, rather than pretending its background is seamless. */
.hero-copy{width:44%;padding-block:28px}.hero-copy h1{font-size:clamp(54px,5.3vw,78px)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:380px;margin-block:20px;min-height:76px}.hero-actions .button{font-size:12px;padding:13px 19px;gap:17px}.hero-trust{font-size:11px;margin-top:23px}.hero-visual{width:55%;right:-1%;aspect-ratio:16/11;border-radius:22px;overflow:hidden;border:1px solid #91a88636;background:#0a352a;box-shadow:0 30px 80px #001b174d;contain:layout paint;pointer-events:none}.hero-visual::before{display:none}.hero-visual img,.hero-visual canvas{object-fit:contain}.hero-visual::after{content:'THE GARDEN OF LEARNING';position:absolute;top:22px;left:25px;color:#d4dfbd;letter-spacing:.14em;font:9px Arial,sans-serif;z-index:2}.visual-caption{bottom:20px;font-size:14px;left:10%;right:10%;color:#c4d6bf}.hero-bottom{min-height:74px;gap:22px}.scroll-label{font-size:9px;letter-spacing:.08em;max-width:310px}.scroll-label small{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:10px;letter-spacing:0;color:#c3d2bb;max-width:250px;line-height:1.6}.scroll-symbol{flex:0 0 31px}.hero-controls{font-size:11px;gap:20px;flex-shrink:0}.hero-controls button{font-size:11px;min-height:44px}.hero-controls a{display:flex;align-items:center;min-height:44px}.story-chapters{gap:12px}.story-chapters li{display:block}.story-chapters button{display:flex;gap:9px;align-items:center;font-size:11px;min-height:44px;padding:10px 8px;color:inherit;border-radius:5px}.story-chapters button:hover{background:#bfd69a12}.story-chapters li span{font-size:12px}.story-scrub{display:flex;align-items:center;gap:20px;padding:2px 0 18px;color:#b9ccb0}.story-scrub label{font-size:10px;white-space:nowrap}.story-scrub input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;padding:0;height:26px;min-height:26px;border:0;background:transparent;accent-color:var(--lime);cursor:ew-resize}.story-scrub input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#8ca17955}.story-scrub input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);margin-top:-4.5px;box-shadow:0 0 0 5px #c3df9612}.story-scrub input::-moz-range-track{height:3px;background:#8ca17955}.story-scrub input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--lime)}.story-scrub input:disabled{opacity:.35;cursor:default}.story-scrub a{font-size:10px;white-space:nowrap;min-height:30px;display:flex;align-items:center}.hero-story.is-static .story-chapters{opacity:1}.hero-story.is-static .scroll-label{opacity:1}
/* Per-page hierarchy: a clear location, editorial introduction and next step. */
.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:36px;letter-spacing:.01em}.breadcrumbs a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.breadcrumbs>span:last-child{color:#7a8574}.page-heading{padding-top:35px;padding-bottom:56px}.page-heading .eyebrow{font-size:11px}.page-heading h1{font-size:clamp(45px,5vw,72px);line-height:1.08;max-width:1000px}.page-heading .lead{font-size:18px;max-width:750px;line-height:1.7}.wide-campus img{border-radius:16px;box-shadow:0 18px 45px #15342110}.wide-campus figcaption{font-size:12px;padding-top:15px}.wide-campus figcaption span{font-size:11px}.two-columns p:not(.eyebrow){font-size:16px;line-height:1.85}.two-columns .lead{font-size:23px!important}.chapter-grid img{border-radius:12px;box-shadow:0 10px 25px #122f2210}.chapter-grid article>span{font-size:11px}.chapter-grid p{font-size:15px;line-height:1.7}.chapter-grid h3{font-size:30px}.next-chapter{display:grid;grid-template-columns:95px 1fr auto;gap:35px;align-items:center;padding-block:44px 70px;border-top:1px solid var(--line)}.next-number{font:76px Georgia,serif;letter-spacing:-.06em;color:#becdae}.next-chapter .eyebrow{font-size:10px;margin-bottom:12px}.next-chapter h2{font-size:34px;line-height:1.18;letter-spacing:-.035em}.next-chapter p:not(.eyebrow){font-size:14px;margin:12px 0 0;max-width:520px}
.academic-card{border-radius:16px;box-shadow:0 8px 35px #24432808}.card-art{height:290px}.image-pill{font-size:10px;padding:8px 12px;top:22px;left:24px}.card-meta{font-size:10px;letter-spacing:.06em;gap:18px;margin-bottom:20px}.card-body{padding:32px}.card-body h3{font-size:40px}.card-body p{font-size:15px;max-width:450px;line-height:1.75}.card-body .text-link{font-size:13px}.study-number{background:linear-gradient(135deg,#eaf0df,#f7f8ef);border:1px solid #d3deca;border-radius:18px;font-size:135px;padding:50px;box-shadow:12px 12px 0 #e5ebdd;transform:rotate(-2deg);color:#658441;justify-self:start;min-width:300px}.study-detail{gap:100px}.study-detail p{font-size:16px;line-height:1.8}.study-detail .lead{font-size:21px}.topic-chips span{font-size:12px;padding:9px 14px}.check-list>p{font-size:17px;padding-block:22px}.campus-mosaic{gap:20px}.image-link{border-radius:14px}.image-link>span{font-size:15px}.updates-layout>div>p:not(.eyebrow){font-size:16px}.notice-row{padding-block:29px}.notice-row h3{font-size:18px;margin-block:9px}.notice-row p{font-size:14px}.tag{font-size:10px;letter-spacing:.1em}.notice-row>span:last-child{font-size:20px}.admission-copy>p:not(.eyebrow){font-size:16px;max-width:390px}.admission-copy .lead{font-size:23px!important}.steps li{font-size:15px}.steps span{width:35px;height:35px;font-size:11px}.inquiry-form{padding:36px;border-radius:16px;box-shadow:0 16px 50px #13321c09}.inquiry-form .eyebrow{font-size:10px}.inquiry-form h2{font-size:35px}.form-intro{font-size:14px}.field label{font-size:12px;margin-bottom:8px}.field label span{font-size:10px}input,select,textarea{font-size:14px;min-height:48px;border-radius:6px;padding:13px 12px}.form-note{font-size:12px;line-height:1.65}.form-contact{font-size:12px}.form-status{font-size:14px}.inquiry-form>.button{min-height:50px;font-size:13px}.form-grid{gap:22px 18px}.admission-banner{border-radius:16px;min-height:340px}.admission-banner>div{padding:42px}.admission-banner>div>span{font-size:10px}.process-list h3{font-size:21px}.process-list p{font-size:15px}.process-list li{padding-block:26px}.faq summary{font-size:16px;padding-block:25px}.faq details p{font-size:15px;line-height:1.85}.campus-feature>img{border-radius:16px}.floating-note{padding:32px 40px;border-radius:10px}.floating-note>span{font-size:11px}.facility-grid img{border-radius:13px}.facility-grid p{font-size:15px;line-height:1.8}.facility-grid h3{font-size:31px}.gallery-item{border-radius:14px;box-shadow:0 8px 28px #13321c07}.gallery-item img{height:300px}.gallery-caption{padding:23px}.gallery-caption small{font-size:10px}.gallery-caption strong{font-size:27px}.filter-bar button{font-size:13px;min-height:44px}.filter-bar button span{font-size:10px}.film-section p{font-size:16px}.film-section video{border-radius:16px;border:1px solid #174d37;box-shadow:0 20px 45px #15321b17}.notice-cards article{padding:32px;border-radius:14px}.notice-cards h2{font-size:33px;line-height:1.16}.notice-cards p{font-size:15px}.notice-cards .text-link{font-size:13px}.notice-section>.small-note{font-size:13px}.contact-panel h2{font-size:62px}.contact-image{border-radius:16px}.contact-block>span{font-size:11px;letter-spacing:.08em}.contact-block address{font-size:17px}.contact-block>p{font-size:15px}.contact-block .small-note{font-size:12px}.phone-link{font-size:37px}.map-card{border-radius:13px;min-height:160px}.map-card small{font-size:13px}.info-grid h3{font-size:23px}.info-grid p{font-size:15px;line-height:1.8}.info-grid a{font-size:13px}.footer-grid h3{font-size:13px}.footer-grid>div>a:not(.brand){font-size:13px;margin-bottom:10px}.footer-grid p,.footer-grid address{font-size:13px}.footer-brand small{font-size:11px}.footer-bottom{font-size:10px;line-height:1.6}.footer-grid{gap:35px}.footer-top>.button{font-size:13px}.footer-top .eyebrow{font-size:11px}
/* Explicit consent may enable the hero without re-enabling incidental motion. */
@media(prefers-reduced-motion:reduce){.hero-story.is-animated{height:290svh}.hero-story.is-animated .hero-sticky{position:sticky;top:var(--header-height)}.hero-story.is-animated .hero-progress{display:block}}
@media(max-width:1100px){.brand small{font-size:10px}.main-nav>a{font-size:12px}.main-nav .button{font-size:10px;padding-inline:12px}.hero-copy h1{font-size:63px}.hero-copy>p:not(.eyebrow){font-size:14px;min-height:72px}.hero-actions .button{font-size:11px;padding-inline:14px;gap:12px}.hero-copy{width:45%}.hero-visual{width:53%;right:-1%;aspect-ratio:16/12}.hero-bottom{gap:15px}.story-chapters{gap:2px}.story-chapters button{font-size:10px;gap:6px}.story-chapters li span{font-size:10px}.scroll-label{max-width:250px;font-size:8px}.scroll-label small{font-size:9px}.hero-controls{gap:14px;font-size:10px}.hero-controls button{font-size:10px}.card-body{padding:27px}.card-body h3{font-size:35px}.card-art{height:245px}.card-meta{font-size:9px}.story-section{gap:65px}.study-detail{gap:65px}.study-number{min-width:250px;font-size:112px;padding:36px}.next-chapter{grid-template-columns:75px 1fr auto;gap:25px}.next-number{font-size:63px}.next-chapter h2{font-size:29px}.footer-grid{gap:25px}.footer-grid>div>a:not(.brand){font-size:12px}}
@media(max-width:850px){.brand strong{font-size:30px}.brand small{font-size:10px}.main-nav>a{font-size:14px}.hero-copy{width:51%}.hero-copy h1{font-size:54px}.hero-copy .eyebrow{font-size:8px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:290px}.hero-visual{width:52%;right:-5%;aspect-ratio:1/1}.hero-trust{font-size:9px}.visual-caption{font-size:11px;bottom:16px}.hero-visual::after{font-size:7px;left:17px;top:17px}.story-chapters{display:none}.hero-actions{gap:9px}.hero-actions .button{min-width:180px;font-size:11px}.scroll-label{max-width:320px}.hero-bottom{min-height:70px}.story-scrub{padding-bottom:12px}.story-text>p:not(.eyebrow){font-size:15px}.story-text .lead{font-size:18px}.story-text h2{font-size:43px}.photo-stamp{width:90px;height:90px;font-size:9px;right:-23px}.section{padding-block:75px}.section-heading>p{font-size:14px}.card-body p{font-size:14px}.card-meta{font-size:9px;gap:6px}.card-art{height:205px}.card-body h3{font-size:32px}.page-heading h1{font-size:54px}.page-heading .lead{font-size:17px}.study-detail{gap:40px}.study-number{min-width:190px;font-size:87px;padding:25px}.study-detail p{font-size:15px}.next-chapter{grid-template-columns:60px 1fr;gap:25px;padding-block:35px 55px}.next-chapter>.button{grid-column:2;justify-self:start}.next-number{font-size:60px}.next-chapter h2{font-size:30px}.chapter-grid h3{font-size:25px}.chapter-grid p{font-size:14px}.chapter-grid article>span{font-size:9px}.facility-grid p{font-size:14px}.facility-grid h3{font-size:26px}.gallery-item img{height:265px}.contact-panel h2{font-size:51px}.contact-block address{font-size:15px}.phone-link{font-size:32px}.contact-block>p{font-size:14px}.footer-grid p,.footer-grid address{font-size:13px}.info-grid p{font-size:14px}}
@media(max-width:850px) and (prefers-reduced-motion:reduce){.hero-story.is-animated{height:260svh}}
@media(max-width:600px){.topbar{font-size:9px}.brand strong{font-size:28px}.brand small{font-size:8px;max-width:245px}.masthead{gap:10px}.brand-mark{width:35px;flex-basis:35px}.eyebrow{font-size:10px;letter-spacing:.11em}.section{padding-block:62px}.section-heading{margin-bottom:30px}.section-heading>p{font-size:15px}.button{font-size:12px;min-height:47px}.text-link{font-size:13px}.hero-sticky{min-height:0}.hero-main{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.hero-copy{width:100%;padding:22px 0 0;flex:0 0 auto}.hero-copy h1{font-size:48px;min-height:3.06em}.hero-copy .eyebrow{font-size:8px;margin-bottom:16px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;max-width:340px;margin-block:14px;min-height:0}.hero-actions{flex-direction:row;gap:8px;flex-wrap:wrap}.hero-actions .button{min-width:0;font-size:10px;gap:12px;padding:12px 15px;min-height:43px}.hero-visual{position:relative;right:auto;top:auto;bottom:auto;width:100%;aspect-ratio:16/9;transform:none;margin:16px 0 12px;flex-shrink:0;border-radius:12px}.hero-visual::after{font-size:6px;top:10px;left:12px;letter-spacing:.1em}.visual-caption{font-size:9px;bottom:8px;left:15%;right:15%}.hero-bottom{min-height:58px;gap:12px}.scroll-label{max-width:220px;font-size:7px;gap:8px}.scroll-label small{font-size:8px;max-width:175px}.scroll-symbol{flex-basis:24px;width:24px;height:32px;font-size:16px}.hero-controls{font-size:8px;gap:12px;flex-shrink:1}.hero-controls button{font-size:8px;white-space:nowrap}.hero-controls a{font-size:8px;white-space:nowrap}.story-scrub{padding:0 0 12px;gap:12px}.story-scrub label{font-size:8px}.story-scrub a{font-size:8px}.story-scrub input{min-height:26px;height:26px;min-width:40px}.hero-story.is-static .hero-sticky{min-height:0}.hero-story.is-static .hero-copy>p:not(.eyebrow){font-size:12px}.facts span{font-size:11px}.facts strong{font-size:33px}.facts{padding-block:27px;row-gap:27px}.story-photo{height:420px}.photo-stamp{width:88px;height:88px;font-size:9px;right:-10px}.photo-label strong{font-size:31px}.story-section{gap:35px}.story-text h2{font-size:46px}.story-text>p:not(.eyebrow){font-size:15px}.story-text .lead{font-size:20px}.card-art{height:210px}.card-body{padding:25px}.card-body h3{font-size:35px}.card-body p{font-size:15px}.card-meta{font-size:9px;gap:12px}.card-body .text-link{font-size:13px}.image-pill{font-size:9px;left:18px;top:18px}.campus-mosaic{gap:12px}.image-link>span{font-size:11px}.mosaic-wide>span{font-size:15px}.updates-layout>div>p:not(.eyebrow){font-size:15px}.notice-row h3{font-size:16px}.notice-row p{font-size:13px}.notice-row{gap:13px;padding-block:24px}.tag{font-size:9px}.admission-copy>p:not(.eyebrow){font-size:15px}.admission-copy .lead{font-size:21px!important}.steps li{font-size:14px}.inquiry-form{padding:27px 21px}.inquiry-form h2{font-size:33px}.inquiry-form .eyebrow{font-size:9px}.form-intro{font-size:13px}.field label{font-size:12px}.field label span{font-size:10px}input,select,textarea{font-size:16px}.form-note{font-size:11px}.form-contact{font-size:11px}.form-status{font-size:13px}.form-grid{gap:18px}.page-heading{padding-top:24px;padding-bottom:35px}.breadcrumbs{font-size:10px;margin-bottom:30px;gap:10px}.page-heading .eyebrow{font-size:10px;margin-bottom:18px}.page-heading h1{font-size:43px;line-height:1.1}.page-heading .lead{font-size:16px;margin-top:24px}.wide-campus img{border-radius:12px;min-height:260px}.wide-campus figcaption{font-size:10px;gap:16px}.wide-campus figcaption span{font-size:9px}.two-columns p:not(.eyebrow){font-size:15px}.two-columns .lead{font-size:20px!important}.chapter-grid h3{font-size:31px}.chapter-grid p{font-size:15px}.chapter-grid article>span{font-size:10px}.chapter-grid{gap:38px}.next-chapter{grid-template-columns:45px 1fr;gap:20px;padding-block:30px 45px}.next-number{font-size:47px;align-self:start}.next-chapter h2{font-size:28px}.next-chapter .eyebrow{font-size:9px;margin-bottom:12px}.next-chapter p:not(.eyebrow){font-size:13px}.next-chapter>.button{font-size:11px;padding:12px 15px;gap:15px}.study-detail{gap:35px}.study-number{font-size:60px;min-width:0;justify-self:stretch;padding:25px;transform:rotate(-1deg);box-shadow:5px 5px 0 #e5ebdd}.study-detail p{font-size:15px}.study-detail .lead{font-size:20px}.topic-chips{gap:8px}.topic-chips span{font-size:11px;padding:8px 10px}.check-list>p{font-size:16px;padding-block:20px}.admission-banner{min-height:320px}.admission-banner>div{min-height:320px;padding:29px}.process-list h3{font-size:21px}.process-list p{font-size:14px}.faq summary{font-size:15px;padding-block:23px}.faq details p{font-size:14px}.facility-grid p{font-size:15px}.facility-grid h3{font-size:31px}.floating-note{padding:27px}.floating-note h2{font-size:31px}.floating-note>span{font-size:10px}.gallery-item img{height:255px}.gallery-caption strong{font-size:27px}.gallery-caption small{font-size:9px}.filter-bar button{font-size:11px;min-height:44px;padding:10px 13px}.filter-bar button span{font-size:9px}.film-section p{font-size:15px}.notice-cards article{padding:27px}.notice-cards h2{font-size:32px}.notice-cards p{font-size:15px}.notice-section>.small-note{font-size:12px}.contact-panel h2{font-size:48px}.contact-block address{font-size:16px}.contact-block>span{font-size:10px}.contact-block>p{font-size:15px}.phone-link{font-size:33px}.map-card small{font-size:12px}.info-grid h3{font-size:23px}.info-grid p{font-size:15px}.footer-grid h3{font-size:13px}.footer-grid>div>a:not(.brand){font-size:13px}.footer-grid p,.footer-grid address{font-size:13px}.footer-brand small{font-size:10px}.footer-bottom{font-size:10px}.footer-bottom>span{font-size:9px}}
@media(max-width:370px){.brand small{font-size:7px}.brand strong{font-size:26px}.hero-copy h1{font-size:43px}.hero-actions .button{font-size:9px;padding:11px 12px}.hero-controls{gap:8px}.scroll-label small{font-size:7px}.hero-controls button{font-size:7px}.story-scrub label{font-size:7px}.story-scrub a{font-size:7px}.page-heading h1{font-size:38px}.card-meta{font-size:8px}.next-chapter{grid-template-columns:35px 1fr;gap:15px}.next-number{font-size:40px}}
@media(max-height:850px) and (min-width:601px){.hero-copy{padding-block:18px}.hero-copy h1{font-size:56px}.hero-copy .eyebrow{margin-bottom:16px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;min-height:0;margin-block:14px}.hero-trust{display:none}.hero-actions .button{min-height:43px;font-size:11px}.hero-visual{aspect-ratio:16/10}.hero-bottom{min-height:64px}.story-scrub{padding-bottom:12px}}
@media(max-height:700px) and (min-width:601px){.hero-copy h1{font-size:43px}.hero-copy>p:not(.eyebrow){display:none}.hero-copy .eyebrow{font-size:8px}.hero-actions{margin-top:20px}.hero-visual{width:51%;aspect-ratio:16/9}.visual-caption{bottom:8px;font-size:11px}.hero-visual::after{top:10px;font-size:7px}.hero-bottom{min-height:55px}.story-scrub{padding-bottom:7px}}
@media(max-height:740px) and (max-width:600px){.hero-copy{padding-top:17px}.hero-copy h1{font-size:40px}.hero-copy .eyebrow{margin-bottom:12px}.hero-copy>p:not(.eyebrow){display:none}.hero-actions{margin-top:17px}.hero-visual{margin-block:12px 8px}.hero-bottom{min-height:52px}.story-scrub{padding-bottom:8px}.visual-caption{font-size:8px}}
