/* HYDRO / deep-sea architecture concept, 2026-10-05 */
.company-hero.ocean-hero{position:relative;display:block;isolation:isolate;max-width:none;min-height:700px;height:min(840px,calc(100svh - 96px));background:#031825;color:#fff;overflow:hidden}
.ocean-hero .hero-image{position:absolute;inset:0;min-height:0;z-index:-2}
.ocean-hero .hero-image img{height:100%;width:100%;object-fit:cover;object-position:58% 50%}
.ocean-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,16,27,.74),rgba(1,16,27,.25) 43%,transparent 72%),linear-gradient(0deg,rgba(0,13,24,.6),transparent 36%)}
.ocean-hero .hero-copy{padding:78px 6vw 55px;width:60%;height:100%;position:relative;z-index:1;pointer-events:none}
.ocean-hero .hero-copy a{pointer-events:auto}
.ocean-hero .eyebrow{font-size:12px;color:#b5d4df;letter-spacing:2.7px;font-weight:400}
.ocean-hero h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(84px,9vw,138px);font-weight:300;letter-spacing:.14em;line-height:1.2;margin:58px 0 28px;color:#f5fafb}
.hero-english{display:block;font:400 17px/1.8 Inter,"Helvetica Neue",sans-serif;letter-spacing:.38em;margin-top:22px}
.ocean-hero .hero-copy>p{font-size:21px;color:#f1f6f8;line-height:1.9;letter-spacing:1px;margin:0 0 34px}
.ocean-hero .hero-copy>p span{font-size:14px;color:#b7cdd7;letter-spacing:1px}
.ocean-hero .hero-cta{background:rgba(243,250,252,.96);color:#163542;min-width:260px;padding:17px 23px;border:1px solid rgba(255,255,255,.5);transition:background .2s}
.ocean-hero .hero-cta:hover{background:white}
.ocean-hero .hero-cta span{color:#6c8794}
.ocean-hero .hero-foot{color:#a7c3cf;letter-spacing:2px;font-size:12px;padding-top:30px}
.ocean-hero .hero-image>span{left:auto;right:32px;bottom:22px;background:none;color:#bfd4df;font-size:10px;letter-spacing:1.6px;padding:0}
.ocean-caption{position:absolute;right:40px;bottom:88px;text-align:right;font-size:12px;line-height:2;letter-spacing:3px;color:#d4e6ee}
.ocean-caption span{font-size:9px;letter-spacing:2px;color:#adc6d2}
@media(min-width:1800px){.ocean-hero .hero-copy{padding-left:max(6vw,calc((100vw - 1580px)/2))}}
@media(max-width:1050px){.company-hero.ocean-hero{min-height:650px}.ocean-hero .hero-copy{width:75%;padding:60px 5vw 45px}.ocean-hero h1{margin-top:60px;font-size:96px}.ocean-hero .hero-image img{object-position:61% center}}
@media(max-width:760px){.company-hero.ocean-hero{height:calc(100svh - 125px);min-height:650px;max-height:850px}.ocean-hero .hero-image img{object-position:62% center}.ocean-hero::before{background:linear-gradient(180deg,rgba(0,16,27,.55),rgba(0,16,27,.08) 48%,rgba(0,13,24,.9)),linear-gradient(90deg,rgba(0,16,27,.28),transparent)}.ocean-hero .hero-copy{width:100%;padding:38px 25px 54px}.ocean-hero .eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.8}.ocean-hero h1{font-size:76px;margin:32px 0 0;letter-spacing:.12em}.hero-english{font-size:12px;letter-spacing:.34em;margin-top:14px}.ocean-hero .hero-copy>p{font-size:19px;margin-top:auto;margin-bottom:22px;letter-spacing:.5px}.ocean-hero .hero-copy>p span{font-size:12px;letter-spacing:.3px}.ocean-hero .hero-cta{min-width:250px;font-size:14px;padding:14px 20px}.ocean-hero .hero-foot{font-size:10px;margin-top:0;padding-top:22px;letter-spacing:1px}.ocean-hero .hero-image>span{right:25px;bottom:18px;font-size:8px;letter-spacing:1px}.ocean-caption{display:none}}
@media(max-width:350px){.ocean-hero .hero-copy{padding-left:20px;padding-right:20px}.ocean-hero .hero-cta{min-width:0;width:100%}.ocean-hero h1{font-size:68px}.ocean-hero .hero-copy>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ocean-hero *{transition:none!important}}