/* Brand expression: sculpted school icons, confident red cards and photographic gestures. */
:root{--text-body:20px;--text-lead:20px;--ui-button-height:60px}
main .section p,main .photo-story-head p{font-size:20px;line-height:1.8}.hero.layout-immersive.hero-carousel .hero-copy p,.hero-fixed-copy .hero-copy p{font-size:20px!important;line-height:1.75!important}
main .button,.school-footer .button,.hero-fixed-copy .hero-actions .button{min-height:60px;font-size:16px;padding:17px 26px;border-radius:20px}.editorial-actions{gap:14px;margin-top:30px}
.section .evidence-grid{gap:22px;margin-top:42px}.section .evidence-grid article{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:350px;padding:36px;border:1px solid #a80000;border-radius:28px;background-color:#a80000;background-image:radial-gradient(circle,#fff8f018 .8px,transparent 1px);background-size:16px 16px;color:#fff8f0;overflow:hidden;transition:transform .3s,background-color .3s,box-shadow .3s}.section .evidence-grid article:nth-child(2){background-color:#760000;border-color:#760000}.section .evidence-grid h3{color:#fff8f0;font-size:clamp(30px,2.6vw,42px);line-height:1.08;letter-spacing:-.035em;margin:28px 0 20px;max-width:15ch}.section .evidence-grid p{color:#fff0e8;font-size:19px;line-height:1.7;margin:0;max-width:30ch}.evidence-icon{display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;color:#fff8f0;border-radius:27px 31px 25px 12px;background:#ffffff14;transition:transform .4s cubic-bezier(.22,1,.36,1)}.evidence-icon .school-icon{width:76px;height:76px;max-width:none;transform:none}.section .evidence-grid article::after{content:'';position:absolute;width:140px;height:140px;right:-68px;bottom:-68px;transform:rotate(-18deg);background:url('/assets/logo-white.svg') center/contain no-repeat;opacity:.1;z-index:-1}
.section .split>.brand-photo{position:relative;isolation:isolate;min-width:0;margin:0;align-self:center;width:100%;padding:12px 18px 18px 10px}.brand-photo>img{display:block;width:100%;height:clamp(420px,40vw,620px);max-width:100%;object-fit:cover;object-position:var(--image-position,center);border-radius:90px 30px 70px 30px;box-shadow:0 18px 42px #7600000c}.brand-photo::before{content:'';position:absolute;inset:0 0 6px 22px;background:#a80000;border-radius:85px 36px 75px 30px;transform:rotate(2deg);z-index:-1}.brand-photo::after{content:'';position:absolute;width:42px;height:42px;border-radius:50%;left:-8px;top:13%;background:#a80000;border:8px solid #fff8f0}.photo-flourish{position:absolute;right:-28px;bottom:-26px;width:130px;height:130px;background:url('/assets/brand-photo-strokes.svg') center/contain no-repeat;filter:drop-shadow(0 2px 0 #fff8f0);pointer-events:none;transition:transform .5s}.section.layout-reversed .split>.brand-photo{order:1}.section.layout-reversed .split>.section-composition{order:2}.layout-reversed .brand-photo>img{border-radius:30px 90px 30px 70px}.layout-reversed .photo-flourish{right:auto;left:-25px;transform:rotate(90deg)}
@media(hover:hover) and (pointer:fine){.section .evidence-grid article:hover{transform:translateY(-6px);background-color:#790000;box-shadow:0 18px 40px #76000020}.section .evidence-grid article:hover .evidence-icon{transform:rotate(-7deg) scale(1.05)}.brand-photo:hover .photo-flourish{transform:rotate(-8deg) translateY(-4px)}.layout-reversed .brand-photo:hover .photo-flourish{transform:rotate(98deg) translateY(-4px)}}
@media(min-width:761px) and (max-width:1100px){.section .evidence-grid article{padding:25px;min-height:360px}.section .evidence-grid h3{font-size:32px}.section .evidence-grid p{font-size:18px}.evidence-icon{width:76px;height:76px;flex-basis:76px}.evidence-icon .school-icon{width:66px;height:66px}}
@media(max-width:760px){:root{--text-body:18px;--text-lead:18px;--ui-button-height:54px}main .section p,main .photo-story-head p{font-size:18px;line-height:1.8}.hero.layout-immersive.hero-carousel .hero-copy p,.hero-fixed-copy .hero-copy p{font-size:18px!important;line-height:1.75!important}.hero-fixed-copy .hero-copy .hero-proof{font-size:13px!important}.hero.layout-immersive.hero-fixed-copy .hero-copy .hero-proof{font-size:13px!important}.hero-fixed-copy .hero-actions .button,main .button,.school-footer .button{min-height:54px;font-size:15px;padding:16px 18px;border-radius:18px}.section .evidence-grid{gap:16px;margin-top:30px}.section .evidence-grid article{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;align-items:center;min-height:0;padding:28px 24px;border-radius:24px}.evidence-icon{grid-row:1/3;width:72px;height:78px;border-radius:24px 26px 23px 10px}.evidence-icon .school-icon{width:65px;height:65px}.section .evidence-grid h3{font-size:30px;margin:0 0 14px;max-width:none}.section .evidence-grid p{grid-column:2;font-size:18px;line-height:1.7;max-width:none}.section .split>.brand-photo{padding:8px 12px 12px 8px;margin-top:8px;margin-bottom:14px}.brand-photo>img{height:clamp(310px,100vw,440px);border-radius:65px 24px 55px 24px}.brand-photo::before{border-radius:65px 28px 55px 24px;inset:0 0 4px 16px}.brand-photo::after{left:-6px;width:32px;height:32px;border-width:6px}.photo-flourish{width:94px;height:94px;right:-12px;bottom:-17px}.section.layout-reversed .split>.brand-photo{order:2}.section.layout-reversed .split>.section-composition{order:1}.layout-reversed .photo-flourish{left:-12px}.layout-reversed .brand-photo>img{border-radius:24px 65px 24px 55px}.section.editorial-prose :is(p,li){font-size:18px}}
@media(max-width:370px){.section .evidence-grid article{grid-template-columns:1fr}.evidence-icon{grid-row:auto;margin-bottom:24px}.section .evidence-grid p{grid-column:1}}
.high-contrast .section .evidence-grid article{background:#050505;border-color:#fff}.high-contrast .section .evidence-grid :is(h3,p){color:#fff}.high-contrast .brand-photo::before{background:#fff}
@media(prefers-reduced-motion:reduce){.section .evidence-grid article,.evidence-icon,.photo-flourish{transition:none}.section .evidence-grid article:hover,.section .evidence-grid article:hover .evidence-icon{transform:none}}
/* The real facade is shown whole: no architectural cropping. */
.section[data-section="made-by-people"] .brand-photo>img{height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:32px 32px 64px 32px;background:#fff8f0}.section[data-section="made-by-people"] .brand-photo::before{border-radius:36px 36px 70px 32px}.section[data-section="made-by-people"] .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
@media(max-width:760px){.section[data-section="made-by-people"] .split{grid-template-columns:1fr}.section[data-section="made-by-people"] .brand-photo>img{border-radius:24px 24px 46px 24px}}
/* The opening notice belongs to the headline column, separate from contact actions. */
.section-intro .announcement-open{margin-top:28px;width:max-content;max-width:100%}
@media(max-width:760px){.section-intro .announcement-open{width:100%;margin-top:4px;margin-bottom:28px}}
/* Low-profile edges appear only where adjacent section backgrounds change. */
main .section[data-color-transition="organic"]{position:relative;isolation:isolate;overflow:visible}
main .section[data-color-transition="organic"]::before{content:'';display:block!important;position:absolute;left:0;right:0;top:-23px;bottom:auto;width:100%;height:25px;border:0;border-radius:0;background:var(--section-bg,#fff8f0);mask:url('/assets/section-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/section-edge.svg') center/100% 100% no-repeat;transform:none;opacity:1;pointer-events:none;z-index:1}
main .section[data-color-transition="organic"]:nth-child(even)::before{transform:scaleX(-1)}
main .section.callout[data-color-transition="organic"]::before{background:#a80000}
main .section.quick-links[data-color-transition="organic"]::before{display:none!important}
@media(max-width:760px){main .section[data-color-transition="organic"]::before{height:17px;top:-15px}}
.high-contrast main .section[data-color-transition="organic"]::before{background:#050505}
main .section[data-color-transition="organic"]::before{background:var(--edge-color,var(--section-bg,#fff8f0))}
main .section.callout[data-color-transition="organic"]{clip-path:inset(-25px 0 0)}
/* Photo treatment restored: simple rounded images, without decorative frames. */
.section .split>.brand-photo{padding:0;margin:0;isolation:auto}
.section .brand-photo::before,.section .brand-photo::after,.section .brand-photo .photo-flourish{content:none!important;display:none!important}
.section .brand-photo>img{border-radius:24px;box-shadow:none;transform:none}
.section.layout-reversed .brand-photo>img{border-radius:24px 100px 24px 24px}
.section[data-section="made-by-people"] .brand-photo>img{border-radius:24px}
@media(max-width:760px){.section .split>.brand-photo{padding:0;margin:0}.section .brand-photo>img,.section.layout-reversed .brand-photo>img,.section[data-section="made-by-people"] .brand-photo>img{border-radius:24px}}
/* Larger standalone glyphs and a complete, visible IJC signature in every card. */
.section .evidence-grid .evidence-icon{width:112px;height:112px;flex-basis:112px;border-radius:0;background:transparent;color:#fff8f0}
.section .evidence-grid .evidence-icon .school-icon{width:112px;height:112px;overflow:visible}
.section .evidence-grid .evidence-icon .school-icon use{transform:scale(1.6);transform-origin:12px 12px}
.section .evidence-grid article::after{inset:32px 28px auto auto;width:98px;height:108px;transform:none;opacity:.26;background:url('/assets/logo-white.svg') center/contain no-repeat}
@media(min-width:761px) and (max-width:1100px){.section .evidence-grid .evidence-icon,.section .evidence-grid .evidence-icon .school-icon{width:94px;height:94px}.section .evidence-grid .evidence-icon{flex-basis:94px}.section .evidence-grid article::after{width:70px;height:78px;top:28px;right:22px}}
@media(max-width:760px){.section .evidence-grid article{display:flex;flex-direction:column;align-items:flex-start}.section .evidence-grid .evidence-icon{width:100px;height:100px;flex-basis:100px;margin-bottom:24px}.section .evidence-grid .evidence-icon .school-icon{width:100px;height:100px}.section .evidence-grid article::after{width:82px;height:90px;top:28px;right:24px}.section .evidence-grid h3{margin-bottom:16px}.section .evidence-grid p{max-width:none}}
/* Every section boundary shares the same restrained organic edge. */
main :is(.section,.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section){position:relative}
main :is(.section,.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section)::before{content:'';display:block!important;position:absolute;left:0;right:0;top:-23px;bottom:auto;width:100%;height:25px;border:0;border-radius:0;background:var(--edge-color,var(--section-bg,#fff8f0));mask:url('/assets/section-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/section-edge.svg') center/100% 100% no-repeat;filter:drop-shadow(0 -1px 0 #a8000024);transform:none;opacity:1;pointer-events:none;z-index:2}
main :is(.section,.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section):nth-child(even)::before{transform:scaleX(-1)}
main :is(.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section)::before{top:0;background:var(--previous-surface,#fff8f1);transform:scaleY(-1)}
main :is(.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section):nth-child(even)::before{transform:scale(-1)}
@media(max-width:760px){main :is(.section,.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section)::before{height:17px;top:-15px}main :is(.photo-story,.full-image,.hero):is([data-color-transition="organic"],#page-content>section)::before{top:0}}
.high-contrast main [data-color-transition="organic"]::before{background:#050505;filter:drop-shadow(0 -1px 0 #ffffff66)}
body.high-contrast main #page-content>section::before{background:#050505;filter:drop-shadow(0 -1px 0 #ffffff66)}
/* Oversized signature: a controlled crop keeps the IJC heart recognizable. */
.section .evidence-grid article::after{inset:-24px -28px auto auto;width:210px;height:225px;opacity:.23;transform:rotate(-9deg);background-position:center}
@media(min-width:761px) and (max-width:1100px){.section .evidence-grid article::after{inset:-18px -25px auto auto;width:165px;height:180px}}
@media(max-width:760px){.section .evidence-grid article::after{inset:-22px -25px auto auto;width:185px;height:200px}}
/* Shared action spacing applies to every hero, including pages with one photograph. */
.hero-carousel .hero-actions-inner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;max-width:min(760px,100%)}
.hero-carousel .hero-actions-inner .section-note{flex:0 0 100%;max-width:62ch;margin:4px 0 0;color:#f3dedb;opacity:1;line-height:1.75}
@media(max-width:760px){.hero-carousel .hero-actions-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:100%}.hero-carousel .hero-actions-inner .section-note{grid-column:1;max-width:none;margin-top:4px}}
/* Keep the callout watermark inside the viewport without clipping section edges. */
.section.callout::after{right:0;transform:none;max-width:49%}
/* Mobile: separate the school photograph from its preceding copy, then resume the story without doubled section padding. */
@media(max-width:760px){
 .home-button-preview .section[data-section="made-by-people"] .split{row-gap:56px}
 .home-button-preview main .section[data-section="made-by-people"]{padding-bottom:0}
 .home-button-preview main .section[data-section="made-by-people"]+.section[data-section="family-trust"]{padding-top:56px}
}