:root{--brand:#087e71;--brand-hover:#055b50;--aqua:#009688;--heading:#153f37;--nav-ink:#18576a;--ink:#1e293b;--muted:#42665b;--paper:#fff;--canvas:#f8fafc;--wash:#f1f7f5;--tint:#e8f6f5;--line:#d9e9e2;--mint:#c8f1e2;--focus:#18576a;--font:system-ui, "Microsoft YaHei", sans-serif;--small:.875rem;--body:1rem;--lead:1.125rem;--h1:clamp(2rem, 4.2vw, 3.75rem);--h2:clamp(1.6rem, 3vw, 2.5rem);--h3:1.35rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:5rem;--round:1.25rem;--round-small:.65rem;--pill:999px;--container:80rem;--reading:45rem;--border:1px solid var(--line);--shadow:0 12px 36px #125e490f;--speed:.18s}*{box-sizing:border-box}html{scroll-padding-top:10rem}body{font-family:var(--font);color:var(--ink);background:var(--canvas);margin:0;line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);text-wrap:balance;line-height:1.3}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}a{color:var(--brand);text-underline-offset:.25em}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wrap{width:min(calc(100% - var(--s7)), var(--container));margin-inline:auto}.skip{top:-8rem;left:var(--s4);z-index:100;background:var(--paper);padding:var(--s3);position:fixed}.skip:focus{top:var(--s3)}.masthead{z-index:20;background:var(--paper);border-bottom:var(--border);position:sticky;top:0}.brand-row{justify-content:space-between;align-items:center;gap:var(--s5);padding-block:var(--s4);display:flex}.brandmark{color:var(--heading);font-size:var(--h3);font-weight:800;text-decoration:none}.brandmark small{color:var(--muted);font-size:var(--small);font-weight:400;display:block}.navlinks{align-items:center;gap:var(--s2) var(--s4);padding-block:var(--s3);border-top:var(--border);flex-wrap:wrap;display:flex}.navlinks a,.navlinks summary{color:var(--nav-ink);font-size:var(--small);padding:var(--s2) var(--s3);border-radius:var(--round-small);cursor:pointer;text-decoration:none}.navlinks a:hover,.navlinks summary:hover,.navlinks a[aria-current=page]{background:var(--tint);color:var(--brand-hover)}.navlinks details{position:relative}.subnav{background:var(--paper);border:var(--border);padding:var(--s2);border-radius:var(--round-small);min-width:13rem;box-shadow:var(--shadow);position:absolute}.subnav a{display:block}.mobile-menu{display:none}.action{justify-content:center;align-items:center;gap:var(--s3);min-height:2.75rem;padding:var(--s3) var(--s5);border-radius:var(--pill);border:1px solid var(--brand);color:var(--paper);background:var(--brand);transition:background var(--speed);font-weight:600;text-decoration:none;display:inline-flex}.action:hover{background:var(--brand-hover)}.action.secondary{color:var(--brand-hover);background:var(--paper)}.action.secondary:hover{background:var(--tint)}.actions{gap:var(--s3);flex-wrap:wrap;display:flex}.band{padding-block:var(--s8)}.band.soft{background:var(--wash)}.intro{gap:var(--s4);margin-bottom:var(--s6);max-width:var(--reading);display:grid}.eyebrow{color:var(--brand);font-weight:700;font-size:var(--small);letter-spacing:.1em}.intro p,.support{color:var(--muted)}.hero-sample{align-items:center;gap:var(--s7);grid-template-columns:1.2fr 1fr;display:grid}.hero-sample h1{margin-block:var(--s4) var(--s5)}.hero-sample .support{margin-bottom:var(--s6);font-size:var(--lead)}.card-grid{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.content-card{padding:var(--s6);background:var(--paper);border:var(--border);border-radius:var(--round);gap:var(--s4);box-shadow:var(--shadow);display:grid}.content-card p{color:var(--muted)}.content-card a{font-weight:600}.color-grid{gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.color-chip{border:var(--border);border-radius:var(--round-small);background:var(--paper);overflow:hidden}.color-chip .paint{height:5rem}.paint.brand{background:var(--brand)}.paint.aqua{background:var(--aqua)}.paint.wash{background:var(--wash)}.paint.canvas{background:var(--canvas)}.color-chip figcaption{padding:var(--s4);font-size:var(--small)}figure{margin:0}.preview-note{background:var(--tint);color:var(--nav-ink);padding:var(--s3) var(--s4);text-align:center;font-size:var(--small)}.foot{background:var(--wash);border-top:var(--border);padding-block:var(--s7)}.foot-grid{gap:var(--s6);grid-template-columns:1.2fr 1fr;display:grid}.foot p{margin-top:var(--s3);color:var(--muted)}@media (width<=64rem){.desktop-menu{display:none}.mobile-menu{padding-bottom:var(--s3);display:block}.mobile-menu>summary{padding:var(--s2) 0;color:var(--nav-ink);cursor:pointer}.mobile-menu .navlinks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subnav{min-width:0;box-shadow:none;position:static}.hero-sample{grid-template-columns:1fr}}@media (width<=40rem){.wrap{width:calc(100% - var(--s6))}.brand-row>.support{display:none}.card-grid,.foot-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.band{padding-block:var(--s7)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.photo{object-fit:cover;border-radius:var(--round-small);width:100%;height:auto;display:block}.photo.contain{object-fit:contain;max-height:32rem}.page-hero{padding-block:var(--s8);background:var(--wash);border-bottom:var(--border)}.page-hero .intro{margin:0}.page-hero h1{margin-block:var(--s4)}.breadcrumbs{font-size:var(--small);color:var(--muted)}.content-flow{gap:var(--s4);max-width:var(--reading);margin-inline:auto;display:grid}.content-flow h2{margin-top:var(--s6)}.content-flow h3{margin-top:var(--s5)}.content-flow p{overflow-wrap:anywhere;white-space:pre-line}.content-flow figure{margin-block:var(--s5)}figcaption{color:var(--muted);font-size:var(--small);padding-top:var(--s2)}.text-link{font-weight:600}video{border-radius:var(--round);background:var(--heading);width:100%}.contents-nav{gap:var(--s3);margin-block:var(--s6);flex-wrap:wrap;display:flex}.contents-nav a{background:var(--paper);border:var(--border);border-radius:var(--pill);padding:var(--s2) var(--s4);text-decoration:none}.home-hero{padding-block:var(--s7);background:var(--wash)}.home-hero .hero-image{object-fit:cover;width:100%;max-height:32rem;margin-top:var(--s6);border-radius:var(--round)}.expo-grid,.activity-grid,.theme-grid{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.expo-card{background:var(--paper);border:var(--border);border-radius:var(--round);overflow:hidden}.expo-card .photo{aspect-ratio:2;object-fit:cover;border-radius:0}.expo-copy{padding:var(--s6);gap:var(--s4);display:grid}.expo-copy h2{font-size:var(--h3)}.stats{gap:var(--s5);padding-block:var(--s7);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.stat strong{font-size:var(--h2);color:var(--brand);display:block}.stat span{font-size:var(--small);color:var(--muted)}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-card{background:var(--paper);border:var(--border);border-radius:var(--round);overflow:hidden}.theme-card .photo{aspect-ratio:16/10;object-fit:cover}.theme-card h3{padding:var(--s5)}.activity-card{background:var(--paper);border:var(--border);border-radius:var(--round);padding:var(--s5);gap:var(--s3);display:grid}.activity-card .photo{aspect-ratio:16/9}.activity-card p{color:var(--muted)}.activity-card a{font-weight:700}.logo-carousel{border-radius:var(--round);overflow:hidden}.logo-track{transition:transform .65s;display:flex}.logo-page{gap:var(--s3);padding:var(--s2);flex:0 0 100%;grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.media .logo-page{grid-template-columns:repeat(6,minmax(0,1fr))}.logo-tile{border:var(--border);border-radius:var(--round-small);background:var(--paper);min-width:0;padding:var(--s3)}.logo-tile .photo{object-fit:contain;height:4rem}.gallery{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-column{gap:var(--s5);display:grid}.gallery a{border-radius:var(--round);display:block;overflow:hidden}.gallery .photo{transition:transform .35s}.gallery a:hover .photo{transform:scale(1.04)}.rolling .gallery-window{height:36rem;overflow:hidden;mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.rolling .gallery-column{animation:55s linear infinite gallery-drift}.rolling .gallery-window:nth-child(2) .gallery-column{animation-direction:reverse}.rolling:hover .gallery-column,.rolling:focus-within .gallery-column{animation-play-state:paused}@keyframes gallery-drift{to{transform:translateY(calc(-50% - var(--s5) / 2))}}.lightbox{width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:var(--s7);text-align:center;color:var(--paper);background:0 0;border:0;margin:0;position:fixed;inset:0}.lightbox::backdrop{background:#153f37eb}.lightbox img{object-fit:contain;max-width:90%;max-height:85%}.lightbox-close{right:var(--s5);top:var(--s4);border-radius:var(--pill);background:var(--paper);width:3rem;height:3rem;color:var(--heading);cursor:pointer;border:0;font-size:2rem;position:absolute}.lightbox p{margin-top:var(--s4)}.news-grid{gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.news-card{background:var(--paper);border:var(--border);border-radius:var(--round);overflow:hidden}.news-card img{object-fit:cover;width:100%;height:13rem}.news-card>div{padding:var(--s5)}.news-card h3{font-size:var(--lead);margin-block:var(--s3)}.news-card h3 a{color:var(--heading);text-decoration:none}.news-card p{color:var(--muted);font-size:var(--small);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}time{color:var(--muted);font-size:var(--small)}.article-body{max-width:var(--reading);overflow-wrap:anywhere;margin:auto}.article-body img{max-width:100%;height:auto}.article-body p,.article-body h2,.article-body h3,.article-body ul{margin-block:var(--s5)}.article-body table{max-width:100%;display:block;overflow:auto}.article-body td,.article-body th{border:var(--border);padding:var(--s2)}.pagination{justify-content:center;gap:var(--s4);margin-top:var(--s7);flex-wrap:wrap;display:flex}.pagination a{padding:var(--s2) var(--s4);border:var(--border);border-radius:var(--pill)}.contact-tools{right:var(--s4);bottom:var(--s6);z-index:25;gap:var(--s2);padding:var(--s2);background:var(--paper);border:var(--border);border-radius:var(--pill);box-shadow:var(--shadow);display:grid;position:fixed}.contact-tools summary,.contact-tools>a{padding:var(--s3);color:var(--nav-ink);font-size:var(--small);cursor:pointer;justify-items:center;text-decoration:none;list-style:none;display:grid}.contact-tools svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:1.4rem;height:1.4rem}.contact-tools details{position:relative}.tool-panel{width:16rem;margin-right:var(--s3);padding:var(--s5);background:var(--paper);border:var(--border);border-top:4px solid var(--brand);border-radius:var(--round);box-shadow:var(--shadow);display:none;position:absolute;bottom:0;right:100%}.tool-panel:after{content:"";width:var(--s4);height:100%;position:absolute;top:0;left:100%}.tool-panel .photo{width:10rem;margin:var(--s4) auto}.tool-panel a,.contact-tools details:hover .tool-panel,.contact-tools details:focus-within .tool-panel,.contact-tools details[open] .tool-panel{display:block}@media (width<=64rem){.logo-page{grid-template-columns:repeat(6,minmax(0,1fr))}.media .logo-page{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-tools{right:var(--s2);bottom:var(--s3)}.contact-tools summary,.contact-tools>a{padding:var(--s2)}}@media (width<=40rem){.expo-grid,.activity-grid,.theme-grid,.news-grid{grid-template-columns:1fr}.logo-page,.media .logo-page{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-tile{padding:var(--s2)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery,.gallery-column{gap:var(--s3)}.rolling .gallery-window{height:24rem}.page-hero{padding-block:var(--s7)}.contact-tools{display:none}.lightbox{padding:var(--s7) var(--s3)}}@media (prefers-reduced-motion:reduce){.gallery-column{animation:none!important}.logo-track{transition:none}}.logo-directory{gap:var(--s4);margin-top:var(--s6);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.logo-directory figure{background:var(--paper);border:var(--border);padding:var(--s4);border-radius:var(--round-small)}.logo-directory .photo{object-fit:contain;height:5rem}
