/* CIUOB · Shan shui, carved gold and folded silk. All artwork is decorative. */
:root{--heritage-jade:#164c3e;--heritage-red:#882f2c;--heritage-gold:#b28845;--heritage-paper:#faf4e8;--heritage-art:url('/assets/design/jade-mountains.webp');--heritage-red-art:url('/assets/design/vermilion-great-wall.webp')}
body{background-color:var(--heritage-paper)}
#main-content{background-color:var(--heritage-paper);background-image:linear-gradient(#faf4e82b,#faf4e86b),var(--heritage-art);background-size:100% auto,100% auto;background-repeat:repeat-y;position:relative;isolation:isolate;overflow:clip}
#main-content[data-heritage-palette=vermilion]{--heritage-art:var(--heritage-red-art)}
/* A visible silk-and-landscape opening to every page, with no copy over the art. */
.heritage-frieze{position:relative;height:168px;width:100%;overflow:hidden;isolation:isolate;background-color:#f8efde;background-image:linear-gradient(90deg,#fbf5e80d,#fbf5e859 45%,#fbf5e814),var(--heritage-art);background-position:center,center 71%;background-size:cover,cover;border-bottom:1px solid #b2884550;pointer-events:none}
.heritage-frieze:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff5e618,transparent 60%,#faf4e86b);z-index:-1}
.heritage-frieze-rule{position:absolute;left:5%;right:5%;bottom:16px;height:1px;background:linear-gradient(90deg,transparent,#b2884599 15%,#b2884599 85%,transparent)}
.heritage-frieze-rule:before,.heritage-frieze-rule:after{content:'';position:absolute;top:-4px;width:9px;height:9px;border:1px solid #b28845;background:#faf4e8;transform:rotate(45deg)}
.heritage-frieze-rule:before{left:20%}.heritage-frieze-rule:after{right:20%}
.heritage-fan{display:block;position:absolute;inset-inline-end:8%;top:3px;width:224px;transform-origin:50% 90%;animation:heritage-fan-float 9s ease-in-out infinite;filter:drop-shadow(0 12px 7px #67381825);perspective:700px}
.heritage-fan img{display:block;width:100%;height:auto;object-fit:contain;transform:rotate(-8deg);pointer-events:none}
.heritage-cloud{position:absolute;display:block;width:200px;height:75px;background:url('/assets/design/auspicious-cloud.svg') center/contain no-repeat;opacity:.68;animation:heritage-cloud-drift 19s ease-in-out infinite}
.heritage-cloud-left{left:7%;top:33px}.heritage-cloud-right{right:34%;top:60px;width:130px;opacity:.35;animation-delay:-8s}
.heritage-home-frieze{height:210px;background-position:center,center 72%;border-bottom:0}
.heritage-home-frieze .heritage-fan{width:275px;inset-inline-end:calc(50% - 137px);top:-5px}
.heritage-home-frieze .heritage-cloud-left{left:12%;top:55px}
.heritage-home-frieze .heritage-cloud-right{right:12%;top:65px;width:180px}
/* Rice-paper content surfaces let the landscape show in the surrounding spaces. */
.team-redesign,.home-redesign,.oc-album,.tp-album{background:transparent}
.campus-discover{margin-top:38px;margin-bottom:80px;padding:0 0 12px}
.campus-section-heading{padding-top:0}.campus-section-heading:before{display:none}
.campus-section-heading>span,.ip-eyebrow,.team-eyebrow,.tp-kicker{letter-spacing:.13em}
.campus-section-heading p{max-width:680px;margin-inline:auto}
.content-section.ip-section,.content-section.reading,.rg-panel,.rg-sidebar,.rg-review,.ne-intro{background-color:#fffcf5f5;border:1px solid #c6b08480;box-shadow:0 16px 42px #4f513c0b;border-radius:12px}
.content-section.ip-section,.content-section.reading{border-top:3px solid var(--heritage-gold);background-image:linear-gradient(#fffcf5f5,#fffcf5ea),var(--heritage-art);background-size:cover;background-position:center bottom}
.content-section:not(.page-hero):not(.rg-inline-cta):not(.home-contact){position:relative}
.campus-story,.team-redesign .educator-stage,.team-redesign .content-card,.teacher-thumb,.ne-feature-card,.tp-teaser,.content-card{background-color:#fffcf5f5;border-color:#cbb991;box-shadow:0 12px 32px #40503b0d}
.team-redesign .educator-stage{border-top-color:var(--heritage-gold)}
.team-redesign .teacher-portrait{background:#f4ead6;border-color:#c6b084}
.team-intro{padding-top:38px}.team-cloud{opacity:.25}
.reading .rich-text,.ip-section>div,.rg-panel,.rg-review{color:#263d33}
.memory-gallery,.teacher-memories,.team-memories{background-color:transparent}
.home-container{background:#fffcf5e8;padding:42px;border:1px solid #d4c3a080;border-radius:12px}
.home-highlights-link{background:transparent}
/* Dark jade sections carry etched cloud motifs; original images remain untouched. */
.ui-journey,.home-contact,footer,.tv-home-feature{background-color:var(--heritage-jade);background-image:linear-gradient(90deg,#164c3ef0,#164c3ede),url('/assets/design/jade-mountains.webp');background-size:cover;background-position:center bottom}
.ui-journey{border-block:1px solid #cfad6d;box-shadow:inset 0 3px 0 #ead19a22}
.ui-journey a{background:#fff9ed0c;border-color:#e8cc9055!important;border-radius:6px}
.ui-journey a:hover{background:#fff9ed1c;border-color:#e8cc90!important}
.page-hero{background-color:var(--heritage-jade);background-image:linear-gradient(90deg,#143f34f5,#143f34d9),url('/assets/design/jade-mountains.webp');background-position:center;background-size:cover}
.page-hero:before{background-image:url('/assets/design/auspicious-cloud.svg');background-size:min(430px,45%) auto;background-position:right bottom;opacity:.18}
.home-recognition,.home-redesign .ip-overview,.rg-inline-cta,.cg-resource{background-color:#f7ecdb;background-image:linear-gradient(90deg,#fff8ecd9,#fff8ecce),var(--heritage-red-art);background-size:cover;background-position:center 70%;border-block:1px solid #c6a16560}
.home-recognition h2,.home-redesign .ip-overview h2{color:#6f2b28}
.home-contact{border-top:3px double #ceb679;padding-block:70px}
footer{border-top:1px solid #ceb679}
/* Album introductions and reports get their own light landscape treatment. */
.oc-hero,.rg-heading,.team-intro,.ne-new-features{background:transparent}
.oc-copy,.rg-heading{color:#214d40}
.oc-hero{border-bottom:1px solid #b288454a}
.oc-copy>p,.rg-heading>p{color:#44594f}
.oc-sticker,.tp-sticker{box-shadow:0 6px 16px #6738181a}
.tp-frame,.oc-frame,.photo-frame{background:#fffaf0;border:1px solid #c6ae805e;box-shadow:0 12px 32px #3c3c2814}
/* Refined lacquer controls and a quiet gold architectural line on navigation. */
.site-header{border-bottom:1px solid #b2884566;box-shadow:0 3px 20px #2a3f2d0b;background:#fffaf2f7}
.site-header:after{content:'';position:absolute;inset-inline:4vw;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,#b2884545 20%,#b2884545 80%,transparent);pointer-events:none}
.site-header nav>a[aria-current],.site-header .nav-group>a[aria-current]{background:#ede8d9;box-shadow:inset 0 -2px #9b3a30}
.submenu{border-top-color:#9b3a30;background:#fffaf2}
.button,.rg-send,.rg-form button[type=submit]{background:#882f2c;border-color:#882f2c;border-radius:6px;box-shadow:0 4px 0 #5c211b10,0 8px 20px #882f2c12}
.button:hover,.rg-send:hover,.rg-form button[type=submit]:hover{background:#6c2522;border-color:#6c2522}
.button.secondary,.rg-secondary,.rg-edit,.rg-copy{background:#fffcf5;color:#214d40;border-color:#b9a275}
.home-welcome .button{box-shadow:none}.home-welcome{background:#143f34}
/* Ornament controls are intentionally absent; film and photo controls are retained. */
button[class*='motion-toggle'],button.tp-motion,button.lq-pause{display:none!important}
@keyframes heritage-fan-float{0%,100%{transform:perspective(700px) rotateY(-10deg) rotateZ(-2deg) translateY(0)}50%{transform:perspective(700px) rotateY(10deg) rotateZ(2deg) translateY(-7px)}}
@keyframes heritage-cloud-drift{0%,100%{transform:translateX(-8px)}50%{transform:translateX(12px)}}
@media(min-width:1500px){#main-content{background-size:100% auto,100% 1300px}.heritage-frieze{height:185px}.heritage-home-frieze{height:225px}}
@media(max-width:780px){#main-content{background-size:100% auto,auto 960px;background-position:center top}.heritage-frieze{height:124px;background-size:cover,auto 430px;background-position:center,center 65%}.heritage-fan{width:168px;inset-inline-end:5%;top:1px}.heritage-cloud-left{left:4%;top:25px;width:135px}.heritage-cloud-right{right:40%;width:90px;top:48px}.heritage-frieze-rule{bottom:10px}.heritage-home-frieze{height:164px;background-size:cover,auto 510px}.heritage-home-frieze .heritage-fan{width:225px;inset-inline-end:calc(50% - 112px);top:-2px}.heritage-home-frieze .heritage-cloud-left{left:-25px;top:45px;width:125px}.heritage-home-frieze .heritage-cloud-right{right:-25px;top:62px;width:110px}.campus-discover{margin-top:26px;margin-bottom:44px}.home-container{padding:25px 20px;margin-block:44px}.team-intro{padding-top:28px}.home-contact{padding-block:46px}.home-recognition,.home-redesign .ip-overview,.rg-inline-cta{background-position:60% bottom}.page-hero{background-position:65% center}.content-section.ip-section,.content-section.reading{border-radius:8px}.campus-section-heading>span,.ip-eyebrow,.team-eyebrow,.tp-kicker{letter-spacing:.08em}}
html[dir=rtl] .campus-section-heading>span,html[dir=rtl] .ip-eyebrow,html[dir=rtl] .team-eyebrow,html[dir=rtl] .tp-kicker{letter-spacing:0}
@media(prefers-reduced-motion:reduce){.heritage-fan,.heritage-cloud{animation:none}}

/* Fan ornaments have their own layout space, including the full tassel. */
.heritage-heading-ornament{display:flex;align-items:center;justify-content:center;width:min(100%,220px);min-height:142px;padding:16px 24px 20px;margin:0 auto 16px;box-sizing:border-box;pointer-events:none;user-select:none;overflow:visible}
.heritage-heading-ornament .heritage-fan{position:relative;inset:auto;width:160px;max-width:100%;flex:none;filter:drop-shadow(0 8px 7px #67381820);animation:heritage-fan-float 9s ease-in-out infinite}
.heritage-heading-ornament .heritage-fan img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:none;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
.campus-section-heading .heritage-heading-ornament{margin-bottom:20px}
@media(max-width:780px){.heritage-heading-ornament{width:184px;min-height:120px;padding:16px 24px;margin-bottom:12px}.heritage-heading-ornament .heritage-fan{width:136px}}
@media(prefers-reduced-motion:reduce){.heritage-heading-ornament .heritage-fan{animation:none}}
