body:has(.brand-preview){background:#fff}body:has(.brand-preview) .sitehead{background:#fff;border-bottom:1px solid #e6eff0}body:has(.brand-preview) .navlinks .sub{color:#fff;background:#3e6378;border:1px solid #334e5a;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;transition:background .2s,color .2s;display:inline-flex}body:has(.brand-preview) .navlinks .sub:hover{color:#fff;background:#334e5a}.brand-preview .hero{isolation:isolate;background:#faffff url(/images/brand-leaf-gear-v1.jpg) 100% 100%/auto 100% no-repeat}.brand-preview .hero-inner{align-items:center;min-height:760px;padding-block:66px 125px;display:flex}.brand-preview .hero-copy{z-index:1;max-width:640px;position:relative}.brand-preview .hero h1{letter-spacing:.015em;color:#273f4f;margin:0 0 30px;font-family:Songti TC,Songti SC,Noto Serif TC,serif;font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1.5}.brand-preview .hero h1 span{color:#273f4f}.brand-preview .hero p{color:#334e5a;max-width:510px;font-size:18px;line-height:2.05}.brand-preview .hero .actions{align-items:center;gap:28px;margin-top:34px}.brand-preview .hero .btn{color:#fff;background:#3e6378;border:1px solid #3e6378;border-radius:8px;padding:16px 30px;box-shadow:0 12px 26px #2989b324}.brand-preview .hero .btn:hover{background:#227879;border-color:#227879}.brand-preview .hero .text-link{color:#3e6378;background:0 0;border:1px solid #3e6378;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:16px 30px;text-decoration:none;display:inline-flex}.brand-preview .hero-note{color:#334e5a;bottom:28px;left:0;right:auto}.brand-preview .intro-line{border-bottom:1px solid #d9e7e8;padding-block:28px 34px}.brand-preview .subscribe{background:#edf7f5}.brand-preview .subscribe a.btn{color:#fff;box-shadow:none;background:#3e6378;border:1px solid #3e6378;border-radius:8px}.brand-preview .subscribe a.btn:hover{color:#fff;background:#334e5a}@media (width>=1600px){.brand-preview .hero{background-color:#faffff;background-size:1600px}}@media (width<=1000px) and (width>=701px){.brand-preview .hero-inner{min-height:650px}.brand-preview .hero-copy{max-width:57%}.brand-preview .hero h1{font-size:40px}.brand-preview .hero p{font-size:16px}.brand-preview .hero{background-position:45%}}@media (width<=700px){body:has(.brand-preview) .navlinks .sub{padding:8px 12px}.brand-preview .hero{background-color:#fff;background-position:68% bottom;background-size:auto 410px}.brand-preview .hero-inner{align-items:flex-start;min-height:800px;padding-top:44px;padding-bottom:365px;display:block}.brand-preview .hero-copy{max-width:none}.brand-preview .hero h1{margin-bottom:24px;font-size:35px;line-height:1.5}.brand-preview .hero p{font-size:16px;line-height:1.95}.brand-preview .hero .actions{flex-wrap:wrap;gap:20px;margin-top:26px}.brand-preview .hero .btn{padding:13px 20px}.brand-preview .hero-note{letter-spacing:.08em;font-size:12px;bottom:22px}.brand-preview .intro-line{padding-block:26px}.brand-preview .hero:before{content:"";z-index:-1;background:linear-gradient(#fff 85%,#fff0);position:absolute;inset:0 0 340px}}@media (prefers-reduced-motion:reduce){body:has(.brand-preview) .navlinks .sub{transition:none}}body:has(.brand-preview){--brand-button-radius:8px;--brand-button-fill:#3e6378;--brand-button-hover:#2e4c5e}body:has(.brand-preview) .navlinks .sub,.brand-preview .btn,.brand-preview .original-button,.brand-preview .hero .text-link{border-radius:var(--brand-button-radius);border:1px solid var(--brand-button-fill);min-height:44px;box-shadow:none;justify-content:center;align-items:center;gap:12px;line-height:1.5;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.brand-preview .btn,.brand-preview .original-button{background:var(--brand-button-fill);color:#fff;padding:14px 24px}.brand-preview .hero .text-link{padding:16px 30px}body:has(.brand-preview) .navlinks .sub:hover,.brand-preview .btn:hover,.brand-preview .original-button:hover{background:var(--brand-button-hover);border-color:var(--brand-button-hover);color:#fff}.brand-preview .hero .text-link:hover{color:#2e4c5e;background:#e6f1f3;border-color:#2e4c5e}body:has(.brand-preview) .navlinks .sub:focus-visible,.brand-preview .btn:focus-visible,.brand-preview .original-button:focus-visible,.brand-preview .hero .text-link:focus-visible{outline-offset:4px;outline:3px solid #227879}@media (width<=700px){.brand-preview .hero .text-link{padding:13px 20px}}@media (prefers-reduced-motion:reduce){body:has(.brand-preview) .navlinks .sub,.brand-preview .btn,.brand-preview .original-button,.brand-preview .hero .text-link{transition:none}}