@font-face{font-family:Noto Sans TC;src:url(/fonts/noto-sans-tc-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans TC;src:url(/fonts/noto-sans-tc-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Noto Serif TC;src:url(/fonts/noto-serif-tc-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-roman.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg:#071114;--ink:#e8eef0;--muted:#9eb2ba;--soft:#d5e2e7;--line:#bad6de24;--line-strong:#bad6de52;--cool:#8fd7e4;--warm:#e7b48a;--pending:#e4d3b0;--wrap:1120px;--stage:1240px;--header:4.25rem;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--display:Fraunces, "Iowan Old Style", Palatino, "Palatino Linotype", serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.75}body:before{content:"";z-index:0;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:url(/noise.png);background-size:180px 180px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(48% 36% at 78% 8%,#40809229,#0000 62%),radial-gradient(36% 28% at 8% 92%,#8c56301a,#0000 60%);position:fixed;inset:0}.site-header,main,.site-footer{z-index:1;position:relative}img{max-width:100%;height:auto}a{color:var(--cool);text-underline-offset:.2em}a:hover{color:#e7f7fa}:focus{outline:none}:focus-visible{outline-offset:3px;outline:2px solid #c5ebf2}::selection{color:#fff;background:#8fd7e447}html[lang=zh-Hant] .en,html[lang=en] .zh{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.series-sub{font-family:var(--serif);font-weight:600;line-height:1.18}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4{font-family:var(--display);letter-spacing:-.03em;font-weight:520;line-height:1.02}h2{margin-bottom:1rem;font-size:clamp(2.15rem,4.4vw,3.6rem)}h3{margin-bottom:.7rem;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.25}h4{font-family:var(--serif);margin:0 0 .45rem;font-size:1.2rem;font-weight:600;line-height:1.35}.wrap{width:min(var(--wrap), calc(100% - 2.5rem));margin-inline:auto}.measure,.lede,.deck,.prose{max-width:40rem}.lede,.deck,.prose p,.measure,.material p,.panel p,.principles p{color:var(--soft)}.skip{z-index:8;background:var(--ink);color:var(--bg);padding:.55rem .8rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.7rem}.site-header{z-index:5;-webkit-backdrop-filter:blur(18px);background:#0711148c;border-bottom:1px solid #0000;transition:background .35s,border-color .35s;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line);background:#071114e6}.header-bar{min-height:var(--header);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}.brand{max-width:calc(100% - 7.5rem);color:var(--ink);align-items:center;gap:.75rem;margin-right:auto;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.mark{flex:none;width:1.85rem;height:1.85rem}.brand-name{letter-spacing:.12em;font-size:.92rem;line-height:1.3}.nav{align-items:center;display:flex}.nav a{min-height:44px;color:var(--muted);letter-spacing:.16em;align-items:center;padding:0 .85rem;font-size:.84rem;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink)}.lang-switch{align-items:center;gap:.15rem;display:inline-flex}.lang-switch button{min-width:44px;min-height:44px;color:var(--muted);font:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;padding:0 .35rem;font-size:.78rem}.lang-switch button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--cool)}.hero{isolation:isolate;padding:3.25rem 0 1.5rem;position:relative}@media (width>=980px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:min(1440px,100% - 2.5rem);margin-inline:auto;display:grid}.hero-copy.wrap{width:auto;max-width:40rem;margin:0}}.hero-copy,.hero-stage{z-index:1;position:relative}.kicker,.chip{color:var(--muted);letter-spacing:.2em;font-size:.75rem}.kicker{margin-bottom:1.1rem}html[lang=en] .kicker,html[lang=en] .chip,html[lang=en] .tagline,html[lang=en] .stage-caption,html[lang=en] .nav a{text-transform:uppercase}.hero h1{max-width:11em;margin-bottom:1.15rem;font-size:clamp(2.35rem,6.2vw,5.4rem)}html[lang=en] .hero h1{font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;max-width:8em;font-size:clamp(3rem,7vw,6.25rem);font-weight:500}.brandline{flex-wrap:wrap;align-items:baseline;gap:.8rem 1.1rem;margin-bottom:.35rem;display:flex}.wordmark,.footer-mark,.name-marine{font-family:var(--display);letter-spacing:-.03em;font-variation-settings:"opsz" 96, "SOFT" 40, "WONK" 1;font-style:italic;font-weight:520;line-height:1}.wordmark{font-size:clamp(2.1rem,3vw,2.8rem)}.zh-name{font-family:var(--serif);letter-spacing:.22em;font-size:1.25rem}.tagline{color:var(--muted);font-family:var(--display);letter-spacing:.24em;margin-bottom:1.6rem;font-size:.78rem;font-weight:500}.hero-lead{max-width:36rem}.lede{margin-bottom:1.35rem}.actions{flex-wrap:wrap;gap:.35rem 1.5rem;display:flex}.btn{min-height:44px;color:var(--ink);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;border-radius:0;justify-content:center;align-items:center;padding:.35rem 0;font-size:.95rem;text-decoration:none;display:inline-flex}.btn:hover{color:var(--cool)}.btn-primary{color:var(--ink)}.hero-stage{width:min(1440px,100% - 1.5rem);margin:clamp(2.75rem,6vw,4.5rem) auto 0}@media (width>=980px){.hero-stage{width:auto;margin:0}}.hero-stage img,.shot img,.material img{width:100%;height:auto;display:block}.slot{aspect-ratio:16/7;border:1px solid var(--line);width:100%;max-height:220px;color:var(--muted);letter-spacing:.2em;background:#061014;place-items:center;margin-top:.85rem;font-size:.72rem;display:grid}.slot p{margin:0}.film-row .slot,.pair-film .slot{margin-top:0}.stage-caption,.pair figcaption,.studies figcaption{color:var(--muted);letter-spacing:.16em;justify-content:space-between;gap:1rem;margin-top:.85rem;font-size:.78rem;display:flex}.pair figcaption,.studies figcaption{display:block}.band{padding:clamp(5.5rem,11vw,8.75rem) 0;position:relative}.band:before{content:"";width:min(var(--wrap), calc(100% - 2.5rem));background:linear-gradient(90deg,#0000,#bad6de57,#0000);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.prose p+p{margin-top:1.15rem}.principles{border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin:4.25rem 0 0;padding:1.5rem 0 0;list-style:none;display:grid}.index-num{color:var(--cool);font-family:var(--display);letter-spacing:.12em;margin-bottom:.85rem;font-size:.95rem;font-weight:500;display:block}.flagship{margin-top:clamp(3.5rem,7vw,5.5rem)}.flagship-head{max-width:44rem}.chip{margin-bottom:1rem;display:inline-flex}.chip-future{color:var(--pending)}.name-marine{margin-bottom:.45rem;font-size:clamp(3rem,6vw,5rem)}.series-sub{color:var(--muted);margin-bottom:1.1rem;font-size:1.15rem}.marine-bridge{margin:1.35rem 0 0}.marine-bridge img{object-fit:cover;object-position:center 42%;width:100%;height:clamp(11rem,16vw,14rem);display:block}.material{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1rem;margin-top:1.15rem;display:grid}.material article{padding:0}.material img{aspect-ratio:1;object-fit:cover;margin-bottom:1.05rem}.film-row{grid-template-columns:1.35fr .85fr;gap:1rem;margin-top:clamp(3rem,7vw,4.5rem);display:grid}.pair-film{margin-top:clamp(1rem,3vw,1.5rem)}.film-row figcaption,.pair-film figcaption{margin-top:.75rem}.material p{margin:0;font-size:.98rem}.pending{color:#f3ead8;border-top:1px dashed #e4d3b073;max-width:46rem;margin:2rem 0 0;padding:.95rem 0 0;font-size:.95rem}.pending strong{color:var(--pending);letter-spacing:.18em;margin-bottom:.3rem;font-size:.72rem;font-weight:400;display:block}.pair{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(1.25rem,5vw,4.5rem);margin-top:clamp(3rem,7vw,5rem);display:grid}.line-note{color:var(--muted);letter-spacing:.04em;margin:1.25rem 0 0}.studies{grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);margin-top:clamp(2.5rem,6vw,4rem);display:grid}.panels{grid-template-columns:1.15fr .85fr;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(4rem,8vw,6rem);display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff04);min-height:100%;padding:clamp(1.5rem,3vw,2.4rem)}.panel-future{background:0 0;border-style:dashed;border-color:#e4d3b047}.panel .pending{margin-top:1.75rem}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.email-line{flex-wrap:wrap;align-items:baseline;gap:.35rem .8rem;margin:1.5rem 0 1.25rem;display:flex}.email-display{color:var(--ink);font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;border-bottom:1px solid #8fd7e473;font-size:clamp(1.45rem,2.5vw,2.15rem);font-weight:500;line-height:1.25;text-decoration:none}.email-display:hover{color:var(--ink);border-bottom-color:var(--cool)}.facts{grid-template-columns:auto auto;gap:1.25rem 2rem;margin:0 0 1.5rem;display:grid}.facts dt{color:var(--muted);letter-spacing:.16em;font-size:.75rem}.facts dd{margin:.2rem 0 0}.text-btn{min-height:44px;color:var(--muted);font:inherit;letter-spacing:.08em;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0 .1rem;text-decoration:underline}.text-btn:hover{color:var(--ink)}.copy-status{color:var(--cool);font-size:.9rem}.site-form{gap:1.15rem;padding-top:.25rem;display:grid}.form-note{color:var(--muted);margin:0;font-size:.92rem}.field{gap:.35rem;display:grid}.field label{color:var(--muted);letter-spacing:.14em;font-size:.78rem}input,textarea{border:0;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;color-scheme:dark;background:0 0;border-radius:0;padding:.7rem 0}textarea{resize:vertical;min-height:8.5rem}input:focus,textarea:focus{border-bottom-color:var(--cool)}input:user-invalid,textarea:user-invalid{border-bottom-color:#e7b48ae6}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-out}.site-form .btn{justify-self:start;margin-top:.35rem}.site-footer{color:var(--muted);font-size:.92rem}.footer-grid{border-top:1px solid var(--line);grid-template-columns:1.4fr .8fr 1.1fr;gap:1.5rem 2.5rem;padding:2.4rem 0 3rem;display:grid}.footer-grid p{margin:0 0 .35rem}.footer-mark{color:var(--ink);margin-bottom:.7rem;font-size:1.8rem}.footer-name{color:var(--ink)}.footer-note{max-width:28rem}.missing{min-height:62vh}.missing h1{margin-bottom:.9rem;font-size:clamp(2.4rem,5vw,4rem)}.js .reveal{opacity:0;transition:opacity .8s,transform .9s;transform:translateY(18px)}.js .reveal.is-in{opacity:1;transform:none}.material .reveal:nth-child(2){transition-delay:80ms}.material .reveal:nth-child(3){transition-delay:.16s}.material .reveal:nth-child(4){transition-delay:.24s}@media (width<=980px){.material,.principles,.panels,.contact-grid,.footer-grid,.film-row{grid-template-columns:1fr 1fr}.principles,.panels,.contact-grid,.footer-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}}@media (width<=640px){.material,.film-row{grid-template-columns:1fr}}@media (width<=720px){.nav{border-top:1px solid var(--line);flex-basis:100%;order:3;margin:0 -.55rem}.pair,.studies{grid-template-columns:1fr}.hero{padding-top:2.25rem}.stage-caption{flex-direction:column;gap:.3rem}}@media (width<=380px){.brand-name{letter-spacing:.06em;font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}@media print{body{color:#111;background:#fff}body:before,body:after,.lang-switch,.site-form,.nav,.skip{display:none!important}.site-header{background:0 0;position:static}.reveal,.js .reveal{opacity:1!important;transform:none!important}a,.footer-name,.email-display{color:#111}}