@font-face{font-family:Spectral;src:url(/assets/fonts/spectral-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/assets/fonts/spectral-latin-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(/assets/fonts/spectral-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/assets/fonts/spectral-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Martian Mono;src:url(/assets/fonts/martian-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--navy: oklch(16% .02 265);--navy-raised: oklch(21% .025 265);--fog: oklch(96% .004 265);--fog-soft: oklch(96% .004 265 / 62%);--paper: oklch(94% .006 85);--paper-deep: oklch(90.5% .008 85);--ink: oklch(25% .015 265);--ink-soft: oklch(42% .012 265);--line: oklch(25% .015 265 / 22%);--red: oklch(54% .17 27);--s1: 8px;--s2: 16px;--s3: 24px;--s4: 40px;--s5: 64px;--s6: 104px;--s7: 160px;--r-sm: 2px;--r-md: 6px;--r-pill: 999px;--font-serif: "Spectral", "Songti SC", serif;--font-mono: "Martian Mono", monospace;--shell: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-serif);font-weight:400;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}img,svg,video{display:block;max-width:100%}img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:var(--r-sm)}.skip-link{position:absolute;left:var(--s2);top:var(--s2);z-index:100;padding:var(--s1) var(--s2);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:12px;transform:translateY(-300%)}.skip-link:focus{transform:none}.placeholder{display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--r-md);color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3{font-weight:300;text-wrap:balance}p{text-wrap:pretty;max-width:65ch}.display{font-size:clamp(44px,8.5vw,96px);line-height:1.02;letter-spacing:-.022em;text-transform:uppercase}.head{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.012em}.breath{font-style:italic;font-weight:300;font-size:clamp(22px,3vw,30px);line-height:1.4;letter-spacing:-.012em;max-width:26ch}.card-title{font-weight:600;font-size:clamp(20px,2.2vw,24px);line-height:1.2;letter-spacing:-.012em}.label{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.label-lg{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.muted{color:var(--ink-soft)}.muted-on-navy{color:var(--fog-soft)}[lang=zh]{letter-spacing:0;line-height:1.75;font-style:normal}#loader{display:none;position:fixed;inset:0;z-index:50;background:var(--navy);transition:opacity .6s cubic-bezier(.16,1,.3,1)}.js-armed #loader{display:block}.js-armed.is-loading{overflow:hidden}#loader.loader-out{opacity:0;pointer-events:none}#loader.loader-transparent{background:transparent;pointer-events:none}.hero-boat{position:absolute;z-index:3;outline:none}.hero-boat--ink{filter:invert(1);opacity:0}#loader canvas{position:absolute;inset:0;width:100%;height:100%}#loader-wordmark{position:absolute}#loader-wordmark svg{width:100%;height:100%;overflow:visible}#loader-pen{position:absolute;top:-2px;left:-2px;width:4px;height:4px;border-radius:var(--r-pill);background:var(--fog);opacity:0;pointer-events:none}.header-mark img{width:118px;height:auto;display:block;outline:none;opacity:.94}#loader-skip{position:absolute;left:50%;bottom:calc(var(--s4) + env(safe-area-inset-bottom));transform:translate(-50%);padding:var(--s1) var(--s2);background:none;border:1px solid oklch(96% .004 265 / 30%);border-radius:var(--r-pill);color:var(--fog-soft);cursor:pointer;opacity:0;transition:opacity .4s ease-out}#loader-skip.show{opacity:1}#loader-skip{pointer-events:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:calc(var(--s3) + env(safe-area-inset-top)) var(--s4) var(--s3);color:var(--fog)}.site-header nav{display:flex;gap:var(--s3)}.site-header a{padding:var(--s1) 0}@media(hover:hover){.site-header a:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}}.hero{position:relative;min-height:100svh;background:var(--navy);color:var(--fog);display:grid;align-content:center;padding:var(--s6) var(--s4)}.hero-inner{width:min(100%,var(--shell));margin-inline:auto}.hero h1 span{display:block}.hero-sub{margin-top:var(--s4);color:var(--fog-soft);font-size:clamp(17px,1.6vw,20px)}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media .placeholder{position:absolute;right:var(--s4);bottom:var(--s4);width:220px;height:56px;border-color:#f0f2f440;color:var(--fog-soft)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-veil{position:absolute;inset:0;z-index:2;background:var(--paper);opacity:0;pointer-events:none}.hero-inner,.scroll-cue{position:relative;z-index:3}.scroll-cue{position:absolute;left:50%;bottom:var(--s3);transform:translate(-50%);display:grid;justify-items:center;gap:var(--s1);color:var(--fog-soft)}.scroll-cue:after{content:"";width:1px;height:var(--s4);background:var(--fog-soft)}.calming{background:var(--paper);padding:var(--s6) var(--s4)}.calming-moment{min-height:55svh;display:grid;place-content:center;text-align:center}.voyage{position:relative;background:var(--paper);padding:var(--s6) var(--s4) var(--s7)}.voyage-head{width:min(100%,var(--shell));margin:0 auto var(--s6);display:grid;gap:var(--s2)}.voyage-list{position:relative;container-type:inline-size;width:min(100%,var(--shell));margin-inline:auto;list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--s6)}.voyage-list:before{content:"";position:absolute;top:calc(-1 * var(--s5));bottom:calc(-1 * var(--s6));left:50%;border-left:1px dashed oklch(25% .015 265 / 45%)}.boat-marker{position:sticky;top:46svh;z-index:5;width:28px;height:52px;margin:0 auto calc(-1 * var(--s5));color:var(--ink);opacity:0}.route-cover{position:absolute;top:calc(-1 * var(--s5));bottom:calc(-1 * var(--s6));left:50%;width:5px;margin-left:-2px;background:var(--paper);transform-origin:bottom;z-index:1}.project{position:relative;z-index:2;width:min(46%,560px);background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3);display:grid;gap:var(--s2);transition-property:transform,border-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.project:nth-child(odd){align-self:flex-start}.project:nth-child(2n){align-self:flex-end}.project:after{content:"";position:absolute;top:var(--s4);width:9px;height:9px;border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--paper)}.project:nth-child(odd):after{left:calc(50cqw - 5px)}.project:nth-child(2n):after{left:calc(100% - 50cqw - 5px)}@media(hover:hover){.project:hover{transform:translateY(-2px);border-color:var(--red)}.project:hover:after{background:var(--red);border-color:var(--red)}}.project-meta{display:flex;gap:var(--s2);color:var(--ink-soft)}.project p{color:var(--ink-soft)}.project .placeholder{aspect-ratio:4 / 3}.project img{width:100%;height:auto;border-radius:var(--r-sm)}.harbor{background:var(--paper);border-top:1px solid var(--line);padding:var(--s6) var(--s4)}.harbor-inner{width:min(100%,var(--shell));margin-inline:auto;display:grid;gap:var(--s4)}.contact-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3);color:var(--ink-soft)}.site-footer{background:var(--paper);padding:var(--s4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);color:var(--ink-soft)}@media(max-width:768px){:root{--s4: 28px;--s5: 45px;--s6: 73px;--s7: 112px}.hero-media .placeholder{top:calc(var(--s6) + env(safe-area-inset-top));bottom:auto;width:180px;height:44px}.voyage-list:before{left:10px}.boat-marker{margin:0 auto calc(-1 * var(--s5)) -4px}.route-cover{left:10px;margin-left:-2px}.project,.project:nth-child(odd),.project:nth-child(2n){width:auto;align-self:stretch;margin-left:var(--s4)}.project:nth-child(odd):after,.project:nth-child(2n):after{left:calc(-1 * var(--s4) + 10px - 4px);right:auto}}