@font-face{font-family:Manrope;src:url('../../../open-runtime/3ae11c49db0455a3cc33e37d380f20fdb8c7f8b41dc07625c177e3d87a9d6ae6/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{--ink:#eef1e9;--muted:#8ca4aa;--amber:#d7ac70;--rule:rgba(165,198,203,.17);--serif:Georgia,'Times New Roman','Songti SC',SimSun,serif;--sans:Manrope,'Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061d27;color:var(--ink)}body{font-family:var(--sans);font-size:13px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{border:0}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}
.ocean{position:fixed;inset:0;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 68% 32%,#1c4c56 0%,#0c303c 31%,#071f2b 63%,#04141e 100%);z-index:0}.ocean:after{content:'';position:absolute;inset:0;background:#031119;opacity:0}.caustic{position:absolute;width:110%;height:110%;left:-5%;top:-5%;opacity:.13;background:repeating-radial-gradient(ellipse at 60% -10%,transparent 0 8%,rgba(118,193,187,.28) 8.4%,transparent 9% 16%);will-change:transform;animation:current 27s ease-in-out infinite alternate}.caustic-two{opacity:.055;background:repeating-radial-gradient(ellipse at 15% -20%,transparent 0 6%,rgba(163,211,196,.5) 6.4%,transparent 7% 12%);animation:none;will-change:auto}.water-column{position:absolute;left:37%;top:-5%;width:34%;height:110%;background:linear-gradient(105deg,transparent 25%,#6ac2c011 35%,transparent 43%,#a8d9cb0b 58%,transparent 67%);will-change:transform;animation:column 20s ease-in-out infinite alternate}
@keyframes current{to{transform:translate3d(3%,2%,0)}}@keyframes column{to{transform:translate3d(5%,0,0);opacity:.6}}
.page{position:relative;z-index:1;max-width:1800px;margin:auto;padding:0 58px}.masthead{height:94px;display:flex;align-items:center;border-bottom:1px solid var(--rule);gap:28px}.wordmark{display:flex;align-items:center;gap:12px;font-family:var(--serif);letter-spacing:4px;font-size:20px}.wordmark svg{width:29px;height:29px;fill:none;stroke:var(--amber);stroke-width:1}.collection{font-size:11px;letter-spacing:2px;color:var(--muted);margin-left:16px}.language{display:flex;align-items:center;gap:10px;margin-left:auto;color:#607d86}.language button{background:none;padding:8px 3px;font-size:11px;color:var(--muted);min-height:36px}.language button.selected{color:var(--ink)}.language span{opacity:.35}
.exhibition{display:grid;grid-template-columns:295px minmax(0,1fr) 40px;min-height:620px;height:calc(100svh - 220px);max-height:920px;gap:20px}.editorial{padding-top:72px;position:relative;z-index:2}.edition{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:var(--amber)}.tiny-line{width:27px;height:1px;background:var(--amber)}h1{font-family:var(--serif);font-weight:400;font-size:49px;letter-spacing:1px;line-height:1.04;margin:27px 0 22px}h1 span{display:block;font-size:100px;line-height:1.05;letter-spacing:-3px;margin-top:5px}h2{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.6;letter-spacing:3px;margin:0 0 18px}.intro{line-height:1.95;color:var(--muted);max-width:240px;font-size:12px;letter-spacing:.6px}.material-note{display:flex;align-items:center;gap:13px;margin-top:37px;font-size:12px}.material-note small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.material-swatch{width:30px;height:30px;border-radius:50%;background:linear-gradient(125deg,#243e45 8%,#99aaab 42%,#3a5057 50%,#142b33 77%);box-shadow:inset 0 0 0 3px #24404b,0 0 0 1px #74858970}.stage-shell{position:relative;min-width:0;display:flex;flex-direction:column;padding-top:24px}.stage-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding-left:14px;letter-spacing:.7px}.status-dot{height:4px;width:4px;background:var(--amber);border-radius:50%}.reference{margin-left:auto;opacity:.62}.stage-meta:after{content:'';width:30px;height:1px;background:var(--rule);margin-left:8px}#stage{flex:1;min-height:0;position:relative;touch-action:none;outline-offset:-6px!important}#stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#stage canvas:active{cursor:grabbing}.stage-caption{display:flex;align-items:center;gap:9px;justify-content:center;color:#8ca7ac80;font-size:10px;letter-spacing:1.8px;margin-top:-19px;margin-bottom:27px;pointer-events:none}.crosshair{font-size:17px;color:var(--amber);font-weight:200}.toolbar{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:4}.toolbar button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;transition:background .2s,color .2s}.explode-button{min-width:177px;padding:0 23px;background:#d4b384;color:#092733;letter-spacing:1px;font-weight:600}.explode-button:hover{background:#e7cda6}.tool-button{padding:0 17px;background:#0a263373;border:1px solid var(--rule);color:#a7b9bc}.tool-button:hover,.tool-button[aria-pressed=true]{color:var(--ink);background:#254750}.tool-button[aria-pressed=true] svg{color:#9df1dc}.gesture{text-align:center;color:#6d8991;font-size:10px;letter-spacing:.8px;margin:12px 0 20px}.depth-scale{padding-top:95px;display:flex;flex-direction:column;align-items:flex-end;color:#64858e;font-size:9px}.depth-scale>span:first-child{font-size:9px;letter-spacing:2px;margin-bottom:16px;writing-mode:vertical-rl}.ruler{height:340px;width:38px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(to bottom,transparent 0 10px,#70929b30 10px 11px);background-size:9px 100%;background-repeat:no-repeat;background-position:right}.ruler i{font-style:normal;font-size:9px;display:block;text-align:left;position:relative}.ruler i:after{content:'';position:absolute;right:0;top:5px;width:15px;height:1px;background:#92afb75c}.ruler i.amber{color:var(--amber)}.ruler i.amber:after{background:var(--amber)}.depth-scale>span:last-child{margin-top:14px}
.specifications{height:126px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;gap:32px;padding:26px 0}.spec{display:flex;flex-direction:column;gap:9px;border-right:1px solid var(--rule)}.spec>span,.calibre>span{font-size:10px;color:var(--muted);letter-spacing:1.4px}.spec strong{font-weight:300;font-size:28px;line-height:1}.spec small{font-size:12px;color:#a5b4b6}.calibre{display:grid;grid-template-columns:1fr auto;align-items:start;gap:6px}.calibre strong{font-family:var(--serif);font-size:32px;font-weight:400;grid-row:1/3;grid-column:2}.calibre small{font-size:10px;color:#6c8991}
.construction{display:none;margin-top:20px}.construction-top{display:flex;justify-content:space-between;color:var(--amber);font-size:11px;border-bottom:1px solid var(--rule);padding-bottom:11px}.construction ol{padding:0;margin:8px 0 0;list-style:none}.construction li button{padding:9px 0;width:100%;display:flex;gap:14px;background:none;text-align:left;border-bottom:1px solid #aac5ce0c;font-size:11px;color:#91a9ae}.construction li button:before{content:attr(data-number);font-size:9px;color:#537984;min-width:15px}.construction li button.selected{color:#f0d3a8}.construction li button.selected:before{color:var(--amber)}.layer-detail{font-size:10px;line-height:1.8;color:var(--muted);max-width:250px;min-height:38px}.exploded .editorial{padding-top:38px}.exploded h1{font-size:35px;margin:18px 0 9px}.exploded h1 span{font-size:57px;display:inline;margin-left:6px;letter-spacing:-2px}.exploded h2{font-size:17px;letter-spacing:1px;line-height:1.5}.exploded h2 br{display:none}.exploded .intro,.exploded .material-note{display:none}.exploded .construction{display:block}.exploded .stage-caption{visibility:hidden}.lume-mode .ocean{filter:brightness(.65)}.lume-mode .stage-meta .status-dot{background:#a3eed2}body.paused .ocean *{animation-play-state:paused}.layer-pin{position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;border:1px solid #6a919a80;border-radius:50%;color:#a3b9bb;background:#0a263a8c;font-size:8px;opacity:0;pointer-events:none}.layer-pin:before{content:'';position:absolute;right:100%;top:11px;width:15px;height:1px;background:#78989e70}.layer-pin.active{border-color:#cda66c;color:#f1d3a6;background:#163d46e8}
@media(min-width:1450px){.exhibition{grid-template-columns:345px minmax(0,1fr) 40px;gap:30px}.editorial{padding-top:95px}h1{font-size:59px}h1 span{font-size:115px}.intro{max-width:275px}.stage-shell{padding-right:25px}}
@media(max-width:1050px) and (min-width:701px){.page{padding:0 30px}.exhibition{grid-template-columns:230px minmax(0,1fr) 22px;gap:8px}h1{font-size:39px}h1 span{font-size:88px}.editorial{padding-top:80px}.toolbar{gap:6px}.tool-button{padding:0 11px}.explode-button{min-width:142px;padding:0 12px}.collection{margin-left:0}.intro{max-width:205px}.specifications{gap:20px}.calibre{grid-template-columns:1fr}.calibre strong{display:none}}
@media(max-width:700px){.page{padding:0 22px}.masthead{height:66px;gap:10px}.wordmark{font-size:17px;letter-spacing:3px;gap:9px}.wordmark svg{width:25px;height:25px}.collection{display:none}.language{gap:8px}.exhibition{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;gap:0}.editorial{padding-top:23px}.edition{font-size:8px;letter-spacing:1.2px}.tiny-line{width:20px}h1{font-size:39px;margin:14px 0 10px;letter-spacing:0;white-space:nowrap}h1 span{display:inline;font-size:46px;letter-spacing:-1px;margin-left:6px}h2{font-size:16px;letter-spacing:1.6px;margin:0;line-height:1.5}h2 br{display:none}.intro{display:none}.material-note{position:absolute;right:0;top:108px;margin:0;font-size:9px;gap:7px}.material-note small{display:none}.material-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 2px #24404b,0 0 0 1px #74858970}.stage-shell{height:443px;padding-top:25px;margin:0 -15px}.stage-meta{font-size:8px;padding-left:13px;padding-right:12px}.reference{font-size:8px}.stage-meta:after{display:none}#stage{min-height:280px}.stage-caption{font-size:8px;margin-top:-12px;margin-bottom:15px;letter-spacing:1px}.toolbar{gap:6px}.toolbar button{min-height:45px;font-size:11px;gap:7px}.explode-button{min-width:149px;padding:0 15px}.tool-button{padding:0 13px}.toolbar button svg{width:17px;height:17px}.gesture{font-size:9px;margin:10px 0 15px}.depth-scale{display:none}.specifications{height:auto;min-height:110px;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0 18px}.spec{gap:10px}.spec:nth-child(3){border:0}.spec>span{font-size:8px;letter-spacing:.6px}.spec strong{font-size:24px}.spec small{font-size:10px}.calibre{grid-column:1/-1;display:flex;justify-content:space-between;gap:4px;border-top:1px solid var(--rule);padding-top:14px;margin-top:1px}.calibre>span{font-size:8px;letter-spacing:.2px}.calibre strong{font-size:13px}.calibre small{font-size:8px}.exploded .editorial{padding-top:20px}.exploded h1{font-size:31px;margin:10px 0 8px}.exploded h1 span{font-size:37px}.exploded h2{font-size:14px}.exploded .stage-shell{height:419px;padding-top:16px}.exploded .construction{margin-top:12px}.construction-top,.layer-detail{display:none}.construction ol{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 11px;margin:0}.construction li button{padding:5px 0;font-size:8px;gap:5px}.construction li button:before{font-size:7px;min-width:9px}.exploded .stage-caption{display:none}.exploded #stage{min-height:285px}.exploded .specifications{padding-top:16px}.ocean{background:radial-gradient(ellipse at 54% 43%,#1b4953,#0a2b38 40%,#051a26 80%)}.caustic{width:170%;left:-40%;opacity:.14}}
@media(max-height:760px) and (min-width:701px){.masthead{height:75px}.exhibition{height:calc(100svh - 175px);min-height:535px}.editorial{padding-top:35px}h1{font-size:41px;margin-top:19px}h1 span{font-size:84px}h2{font-size:20px}.material-note{margin-top:22px}.specifications{height:100px;padding:20px 0}.gesture{margin-bottom:12px}.depth-scale{padding-top:65px}.ruler{height:280px}.exploded .editorial{padding-top:24px}.construction li button{padding:7px 0}}
/* Absolute canvas dimensions do not participate in the observed flex layout. */
#stage canvas{position:absolute;inset:0}#stage{contain:layout}
.lume-mode .ocean{filter:none}.lume-mode .ocean:after{opacity:.36}
@media(max-width:700px){.caustic{width:110%;left:-5%}}
@media(prefers-reduced-motion:reduce){.caustic{animation-duration:90s}.water-column{animation-duration:95s}button{transition:none}}