@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500;1,600&display=swap');
:root{--ink:#171715;--paper:#f5f5f2;--white:#ffffff;--muted:#686965;--line:#d8d9d6;--red:#9b2528;--dark:#171918;--gold:#b7a06b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.site-header{height:80px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f5f5f2ee;backdrop-filter:blur(10px);z-index:9}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:37px;height:37px;border:1px solid currentColor;display:grid;place-items:center;font-size:10px;letter-spacing:.08em}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}nav{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700}nav a{opacity:.8}.nav-cta{background:var(--ink);color:white;padding:11px 16px;opacity:1}.menu-toggle{display:none;border:0;background:none;font-weight:700}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 80px)}.hero-copy{padding:10vh 7vw 9vh 10vw;display:flex;justify-content:center;flex-direction:column}.eyebrow,.label{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--red);text-transform:uppercase}.hero h1{font-size:clamp(50px,6.5vw,100px);line-height:.94;letter-spacing:-.055em;margin:25px 0 30px}.hero h1 em,.section h2 em,.dark-section blockquote,.red-section h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500}.lede{font-size:17px;color:#555149;max-width:600px}.actions{display:flex;gap:28px;align-items:center;margin-top:28px}.button{display:inline-block;padding:14px 20px;font-size:12px;font-weight:700}.dark{background:var(--ink);color:#fff}.hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#dfe2df,#aeb5b1)}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 32% 38%,#f1eadc 0 5%,transparent 6%),radial-gradient(circle at 67% 60%,transparent 0 22%,#33332f33 23% 23.2%,transparent 23.5%)}.orb{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;left:12%;top:17%;background:radial-gradient(circle at 38% 35%,#f2f3f0 0 8%,#9fa9a7 9% 18%,#535b58 19% 35%,transparent 36%);z-index:1}.seal{position:absolute;right:12%;top:15%;width:105px;height:105px;border:1px solid var(--red);color:var(--red);display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-size:25px;line-height:1;z-index:3;transform:rotate(5deg)}.seal small{font:700 7px "DM Sans";letter-spacing:.15em}.line{position:absolute;width:140%;height:1px;background:#22221e55;left:-20%;top:45%;transform:rotate(-27deg);z-index:2}.section{padding:110px 10vw}.intro{background:var(--white)}.two{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section h2{font-size:clamp(43px,5vw,75px);line-height:.98;letter-spacing:-.045em;margin:18px 0}.large{font-size:19px;max-width:680px;color:#4f4c46}.arrow{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block;margin-top:20px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{background:var(--white);border:1px solid var(--line)}.visual{height:430px;position:relative;overflow:hidden}.visual>span{position:absolute;left:22px;top:20px;font-size:10px;z-index:2}.visual>b{position:absolute;right:22px;top:20px;font-size:9px;letter-spacing:.16em;z-index:2}.wind{background:linear-gradient(145deg,#aeb8b7,#d9ddda 55%,#737c79)}.bars{position:absolute;left:17%;right:10%;bottom:15%;height:58%;display:flex;align-items:end;gap:10px;transform:rotate(-7deg)}.bars:after{content:"";position:absolute;left:0;right:0;bottom:25%;height:2px;background:#27272299}.bars i{display:block}.bars:before{content:"";width:15%;height:72%;background:linear-gradient(#292925,#898477);border-radius:7px;box-shadow:80px -25px 0 -5px #44423a,160px 12px 0 -8px #5e594e,245px -35px 0 -4px #302f2b;opacity:.9}.crystal{background:radial-gradient(circle at 65% 30%,#eef1ef,#b9c4c3 42%,#505856)}.crystals{position:absolute;inset:10% 15% 4%;display:flex;align-items:center;justify-content:center}.crystals i{width:25%;height:70%;clip-path:polygon(50% 0,86% 27%,72% 100%,30% 91%,8% 30%);background:linear-gradient(130deg,#f4f5f3,#c4cecf 40%,#747e80 68%,#e7e9e6);filter:drop-shadow(10px 14px 10px #2d292540)}.crystals i:nth-child(2){height:90%;transform:translateY(-12px)}.crystals i:nth-child(3){height:75%;transform:translateY(10px)}.body{padding:28px 30px 34px}.meta{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:700}.body h3{font-size:30px;line-height:1.1;margin:10px 0}.body p:not(.meta){color:var(--muted)}.engage{background:#e9ebe8}.four{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb3a4;margin-top:55px}.four article{padding:22px 20px 10px 0;border-right:1px solid #bbb3a4;min-height:220px}.four article+article{padding-left:20px}.four article:last-child{border:0}.four small{color:var(--red)}.four h3{margin-top:40px;font-size:19px;line-height:1.1}.four p{font-size:13px;color:#625f58;max-width:235px}.dark-section{padding:105px 10vw;background:var(--dark);color:white}.gold{color:var(--gold)}.dark-section blockquote{font-size:clamp(40px,5.3vw,76px);line-height:1.02;max-width:1050px;margin:35px 0}.dark-section>p{color:#c7c2b8;max-width:600px;font-size:17px}.stories{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.stories article{border-top:1px solid var(--line);padding-top:0}.storypic{height:300px;margin-bottom:22px}.green{background:radial-gradient(circle at 55% 45%,#879b91,#35443f 35%,#171f1d 72%)}.green:after{content:"";display:block;width:130px;height:130px;border:18px solid #aab8a5;border-radius:50%;position:relative;left:42%;top:25%;opacity:.5}.stone{background:linear-gradient(135deg,#d0d4d1,#737b78 50%,#292d2b)}.stone:after{content:"";display:block;width:175px;height:240px;position:relative;left:40%;top:10%;background:linear-gradient(145deg,#eee4d6,#8b796a 55%,#3e3a35);clip-path:polygon(47% 0,78% 20%,100% 70%,65% 100%,25% 85%,0 30%)}.stories h3{font-size:24px;line-height:1.15;max-width:520px}.red-section{padding:105px 10vw;background:var(--red);color:white}.light{color:#f0c9a0}.red-section h2{font-size:clamp(55px,7vw,105px);line-height:.9;letter-spacing:-.055em;margin:25px 0}.red-section>p{max-width:620px;color:#f1dede;font-size:17px}.links{display:flex;border-top:1px solid #d38d8d;margin-top:55px}.links a{flex:1;padding:22px 15px 22px 0;border-right:1px solid #d38d8d;font-weight:700;font-size:13px}.links a+a{padding-left:20px}.about-detail{background:var(--white)}.copy{font-size:17px;color:#504d47}.principles{border-top:1px solid var(--line);margin-top:40px}.principles div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line);padding:15px 0}.principles b{font-size:11px;color:var(--red);letter-spacing:.1em;text-transform:uppercase}.principles span{font-size:13px}.beige{background:#e4e6e2}.quote{font:30px/1.2 "Playfair Display",Georgia,serif}.events{background:#eceeeb}.empty{border-top:1px solid var(--line);padding-top:30px}.empty small{color:var(--red);font-weight:700;letter-spacing:.15em}.partner{}.footer-top{display:flex;justify-content:space-between;align-items:start}.footer-bottom{border-top:1px solid #3a3935;margin-top:60px;padding-top:17px;color:#817c73;font-size:10px;display:flex;justify-content:space-between}footer{background:#171715;color:#e4dfd5;padding:55px 5vw 28px}footer .brand small{color:#8d887e}@media(max-width:900px){.site-header{height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px 5vw;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-art{height:43vh;order:-1}.hero-copy{padding:70px 8vw}.two,.cards,.stories{grid-template-columns:1fr}.four{grid-template-columns:1fr 1fr}.four article:nth-child(2){border-right:0}.section,.dark-section,.red-section{padding:80px 8vw}.head{align-items:start;gap:20px}.visual{height:52vw}.footer-top,.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:15px}}@media(max-width:600px){.hero h1{font-size:50px}.four{grid-template-columns:1fr}.four article{border-right:0!important;border-bottom:1px solid #bbb3a4;padding:20px 0!important}.four h3{margin-top:22px}.links{display:block}.links a{display:block;border-right:0;border-bottom:1px solid #d38d8d;padding-left:0!important}.storypic{height:230px}}

.project-detail{background:#f5f5f2;border-top:1px solid var(--line)}
.project-detail:nth-of-type(even){background:#fff}
.project-detail .copy{padding-top:18px}
.project-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}
.project-facts span{font-size:9px;letter-spacing:.14em;border:1px solid #c9cbc8;padding:8px 10px;color:#555a58}
.project-banner{height:360px;margin-top:65px;position:relative;overflow:hidden;display:flex;align-items:end;padding:28px;color:#fff;font-size:11px;letter-spacing:.18em;font-weight:700}
.wind-banner{background:
linear-gradient(110deg,#20272455,#20272400 45%),
radial-gradient(circle at 62% 45%,#d8dedb 0 5%,#8f9c99 6% 17%,#3f4947 18% 35%,transparent 36%),
linear-gradient(135deg,#9ba6a4,#303936)}
.crystal-banner{background:
linear-gradient(110deg,#20272455,#20272400 45%),
radial-gradient(circle at 62% 45%,#f1f4f2 0 5%,#b9c8c9 6% 17%,#596667 18% 35%,transparent 36%),
linear-gradient(135deg,#aeb8b7,#343b3a)}

.project-note{display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-top:1px solid var(--line);margin-top:55px;padding-top:38px}.project-note h3{font-size:30px;line-height:1.05;margin:15px 0}.project-note p{font-size:17px;color:var(--muted);max-width:650px}
@media(max-width:900px){.project-note{grid-template-columns:1fr;gap:15px}}

.inner-hero{padding:110px 10vw 90px;background:#e9ebe8;border-bottom:1px solid var(--line)}
.inner-hero .label{margin-bottom:20px}
.inner-hero h1{font-size:clamp(55px,7vw,105px);line-height:.92;letter-spacing:-.055em;margin:0;max-width:1050px}
.inner-hero h1 em{font-family:"Playfair Display",Georgia,serif;font-weight:500}
.inner-hero p{max-width:720px;font-size:19px;color:#555a58;margin:28px 0 0}
.content{padding:95px 10vw}
.content.narrow{max-width:1000px;margin:auto}
.content h2{font-size:clamp(38px,4.5vw,65px);line-height:.98;letter-spacing:-.04em;margin:0 0 25px}
.content h3{font-size:25px;line-height:1.1;margin:35px 0 12px}
.content p{font-size:17px;color:#50534f;max-width:760px}
.rule-list{border-top:1px solid var(--line);margin-top:45px}
.rule-list article{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}
.rule-list b{font-size:11px;letter-spacing:.12em;color:var(--red);text-transform:uppercase}
.rule-list p{margin:0;font-size:15px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.simple-card{border:1px solid var(--line);background:#fff;padding:28px;min-height:250px}
.simple-card .num{font-size:10px;color:var(--red);letter-spacing:.14em}
.simple-card h3{margin-top:45px}
.simple-card p{font-size:14px}
.project-hero{min-height:62vh;display:grid;grid-template-columns:1fr 1fr}
.project-hero-copy{padding:100px 8vw;display:flex;justify-content:center;flex-direction:column;background:#f5f5f2}
.project-hero-copy h1{font-size:clamp(52px,6.5vw,95px);line-height:.92;letter-spacing:-.055em;margin:20px 0}
.project-hero-copy h1 em{font-family:"Playfair Display",Georgia,serif;font-weight:500}
.project-hero-copy p{font-size:18px;color:#555a58;max-width:600px}
.project-hero-art{min-height:500px}
.wu-art-page{background:linear-gradient(135deg,#aeb9b7,#dce0de 50%,#48514e);position:relative;overflow:hidden}
.wu-art-page:before{content:"";position:absolute;width:55%;height:55%;left:20%;top:23%;border-radius:50%;border:1px solid #20262466;box-shadow:0 0 0 30px #ffffff16,0 0 0 70px #ffffff0c}
.crystal-art-page{background:radial-gradient(circle at 58% 40%,#f1f4f2 0 5%,#b9c8c9 6% 17%,#596667 18% 35%,transparent 36%),linear-gradient(135deg,#aeb8b7,#343b3a);position:relative}
.project-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.fact-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}
.fact-strip span{border:1px solid #c9cbc8;padding:8px 10px;font-size:9px;letter-spacing:.13em}
.timeline{border-left:1px solid var(--line);margin-top:45px}
.timeline article{padding:0 0 30px 30px;position:relative}
.timeline article:before{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--red);background:var(--paper);border-radius:50%;left:-5px;top:4px}
.timeline b{font-size:11px;color:var(--red);letter-spacing:.12em}
.timeline p{font-size:14px;margin-top:8px}
.cta-band{padding:80px 10vw;background:var(--dark);color:white}
.cta-band h2{font-size:clamp(42px,5vw,72px);line-height:.95;margin:0 0 25px}
.cta-band p{color:#c9cbc7;max-width:650px;font-size:17px}
.form-note{background:#fff;border:1px solid var(--line);padding:25px;font-size:13px;color:#5a5d58}
.event-card{display:grid;grid-template-columns:170px 1fr;gap:30px;border-top:1px solid var(--line);padding:28px 0}
.event-date{font-size:11px;color:var(--red);letter-spacing:.12em;font-weight:700}
.event-card h3{margin:0 0 8px;font-size:27px}
.event-card p{margin:0;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px 0}
.stat{padding:28px 20px 28px 0;border-right:1px solid var(--line)}
.stat+.stat{padding-left:20px}
.stat:last-child{border-right:0}
.stat strong{font-size:42px;display:block}
.stat span{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){
 .inner-hero,.content,.cta-band{padding-left:8vw;padding-right:8vw}
 .cards-3,.project-hero,.project-section-grid{grid-template-columns:1fr}
 .project-hero-copy{padding:75px 8vw}
 .project-hero-art{min-height:45vh}
 .rule-list article{grid-template-columns:1fr;gap:8px}
 .stats{grid-template-columns:1fr 1fr}
 .stat:nth-child(2){border-right:0}
 .event-card{grid-template-columns:1fr;gap:10px}
}
@media(max-width:600px){
 .stats{grid-template-columns:1fr}
 .stat{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}
}

.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.media-card{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}
.media-card img{display:block;width:100%;height:360px;object-fit:cover}
.media-card figcaption{padding:14px 16px 16px;font-size:11px;line-height:1.45;color:#6a6c68}
.media-card figcaption strong{display:block;color:#343632;letter-spacing:.08em;text-transform:uppercase;font-size:9px;margin-bottom:5px}
.media-wide{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:48px}
.media-wide figure{margin:0;background:#fff;border:1px solid var(--line)}
.media-wide img{display:block;width:100%;height:520px;object-fit:cover}
.media-wide figure+figure img{height:520px}
.media-wide figcaption{padding:14px 16px;font-size:11px;color:#686965}
.portrait-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}
.portrait-row figure{margin:0;background:#fff;border:1px solid var(--line)}
.portrait-row img{width:100%;height:420px;object-fit:cover;display:block}
.portrait-row figcaption{padding:15px 18px;font-size:12px;color:#686965}
.source-note{font-size:10px!important;color:#777!important;margin-top:14px!important}
@media(max-width:900px){.media-grid,.media-wide,.portrait-row{grid-template-columns:1fr}.media-card img,.media-wide img,.media-wide figure+figure img{height:330px}.portrait-row img{height:360px}}

/* Homepage image assets: local files keep the page visual when external media is unavailable. */
.hero-art{background:linear-gradient(145deg,#171715c0,#17171538),url("assets/donghai/donghai-crystal-art.png") center/cover}
.hero-art:after{background:radial-gradient(circle at 32% 38%,#f1eadc55 0 5%,transparent 6%),radial-gradient(circle at 67% 60%,transparent 0 22%,#33332f33 23% 23.2%,transparent 23.5%)}
.hero-art .orb,.hero-art .line{display:none}
.seal{border-color:#f7eee0;color:#f7eee0}.line{background:#ffffff77}
.hero-art{background:#171715;align-self:start;height:auto;min-height:0}.hero-art .hero-image{display:block;width:100%;max-width:100%;height:auto;position:relative;z-index:1}
@media(max-width:900px){.hero-art{height:auto;min-height:0}}
.hero-art{width:clamp(360px,46vw,760px);justify-self:end}
@media(max-width:900px){.hero-art{width:100%;justify-self:stretch}}
@media(min-width:901px){.hero{width:min(90vw,1440px);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px)}.hero-copy{padding-left:0;padding-right:0}.hero-art{width:100%;justify-self:center;align-self:center}}

/* Header brand mark based on the supplied BCCAH emblem. */
.site-header .brand-mark{width:54px;height:54px;flex:0 0 54px;border:0;background:url("assets/brand/bccah-mark.png") center/cover;font-size:0}
@media(max-width:600px){.site-header .brand-mark{width:42px;height:42px;flex-basis:42px}}
.visual{background-position:center;background-size:cover}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff24,transparent 45%,#17171522);pointer-events:none}.visual>span,.visual>b{color:#fff;text-shadow:0 1px 3px #171715}
.wind{background-image:linear-gradient(145deg,#17171555,#17171510),url("assets/wu/wu_scene_1.jpg")}.crystal{background-image:linear-gradient(145deg,#17171544,#17171508),url("assets/donghai/donghai-crystal-art.png")}.crystals{display:none}
.green{background:linear-gradient(145deg,#17171544,#17171508),url("assets/wu/wu_jingxin.jpg") center/cover}.green:after,.stone:after{content:none}.stone{background:linear-gradient(145deg,#17171544,#17171508),url("assets/donghai/donghai-crystal-art.png") center/cover}
.wind .bars{display:none}