@charset "UTF-8";
:root{--ink:#142421;--muted:#65716c;--paper:#f6f7f3;--line:#d5dcd4;--green:#b9ed7d;--teal:#277761}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(246,247,243,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:16px;font-size:32px;font-weight:950;letter-spacing:-2px}.wordmark span{font-size:11px;letter-spacing:1px;font-weight:600}nav{display:flex;gap:30px;font-size:13px;font-weight:700}nav a{position:relative}nav a:after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--teal);transition:width .25s}nav a:hover:after{width:100%}.nav-contact{font-size:13px;border:1px solid var(--ink);padding:12px 18px;border-radius:3px}.nav-contact span{margin-left:30px}.hero{padding:28px 5% 0;background:#e8eee7;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px}.hero-top{color:#4d6257}.dot{display:inline-block;background:var(--teal);width:7px;height:7px;border-radius:50%;margin-right:8px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;max-width:1500px;margin:52px auto 48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 26px}.hero h1{font-size:clamp(54px,5.7vw,88px);font-weight:950;line-height:1.24;letter-spacing:-4px;margin:0 0 26px}.accent{color:var(--teal)}.intro{font-size:14px;line-height:1.95;color:#51635b;margin-bottom:28px}.primary{display:inline-flex;justify-content:space-between;gap:48px;align-items:center;background:var(--ink);color:white;padding:17px 23px;font-size:13px;border-radius:3px;transition:background .2s,transform .2s}.primary:hover{background:var(--teal);transform:translateY(-2px)}.primary span{font-size:21px}.hero-facts{display:flex;gap:30px;margin-top:40px}.hero-facts span{font-size:10px;color:#68796f;line-height:1.6}.hero-facts b{display:block;font-size:20px;color:var(--ink);font-weight:900;margin-bottom:5px;letter-spacing:-.5px}.portrait-wrap{position:relative;align-self:stretch;background:white;border-radius:160px 160px 5px 5px;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end}.portrait{width:100%;height:420px;object-fit:contain;object-position:bottom;display:block;mix-blend-mode:multiply;position:relative;z-index:1}.portrait-caption{display:flex;justify-content:space-between;padding:30px 34px 10px;font-size:8px;letter-spacing:1.4px;position:relative;z-index:2}.portrait-bottom{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#dce7db;position:relative;z-index:2}.portrait-bottom strong{font-weight:900;font-size:27px}.portrait-bottom span{font-size:8px;line-height:1.9;letter-spacing:1px}.portrait-star{font-size:110px;position:absolute;left:-53px;top:50%;color:var(--teal);z-index:2;line-height:1;transform:rotate(10deg)}.hero-bottom{padding:23px 0;border-top:1px solid #bccdc0;color:#536359;font-size:9px}.hero-bottom a span{margin-left:24px;font-size:16px}.ribbon{background:var(--green);overflow:hidden;padding:21px 5%;white-space:normal}.ribbon div{font-weight:950;font-size:24px;letter-spacing:-.7px;line-height:1.4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:clamp(24px,6vw,100px);row-gap:12px;width:100%;max-width:1440px;margin:0 auto;text-align:center}.ribbon span{font-size:inherit;white-space:nowrap}.section{padding:100px 5%;max-width:1660px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:35px}h2{font-size:clamp(35px,3.6vw,56px);font-weight:950;letter-spacing:-2px;line-height:1.25;margin:0}.green{color:var(--teal)}.section-aside{font-size:12px;line-height:1.95;color:var(--muted);padding-bottom:3px}.filter-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.filter-row button{font-size:11px;background:transparent;border:1px solid var(--line);padding:11px 19px;border-radius:30px;color:var(--muted);transition:.2s}.filter-row button.active{background:var(--ink);color:white;border-color:var(--ink)}.filter-row button:hover{border-color:var(--ink)}sup{font-size:8px;margin-left:8px}.filter-row>span{margin-left:auto;font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.project{min-width:0}.project[hidden]{display:none}.project-button{display:block;border:0;padding:0;background:none;text-align:left;width:100%;color:var(--ink)}.project-image{position:relative;overflow:hidden;background:#e5e9e3;aspect-ratio:1.5;border-radius:3px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-button:hover img{transform:scale(1.035)}.project-image .view{position:absolute;bottom:18px;right:18px;background:var(--paper);padding:10px 15px;border-radius:25px;font-size:10px;box-shadow:0 2px 12px #0001}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;margin-top:18px;gap:16px}.project-meta h3{font-size:20px;font-weight:900;margin:0 0 8px;letter-spacing:-.5px}.project-meta p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.project-number{font-size:11px;color:var(--muted);padding-top:4px}.works-note{text-align:right;margin:35px 0 0;font-size:9px;letter-spacing:1px;color:var(--muted)}.about{background:#e8eee7;max-width:none}.big-star{font-size:100px;font-weight:700;line-height:1;color:var(--teal)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #c4d1c5;padding-top:45px}.label{font-size:11px;color:var(--teal);font-weight:700}.about-intro h3{font-size:28px;font-weight:900;line-height:1.5;letter-spacing:-1px}.about-intro p{font-size:13px;line-height:2.15;color:#56675b;max-width:430px}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.about-tags span{border:1px solid #bacabd;border-radius:25px;padding:8px 13px;font-size:10px}.timeline-title{font-size:13px;font-weight:900;display:flex;justify-content:space-between;padding-bottom:20px}.timeline-title span{font-size:9px;letter-spacing:1px;font-weight:400}.timeline article{border-top:1px solid #c4d1c5;padding:20px 0}.timeline article>p:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--teal);margin-top:0}.timeline small{font-size:10px}.timeline h3{font-size:16px;font-weight:900;margin:13px 0 6px}.timeline .job{font-size:11px;color:var(--ink);margin-top:7px}.timeline p{font-size:11px;line-height:1.9;color:#66776a;margin-bottom:0}.skill-list{border-top:1px solid var(--line)}.skill-list article{display:grid;grid-template-columns:40px 1fr 1.1fr 1fr 30px;align-items:center;gap:28px;padding:32px 0;border-bottom:1px solid var(--line)}.skill-num{font-size:10px;color:var(--muted)}.skill-list h3{font-size:21px;font-weight:900;letter-spacing:-.5px;margin:0}.skill-list p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.skill-list article>div{display:flex;flex-wrap:wrap;gap:6px}.skill-list article>div span{font-size:9px;padding:7px 9px;background:#e9ede6;border-radius:3px}.skill-list article>b{font-size:24px;font-weight:400}.film{background:var(--ink);color:#eef2e9;max-width:none}.film .eyebrow{color:#b9ed7d}.coming{border:1px solid #41554b;border-radius:20px;font-size:10px;padding:10px 15px;white-space:nowrap}.coming .dot{background:var(--green)}.film-screen{background:#1c3029;border:1px solid #41554b;border-radius:5px;padding:24px 28px;position:relative;overflow:hidden}.film-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#a7d1a90a 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#a7d1a90a 50%,transparent 50.1%);background-size:110px 110px;pointer-events:none}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#a9b9aa;gap:22px}.screen-center{text-align:center;padding:45px 0 65px;position:relative}.film-icon{display:block;font-size:90px;color:var(--green);line-height:1.3}.screen-center h3{font-size:28px;font-weight:900;letter-spacing:-1px;margin:14px 0}.screen-center p{color:#9baa9f;font-size:11px;line-height:1.9}.film-track{height:1px;background:#41554b;flex:1}.film-track i{display:block;width:18%;height:1px;background:var(--green)}.contact{background:var(--green);max-width:none;padding-bottom:0}.contact-top{display:flex;justify-content:space-between;font-size:10px}.contact-top span{letter-spacing:1px}.contact h2{font-size:clamp(36px,5vw,76px);margin:15px 0 35px;position:relative}.contact h2>span{position:absolute;right:10px;font-size:125px;top:0;line-height:1}.contact-actions{display:flex;align-items:center;gap:28px;margin-bottom:85px}.phone{border:0;padding:0;background:none;font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--ink);text-align:left}.phone span{display:block;font-size:9px;letter-spacing:1px;font-weight:400;margin-top:7px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1424213a;padding:26px 0;font-size:9px}.footer .wordmark{font-size:25px}.footer .wordmark span{font-size:9px}dialog{border:0;padding:0;width:min(1050px,94vw);max-height:92vh;color:var(--ink);background:var(--paper);border-radius:7px;overscroll-behavior:contain}dialog::backdrop{background:#0a1915d9;backdrop-filter:blur(7px)}.dialog-bar{position:sticky;top:0;padding:18px 28px;background:#f6f7f3f5;display:flex;justify-content:space-between;align-items:center;z-index:2;border-bottom:1px solid var(--line);gap:15px}.dialog-bar>div{display:flex;align-items:center;gap:20px}.dialog-bar h2{font-size:21px;letter-spacing:-.5px}.dialog-bar span{font-size:11px;color:var(--muted)}.dialog-bar button,.dialog-end button{background:var(--ink);color:white;border:0;padding:10px 15px;font-size:11px;border-radius:3px;white-space:nowrap}.dialog-intro{padding:22px 28px;font-size:12px;line-height:1.8;color:var(--muted)}#dialogImages{background:white}#dialogImages img{display:block;width:100%;height:auto}.dialog-end{display:flex;justify-content:space-between;align-items:center;padding:28px;font-size:20px;font-weight:900}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 25px;font-size:12px;border-radius:25px;z-index:40;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero-grid{gap:12%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:94px}}@media(max-width:1050px){nav{gap:17px}.wordmark span{display:none}.hero-grid{gap:4%}.hero h1{font-size:60px}.hero-facts{gap:19px}.hero-facts b{font-size:17px}.portrait{height:370px}.portrait-wrap{min-height:450px}.portrait-star{font-size:80px;left:-38px}.skill-list article{grid-template-columns:25px 1fr 1.2fr 1fr;gap:18px}.skill-list article>b{display:none}.section{padding-top:75px;padding-bottom:75px}.contact{padding-bottom:0}.contact h2>span{font-size:90px}.about-grid{gap:7%}}
@media(max-width:700px){html{scroll-padding-top:78px}header{height:72px;padding:0 6%}.wordmark{font-size:27px}nav{gap:15px;font-size:11px}nav a:nth-child(3){display:none}.nav-contact{padding:9px 11px;font-size:10px}.nav-contact span{margin-left:9px}.hero{padding:23px 6% 0}.hero-top{font-size:8px;letter-spacing:.4px}.hero-top>span:last-child{font-size:7px}.hero-grid{grid-template-columns:1fr;margin-top:38px;margin-bottom:28px;gap:35px}.hero h1{font-size:clamp(44px,10.7vw,70px);letter-spacing:-2px;margin-bottom:20px}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:1.5px}.intro{font-size:12px;line-height:1.9;margin-bottom:22px}.primary{padding:13px 20px;font-size:11px}.hero-facts{margin-top:30px;gap:30px}.hero-facts b{font-size:19px}.hero-facts span{font-size:9px}.portrait-wrap{width:100%;max-width:390px;min-height:0;justify-self:center;border-radius:120px 120px 4px 4px}.portrait{height:310px}.portrait-caption{padding:24px 35px 0;font-size:7px}.portrait-bottom{padding:16px 22px}.portrait-bottom strong{font-size:23px}.portrait-star{left:-20px;top:45%;font-size:72px}.hero-bottom{font-size:7px;letter-spacing:.3px;padding:17px 0}.hero-bottom a{font-size:7px}.hero-bottom a span{margin-left:8px}.ribbon{padding:15px 5%}.ribbon div{font-size:18px;gap:25px}.ribbon span{font-size:inherit}.section{padding:58px 6%}h2{font-size:34px;letter-spacing:-1.5px}.section-heading{gap:18px;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap}.section-aside{font-size:10px;margin:0}.filter-row{flex-wrap:wrap;gap:6px;padding-bottom:18px;margin-bottom:22px}.filter-row button{padding:9px 12px;font-size:10px}.filter-row>span{width:100%;margin:10px 0 0;font-size:8px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{aspect-ratio:1.48}.project-meta{margin-top:13px}.project-meta h3{font-size:19px}.project-meta p{font-size:9px}.project-image .view{font-size:9px;bottom:13px;right:13px}.works-note{font-size:8px;text-align:left}.big-star{font-size:66px;margin-left:auto}.about-grid{grid-template-columns:1fr;gap:42px;padding-top:28px}.about-intro h3{font-size:25px;margin:18px 0}.about-intro p{font-size:12px}.timeline h3{font-size:15px}.skill-list article{grid-template-columns:25px 1fr;gap:12px 10px;padding:25px 0}.skill-list h3{font-size:21px}.skill-list p,.skill-list article>div{grid-column:2}.skill-list p{font-size:11px}.skill-list article>div span{font-size:8px}.film .section-heading{align-items:flex-start}.coming{font-size:8px;padding:8px 10px}.film-screen{padding:20px 17px}.screen-top,.screen-bottom{font-size:6px;letter-spacing:1px;gap:10px}.screen-center{padding:45px 0}.screen-center h3{font-size:23px}.screen-center p{font-size:10px;max-width:250px;margin:auto}.film-icon{font-size:75px}.contact{padding-bottom:0}.contact-top{font-size:8px}.contact-top span{font-size:8px;letter-spacing:0}.contact h2{font-size:clamp(29px,7.5vw,49px);margin:20px 0 30px;padding-right:0;letter-spacing:-1px}.contact h2>span{display:none}.contact-actions{gap:20px;margin-bottom:60px}.phone{font-size:19px}.phone span{font-size:8px}.footer{gap:15px;flex-wrap:wrap;padding:22px 0;font-size:8px}.footer .wordmark{font-size:23px}.footer .wordmark span{display:none}.dialog-bar{padding:15px;gap:12px}.dialog-bar>div{gap:10px}.dialog-bar h2{font-size:15px;line-height:1.4}.dialog-bar button{padding:9px 11px;font-size:10px}.dialog-intro{padding:15px;font-size:11px}.dialog-end{font-size:16px;padding:20px}.dialog-end button{font-size:10px}}
.ocean-hero{position:relative;min-height:calc(100svh - 88px);background:linear-gradient(#879ca8,#d6b794 46%,#355b63 48%,#123e4b);color:white;display:flex;flex-direction:column}.ocean-hero #ocean{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ocean-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08223238,transparent 75%),linear-gradient(0deg,#001e3590,transparent 55%);pointer-events:none}.ocean-hero .hero-top,.ocean-hero .hero-grid,.ocean-hero .hero-bottom{position:relative;z-index:1}.ocean-hero .hero-top{color:#fff;opacity:.9}.ocean-hero .dot{background:#d7efc4}.ocean-hero .hero-grid{width:100%;grid-template-columns:1.35fr .65fr;flex:1;margin:50px auto 35px;gap:4%}.ocean-hero .hero-copy{padding:0}.ocean-hero h1{font-size:clamp(60px,6.3vw,98px);line-height:1.2;letter-spacing:-4px;text-shadow:0 2px 30px #0d2c3b1f}.ocean-hero .accent{color:#fff}.ocean-hero .intro{color:#fff;opacity:.92;text-shadow:0 1px 8px #112b3d40}.ocean-hero .primary{background:#f5f5eb;color:#142e37}.ocean-hero .primary:hover{background:#dfecca}.ocean-hero .eyebrow{color:#fff}.ocean-hero .hero-facts span{color:#e4ece8}.ocean-hero .hero-facts b{color:white}.ocean-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:30px 0 35px;text-align:right}.ocean-side>span:first-child{font-size:12px;line-height:1.7;letter-spacing:2px;opacity:.9}.ocean-coord{font-size:9px;line-height:1.9;letter-spacing:1.8px;opacity:.7}.ocean-hero .hero-bottom{color:#fff;border-color:#ffffff45;font-size:8px}.ocean-hero .hero-bottom>span{margin-left:auto;margin-right:35px}#oceanToggle{color:inherit;background:none;border:1px solid #ffffff65;border-radius:25px;padding:9px 13px;font-size:9px}.about-intro .portrait-wrap{max-width:380px;min-height:0;margin-bottom:34px;border-radius:110px 110px 4px 4px}.about-intro .portrait{height:300px}.about-intro .portrait-star{font-size:65px;left:-30px}.about-intro .portrait-caption{padding-top:20px}.about-intro .portrait-bottom{padding:15px 20px}.about-intro .portrait-bottom strong{font-size:24px}.ribbon{background:#d4dfd1}.contact{background:#d4dfd1}
@media(max-width:1050px){.ocean-hero h1{font-size:64px}}
@media(max-width:700px){.ocean-hero{min-height:calc(100svh - 72px)}.ocean-hero .hero-grid{grid-template-columns:1fr;margin:60px auto 50px}.ocean-hero h1{font-size:clamp(39px,10vw,67px);letter-spacing:-2px;line-height:1.3}.ocean-hero .hero-top{font-size:7px}.ocean-hero .hero-facts{gap:26px;margin-top:45px}.ocean-hero .hero-facts b{font-size:18px}.ocean-hero .hero-facts span{font-size:8px}.ocean-side{display:none}.ocean-hero .hero-bottom{flex-wrap:wrap;gap:16px;font-size:7px}.ocean-hero .hero-bottom>span{order:3;width:100%;margin:0;opacity:.75}.ocean-hero .hero-bottom>a{margin-left:auto;font-size:7px}.ocean-hero .intro{font-size:12px}#oceanToggle{font-size:8px;padding:8px 11px}.about-intro .portrait-wrap{max-width:330px;margin:0 auto 35px}.about-intro .portrait{height:290px}.about-intro .portrait-star{left:-15px}}
.chinese-subtitle{font-size:13px;font-weight:500;letter-spacing:1.5px;line-height:1.6;margin:18px 0 0;color:var(--muted)}.section-heading h2{font-size:clamp(42px,5vw,76px);font-weight:950;line-height:.98;letter-spacing:-3px}.ocean-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,7.2vw,110px);font-weight:950;letter-spacing:-5px;line-height:.98;margin-bottom:0}.ocean-hero .chinese-subtitle{color:#fff;font-size:15px;letter-spacing:2px;margin:24px 0 20px}.ocean-hero .intro{font-size:12px;margin-top:0}.film .chinese-subtitle{color:#b3c3b8}.contact h2{font-size:clamp(40px,6.2vw,96px);line-height:1.02;letter-spacing:-4px;margin-bottom:0}.contact h2>span{font-size:105px;right:0;top:0}.contact>.chinese-subtitle{color:var(--ink);margin:22px 0 30px}.contact-actions{margin-top:0}.about-intro .portrait-bottom strong{font-size:24px}
@media(max-width:1050px){.ocean-hero h1{font-size:clamp(60px,7vw,82px);letter-spacing:-3px}.section-heading h2{font-size:58px}.contact h2{font-size:64px}.contact h2>span{font-size:70px}}
@media(max-width:700px){.ocean-hero h1{font-size:clamp(45px,11.7vw,75px);letter-spacing:-2.5px;line-height:1.02}.ocean-hero .chinese-subtitle{font-size:12px;letter-spacing:1px;margin:20px 0 16px}.ocean-hero .hero-grid{margin-top:70px;margin-bottom:60px}.ocean-hero .intro{font-size:11px}.section-heading h2{font-size:clamp(35px,10.5vw,64px);letter-spacing:-1.5px;line-height:1.02}.chinese-subtitle{font-size:11px;letter-spacing:1px;margin-top:15px}.contact h2{font-size:clamp(29px,7.6vw,50px);letter-spacing:-1.5px;line-height:1.1}.contact>.chinese-subtitle{font-size:10px;margin-top:18px}.about .section-heading{flex-wrap:nowrap}.about .big-star{font-size:50px}.film .section-heading{gap:20px}.film .coming{margin-top:25px}}
.film .section-aside{color:#a4b7ab}.feature-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #476052;padding:20px 0;font-size:9px;letter-spacing:1.5px;color:#c6d7c8}.feature-label .dot{background:var(--green)}.featured-poster{display:block;position:relative;aspect-ratio:16/8.5;border:1px solid #476052;width:100%;padding:0;background:#07100d;overflow:hidden;text-align:left;color:white;border-radius:4px}.featured-poster>img{height:100%;width:100%;object-fit:cover;transition:transform 1s}.featured-poster:hover>img{transform:scale(1.025)}.featured-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030d0cee,transparent 65%),linear-gradient(90deg,#030d0c65,transparent)}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:90px;height:90px;border:1px solid #ffffff95;border-radius:50%;background:#ffffff12;backdrop-filter:blur(8px);font-size:22px;padding-left:4px;transition:background .3s}.featured-poster:hover .big-play{background:#c4eebc;color:#142421;border-color:#c4eebc}.feature-poster-copy{position:absolute;left:36px;bottom:35px;display:flex;flex-direction:column;gap:14px}.feature-poster-copy strong{font-size:clamp(28px,4.6vw,70px);line-height:.98;letter-spacing:-2.5px;font-weight:950}.feature-poster-copy>span{font-size:11px;letter-spacing:1.5px;color:#c6d4ce}.feature-play-label{position:absolute;bottom:36px;right:36px;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:25px}.feature-play-label b{font-size:28px;font-weight:400}.feature-caption{display:flex;justify-content:space-between;align-items:center;padding:25px 0 35px;border-bottom:1px solid #476052}.feature-caption h3{font-size:27px;font-weight:900;letter-spacing:-1px;margin:0 0 8px}.feature-caption p{margin:0;font-size:11px;color:#a3b7a8}.feature-watch{display:flex;gap:40px;align-items:center;background:var(--green);color:var(--ink);border:0;border-radius:3px;padding:14px 20px;font-size:11px}.feature-watch span{font-size:22px}.more-film-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:65px 0 25px;gap:20px}.more-film-heading h3{font-size:28px;letter-spacing:-1px;font-weight:950;margin:0 0 10px}.more-film-heading p{font-size:11px;color:#a4b7ab;margin:0}.more-film-heading>span{font-size:8px;letter-spacing:1px;color:#a4b7ab}.film-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.film-filters button{padding:10px 15px;border:1px solid #476052;background:transparent;color:#becfc1;border-radius:25px;font-size:9px;letter-spacing:.7px}.film-filters button span{font-size:9px;letter-spacing:0;margin-left:7px}.film-filters button.active{background:var(--green);color:var(--ink);border-color:var(--green)}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.film-card[hidden]{display:none}.film-card button{display:block;width:100%;padding:0;background:none;border:0;color:#eef2e9;text-align:left}.film-thumb{aspect-ratio:16/11;background:#07100d;border:1px solid #344e40;border-radius:3px;overflow:hidden;position:relative}.film-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.film-thumb.vertical-film img{object-fit:contain}.film-card button:hover img{transform:scale(1.04)}.small-play{position:absolute;left:17px;bottom:17px;border:1px solid #ffffff65;border-radius:50%;width:36px;height:36px;background:#14242165;display:flex;align-items:center;justify-content:center;font-size:10px;padding-left:2px}.film-duration{position:absolute;right:15px;bottom:22px;color:white;background:#09130ea0;border-radius:3px;padding:4px 6px;font-size:9px}.film-card-caption{display:flex;justify-content:space-between;gap:15px;padding:15px 0}.film-card-caption h4{font-size:15px;font-weight:900;letter-spacing:-.4px;margin:0 0 7px}.film-card-caption p{font-size:10px;color:#a4b7ab;margin:0;line-height:1.7}.film-card-caption>span{font-size:9px;color:#a4b7ab;white-space:nowrap}#filmDialog{background:#07100d;color:white;width:min(1100px,94vw)}#filmDialog .dialog-bar{background:#142421;color:white;border-color:#476052}#filmDialog .dialog-bar>div{min-width:0}#filmDialog .dialog-bar h2{font-size:17px;font-weight:900;letter-spacing:-.5px}#filmDialog .dialog-bar>div>span{white-space:nowrap;color:#a4b7ab}#filmDialog .dialog-bar button{background:#d0ebc8;color:var(--ink)}.video-stage{height:min(70vh,740px);display:flex;align-items:center;justify-content:center;background:#000}.video-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.film-dialog-footer{padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.film-dialog-footer p{font-size:11px;color:#b4c8bb;line-height:1.7;margin:0}.film-dialog-footer>div{display:flex;gap:8px}.film-dialog-footer button{border:1px solid #476052;border-radius:3px;background:transparent;color:#d0ebc8;padding:10px 12px;font-size:9px;white-space:nowrap}
@media(max-width:1000px){.film-grid{grid-template-columns:repeat(2,1fr)}.feature-poster-copy{left:25px;bottom:25px}.feature-poster-copy strong{font-size:42px}.feature-play-label{right:25px;bottom:25px;font-size:8px}.feature-play-label b{font-size:23px}.big-play{width:72px;height:72px}}
@media(max-width:700px){.feature-label{font-size:7px;letter-spacing:.4px;gap:8px;padding:16px 0}.featured-poster{aspect-ratio:4/3}.feature-poster-copy{left:18px;bottom:18px;gap:9px}.feature-poster-copy strong{font-size:29px;letter-spacing:-1px}.feature-poster-copy>span{font-size:8px;letter-spacing:.4px}.feature-play-label{display:none}.big-play{width:58px;height:58px;font-size:15px;top:40%}.feature-caption{padding:20px 0 26px;gap:12px}.feature-caption h3{font-size:21px}.feature-caption p{font-size:9px}.feature-watch{padding:10px 12px;font-size:9px;gap:15px}.feature-watch span{font-size:18px}.more-film-heading{margin-top:45px;align-items:flex-start;gap:15px}.more-film-heading h3{font-size:23px}.more-film-heading p{font-size:10px}.more-film-heading>span{font-size:6px;line-height:1.7;text-align:right;max-width:80px}.film-filters{gap:7px;margin-bottom:22px}.film-filters button{font-size:8px;padding:9px 11px;letter-spacing:0}.film-filters button span{font-size:8px;margin-left:5px}.film-grid{grid-template-columns:1fr 1fr;gap:22px 13px}.film-thumb{aspect-ratio:3/4}.film-thumb img{object-fit:cover}.film-card-caption h4{font-size:11px;line-height:1.3;letter-spacing:-.2px}.film-card-caption p{font-size:8px}.film-card-caption{padding:12px 0;gap:8px}.film-card-caption>span{font-size:7px}.small-play{width:28px;height:28px;left:10px;bottom:10px;font-size:8px}.film-duration{right:9px;bottom:16px;font-size:7px;padding:3px 5px}.film-dialog-footer{padding:15px;gap:10px;flex-wrap:wrap}.film-dialog-footer p{font-size:10px}.film-dialog-footer button{font-size:8px;padding:8px 10px}#filmDialog .dialog-bar h2{font-size:13px}.video-stage{height:65vh}}
.ocean-journey{height:300svh;position:relative;background:#041321}.ocean-journey .ocean-hero{position:sticky;top:88px;height:calc(100svh - 88px);min-height:0;--surface-opacity:1;--deep-opacity:0;--dive-progress:0;isolation:isolate}.ocean-journey .ocean-hero .hero-grid{opacity:var(--surface-opacity);transition:none;max-width:none;pointer-events:auto}.ocean-journey .ocean-hero[data-zone="below"] .hero-grid{pointer-events:none}.ocean-journey .ocean-hero .hero-top{opacity:calc(.55 + var(--surface-opacity)*.4)}.ocean-journey .ocean-shade{background:linear-gradient(90deg,#00122440,transparent 78%),linear-gradient(0deg,#00142975,transparent 45%)}.ocean-journey .ocean-hero h1{font-size:clamp(62px,6.6vw,104px);text-shadow:0 2px 22px #00142720}.ocean-journey .hero-facts{margin-top:30px}.ocean-journey .hero-bottom{margin-top:auto}.ocean-journey .ocean-side{padding-right:28px}.underwater-copy{position:absolute;z-index:2;top:50%;left:5%;transform:translateY(-50%);opacity:var(--deep-opacity);pointer-events:none;color:#e2f7fa}.underwater-copy h2{font-size:clamp(58px,7.5vw,116px);line-height:.98;letter-spacing:-5px;font-weight:950}.underwater-copy .eyebrow{color:#8ed3de;letter-spacing:2.5px}.underwater-copy .chinese-subtitle{color:#afdee5;font-size:14px;margin-top:27px}.deep-cta{display:inline-flex;align-items:center;gap:35px;color:#e2f7fa;padding:15px 0;border-bottom:1px solid #b3e2ea65;margin-top:23px;font-size:11px;letter-spacing:1px;pointer-events:none}.deep-cta span{font-size:10px;letter-spacing:0}.ocean-hero[data-zone="below"] .deep-cta{pointer-events:auto}.dive-gauge{position:absolute;right:5%;top:45%;display:flex;align-items:center;gap:18px;z-index:2;color:#d6edf0}.depth-track{height:105px;width:1px;background:#c0dfe144;position:relative}.depth-track i{position:absolute;top:0;left:-2px;width:5px;height:12px;background:#e6f6f7;transform:translateY(calc(var(--dive-progress)*93px));border-radius:2px}.dive-gauge>span{font-size:8px;letter-spacing:1px;writing-mode:vertical-rl}.dive-gauge b{font-size:11px;margin:8px 0;font-weight:700}.dive-anchor{position:absolute;top:66%;height:1px;width:1px;pointer-events:none}.ocean-fallback{height:auto}.ocean-fallback #ocean{display:none}.ocean-fallback .ocean-hero{position:relative;top:0;min-height:calc(100svh - 88px)}.ocean-fallback .underwater-copy,.ocean-fallback .dive-gauge{display:none}.ocean-journey .ocean-hero .hero-grid{margin-top:40px;margin-bottom:30px}.ocean-journey .hero-copy{max-width:800px}
@media(max-height:760px) and (min-width:701px){.ocean-journey .ocean-hero h1{font-size:68px}.ocean-journey .hero-grid{margin-top:30px!important;margin-bottom:24px!important}.ocean-journey .eyebrow{margin-bottom:17px}.ocean-journey .ocean-hero .chinese-subtitle{margin:17px 0 13px}.ocean-journey .intro{margin-bottom:20px}.ocean-journey .hero-facts{margin-top:25px}.ocean-journey .hero-bottom{padding:16px 0}.underwater-copy h2{font-size:82px}}
@media(max-width:700px){.ocean-journey{height:260svh}.ocean-journey .ocean-hero{top:72px;height:calc(100svh - 72px);padding-top:20px}.ocean-journey .ocean-hero .hero-grid{margin:45px auto 30px}.ocean-journey .ocean-hero h1{font-size:clamp(40px,10.5vw,70px);letter-spacing:-2px}.ocean-journey .ocean-hero .hero-facts{margin-top:30px;gap:24px}.ocean-journey .ocean-hero .hero-bottom{padding:15px 0;gap:12px}.underwater-copy{left:6%;right:12%;top:47%}.underwater-copy h2{font-size:clamp(40px,11vw,67px);letter-spacing:-2px}.underwater-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.underwater-copy .chinese-subtitle{font-size:11px;margin-top:20px}.deep-cta{font-size:9px;gap:20px;margin-top:20px}.deep-cta span{font-size:9px}.dive-gauge{right:6%;gap:10px;top:40%}.depth-track{height:85px}.depth-track i{transform:translateY(calc(var(--dive-progress)*73px))}.dive-gauge>span{font-size:7px}.dive-gauge b{font-size:9px}.ocean-fallback .ocean-hero{min-height:calc(100svh - 72px)}}
.ocean-world{background:#031527;color:#e2f5fb}.ocean-world>main{position:relative;z-index:1}.ocean-world>#ocean{position:fixed;top:88px;left:0;right:0;bottom:0;width:100%;height:calc(100svh - 88px);z-index:0;pointer-events:none}.ocean-world header{background:rgba(3,22,38,.87);color:#e2f5fb;border-color:#87ccdc30}.ocean-world .nav-contact{border-color:#c4e6ee80}.ocean-world .ocean-journey,.ocean-world .ocean-hero{background:transparent}.ocean-world .section{color:#e2f5fb;background:rgba(2,17,31,.32)}.ocean-world .film.section{background:rgba(2,17,31,.26)}.ocean-world .about.section{background:rgba(4,27,45,.37)}.ocean-world .skills.section{background:rgba(2,17,31,.38)}.ocean-world .contact.section{background:rgba(4,30,48,.42)}.ocean-world .ribbon{background:rgba(12,48,65,.6);color:#c3e8ef;border-top:1px solid #90ccdb25;border-bottom:1px solid #90ccdb25}.ocean-world .eyebrow,.ocean-world .film .eyebrow{color:#94d6e2}.ocean-world .hero .eyebrow{color:white}.ocean-world .chinese-subtitle,.ocean-world .section-aside,.ocean-world .film .section-aside{color:#a9cdd9}.ocean-world .green,.ocean-world .big-star{color:#88d2e2}.ocean-world .film-filters button{border-color:#90bccc55;color:#bcdae4}.ocean-world .film-filters button.active{background:#c5e8ef;color:#0a2c3b;border-color:#c5e8ef}.ocean-world .feature-label,.ocean-world .feature-caption{border-color:#87bfd241}.ocean-world .feature-label{color:#bddde7}.ocean-world .feature-label .dot{background:#9ad9e8}.ocean-world .featured-poster{border-color:#82bdcf44}.ocean-world .feature-watch{background:#c5e8ef;color:#0a2c3b}.ocean-world .featured-poster:hover .big-play{background:#c5e8ef;color:#0a2c3b;border-color:#c5e8ef}.ocean-world .feature-caption p,.ocean-world .more-film-heading p,.ocean-world .more-film-heading>span,.ocean-world .film-card-caption p,.ocean-world .film-card-caption>span{color:#a9cbd8}.ocean-world .film-thumb{border-color:#7eb6ca40;background:#03111e}.ocean-world .filter-row{border-color:#87bfd241}.ocean-world .filter-row button{border-color:#90bccc55;color:#b9dae6}.ocean-world .filter-row button.active{color:#0a2c3b;background:#c5e8ef;border-color:#c5e8ef}.ocean-world .filter-row>span,.ocean-world .project-meta p,.ocean-world .project-number,.ocean-world .works-note{color:#a9cbd8}.ocean-world .project-button{color:#e2f5fb}.ocean-world .project-image .view{background:#e3f1f5;color:#123849}.ocean-world .about-grid,.ocean-world .timeline article,.ocean-world .skill-list,.ocean-world .skill-list article{border-color:#87bfd241}.ocean-world .label,.ocean-world .timeline article>p:first-child{color:#8ed2e4}.ocean-world .about-intro p,.ocean-world .timeline p,.ocean-world .skill-list p,.ocean-world .skill-num{color:#a9cbd8}.ocean-world .timeline .job{color:#d2edf5}.ocean-world .about-tags span{border-color:#90bccc55;color:#c2e0ea;background:#0a324c35}.ocean-world .skill-list article>div span{background:#17415a55;color:#c2e0ea;border:1px solid #82b5c02a}.ocean-world .contact-top,.ocean-world .contact>.chinese-subtitle{color:#b8dce8}.ocean-world .contact .primary{background:#c5e8ef;color:#0a2c3b}.ocean-world .phone{color:#d8eff6}.ocean-world .footer{border-color:#87bfd241;color:#b5d6e2}.ocean-world .portrait-wrap{color:#143240;background:white}.ocean-world .portrait-bottom{background:#d8ecf1;border-color:#bfdce5}.ocean-world .portrait-star{color:#6bafb9}.ocean-world #filmDialog,.ocean-world .video-stage{background:#03111e}.ocean-world #filmDialog .dialog-bar{background:#082337;border-color:#87bfd241}.ocean-world #filmDialog .dialog-bar button{background:#c5e8ef;color:#0a2c3b}.ocean-world .film-dialog-footer p{color:#a9cbd8}.ocean-world .film-dialog-footer button{border-color:#90bccc55;color:#b9dae6}.ocean-world #toast{background:#0c3347}.ocean-world .ocean-fallback{background:linear-gradient(#416c88,#123a55 60%,#031527)}
@media(max-width:700px){.ocean-world>#ocean{top:72px;height:calc(100svh - 72px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Personal portrait and contact details */
.ocean-world .about-intro .portrait-wrap{border-radius:0}.contact-actions{flex-wrap:wrap}.wechat{padding-left:26px;border-left:1px solid #87bfd241}.wechat span{letter-spacing:.5px}@media(max-width:700px){.contact-actions{gap:22px}.wechat{padding-left:0;border-left:0;flex-basis:100%}}

/* Shared live portfolio views */
.hero-meta{display:flex;align-items:center;gap:22px}.views-counter{position:relative;display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #c5eaf253;border-radius:3px;background:#08233350;backdrop-filter:blur(12px);color:#e4f7fc;min-width:150px;letter-spacing:0}.views-counter>svg{opacity:.8;flex-shrink:0}.views-label{display:block;font-size:7px;letter-spacing:1px;line-height:1.5;color:#c0e1ea}.views-counter strong{display:block;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:.5px;font-variant-numeric:tabular-nums}.views-live{width:5px;height:5px;border-radius:50%;background:#a0e9e3;box-shadow:0 0 9px #7fd8dc50;margin-left:4px;align-self:center}.views-offline .views-live{background:#8a9ea7;box-shadow:none}.views-delta{position:absolute;right:12px;top:19px;font-size:11px;color:#a9f6ed;font-weight:700;opacity:0;pointer-events:none}.views-updated .views-delta{animation:views-plus 1.6s ease-out both}.views-updated strong{animation:views-pop .7s ease-out}.footer-views{font-size:9px;letter-spacing:.8px;white-space:nowrap}.footer-views b{font-variant-numeric:tabular-nums;color:#e4f7fc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes views-plus{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}@keyframes views-pop{0%{transform:translateY(2px);color:#b7fff4}45%{transform:translateY(-2px)}100%{transform:translateY(0)}}@media(max-width:700px){.hero-meta{gap:0}.hero-meta>span:not(.sr-only){display:none}.views-counter{min-width:115px;padding:7px 10px;gap:7px}.views-counter strong{font-size:18px}.views-label{font-size:6px;letter-spacing:.6px}.views-counter>svg{width:17px}.views-live{width:4px;height:4px;margin-left:2px}.footer-views{font-size:8px}.ocean-journey .ocean-hero .hero-top{align-items:center}}

/* Preserve desktop glyphs; draw consistent mobile icons without emoji fonts. */
ui-icon{display:contents}ui-icon>svg{display:none}
@media(max-width:768px){
  ui-icon{display:inline-block;width:18px;height:18px;font-size:0;line-height:0;vertical-align:middle;flex:none;color:inherit}
  ui-icon>svg{display:block;width:100%;height:100%;pointer-events:none}
  .big-play ui-icon{width:26px;height:26px}
  .small-play ui-icon{width:19px;height:19px}
  .about .big-star,.about .portrait-star{display:none}
}

.primary.featured-film-cta{width:334px;max-width:100%;min-height:58px;justify-content:center;gap:0;text-align:center}
@media(max-width:768px){.primary.featured-film-cta{min-height:50px}}