@charset "UTF-8";
:root{--paper:#f4f3ed;--ink:#152d2e;--muted:#6a7975;--green:#215c51;--line:#d7ddd3;--mint:#d5f2d9;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d2a963;outline-offset:6px}button{border:0}::selection{background:#c9ddbd;color:#173d34}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:14px 20px;z-index:99}.skip-link:focus{top:16px}
.header{max-width:1536px;margin:auto;height:112px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:3.2px;margin-top:6px}.brand-mark{width:43px;height:43px;background:var(--green);color:var(--paper);display:grid;place-items:center;border-radius:50%}.brand-mark svg{width:28px;height:28px;stroke-width:1.6}.header nav{display:flex;gap:38px;font-size:12px;letter-spacing:1px}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:"";position:absolute;height:1px;bottom:3px;left:0;right:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after,.header nav .nav-active:after{transform:scaleX(1)}.header-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;display:inline-block;vertical-align:middle;border-radius:50%;background:#8bab64}.hero{max-width:1536px;padding:44px 64px 48px;margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:44px}.hero-copy{padding:29px 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:10px}.tiny-line{width:22px;height:1px;background:var(--green)}h1{font-size:clamp(58px,5.6vw,84px);letter-spacing:-3px;line-height:1.28;font-weight:500;margin:33px 0 24px}.serif-word{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:600}.hero-intro{font-size:19px;line-height:1.9;letter-spacing:1px;margin:0 0 15px}.hero-caption{font-size:12px;line-height:2;color:var(--muted);margin:0}.primary-button{display:inline-flex;background:var(--green);color:var(--paper);align-items:center;justify-content:space-between;gap:48px;padding:17px 20px;font-size:12px;letter-spacing:2px;margin-top:30px;transition:background .2s,transform .2s}.primary-button:hover{background:#133e37;transform:translateY(-2px)}.primary-button svg{width:20px;height:20px}.hero-bottom{display:flex;width:100%;align-items:center;gap:14px;margin-top:auto;padding:52px 0 3px}.vertical-label{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}.scroll-line{height:36px;width:1px;background:var(--line);position:relative}.scroll-line:after{content:"";width:3px;height:8px;background:var(--green);position:absolute;left:-1px;top:0;animation:scroll 2.6s ease-in-out infinite}.hero-coordinate{margin-left:auto;font-size:9px;line-height:1.9;color:var(--muted);letter-spacing:1px}.hero-coordinate strong{font-weight:400;color:var(--ink)}
.ocean-stage{height:660px;min-width:0;position:relative;isolation:isolate;overflow:hidden;background:#08232c;color:#e2f2e8;scroll-margin-top:28px}#ocean{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.stage-grain{position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");z-index:-1;mix-blend-mode:soft-light}.stage-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1.5px;color:#d4ead7b0}.stage-top .status-dot{margin-right:8px;background:#c6e9ba}.stage-top svg{width:22px;height:22px;stroke-width:.7}.depth-ruler{position:absolute;top:91px;left:25px;bottom:186px;display:flex;flex-direction:column;justify-content:space-between;font:8px var(--mono);color:#b2d7d15c}.depth-ruler i{width:7px;height:1px;background:#b2d7d13b}.stage-caption{position:absolute;left:25px;bottom:157px;font-size:11px;font-weight:300;line-height:1.9;letter-spacing:3px}.stage-caption span{display:block}.stage-readout{position:absolute;right:25px;bottom:158px;text-align:right}.stage-readout>span{font:7px var(--mono);letter-spacing:2px;color:#a0c6bd}.stage-readout>div{display:flex;align-items:baseline;gap:7px;margin-top:9px}.stage-readout output{font:36px var(--mono);letter-spacing:-1px;font-weight:300}.stage-readout small{font:11px var(--mono);color:#a0c6bd}.depth-console{position:absolute;bottom:0;left:0;right:0;padding:22px 25px 20px;background:linear-gradient(0deg,#051b25f2,#051b25b5);border-top:1px solid #bed9cf25;backdrop-filter:blur(8px)}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.console-heading label{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:13px}.console-heading label span{font-size:9px;color:#acc8bf;border-left:1px solid #b2d7d144;padding-left:13px}.console-heading button{display:flex;align-items:center;gap:6px;color:#c5d8ce;background:none;padding:2px 0;font-size:9px;white-space:nowrap}#motion-icon{width:12px;font-size:13px;text-align:center}#depth{--progress:40%;appearance:none;-webkit-appearance:none;width:100%;height:2px;background:linear-gradient(to right,#d7eac3 var(--progress),#70887d66 var(--progress));display:block;margin:10px 0 14px;border:0;border-radius:0;cursor:ew-resize;outline-offset:10px}#depth::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#e4ebce;width:10px;height:10px;transform:rotate(45deg);border:2px solid #0c3034;box-shadow:0 0 0 1px #dbe9c9}#depth::-moz-range-thumb{background:#e4ebce;width:7px;height:7px;border-radius:0;transform:rotate(45deg);border:2px solid #0c3034}.range-labels{display:flex;justify-content:space-between}.range-labels button{font:8px var(--mono);letter-spacing:.5px;color:#90aaa3;background:none;padding:5px 0;transition:color .2s}.range-labels button:hover,.range-labels button.selected{color:#e3f1cd}
.section-divider{max-width:1408px;margin:0 auto;display:flex;align-items:center;gap:30px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-divider>span:first-child{font:9px var(--mono);letter-spacing:1.7px;color:var(--green)}.section-divider p{font-size:11px;color:var(--muted);letter-spacing:1px;margin:0}.divider-star{font-size:25px;color:var(--green);margin-left:auto}.section-wrap{max-width:1536px;margin:0 auto;padding:94px 64px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}h2{font-size:38px;letter-spacing:-.8px;font-weight:500;line-height:1.5;margin:16px 0 0}.section-heading>p{font-size:12px;line-height:2;color:var(--muted);margin:0 0 5px}.specimens{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.specimen{padding:0;text-align:left;background:none;min-width:0}.specimen-art{height:264px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe2d6;background-color:#e9ece2;background-image:linear-gradient(#7a9d8810 1px,transparent 1px),linear-gradient(90deg,#7a9d8810 1px,transparent 1px);background-size:22px 22px}.art-two{background-color:#eeece0}.art-three{background-color:#e4ebe7}.specimen-number{position:absolute;left:18px;top:18px;font:8px var(--mono);letter-spacing:1px;color:#718679}.art-caption{position:absolute;right:18px;bottom:16px;font:8px var(--mono);letter-spacing:1.7px;color:#718679}.specimen-drawing{width:80%;height:80%;transition:transform .6s cubic-bezier(.2,.7,.2,1);stroke:none}.specimen:hover .specimen-drawing{transform:translateY(-5px) rotate(-3deg)}.specimen-info{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.mini-label{font-size:9px;color:var(--muted);letter-spacing:2px}.specimen h3{font-size:20px;font-weight:500;margin:8px 0 0;letter-spacing:1px}.circle-arrow{height:32px;width:32px;border:1px solid #ced6c9;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}.circle-arrow svg{width:16px;height:16px;transform:rotate(-40deg)}.specimen:hover .circle-arrow{background:var(--green);color:var(--paper);border-color:var(--green)}.specimen>p{margin:0;font-size:11px;line-height:1.9;color:var(--muted)}
.quote-section{max-width:1408px;margin:3px auto 0;background:#164c43;color:#e2e8ce;position:relative;padding:39px 55px 30px;overflow:hidden}.quote-section:before{content:"";position:absolute;width:500px;height:500px;right:-80px;top:-115px;border:1px solid #98bca42b;border-radius:50%;box-shadow:0 0 0 48px #98bca409,0 0 0 96px #98bca409,0 0 0 144px #98bca407}.quote-index{font:8px var(--mono);letter-spacing:2px;color:#a2c0a5}.quote-star{position:absolute;right:63px;top:80px;width:84px;height:84px;stroke-width:.55;transform:rotate(12deg)}.quote-section>p{position:relative;font-size:42px;line-height:1.65;letter-spacing:3px;margin:32px 0 41px;font-weight:300}.quote-section>p span{font-family:"Songti SC",serif;font-style:italic;color:#b9ce9d}.quote-bottom{position:relative;border-top:1px solid #d5e2c32d;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:16px}.quote-bottom span:first-child{font:8px var(--mono);letter-spacing:1.7px;color:#afc9ad}.quote-bottom span:last-child{font-size:10px;letter-spacing:1px;color:#c6d9c2}.notes{padding-top:98px;padding-bottom:106px}.notes-subtitle{font-size:11px;color:var(--muted);letter-spacing:1px;margin-bottom:6px}.notes-list{border-top:1px solid var(--line)}.note-row{width:100%;display:grid;grid-template-columns:65px 1fr 115px 24px;align-items:center;gap:15px;padding:27px 4px;background:none;border-bottom:1px solid var(--line);text-align:left;transition:padding .25s,background .25s}.note-row:hover{padding-left:16px;padding-right:16px;background:#e9ede2}.note-index{font:10px var(--mono);color:#809187}.note-name{font-size:18px;letter-spacing:1px}.note-tag{font-size:10px;color:var(--muted)}.note-row>svg{width:20px;height:20px;transform:rotate(-35deg)}
.footer{padding:39px 64px 25px;max-width:1536px;margin:auto;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center}.back-to-top{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:1px}.back-to-top svg{width:20px;height:20px;transform:rotate(-90deg)}.footer-wordmark{font-family:Arial,sans-serif;font-size:clamp(48px,8.95vw,138px);font-weight:500;letter-spacing:-6px;line-height:1.05;margin:43px 0 34px;white-space:nowrap;display:flex;justify-content:space-between}.footer-wordmark>span{font-family:var(--font);font-size:.75em;color:var(--green);font-weight:300;letter-spacing:0}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:9px;line-height:1.8;color:var(--muted);letter-spacing:.6px}
dialog{border:1px solid #cbd3c3;padding:0;max-width:720px;width:calc(100% - 40px);max-height:calc(100dvh - 64px);overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #001b2444}dialog::backdrop{background:#071f2bb3;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:16px;z-index:1;width:35px;height:35px;background:var(--paper);font-size:25px;line-height:1;border:1px solid var(--line);border-radius:50%}.dialog-art{background:#e4eadf;height:190px;display:grid;place-items:center;border-bottom:1px solid var(--line)}.dialog-art svg{height:175px;width:260px;stroke:none}.dialog-body{padding:34px 45px 38px}.dialog-body h2{font-size:29px;margin:16px 0 24px}.dialog-body p{font-size:14px;line-height:2.1;color:#526760;margin:0 0 17px}.dialog-signoff{font:9px var(--mono);letter-spacing:1.4px;display:block;margin-top:28px;color:#6a8272}
@keyframes scroll{0%,100%{transform:translateY(0);opacity:.3}60%{transform:translateY(24px);opacity:1}}
@media(min-width:1536px){.hero h1{font-size:84px}}
@media(max-width:1535px){.section-divider,.quote-section{margin-left:64px;margin-right:64px}.ocean-stage{height:640px}}
@media(max-width:1150px){.header{padding:0 36px;height:95px}.header-note{display:none}.header nav{gap:30px}.hero{padding:34px 36px 36px;gap:25px;grid-template-columns:.9fr 1.1fr}.hero-copy{padding-top:25px}h1{font-size:65px}.hero-intro{font-size:17px}.hero-caption{font-size:11px}.hero-coordinate{display:none}.ocean-stage{height:620px}.section-wrap{padding-left:36px;padding-right:36px}.section-divider,.quote-section{margin-left:36px;margin-right:36px}.section-divider{gap:20px}.specimens{gap:22px}.specimen-art{height:230px}.specimen>p{font-size:10px}.footer{padding-left:36px;padding-right:36px}.footer-wordmark{letter-spacing:-4px}.stage-readout output{font-size:30px}.console-heading label{font-size:9px}.console-heading label span{display:none}}
@media(max-width:800px){.header{height:88px;padding:0 24px}.header nav{gap:19px;font-size:10px}.brand{font-size:15px;gap:9px}.brand-mark{height:37px;width:37px}.brand small{font-size:8px;letter-spacing:2.5px}.hero{padding:31px 24px 30px;grid-template-columns:1fr;gap:29px}.hero-copy{padding-top:3px;position:relative}h1{font-size:72px;line-height:1.18;letter-spacing:-2px;margin:27px 0 20px}.hero-intro{font-size:17px}.hero-caption{max-width:300px;font-size:12px}.primary-button{position:absolute;right:0;bottom:3px;gap:20px;margin:0}.hero-bottom{display:none}.ocean-stage{height:640px}.console-heading label span{display:inline}.section-wrap{padding:64px 24px}.section-divider,.quote-section{margin-left:24px;margin-right:24px}.section-divider p{font-size:10px;max-width:230px;line-height:1.8}.section-divider>span:first-child{font-size:8px;max-width:100px;line-height:1.8}.section-heading{gap:20px}.section-heading>p{font-size:11px}h2{font-size:32px}.specimens{gap:18px}.specimen-art{height:185px}.specimen-drawing{width:100%;height:90%}.specimen-number{left:12px;top:12px;font-size:7px}.art-caption{right:10px;bottom:12px;font-size:7px}.specimen h3{font-size:17px}.specimen-info{margin-top:18px}.circle-arrow{width:25px;height:25px}.specimen>p{font-size:10px}.quote-section{padding:30px 32px 25px}.quote-section>p{font-size:34px}.quote-star{width:66px;height:66px;right:37px;top:85px}.quote-bottom{align-items:flex-start}.quote-bottom span:first-child{max-width:220px;line-height:1.8}.quote-bottom span:last-child{max-width:160px;text-align:right;line-height:1.8}.notes-subtitle{font-size:10px}.note-row{grid-template-columns:38px 1fr 70px 20px;padding-top:25px;padding-bottom:25px}.note-name{font-size:16px}.note-tag{font-size:9px}.footer{padding:29px 24px 23px}.footer-wordmark{font-size:8.6vw;letter-spacing:-2px;margin:35px 0 30px}}
@media(max-width:520px){.header{height:84px;padding:0 20px}.header nav{gap:15px}.header nav a:first-child{display:none}.brand{font-size:14px}.brand-mark{height:34px;width:34px}.brand-mark svg{width:23px;height:23px}.brand small{font-size:7px;letter-spacing:2.4px}.hero{padding:29px 20px 28px;gap:31px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:64px;margin:24px 0 21px}.hero-intro{font-size:16px;margin-bottom:13px;letter-spacing:.5px}.hero-caption{font-size:10px;line-height:2}.primary-button{position:static;margin-top:24px;padding:15px 19px;gap:42px;font-size:11px}.ocean-stage{height:560px}.stage-top{top:20px;left:19px;right:19px;font-size:7px;letter-spacing:.7px}.stage-top svg{height:19px;width:19px}.depth-ruler{left:19px;top:78px;bottom:185px;font-size:7px}.stage-caption{left:19px;bottom:151px;font-size:10px;letter-spacing:2px}.stage-readout{right:19px;bottom:153px}.stage-readout output{font-size:31px}.stage-readout>span{font-size:6px}.depth-console{padding:20px 19px 18px}.console-heading label{font-size:9px;letter-spacing:.5px}.console-heading label span{font-size:8px;padding-left:9px}.console-heading button{font-size:8px}.range-labels button{font-size:7px}.section-divider,.quote-section{margin-left:20px;margin-right:20px}.section-divider{padding:18px 0;gap:15px}.section-divider p{font-size:9px;max-width:165px}.section-divider>span:first-child{font-size:7px;max-width:83px}.divider-star{font-size:20px}.section-wrap{padding:55px 20px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:17px;font-size:11px}h2{font-size:30px;margin-top:13px}.specimens{grid-template-columns:1fr;gap:32px}.specimen-art{height:250px}.specimen-drawing{width:80%;height:86%}.specimen-number{left:18px;top:18px;font-size:8px}.art-caption{right:18px;bottom:16px;font-size:8px}.specimen-info{margin-top:17px;margin-bottom:9px}.specimen h3{font-size:20px;margin-top:6px}.mini-label{font-size:9px}.specimen>p{font-size:11px}.circle-arrow{height:30px;width:30px}.quote-section{padding:28px 25px 23px}.quote-index{font-size:7px}.quote-section>p{font-size:29px;letter-spacing:1.5px;margin:34px 0}.quote-star{width:48px;height:48px;right:21px;top:93px}.quote-bottom{display:block;padding-top:17px}.quote-bottom span{display:block}.quote-bottom span:first-child{font-size:7px;max-width:none}.quote-bottom span:last-child{font-size:9px;max-width:none;text-align:left;margin-top:9px}.notes-subtitle{display:block;margin-top:16px;font-size:10px}.note-row{grid-template-columns:22px 1fr 18px;gap:10px;padding-top:24px;padding-bottom:24px}.note-name{font-size:15px;letter-spacing:.5px}.note-tag{display:none}.note-row>svg{width:17px;height:17px}.footer{padding:25px 20px 22px}.back-to-top{font-size:10px;gap:8px}.footer-wordmark{font-size:8.4vw;letter-spacing:-1.7px;margin:35px 0 25px}.footer-bottom{display:block;font-size:8px;letter-spacing:.5px}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:7px}.dialog-body{padding:28px 25px}.dialog-body h2{font-size:24px}.dialog-body p{font-size:13px}.dialog-art{height:165px}.dialog-art svg{height:155px;width:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}