:root{--ink:#102741;--muted:#63788f;--paper:#f5f8fc;--line:#d8e2ed;--serif:Georgia,'Noto Serif CJK SC','Songti SC',SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7da9d0;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.skip{position:fixed;z-index:100;left:20px;top:-70px;background:#fff;padding:12px 18px;border-radius:8px}.skip:focus{top:10px}.content-width{width:calc(100% - 128px);max-width:1450px;margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:3.5px;line-height:1.7;margin-bottom:18px}.hero{position:relative;isolation:isolate;height:min(60vw,870px);min-height:620px;background:#143548;overflow:hidden}.scene,.scene picture,.scene img,.scene video{position:absolute;inset:0;width:100%;height:100%}.scene{z-index:-3}.scene img,.scene video{object-fit:cover;object-position:50% 49%}.scene video{opacity:0;transition:opacity .15s}.scene video.is-visible{opacity:1}.hero-shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 57%,#08233408 68%,#06243991 100%)}
.site-header{position:absolute;z-index:10;top:22px;left:5.7%;right:5.7%;height:61px;display:flex;align-items:center;gap:35px;padding:8px 19px;background:linear-gradient(115deg,#cbdbeb20,#c3cdda17);border:1px solid #e6f3ff3b;border-radius:36px;backdrop-filter:blur(10px);color:#fff;box-shadow:0 6px 24px #1c3e5110}.brand{display:flex;align-items:center;gap:10px;flex:none;line-height:1.15}.brand .sail{width:32px;height:38px;fill:currentColor;stroke-width:.7}.brand b{font:23px/1.15 var(--serif);font-weight:400;display:block;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-inline:auto;font-size:12px}.desktop-nav a,.desktop-nav button{position:relative;padding:11px 0;white-space:nowrap}.desktop-nav .active::after{content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:currentColor}.header-actions{display:flex;align-items:center;gap:13px}.icon-button{width:38px;height:38px;border:1px solid #d4e2ef6b;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .2s}.icon-button:hover:not(:disabled){background:#ffffff30}.icon-button svg{width:19px;height:19px}.header-cta{display:flex;align-items:center;gap:20px;background:#fafcff;color:#153049;padding:8px 20px;border-radius:25px;white-space:nowrap;font-size:12px}.header-cta svg{width:14px;height:14px}.header-search{width:33px;height:33px;border-color:#d5e7f348}.mobile-menu{display:none}.hero-copy{position:absolute;left:5.8%;top:17%;width:57%;z-index:2}.hero-copy .eyebrow{font-size:11px;letter-spacing:6px;margin-bottom:16px;color:#173752}.hero h1{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-2.6px;margin:0}.english-title{display:block;font-size:clamp(65px,6.9vw,109px);white-space:nowrap;line-height:1.02}.chinese-title{display:block;font-size:clamp(42px,4.55vw,73px);letter-spacing:-1.6px;font-weight:500;line-height:1.5;margin-top:3px}.hero-subtitle{font-size:clamp(15px,1.55vw,23px);color:#233e58;line-height:1.6;margin:8px 0 24px;white-space:nowrap}.hero-buttons{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;font-size:14px;gap:22px;padding:14px 26px;line-height:1.4;white-space:nowrap;transition:transform .22s,box-shadow .22s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #112c441c}.button svg{width:17px;height:17px}.primary{background:#0b2746;color:#fff}.film-button{padding:0;gap:12px}.film-button:hover{box-shadow:none}.round-play{width:46px;height:46px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.round-play svg{fill:currentColor;stroke:none;width:21px;height:21px}.hero-motto{position:absolute;right:5.4%;top:25%;z-index:2;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.7;color:#f4f6ff;transform:rotate(-8deg);letter-spacing:1px;text-shadow:0 1px 8px #42678670}.hero-motto span{padding-left:19px}.hero-lower{position:absolute;bottom:19.5%;left:5.8%;right:5.8%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;color:#e9f4fa;z-index:3}.selector-line{display:flex;align-items:center;gap:17px;font-size:12px}.selector-line .slash{color:#b6cbdc}.selector-line .icon-button{width:35px;height:35px;margin-left:1px}.selector-line #prev-scene svg{transform:rotate(180deg)}.selector-line #prev-scene{margin-left:19px}.scene-selector p{font-size:11px;letter-spacing:1.2px;margin:13px 0 0}.mobile-break{display:none}.ocean-toolbar{display:flex;align-items:center;gap:10px}.ocean-toolbar>.icon-button{width:32px;height:32px}.scene-status{text-align:left;font-size:10px;padding:0}.scene-status small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;opacity:.85}.settings-button,.cinema-button{opacity:.72}.hero-dock{position:absolute;z-index:3;left:5.8%;right:5.8%;bottom:2.1%;height:112px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #edf6ff55;border-radius:22px;background:linear-gradient(110deg,#bfd3e732,#b2cadc14 60%,#a3c9e30b);backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #eefbff22;color:#f4f9ff}.hero-dock>a,.hero-dock>button{position:relative;display:flex;align-items:center;justify-content:center;text-align:left;gap:16px;padding:15px 10px}.hero-dock>*+*::before{content:'';width:1px;height:44%;background:#cce0f24a;position:absolute;left:0;top:28%}.hero-dock svg{width:39px;height:39px;stroke-width:1.3}.hero-dock b{display:block;font-size:15px;font-weight:500;margin-bottom:2px;white-space:nowrap}.hero-dock small{display:block;font-size:10px;color:#c0d0df;white-space:nowrap}.hero-dock>a:hover,.hero-dock>button:hover{background:#ffffff0d}
.learning{position:relative;background:#f8fbff url('assets/mountain-wash.svg') center center/cover no-repeat;padding:54px 0 28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;margin-bottom:26px}.learning .eyebrow{color:#6c86a1;margin-bottom:13px}.section-heading h2{font:500 clamp(26px,2.55vw,39px)/1.45 var(--serif);letter-spacing:.6px;margin:0 0 14px}.learning-intro{font-size:17px;line-height:1.7;color:#47627e;margin:0}.heading-aside{max-width:328px;padding-top:34px;color:#60768e}.heading-aside p{font-size:14px;line-height:1.8;margin-bottom:22px}.heading-aside i{display:block;width:55px;height:1px;background:#6e829a;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:500;padding:0;color:#213f60}.text-link svg{width:18px;height:18px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{position:relative;text-align:left;display:flex;flex-direction:column;min-height:243px;padding:27px 28px 25px;background:linear-gradient(145deg,#ffffff,#ffffffb5);border:1px solid #fff;border-radius:21px;box-shadow:0 8px 24px #31496a08;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-5px);box-shadow:0 15px 34px #233a5d10}.feature-num{font-size:12px;color:#748ba5}.feature-icon{width:87px;height:87px;position:absolute;top:16px;right:29px}.feature h3{font-size:20px;line-height:1.5;margin:70px 0 15px;font-weight:600;letter-spacing:-.2px}.feature p{font-size:14px;line-height:1.8;margin:0;color:#71859b;padding-right:13px}.small-arrow{position:absolute;right:26px;bottom:30px;width:29px;height:29px;border:1px solid #d3e0ed;border-radius:50%;display:grid;place-items:center;background:#ffffff80}.small-arrow svg{width:13px;height:13px}
.case-section{position:relative;isolation:isolate;overflow:hidden;background:#466681;min-height:366px;color:#f8fbff}.case-water{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,#27445eaa,#42668a05 40%,#2d4d6e45),url('assets/case-bokeh.webp') center/cover}.case-water::after{content:'';position:absolute;inset:0;background:#7796bb25;backdrop-filter:blur(2px)}.case-portrait{position:absolute;z-index:-1;left:32%;bottom:0;height:100%;width:34%;object-fit:cover;object-position:center center;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 87%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 87%,transparent)}.case-inner{position:relative;display:flex;justify-content:space-between;gap:80px;padding-block:38px;align-items:center;min-height:366px}.case-copy{max-width:42%;text-shadow:0 1px 9px #25465a5c}.case-copy .eyebrow{font-size:10px;color:#deebf8;letter-spacing:3px;margin-bottom:12px}.case-copy h2{font:500 33px/1.4 var(--serif);letter-spacing:1px;margin-bottom:13px;white-space:nowrap}.case-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#e6f0f8;margin-bottom:20px}.white{background:#fff;color:#274465;box-shadow:0 6px 20px #142c4320;padding:12px 22px;font-size:13px}.case-card{position:relative;display:flex;gap:17px;width:470px;padding:25px 24px 33px;align-items:flex-start;border:1px solid #e4f3ff60;border-radius:25px;background:linear-gradient(110deg,#ecf1ff25,#d4e4f01a);box-shadow:0 10px 25px #294a7020,inset 0 1px 0 #fff1;backdrop-filter:blur(12px)}.case-card>div{flex:1}.case-card .eyebrow{font-size:11px;letter-spacing:3px;color:#e4edf8;margin:0 0 9px}.case-card h3{font-size:19px;line-height:1.5;font-weight:500;margin:0 0 22px;white-space:nowrap}.case-card ul{list-style:none;padding:0;margin:0}.case-card li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;margin:11px 0;color:#ecf4fc}.case-card li svg{width:14px;height:14px;padding:2px;stroke-width:2.2;border-radius:50%;background:#f3f9ff;color:#7290ac}.project-art{position:relative;width:141px;flex:none;transform:translateY(-41px);margin-bottom:-24px}.project-art img{width:100%;height:188px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #0d345433;border:1px solid #b8d5efc2}.project-art span{position:absolute;bottom:-43px;left:0;font:italic 30px/1 Georgia,var(--serif);transform:rotate(-12deg);text-shadow:0 1px 7px #213f62;color:#edf6ff}.project-art em{white-space:nowrap;font-size:25px;padding-left:10px}.case-card-link{position:absolute;right:27px;bottom:15px;display:flex;gap:8px;align-items:center;font-size:10px;color:#e5f0fa}.case-card-link svg{width:13px;height:13px}.quote{display:flex;align-items:center;justify-content:center;gap:36px;padding-block:38px 28px;text-align:center;background: url('assets/mountain-wash.svg') center 80%/cover no-repeat}.quote-mark{font:68px/.8 Georgia;color:#738da7;align-self:center;transform:translateY(8px)}.quote p{font:19px/1.65 var(--serif);letter-spacing:6px;margin:0 0 4px}.quote div>span{font-size:9px;letter-spacing:3px;color:#9caec1}.quote-dots{display:flex;gap:7px;align-items:center}.quote-dots i{width:11px;height:11px;border-radius:50%;background:#c1d0e0}.quote-dots i:first-child{background:#91aac3}.site-footer{border-top:1px solid #dce5ef6b;padding-block:15px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#8499ae}.footer-brand{font:17px var(--serif);color:#4c6882}.site-footer div{display:flex;gap:20px}.site-footer button{padding:0;font-size:10px}.site-footer button:hover,.text-link:hover{color:#416789}
.dialog-open{overflow:hidden}dialog{color:var(--ink);background:#f9fbfe;border:1px solid #e1e8f1;box-shadow:0 35px 100px #05223d55;padding:0}dialog::backdrop{background:#0b254b70;backdrop-filter:blur(6px)}.modal{width:min(570px,calc(100% - 32px));border-radius:23px;padding:39px}.modal h2{font:32px/1.4 var(--serif);margin:0 0 20px}.modal p{font-size:14px;line-height:1.9;color:#627991}.modal .eyebrow{font-size:9px;color:#8196aa}.dialog-close{position:absolute;right:18px;top:18px;color:#71879d;border-color:#d5e0eb;width:31px;height:31px}.dialog-close svg{width:16px;height:16px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-block:1px solid #e0e7f0;font-size:14px}.setting-line select{color:var(--ink);border:1px solid #dce5ef;padding:8px;background:#fff;border-radius:9px;max-width:66%}.technical-status{background:#edf3fa;border-radius:10px;padding:12px 15px;margin-top:18px;overflow-wrap:anywhere;font-size:12px!important}.video-import{margin-top:20px}.video-import summary{cursor:pointer;font-size:13px}.video-import p{font-size:12px}.upload-control{display:block;border:1px dashed #b1c5da;border-radius:10px;padding:13px;background:#fff;font-size:13px}.upload-control input{display:block;font-size:11px;margin-top:12px;max-width:100%}.small-note{font-size:11px!important;line-height:1.8;color:#8aa0b5!important;margin-top:18px}.notice{padding:17px 20px;border-radius:10px;background:#eef3f9;margin:20px 0}.notice b{font-size:14px}.notice p{font-size:12px;margin:8px 0 0}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:480px;max-width:100%;max-height:100%;height:100dvh;border:0;padding:28px;overflow:auto;border-radius:20px 0 0 20px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font:28px/1.4 var(--serif);margin-bottom:20px}.drawer-head .eyebrow{font-size:9px;color:#7e96ad;margin-bottom:10px}.drawer-head .icon-button{color:#7590a8;border-color:#d8e4ef}.drawer-intro,.drawer-foot{font-size:12px;line-height:1.8;color:#7b8fa5}.drawer-search{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#eef3f9;border:1px solid #dfe7ef;border-radius:11px;margin:20px 0 28px}.drawer-search svg{width:17px;height:17px;color:#6985a0}.drawer-search input{border:0;background:none;width:100%;outline:0;min-width:0;color:var(--ink);font-size:12px}.course-group{margin-bottom:21px}.course-group h3{font-size:13px;font-weight:600;margin-bottom:9px}.course-group h3 span{font:12px Georgia;color:#8ea4b8;margin-right:14px}.course-row{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 5px;border-bottom:1px solid #e2eaf2}.course-number{font:11px Georgia;color:#9babbc}.course-row svg{width:14px;height:14px;margin-left:auto;color:#8ba4bd}.course-row:hover{background:#eef4fa}.drawer-foot{border-top:1px solid #dce6f0;padding-top:18px;display:flex;justify-content:space-between;gap:15px}.intro-route{display:flex;align-items:center;justify-content:space-between;margin:25px 0;font-size:12px;gap:8px}.intro-route span>b{display:block;font:25px Georgia;color:#9bb1c7;margin-bottom:7px}.intro-route i{font-style:normal;color:#a1b6ca}.intro-note{display:block;font-size:11px;margin-top:15px;color:#859bb0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);z-index:100;background:#102f48ed;color:#fff;font-size:12px;max-width:calc(100% - 30px);padding:12px 22px;border-radius:12px;box-shadow:0 7px 25px #122f4330;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.exit-cinema{position:absolute;z-index:12;right:28px;top:26px;background:#0c2e458c;color:#fff;border:1px solid #d2e9fa77;border-radius:24px;display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:12px}.exit-cinema svg{width:16px;height:16px}.cinema{overflow:hidden}.cinema .hero{height:100dvh;min-height:0}.cinema .hero-copy,.cinema .site-header,.cinema .hero-motto,.cinema .hero-dock,.cinema .scene-selector{visibility:hidden;pointer-events:none}.cinema .hero-lower{bottom:25px;justify-content:flex-end}.cinema .learning,.cinema .case-section,.cinema .quote,.cinema .site-footer{display:none}
@media(min-width:1800px){.hero-copy{left:max(6%,calc((100% - 1580px)/2))}.hero .scene img,.hero .scene video{object-position:center 45%}.hero-lower{bottom:19.5%}.learning{padding-top:64px;padding-bottom:36px}.feature{min-height:265px}.case-section,.case-inner{min-height:390px}}
@media(max-width:1199px){.content-width{width:calc(100% - 88px)}.hero{height:63vw;min-height:620px}.site-header{top:18px;left:4.5%;right:4.5%;gap:24px;padding-inline:14px;height:57px}.brand b{font-size:19px}.brand .sail{width:27px}.brand small{font-size:7px}.desktop-nav{gap:20px;font-size:11px}.header-cta{font-size:10px;padding:8px 15px;gap:12px}.header-search{display:none}.hero-copy{left:5.7%;top:18%;width:57%}.english-title{font-size:6.7vw}.chinese-title{font-size:4.4vw}.hero-subtitle{font-size:1.55vw}.hero-copy .eyebrow{font-size:9px;letter-spacing:4px}.hero-motto{font-size:18px;right:5%;top:27%}.hero-dock{height:95px;border-radius:20px}.hero-dock svg{width:31px;height:31px}.hero-dock b{font-size:13px}.hero-dock small{font-size:8px}.hero-dock>a,.hero-dock>button{gap:11px}.hero-lower{bottom:21%}.button{font-size:12px;padding:12px 22px}.film-button{padding:0}.round-play{width:41px;height:41px}.learning{padding-top:43px}.section-heading h2{font-size:29px}.learning-intro{font-size:14px}.heading-aside{max-width:250px;padding-top:20px}.heading-aside p{font-size:12px}.feature{min-height:221px;padding:23px}.feature-icon{width:77px;height:77px;right:19px}.feature h3{font-size:17px;margin-top:66px}.feature p{font-size:12px}.small-arrow{width:25px;height:25px;right:17px;bottom:27px}.case-inner{gap:30px;min-height:310px;padding-block:33px}.case-section{min-height:310px}.case-copy h2{font-size:27px}.case-copy>p:not(.eyebrow){font-size:12px}.case-card{width:390px;padding:23px 19px 28px;gap:10px}.case-card h3{font-size:16px}.case-card li{font-size:11px}.project-art{width:113px;transform:translateY(-36px)}.project-art img{height:162px}.project-art span{font-size:27px;bottom:-37px}.project-art em{font-size:21px}.quote p{font-size:17px;letter-spacing:4px}.quote{gap:25px}}
@media(min-width:721px) and (max-width:940px){.desktop-nav{gap:16px}.desktop-nav button:last-child{display:none}.header-actions{gap:0}.brand b{font-size:17px}.site-header{gap:18px}.content-width{width:calc(100% - 64px)}.hero{min-height:560px}.english-title{font-size:7vw}.hero-copy{top:19%}.hero-motto{font-size:15px}.hero-dock{height:85px}.hero-dock b{font-size:11px}.hero-dock svg{width:28px;height:28px}.hero-dock>*:last-child{display:none}.hero-dock{grid-template-columns:repeat(4,1fr)}.hero-lower{bottom:21%}.scene-status{font-size:8px}.settings-button{display:none}.feature-grid{gap:12px}.feature{padding:18px;min-height:210px;border-radius:16px}.feature h3{font-size:15px;margin-top:70px}.feature-icon{width:66px;height:66px;top:27px;right:17px}.feature p{font-size:10px}.small-arrow{right:13px;bottom:20px;width:23px;height:23px}.section-heading h2{font-size:24px}.heading-aside{max-width:213px}.heading-aside p{font-size:11px}.case-card{width:342px;gap:5px;padding-inline:17px}.case-card h3{font-size:15px}.project-art{width:95px}.project-art img{height:150px}.case-copy h2{font-size:22px;letter-spacing:0}.case-copy{max-width:43%}.case-copy>p:not(.eyebrow){font-size:11px}.case-portrait{left:27%;width:42%}.quote p{font-size:15px;letter-spacing:3px}.site-footer{font-size:8px}}
@media(max-width:720px){.content-width{width:calc(100% - 42px)}.hero{height:158vw;min-height:590px;max-height:960px}.scene img,.scene video{object-position:center center}.hero-shade{background:linear-gradient(180deg,#071e3433,transparent 40%,transparent 62%,#021d3866 100%)}.site-header{top:18px;left:21px;right:21px;height:45px;gap:10px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}.brand b{font-size:17px;letter-spacing:-.4px}.brand .sail{width:25px;height:33px}.brand small{font-size:6px;letter-spacing:1px;margin-top:4px}.brand{gap:8px}.desktop-nav,.header-cta{display:none}.header-actions{margin-left:auto;gap:9px}.header-search{display:flex;width:30px;height:30px}.header-search svg{width:15px;height:15px}.mobile-menu{display:flex;width:30px;height:30px;border-color:transparent}.mobile-menu svg{width:20px;height:20px}.hero-copy{top:14%;left:6%;width:88%;color:#fff}.hero-copy .eyebrow{font-size:8px;letter-spacing:3px;color:#e6f4ff;margin-bottom:16px;text-shadow:0 1px 8px #12395330}.english-title{font-size:clamp(38px,10vw,64px);letter-spacing:-1.5px}.chinese-title{font-size:clamp(28px,7.7vw,49px);letter-spacing:-.8px;line-height:1.65;margin-top:3px}.hero-subtitle{white-space:normal;color:#e7eff8;font-size:clamp(10px,2.8vw,16px);line-height:1.8;margin:9px 0 22px;max-width:90%}.hero-buttons{gap:17px}.button{font-size:11px;padding:11px 19px;gap:18px}.hero .primary{background:#f8fafc;color:#233b58}.film-button{padding:0;gap:9px;font-size:10px}.round-play{width:34px;height:34px;border-color:#f4faffaa;background:#dce8f025}.round-play svg{width:15px;height:15px}.hero-motto{top:11%;right:6%;font-size:13px;display:none}.hero-lower{left:6%;right:6%;bottom:22%;gap:12px;align-items:flex-end}.selector-line{gap:11px;font-size:9px}.selector-line .icon-button{width:28px;height:28px}.selector-line #prev-scene{margin-left:12px}.selector-line .icon-button svg{width:14px;height:14px}.scene-selector p{font-size:9px;letter-spacing:.8px;line-height:1.8;margin-top:10px}.scene-status{font-size:7px;max-width:118px}.scene-status small{font-size:6px;letter-spacing:1.2px;margin-top:2px}.ocean-toolbar{gap:6px;align-items:center}.ocean-toolbar>.icon-button{width:27px;height:27px}.ocean-toolbar>.icon-button svg{width:14px;height:14px}.cinema-button,.settings-button{display:none}.hero-dock{left:6%;right:6%;height:99px;bottom:3%;border-radius:15px;grid-template-columns:repeat(4,1fr);background:linear-gradient(125deg,#b5d4e924,#cce3f116);backdrop-filter:blur(12px)}.hero-dock>*:nth-child(5){display:none}.hero-dock>a,.hero-dock>button{flex-direction:column;gap:6px;padding:10px 3px;text-align:center}.hero-dock svg{width:27px;height:27px}.hero-dock b{font-size:9px;font-weight:500}.hero-dock small{font-size:6.5px;letter-spacing:0}.hero-dock>*+*::before{height:49%;top:25%}.learning{padding:31px 0 26px;background-size:auto 100%}.section-heading{display:block;margin-bottom:22px}.learning .eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:11px}.section-heading h2{font-size:24px;letter-spacing:0;line-height:1.48;margin-bottom:13px}.learning-intro{font-size:12px;line-height:1.8}.heading-aside{max-width:none;padding:0;margin-top:17px;display:flex;justify-content:flex-end}.heading-aside p,.heading-aside i{display:none}.heading-aside .text-link{font-size:11px;gap:12px}.text-link svg{width:14px;height:14px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature{min-height:195px;border-radius:15px;padding:18px 16px 17px}.feature-num{font-size:10px}.feature-icon{width:68px;height:68px;right:14px;top:15px}.feature h3{font-size:15px;margin:62px 0 10px;letter-spacing:-.3px}.feature p{font-size:10px;line-height:1.9;padding-right:10px}.small-arrow{width:22px;height:22px;bottom:19px;right:13px}.small-arrow svg{width:11px;height:11px}.case-section{min-height:600px}.case-inner{display:block;padding-top:32px;padding-bottom:25px;min-height:600px}.case-copy{max-width:100%;text-shadow:0 1px 8px #10325590;position:relative;z-index:2}.case-copy .eyebrow{font-size:8px;margin-bottom:12px}.case-copy h2{font-size:24px;letter-spacing:.3px;margin-bottom:14px}.case-copy>p:not(.eyebrow){font-size:11px;max-width:83%;line-height:1.9;margin-bottom:20px}.case-copy .button{font-size:11px;padding:10px 20px}.case-portrait{left:26%;width:77%;top:0;height:390px;object-position:center top;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 90%,transparent),linear-gradient(#000 78%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%,#000 90%,transparent),linear-gradient(#000 78%,transparent);-webkit-mask-composite:source-in;opacity:.84}.case-water{background-position:30% 78%;background-size:auto 100%}.case-card{width:100%;max-width:440px;margin:63px auto 0;gap:11px;padding:23px 20px 35px;background:linear-gradient(125deg,#e3eeff29,#adc6e12b);border-radius:20px;z-index:3}.case-card h3{font-size:16px;margin-bottom:18px}.case-card li{font-size:11px;margin:11px 0}.case-card .eyebrow{font-size:9px}.project-art{width:104px;transform:translateY(-42px);margin-bottom:-30px}.project-art img{height:151px}.project-art span{font-size:25px;bottom:-39px}.project-art em{font-size:20px}.case-card-link{font-size:9px;bottom:17px;right:21px}.quote{gap:14px;padding-block:29px 22px}.quote-mark{font-size:47px}.quote p{font-size:13px;letter-spacing:1.9px}.quote div>span{font-size:6px;letter-spacing:1.5px}.quote-dots{gap:4px}.quote-dots i{width:6px;height:6px}.site-footer{flex-wrap:wrap;justify-content:center;font-size:8px;gap:9px 20px;padding:14px 0 22px}.footer-brand{font-size:15px}.site-footer div{gap:23px}.site-footer button{font-size:9px}.modal{padding:29px 25px}.modal h2{font-size:27px}.modal p{font-size:12px}.modal .eyebrow{margin-top:10px}.drawer{border-radius:0;padding:25px 23px}.drawer-search{padding:11px}.drawer-intro,.drawer-foot{font-size:11px}.cinema .hero{height:100dvh;min-height:0}.cinema .ocean-toolbar .cinema-button{display:flex}.cinema .hero-lower{bottom:26px}.cinema .scene-status{font-size:9px;max-width:none}.cinema .scene-status small{font-size:8px}}
@media(max-width:374px){.hero{min-height:560px}.hero-copy{top:15%}.english-title{font-size:36px}.chinese-title{font-size:27px}.scene-status{max-width:95px;font-size:6.5px}.selector-line{gap:7px}.selector-line #prev-scene{margin-left:4px}.feature{padding-inline:13px}.feature h3{font-size:13px}.feature p{font-size:9px}.feature-icon{width:59px;height:59px}.section-heading h2{font-size:22px}.project-art{width:87px}.case-card h3{font-size:14px}.case-card li{font-size:10px}.case-copy h2{font-size:22px}.quote{gap:8px}.quote p{font-size:11px;letter-spacing:1.4px}.quote div>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}