@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--cream:#ede8de;--ink:#294248;--gold:#b28c55;--serif:'Noto Serif SC','Songti SC','SimSun',serif}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#9c9a8270 transparent}body{margin:0;background:#153e49;color:var(--cream);font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{width:100%;height:100%;display:block;object-fit:cover}em{font-style:normal;color:#957344}#ocean-world{position:fixed;inset:0;z-index:0;background:#143e4b}#ocean-world canvas{width:100%;height:100%;display:block}.no-webgl #ocean-world{background:linear-gradient(#0b253b60,#0b253b60),url('assets/rizhao/wanpingkou-2022.webp') center/cover}.screen-grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;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='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.site-head{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 3.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:color .7s;color:#f1e8d3}.site-head button{pointer-events:auto}.edition-label{font-size:10px;letter-spacing:3px}.brand{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:22px}.brand>span{font-family:var(--serif);font-size:29px;letter-spacing:7px;padding-left:7px}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:7px}.theme-light .site-head,.theme-light .journey-indicator{color:var(--ink)}#sound-toggle{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid currentColor;padding:4px 0 8px;background:none;font-size:9px;letter-spacing:1px}.sound-bars{display:flex;align-items:center;gap:3px;height:13px}.sound-bars i{height:4px;width:1px;background:currentColor}.sound-bars i:nth-child(2){height:10px;animation-delay:.2s}.sound-bars i:nth-child(3){height:7px;animation-delay:.4s}.sound-bars i:nth-child(4){height:12px;animation-delay:.6s}.sound-on .sound-bars i{animation:bars .9s infinite alternate}@keyframes bars{to{height:3px}}#sound-state{opacity:.6;font-size:8px}#loading-screen{position:fixed;z-index:100;inset:0;background:#163943;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:opacity .8s,visibility .8s}.world-ready #loading-screen,.no-webgl #loading-screen{opacity:0;visibility:hidden}.loading-symbol{font-family:var(--serif);font-size:60px;font-weight:400;border:1px solid #d3bb8850;padding:15px 25px}.loading-symbol:after{content:'';height:1px;width:100%;display:block;background:#e6d5ae;transform-origin:left;animation:loading 1.8s infinite}.loading-symbol+p{font-size:11px;letter-spacing:4px}#loading-screen>span{font-size:7px;letter-spacing:3px;opacity:.5}@keyframes loading{from{transform:scaleX(0)}to{transform:scaleX(1)}}#story{position:relative;z-index:2}.chapter{position:relative;isolation:isolate}.chapter.light{color:var(--ink)}.hero{height:135svh}.hero-inner{height:100svh;position:sticky;top:0;overflow:hidden;background:linear-gradient(90deg,#05212d35,transparent 60%,#08293410)}.eyebrow{font-size:10px;letter-spacing:2.5px;line-height:1.7}.hero-kicker{position:absolute;top:23%;left:8%;font-size:9px;letter-spacing:4px}.hero h1{position:absolute;top:28%;left:8%;right:7%;font-size:clamp(75px,10vw,155px);line-height:1.2;letter-spacing:12px;pointer-events:none;text-shadow:0 2px 40px #102a3020}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:28vw}.hero h1 i{font-style:normal;color:#d7b685;font-size:.7em;position:absolute}.hero-description{position:absolute;right:13%;bottom:16%;max-width:280px}.hero-description p{font-family:var(--serif);font-size:19px;line-height:1.7;letter-spacing:2px}.hero-description>span{font-size:9px;line-height:2;display:block;margin-top:18px;opacity:.7}.hero-serial{position:absolute;left:8%;top:64%;font-size:8px;line-height:2.1;letter-spacing:2px;opacity:.7}.hero-foot{position:absolute;bottom:5%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center}.hero-foot>span{font-size:7px;letter-spacing:2px;opacity:.65}.scroll-sign{display:flex;align-items:center;gap:13px}.scroll-sign>span{width:16px;height:28px;border:1px solid #eee4cd90;border-radius:12px;position:relative}.scroll-sign>span:after{content:'';width:1px;height:6px;background:var(--cream);position:absolute;left:6px;top:6px;animation:scroll 1.5s infinite}.scroll-sign p{font-size:9px;letter-spacing:1px}.scroll-sign small{display:block;font-size:6px;letter-spacing:2px;margin-top:7px;opacity:.6}@keyframes scroll{to{transform:translateY(8px);opacity:0}}h2{font-size:clamp(38px,4.2vw,67px);line-height:1.6;letter-spacing:2px}.introduction{min-height:180svh;padding-top:18svh}.editorial-label{display:flex;flex-direction:column;gap:10px;font-size:9px;letter-spacing:2px;margin-left:5%;position:relative}.editorial-label span:last-child{font-size:7px;opacity:.6}.intro-statement{width:49%;margin-left:46%;margin-top:-30px;position:relative}.intro-statement h2{font-size:clamp(32px,3.6vw,56px);line-height:1.7}.intro-statement p{font-size:13px;line-height:2.2;margin-top:32px}.intro-image{width:38%;height:65svh;position:relative;margin:12svh 0 0 7%;overflow:visible}.intro-image img{object-position:65% center}.drift-image{will-change:transform}.drift-image img{clip-path:inset(var(--image-inset,0%) 0 0 0);transition:clip-path 1.3s cubic-bezier(.22,.61,.36,1)}figcaption{font-size:9px;letter-spacing:1px;line-height:1.8;margin-top:14px;opacity:.65}.intro-aside{position:absolute;right:10%;bottom:19%;display:flex;gap:35px;align-items:center}.small-star{font-size:65px;color:#9a7643}.intro-aside p{font-family:var(--serif);font-size:24px;line-height:1.9;letter-spacing:3px}.art-section{height:285svh}.art-sticky{height:100svh;position:sticky;top:0;overflow:hidden;background:linear-gradient(90deg,#153b47ed 0%,#153b47c0 38%,#153b4730 80%)}.art-heading{position:absolute;top:22%;left:6%;width:30%}.art-heading h2{font-size:4.2vw;margin:17px 0 24px}.art-heading em{color:#d3b17c}.art-heading>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#e5dfcfb0}.track-invite{display:block;font-size:9px;margin-top:45px;letter-spacing:1px;opacity:.6}.art-viewport{position:absolute;left:41%;right:0;top:16%;bottom:17%;overflow:hidden}#art-track{height:100%;width:max-content;display:flex;align-items:center;gap:45px;padding:10px 7vw 40px 15px;will-change:transform}.art-panel{background:none;border:0;text-align:left;position:relative;flex-shrink:0;width:31vw;max-width:560px;padding:0;color:var(--cream)}.art-panel>img{height:52svh;object-fit:cover;transition:transform .8s,filter .8s}.art-panel.second{padding-top:7svh;width:29vw}.art-panel.second>img{height:42svh}.art-panel.wide{width:45vw;max-width:700px}.art-panel.wide>img{height:38svh}.art-panel>div{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:20px}.art-panel h3{font-size:24px;letter-spacing:2px}.art-panel>div p{font-size:9px;letter-spacing:1px;opacity:.65}.art-expand{position:absolute;right:15px;top:20px;background:#e7ddc7;color:#24444c;padding:10px 13px;font-size:10px;opacity:0;transition:.3s}.art-panel:hover .art-expand,.art-panel:focus-visible .art-expand{opacity:1}.art-panel:hover img{filter:brightness(1.12);transform:scale(1.015)}.art-progress{position:absolute;left:6%;right:6%;bottom:8%;display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:1px}.art-progress>i{height:1px;background:#eee4cd30;flex:1}.art-progress b{display:block;width:0;height:1px;background:#d2b581}.craft{min-height:190svh;padding-top:16svh}.craft-layout{display:grid;grid-template-columns:46% 38%;gap:10%;padding:0 6%}.craft-image{height:73svh;position:relative}.craft-image img{object-position:20% center}.craft-image figcaption{position:absolute;left:25px;bottom:30px;color:var(--cream);font-size:13px;writing-mode:vertical-rl;letter-spacing:4px;opacity:1}.craft-copy{padding:5svh 0 0}.craft-copy h2{font-size:4.1vw;margin:20px 0 32px}.craft-copy>p:not(.eyebrow){font-size:13px;line-height:2.3}.craft-note{margin-top:40px;padding-top:25px;border-top:1px solid #29424835;display:flex;align-items:center;gap:35px}.craft-note>span{font-family:var(--serif);font-size:20px;letter-spacing:4px}.craft-note>p{font-size:10px;line-height:2}.model-caption{position:absolute;left:7%;top:117svh;max-width:340px}.model-caption>span{font-family:var(--serif);font-size:27px;letter-spacing:3px}.model-caption p{font-size:12px;line-height:2.3;margin-top:25px}#model-drag{position:absolute;right:0;top:97svh;width:57%;height:75svh;cursor:grab;touch-action:pan-y;border-radius:50%}.drag-cue{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;padding:10px 15px;background:#eee8db99;border-radius:20px;white-space:nowrap}#model-drag.dragging{cursor:grabbing}#reset-model{position:absolute;right:15%;bottom:17px;border:0;border-bottom:1px solid #29424850;background:#eee8db99;font-size:9px;padding:8px 10px}#model-detail{position:absolute;right:8%;top:157svh;width:310px;background:#eee7d8e8;backdrop-filter:blur(12px);padding:24px;opacity:0;visibility:hidden;transform:translateY(15px);transition:.4s;z-index:5;border:1px solid #29424820}#model-detail.shown{opacity:1;visibility:visible;transform:none}#model-detail>button{position:absolute;right:8px;top:6px;border:0;background:none;font-size:22px}#model-detail>span{font-size:7px;letter-spacing:1.5px;opacity:.6}#model-detail h3{font-size:23px;margin:15px 0}#model-detail p{font-size:11px;line-height:2}.depths{min-height:180svh;padding-top:20svh}.depth-heading{margin-left:8%;max-width:640px}.depth-heading h2{font-size:5.2vw;margin:20px 0 30px}.depth-heading>p:last-child{font-size:13px;line-height:2.3;opacity:.75}.depth-line{position:absolute;right:10%;top:58svh;text-align:right}.depth-line>span{font-size:8px;letter-spacing:2px;opacity:.6}.depth-line>p{font-family:var(--serif);font-size:24px;letter-spacing:2px;line-height:1.9;margin-top:25px}.depth-image{width:39%;height:53svh;position:relative;margin:40svh 0 0 8%}.depth-image img{object-position:75% center}.depth-scale{position:absolute;right:11%;bottom:35svh;display:flex;align-items:baseline;gap:15px;font-size:9px;letter-spacing:2px}.depth-scale b{font-family:Georgia,serif;font-weight:400;font-size:80px}.feast{padding:15svh 6% 18svh;min-height:175svh}.feast-top{display:grid;grid-template-columns:25% 45% 25%;gap:2.5%;align-items:start}.feast-top>h2{font-size:5vw;line-height:1.6}.feast-top>p:last-child{font-size:12px;line-height:2.2;padding-top:20px}.feast-image{width:72%;height:75svh;margin:10svh 0 0 20%;position:relative}.feast-image img{object-position:center}.feast-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin:12svh 4% 0 20%}.feast-stories article{border-top:1px solid #29424840;padding-top:23px}.feast-stories span{font-size:8px;letter-spacing:2px}.feast-stories h3{font-size:25px;letter-spacing:2px;margin:20px 0}.feast-stories p{font-size:11px;line-height:2.2}.make{height:120svh;padding:26svh 0 0 9%}.make-copy{max-width:500px}.make h2{font-size:5vw;line-height:1.6;margin:20px 0 30px}.make-copy>p:not(.eyebrow){font-size:13px;line-height:2.2}.colors{display:flex;gap:12px;margin:30px 0}.colors>i{background:var(--c);width:15px;height:15px;border-radius:50%}.line-button{border:0;border-bottom:1px solid currentColor;background:none;padding:13px 0;display:inline-flex;align-items:center;gap:60px;font-size:13px;letter-spacing:2px;transition:gap .3s}.line-button:hover{gap:80px}.line-button>span{font-size:22px}.game-guide{display:block;font-size:9px;line-height:2.2;opacity:.65;margin-top:20px}.ending{height:135svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:20svh}.ending-copy h2{font-size:7vw;line-height:1.6;margin:30px 0}.ending-copy>p:not(.eyebrow){font-size:14px;letter-spacing:2px;margin-bottom:35px}.ending-copy{background:radial-gradient(ellipse at center,#07263240,transparent 70%);padding:3vh 7vw}.ending-copy .line-button{font-size:11px}footer{position:absolute;left:5%;right:5%;bottom:10svh;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left;font-size:9px;letter-spacing:1px}footer>span{font-family:var(--serif);font-size:18px;letter-spacing:3px}footer>p{font-size:8px;line-height:2;opacity:.6}footer>a{font-size:8px;opacity:.7}.journey-indicator{position:fixed;right:24px;top:42%;bottom:25%;z-index:15;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none;transition:color .7s;color:var(--cream)}#journey-label{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.journey-indicator>i{flex:1;width:1px;background:currentColor;opacity:.5;position:relative}.journey-indicator b{display:block;width:2px;background:currentColor;height:0;position:absolute;left:0;top:0}#journey-percent{font-size:8px}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none}.word-reveal .word{transition:opacity .4s;opacity:.2}.word-reveal .word.lit{opacity:1}.reading{position:fixed;inset:0;z-index:60;background:var(--cream);color:var(--ink);padding:10vh 10%;overflow-y:auto;visibility:hidden;opacity:0}.reading.open{visibility:visible;opacity:1}.reading h2{font-size:35px;margin:30px 0}.reading p{max-width:800px;line-height:2.3;font-size:15px;margin:22px 0}.reading>button{background:none;border:0;border-bottom:1px solid var(--ink);padding:12px 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:70;padding:15px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:10px}#cursor-label{position:fixed;z-index:40;pointer-events:none;left:0;top:0;width:75px;height:75px;border-radius:50%;background:#e9dfcbe0;color:#294248;display:grid;place-items:center;font-size:10px;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s;backdrop-filter:blur(5px)}#cursor-label.visible{opacity:1}
dialog{border:0;padding:35px;background:#ede6d7;color:#294248;max-height:92svh;overflow:auto;width:min(920px,94vw)}dialog::backdrop{background:#071e29d9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:29px;z-index:3;width:35px;height:35px}#art-dialog{display:none;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;padding:45px}#art-dialog[open]{display:grid}#art-dialog>img{max-height:75vh;object-fit:contain}#art-dialog h2{font-size:30px;margin:20px 0}#art-dialog p:not(.eyebrow){font-size:13px;line-height:2.2}#art-dialog small{display:block;font-size:8px;opacity:.5;margin-top:30px}.game-header{display:flex;align-items:center;justify-content:space-between;margin-right:25px;margin-bottom:20px}.game-header .kicker{font-size:8px;letter-spacing:2px;color:#657e7b}.game-header h2{font-size:29px;margin-top:8px}.game-stats{display:flex;gap:25px;font-size:11px}.game-stats b{font-size:28px;font-family:Georgia,serif;margin-left:8px}.game-canvas-wrap{height:min(46vh,390px);min-height:240px;position:relative;overflow:hidden}.game-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;background:#ede6d7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.game-overlay[hidden]{display:none}.game-overlay h3{font-size:26px}.game-overlay p{font-size:12px;line-height:2;margin:20px 0}.pill-button{border:0;padding:16px 25px;border-radius:30px;background:#b45e40;color:#fff0d6;font-size:12px;letter-spacing:1px}.pill-button:hover{background:#294248}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px}#collected-palette{display:flex;gap:7px}#collected-palette i{width:19px;height:19px;background:var(--c);opacity:.2;border-radius:50%}#collected-palette i.got{opacity:1;outline:1px solid var(--c);outline-offset:3px}#pause-game{border:1px solid #29424850;background:none;padding:8px 14px}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.game-actions>span{font-size:9px;opacity:.65}button:disabled{opacity:.35;cursor:default}
@media(min-width:1700px){.intro-statement p,.craft-copy>p:not(.eyebrow),.depth-heading>p:last-child,.make-copy>p:not(.eyebrow){font-size:15px}.hero-description p{font-size:23px}.art-heading>p:not(.eyebrow){font-size:14px}}
@media(max-width:1000px){.intro-statement{width:52%;margin-left:42%}.craft-layout{grid-template-columns:44% 45%;gap:7%}.craft-copy h2{font-size:4.8vw}.craft-copy>p:not(.eyebrow){font-size:12px}.craft-note{gap:20px}.craft-note>span{font-size:17px}.feast-top{grid-template-columns:20% 46% 29%}.art-heading{width:32%}.art-heading h2{font-size:4.6vw}.art-heading>p:not(.eyebrow){font-size:11px}.art-panel h3{font-size:20px}.art-panel>div p{font-size:8px}.model-caption{max-width:280px}.model-caption>span{font-size:23px}#reset-model{right:8%;bottom:-20px}.feast-stories{margin-left:10%;margin-right:0}.feast-stories h3{font-size:22px}}
@media(max-width:700px){.site-head{padding:22px 6%}.edition-label{font-size:7px;letter-spacing:1px;max-width:65px;line-height:1.7}.brand{top:20px}.brand>span{font-size:25px;letter-spacing:5px}.brand small{font-size:6px;letter-spacing:1.3px}#sound-toggle{font-size:8px;gap:5px}#sound-state{font-size:7px}.hero{height:125svh}.hero-kicker{top:24%;left:8%;font-size:7px;letter-spacing:2px}.hero h1{font-size:23vw;letter-spacing:6px;top:30%;left:8%;right:8%;line-height:1.25}.hero h1 span:nth-child(2){margin-left:21vw}.hero-description{right:11%;bottom:15%;max-width:210px}.hero-description p{font-size:16px;letter-spacing:1px}.hero-description>span{font-size:8px;max-width:190px;margin-top:12px}.hero-serial{left:8%;top:66%;font-size:6px;line-height:2;letter-spacing:1px}.hero-foot{left:7%;right:7%;bottom:4%}.hero-foot>span{display:none}.scroll-sign p{font-size:8px}.scroll-sign small{font-size:6px}.journey-indicator{right:11px;top:45%;bottom:25%;gap:13px}#journey-label{font-size:7px}#journey-percent{font-size:7px}.introduction{padding-top:15svh;min-height:160svh}.editorial-label{margin-left:8%;font-size:8px;gap:6px}.editorial-label span:last-child{font-size:6px}.intro-statement{margin:9svh 8% 0;width:84%}.intro-statement h2{font-size:8.3vw;line-height:1.8}.intro-statement p{font-size:11px;line-height:2.2;margin-top:25px}.intro-image{width:62%;height:46svh;margin:12svh 0 0 8%}figcaption{font-size:7px;line-height:1.8;letter-spacing:.5px}.intro-aside{right:11%;bottom:9%;gap:15px;align-items:center}.small-star{font-size:40px}.intro-aside p{font-size:16px;letter-spacing:2px}.art-section{height:260svh}.art-heading{left:8%;right:10%;width:auto;top:15%;}.art-heading h2{font-size:9vw;line-height:1.5;margin:15px 0}.art-heading>p:not(.eyebrow){font-size:10px;line-height:2}.eyebrow{font-size:8px;letter-spacing:1.6px}.track-invite{font-size:8px;margin-top:15px}.art-viewport{left:8%;right:0;top:46%;bottom:14%}#art-track{gap:25px;padding-left:0;padding-right:17vw;padding-bottom:5px}.art-panel{width:65vw}.art-panel>img{height:30svh}.art-panel.second{width:62vw;padding-top:3svh}.art-panel.second>img{height:26svh}.art-panel.wide{width:83vw}.art-panel.wide>img{height:23svh}.art-panel>div{display:block;margin-top:12px}.art-panel h3{font-size:18px;letter-spacing:1px}.art-panel>div p{font-size:7px;margin-top:7px}.art-expand{font-size:8px;padding:7px 10px;top:10px;right:10px}.art-progress{left:8%;right:9%;bottom:7%;gap:12px;font-size:7px}.art-progress>span:last-child{max-width:115px;line-height:1.8}.craft{min-height:225svh;padding-top:14svh}.craft-layout{display:flex;flex-direction:column-reverse;gap:9svh;padding:0 8%}.craft-copy{padding:0}.craft-copy h2{font-size:9vw;margin:18px 0 23px}.craft-copy>p:not(.eyebrow){font-size:11px;line-height:2.3}.craft-note{margin-top:25px;padding-top:22px;gap:30px}.craft-note>span{font-size:18px}.craft-note>p{font-size:9px}.craft-image{height:45svh;width:85%}.craft-image figcaption{font-size:10px;left:20px;bottom:20px}.model-caption{top:144svh;left:8%;right:10%;max-width:none}.model-caption>span{font-size:23px;letter-spacing:2px}.model-caption p{font-size:10px;line-height:2;margin-top:15px}#model-drag{top:168svh;width:92%;height:46svh;right:4%;border-radius:0}.drag-cue{font-size:8px;letter-spacing:1px;bottom:0}#reset-model{right:0;bottom:0;font-size:8px;padding:7px 9px}#model-detail{top:198svh;right:8%;width:84%;padding:20px}#model-detail h3{font-size:21px}.depths{min-height:165svh;padding-top:18svh}.depth-heading{margin:0 8%;max-width:84%}.depth-heading h2{font-size:9.8vw;margin:20px 0 25px}.depth-heading>p:last-child{font-size:11px;line-height:2.3}.depth-line{top:69svh;right:11%}.depth-line>span{font-size:6px;letter-spacing:1px}.depth-line>p{font-size:19px;letter-spacing:2px;line-height:1.8;margin-top:18px}.depth-image{width:65%;height:42svh;margin:49svh 0 0 8%}.depth-scale{bottom:18svh;right:12%;gap:8px;font-size:7px;letter-spacing:1px}.depth-scale b{font-size:47px}.feast{padding:15svh 8% 14svh;min-height:170svh}.feast-top{display:block}.feast-top h2{font-size:10vw;margin:18px 0 20px}.feast-top>p:last-child{font-size:11px;line-height:2.2;padding-top:0}.feast-image{width:100%;height:46svh;margin:9svh 0 0}.feast-stories{display:block;margin:11svh 0 0}.feast-stories article{display:grid;grid-template-columns:1fr 1.5fr;gap:0 20px;padding-top:18px;margin-top:28px;position:relative}.feast-stories span{font-size:7px}.feast-stories h3{font-size:21px;margin:12px 0 0;grid-column:1}.feast-stories p{font-size:10px;grid-column:2;grid-row:1/3;align-self:center;line-height:2.1}.make{height:120svh;padding:19svh 8% 0}.make-copy{max-width:85%}.make h2{font-size:9.5vw;line-height:1.6;margin:20px 0 25px}.make-copy>p:not(.eyebrow){font-size:11px;line-height:2.3}.colors{margin:25px 0;gap:10px}.colors>i{width:13px;height:13px}.line-button{font-size:12px;gap:40px;padding:11px 0}.game-guide{font-size:8px;line-height:2;margin-top:16px}.ending{height:125svh;padding-bottom:20svh}.ending-copy{padding:3vh 8vw}.ending-copy h2{font-size:13vw;line-height:1.65;margin:25px 0}.ending-copy>p:not(.eyebrow){font-size:11px;line-height:2;letter-spacing:1px;max-width:240px;margin:0 auto 25px}.ending-copy .line-button{font-size:10px}.ending-copy .eyebrow{font-size:6px;letter-spacing:1.5px}footer{left:8%;right:8%;bottom:9svh;flex-direction:column;text-align:center;gap:18px}footer>span{font-size:20px;letter-spacing:3px}footer>p{font-size:7px;line-height:2}footer>a{font-size:7px}.reading{padding:12vh 8%}.reading h2{font-size:27px}.reading p{font-size:13px}.loading-symbol{font-size:50px}#loading-screen>p{font-size:9px;letter-spacing:3px}#cursor-label{display:none}dialog{padding:32px 15px 20px}.game-header{margin-right:15px}.game-header h2{font-size:24px}.game-header .kicker{font-size:6px;letter-spacing:1px}.game-stats{gap:12px;font-size:9px}.game-stats b{font-size:22px;margin-left:5px}.game-overlay h3{font-size:21px}.game-overlay p{font-size:11px}.game-bottom{font-size:8px;gap:7px}#collected-palette{gap:5px}#collected-palette i{width:15px;height:15px}#pause-game{padding:7px 10px}.game-actions{flex-wrap:wrap;gap:12px}.game-actions>span{font-size:8px}.pill-button{font-size:11px;padding:14px 20px}#art-dialog[open]{display:block;padding:40px 22px 25px}#art-dialog>img{max-height:48vh}#art-dialog h2{font-size:26px}#art-dialog p:not(.eyebrow){font-size:12px}}
.hero-description{padding:18px;background:radial-gradient(ellipse at center,#0a293d80,transparent 75%);margin:-18px}
.model-parts{display:flex;gap:12px;margin-top:24px}.model-parts button{background:#eee8db99;border:1px solid #29424840;border-radius:30px;padding:9px 16px;font-size:10px;letter-spacing:1px}.model-parts button:hover{background:#294248;color:var(--cream)}
.site-head{transition:transform .55s,color .7s}.site-head.hide{transform:translateY(-140%)}.site-head:focus-within{transform:none}
.no-webgl #ocean-world canvas{display:none}
.no-webgl .light{background:var(--cream)}.no-webgl #model-drag,.no-webgl .model-caption{display:none}.no-webgl .craft{min-height:auto;padding-bottom:15svh}
@media(max-width:700px){.hero-description{max-width:255px;right:9%}.hero-description>span{max-width:240px}}
.hero h1 span:nth-child(2){margin-left:14vw}.art-panel>div p{max-width:230px;font-size:8px;line-height:1.8}.brand>span{font-size:25px;letter-spacing:4px}.brand small{letter-spacing:1.5px}.craft-image img{object-position:42% center}.intro-image img{object-position:50% center}.feast-image img{object-position:center 40%}.art-panel.second>img{object-position:center}.art-panel.wide>img{object-position:center}.no-webgl #ocean-world{background:linear-gradient(#0b253b60,#0b253b60),url('assets/rizhao/wanpingkou-2022.webp') center/cover}.colors>i:nth-child(3){background:#558e7a}.colors>i:nth-child(5){background:#ece5d7;border:1px solid #29424830}
@media(max-width:700px){.hero h1{top:19%;font-size:19vw;line-height:1.14}.hero h1 span:nth-child(2){margin-left:13vw}.hero-kicker{top:15%;font-size:6px}.hero-description{bottom:10%}.hero-serial{top:71%;font-size:6px}.brand>span{font-size:22px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:.6px}.art-panel>div p{font-size:6px;max-width:240px;line-height:1.7}.intro-statement h2{font-size:8.3vw}.model-caption>span{font-size:20px}.feast-top h2{font-size:9.5vw}.ending-copy h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.word-reveal .word{opacity:1}.drift-image{transform:none!important}}

/* Photographic spreads keep the ocean visible between the editorial frames. */
.photo-picture{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#24444a;overflow:hidden;text-align:left}.photo-picture img{transition:transform 1s cubic-bezier(.2,.65,.3,1),clip-path 1.3s}.photo-picture:hover img{transform:scale(1.035)}.photo-open{position:absolute;right:15px;bottom:15px;font-size:10px;letter-spacing:1px;background:#eee8dce8;color:var(--ink);padding:10px 13px;opacity:0;transform:translateY(8px);transition:.3s}.photo-picture:hover .photo-open,.photo-picture:focus-visible .photo-open{opacity:1;transform:none}.photo-picture:focus-visible{outline-offset:4px}.intro-companion{position:absolute;right:12%;top:92svh;width:24%;height:36svh}.intro-companion img{object-position:50% 40%}.intro-aside{bottom:10%}.art-section{height:600svh}.art-panel>div{align-items:flex-start}.art-panel h3{font-size:clamp(18px,1.7vw,25px);line-height:1.5}.art-panel>div p{flex-shrink:0;max-width:31%;line-height:1.9}.art-panel.wide{width:43vw}.art-heading .track-invite{line-height:2}.art-panel{content-visibility:auto;contain-intrinsic-size:450px 600px}.depths{padding-bottom:18svh;min-height:200svh}.ecology-sequence{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:15svh 9%;margin:13svh 9% 0 8%;position:relative}.photo-story{position:relative;min-width:0}.eco-walk{height:50svh}.eco-forest{height:65svh;margin-top:24svh}.eco-life{height:35svh;width:84%;margin-top:-10svh}.ecology-note{position:absolute;right:10%;bottom:24svh;max-width:33%;font-size:11px;line-height:2.3}.ecology-note>span{font-size:8px;letter-spacing:2px;opacity:.6}.ecology-note>p{font-family:var(--serif);font-size:22px;line-height:1.9;letter-spacing:1px;margin-top:25px}.depth-scale{bottom:10svh;right:10%}.depth-scale b{font-size:50px}.feast{padding-bottom:20svh}.feast-stories{margin:13svh 0 0;gap:5%;grid-template-columns:1fr 1fr 1fr}.feast-stories article{padding-top:0;border-top:0}.food-photo{height:34svh;margin-bottom:40px}.food-photo figcaption{font-size:8px;line-height:1.7;letter-spacing:0}.food-story:nth-child(2){padding-top:12svh}.food-story:nth-child(3){padding-top:5svh}.food-photo img{object-position:50% 65%}.food-story:first-child .food-photo img{object-position:50% 78%}.feast-stories h3{margin:17px 0;font-size:26px}.feast-stories p{max-width:260px;font-size:12px;line-height:2.2}.photo-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid #29424830}.photo-viewer-controls button{background:none;border:0;padding:9px 0;font-size:11px}.photo-viewer-controls button:hover{color:#957344}.photo-viewer-controls>span{font-size:9px;letter-spacing:1px;opacity:.6}#art-dialog small{opacity:.75;line-height:1.8}#art-dialog>img{height:auto;max-height:72svh}.food-photo .photo-open{font-size:9px;padding:8px}
@media(max-width:1000px){.art-panel>div{display:block}.art-panel>div p{max-width:none;margin-top:8px}.intro-companion{right:9%;width:27%}.ecology-note>p{font-size:19px}.food-photo{height:29svh}.feast-stories h3{font-size:22px}.feast-stories p{font-size:11px}}
@media(max-width:700px){.introduction{min-height:190svh}.intro-companion{top:117svh;right:7%;width:29%;height:31svh}.intro-image{width:55%;height:43svh}.intro-aside{right:10%;bottom:9%;gap:16px}.art-section{height:620svh}.art-panel.wide{width:83vw}.art-panel h3{font-size:18px}.art-panel>div p{max-width:none;font-size:7px}.art-progress>span:last-child{max-width:150px}.photo-open{opacity:1;transform:none;font-size:8px;padding:7px 9px;right:10px;bottom:10px}.depths{min-height:0;padding-top:16svh;padding-bottom:30svh}.depth-heading h2{font-size:9vw}.ecology-sequence{margin:9svh 10% 0 8%;grid-template-columns:1fr;gap:9svh}.eco-walk{height:40svh;width:84%}.eco-forest{height:51svh;width:68%;margin:0 0 0 auto}.eco-life{height:32svh;width:88%;margin:0}.ecology-note{position:relative;bottom:auto;right:auto;max-width:none;margin:11svh 10% 0 15%}.ecology-note>p{font-size:21px;margin-top:17px}.ecology-note>span{font-size:7px}.depth-scale{bottom:8svh;right:12%}.depth-scale b{font-size:40px}.feast-stories{margin-top:12svh;display:grid;grid-template-columns:1fr;gap:10svh}.feast-stories article{display:block;padding:0;margin:0}.food-photo{height:37svh;margin-bottom:40px}.food-story:nth-child(2){width:83%;margin-left:auto}.food-story:nth-child(3){width:88%}.feast-stories h3{font-size:25px;margin:15px 0}.feast-stories p{font-size:11px;max-width:100%}.feast-stories span{font-size:8px}.feast{padding-bottom:16svh}.photo-viewer-controls{margin-top:24px;padding-top:15px}.photo-viewer-controls button{font-size:10px}.photo-viewer-controls>span{font-size:8px}#art-dialog>img{max-height:49svh;min-height:0}#art-dialog h2{font-size:23px;margin:20px 0 15px}#art-dialog small{margin-top:18px}}
.introduction .intro-companion{position:absolute}
@media(max-width:700px){#art-track{padding-right:8vw}}
@media(prefers-reduced-motion:reduce){.photo-picture:hover img{transform:none}.photo-open{transform:none}}