.unique-scene{background:#e9fdf6;isolation:isolate}.page-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.unique-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1fef9f7,#f0fef9ed 43%,#1c544010);z-index:-1}.cell-art img.carousel-image{content:normal;transition:opacity .5s;object-position:center}.carousel-dots{position:absolute;bottom:65px;left:24px;display:flex;gap:8px;padding:10px 14px;border:1px solid #d7fcee77;background:#0d4e3699;border-radius:30px;backdrop-filter:blur(12px);z-index:4}.carousel-dots button{width:25px;height:25px;padding:0;display:grid;place-items:center}.carousel-dots button:after{content:'';width:7px;height:7px;border-radius:50%;background:#ffffff80;transition:all .2s}.carousel-dots button[aria-pressed=true]:after{width:23px;border-radius:6px;background:#aff9de}.motion-control{position:fixed;right:20px;bottom:20px;background:#effef8ed;color:#1e7052;border:1px solid #baecda;border-radius:24px;padding:9px 16px;font-size:12px;z-index:30;box-shadow:0 8px 25px #155f4422}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#2fd296;transform:scaleX(0);transform-origin:left;z-index:60}.molecular-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:55px;margin-top:60px;margin-bottom:70px;background:linear-gradient(135deg,#eafdf6,#dcfcf0);border:1px solid #ccf7e7;border-radius:30px}.molecular-copy h2{margin-bottom:25px}.molecular-tabs{display:flex;gap:10px;margin:22px 0}.molecular-tabs button{border:1px solid #bbe9d8;border-radius:24px;padding:9px 22px;background:#fff}.molecular-tabs button[aria-pressed=true]{background:#25bb84;color:white;border-color:#25bb84}.molecular-copy h3{font-size:21px;margin:28px 0 15px}.molecular-copy p{max-width:460px}.molecular-view{position:relative;border-radius:26px;overflow:hidden;min-height:360px;background:radial-gradient(circle at center,#e1fdf3,#a1e2ca);border:1px solid #b4f0da}.molecular-view canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.model-note{position:absolute;bottom:15px;left:20px;font-size:10px;letter-spacing:.15em;color:#348467;pointer-events:none}.closing .eyebrow{color:#b9f5df}@media(max-width:780px){.molecular-section{grid-template-columns:1fr;padding:25px;gap:20px;margin-block:35px}.molecular-view{height:330px;min-height:0}.motion-control{right:10px;bottom:10px;font-size:11px}.carousel-dots{bottom:67px}.unique-scene:after{background:linear-gradient(90deg,#f0fef9f2,#f0fef9b8)}.hero h1{font-size:44px}}
.hero.wrap{position:relative;display:flex;align-items:center;width:100%;max-width:none;min-height:620px;height:calc(100svh - 100px);max-height:1000px;margin:0;padding:65px max(6vw,24px) 110px;isolation:isolate;overflow:hidden;background:#16533d}.hero .cell-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;box-shadow:none;z-index:-2;overflow:visible}.hero .cell-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero .cell-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b3c2ac9 0%,#10523a7a 52%,#0b372715 100%);pointer-events:none}.hero-copy{max-width:900px;color:#fff;pointer-events:none}.hero h1,html[lang=zh] .hero h1{max-width:900px;font-size:clamp(44px,5vw,74px);line-height:1.25;text-shadow:0 2px 25px #0c432f55;margin-bottom:25px}.hero p{font-size:18px;line-height:1.85;max-width:670px;color:#eafdf6;text-shadow:0 1px 12px #0c412d66;margin:0}.hero .art-label,.hero .eyebrow,.hero .actions{display:none}.hero .carousel-dots{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);gap:9px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;z-index:4}.hero .carousel-dots button{width:30px;height:30px}.hero .carousel-dots button:after{width:9px;height:9px;background:#ffffff80;box-shadow:0 1px 8px #104a3566}.hero .carousel-dots button[aria-pressed=true]:after{width:10px;height:10px;border-radius:50%;background:#fff}.hero+.principles{margin-top:30px}@media(max-width:780px){.hero.wrap{height:calc(100svh - 76px);min-height:520px;max-height:850px;padding:60px 25px 100px}.hero h1,html[lang=zh] .hero h1{font-size:39px;line-height:1.35}.hero p{font-size:15px;max-width:95%}.hero .cell-art:after{background:linear-gradient(90deg,#0b3c2ac9,#10523a7a)}.hero .carousel-dots{bottom:24px}}
/* 0.3.1: full-image composition, rounded frame, unobstructed dot controls */
.hero.wrap{width:calc(100% - 40px);margin:20px auto 0;border-radius:32px;height:calc(100svh - 140px);padding-left:max(5vw,30px);padding-right:max(5vw,30px)}
.hero .cell-art{border-radius:inherit;overflow:hidden}
.hero h1,html[lang=zh] .hero h1{max-width:850px;min-height:2.5em}
.hero p{max-width:650px;min-height:4em}
.hero .carousel-dots{left:auto;right:4%;bottom:28px;transform:none}
.hero .carousel-dots button[aria-pressed=true]:after{width:8px;height:8px;box-shadow:0 0 0 4px #ffffff26}
.hero .carousel-dots button:focus-visible{border-radius:50%;outline-color:white}
body:has(.hero) .motion-control{position:static;display:block;margin:18px 20px 20px auto;box-shadow:none}
@media(max-width:780px){.hero.wrap{width:calc(100% - 24px);margin-top:12px;border-radius:24px;height:calc(100svh - 100px);padding:48px 24px 95px}.hero .carousel-dots{right:22px;bottom:20px}.hero h1,html[lang=zh] .hero h1{min-height:3.5em;font-size:36px}.hero p{min-height:5em;font-size:15px}}
/* 0.3.2: balanced hero proportions with a visible start of the next section */
.hero.wrap{height:clamp(560px,72svh,740px);min-height:560px;max-height:740px;padding-top:70px;padding-bottom:85px}
.hero-copy{max-width:760px}
.hero h1,html[lang=zh] .hero h1{font-size:clamp(42px,4.2vw,64px);max-width:760px;line-height:1.2;min-height:2.4em;margin-bottom:22px;text-wrap:balance}
.hero p{max-width:570px;font-size:17px;line-height:1.85;min-height:3.7em}
.hero .cell-art img{object-position:62% center}
@media(max-width:1023px) and (min-width:781px){.hero.wrap{height:600px;min-height:0}.hero h1,html[lang=zh] .hero h1{font-size:48px;max-width:630px}}
@media(max-width:780px){.hero.wrap{height:auto;min-height:540px;max-height:none;padding:65px 24px 85px}.hero-copy{max-width:100%}.hero h1,html[lang=zh] .hero h1{font-size:34px;line-height:1.3;min-height:3.9em;margin-bottom:18px}.hero p{font-size:15px;line-height:1.8;min-height:5.4em;max-width:100%}}
.hero p{text-wrap:balance}