@charset "UTF-8";
:root{--ink:#e8eeed;--muted:#a6b3b5;--line:#cde4e724;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--cn:'Songti SC','Songti TC','Noto Serif CJK SC','Noto Serif CJK TC','SimSun',serif;--accent:#c8dfe2;--case-size:294px;--pointer-x:.5;--pointer-y:.5}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080d10;scrollbar-color:#465a60 #080d10}body{margin:0;background:#080d10;color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at calc(var(--pointer-x,.5)*100%) calc(var(--pointer-y,.5)*100%),#aac8d907,transparent 36%);pointer-events:none;z-index:8}main{overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:transparent}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:1px solid #b5dbe1;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font:12px/1.7 var(--sans);text-transform:uppercase;letter-spacing:.19em;display:flex;align-items:center;gap:11px;margin:0 0 30px;color:var(--muted)}.micro-label{font:12px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0}.small-orbit{display:inline-block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}
.hero{height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#080d10;color:var(--ink);--hero-ink:#edf0e9;--hero-muted:#b6c2c2;--hero-line:#d9ebed26;--scroll-progress:0}#atmosphere{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;z-index:-3;outline-offset:-7px!important}.hero-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#080d102e,transparent 60%),linear-gradient(0deg,#080d10b3,transparent 24%,transparent 80%,#080d101f)}
.masthead{position:absolute;left:4.6%;right:4.6%;top:0;height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--hero-line);color:var(--hero-ink)}.identity{display:inline-flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.2em;white-space:nowrap}.identity-mark{width:31px;height:31px;position:relative;display:block}.identity-mark i{position:absolute;width:17px;height:27px;left:7px;top:2px;border:1px solid currentColor;border-radius:50%;transform:rotate(43deg)}.identity-mark i:last-child{transform:rotate(-43deg)}.masthead-right{display:flex;align-items:center;gap:55px}.collection-link{font-size:12px;display:flex;align-items:center;gap:24px}.collection-link span:last-child{font-size:18px}.language-control{position:relative;display:flex;align-items:center}.language-control:before{content:"";width:1px;height:18px;background:var(--hero-line);position:absolute;left:-26px}.language-control select{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:10px 21px 10px 7px;cursor:pointer;min-width:58px;font-size:12px;letter-spacing:.07em;border-radius:0}.language-control option{color:#edf0e9;background:#172125}.select-arrow{position:absolute;right:1px;font-size:13px;pointer-events:none}
.hero-copy{position:absolute;left:7%;top:34%;max-width:660px;pointer-events:none;transform:translate3d(var(--drift-x,0px),calc(var(--drift-y,0px) - var(--scroll-progress,0)*95px),0);opacity:calc(1 - var(--scroll-progress,0)*.65);will-change:transform,opacity;transform-origin:20% 60%}.hero-copy h1,.hero-copy .hero-description{pointer-events:auto;user-select:text}.hero .eyebrow{color:var(--hero-muted)}h1{font:400 clamp(66px,6.3vw,108px)/.98 var(--serif);letter-spacing:-.055em;margin:0;color:var(--hero-ink);text-shadow:var(--drift-x,0px) var(--drift-y,0px) 45px #9ccad71c}h1>span,h1>em{display:block;position:relative}h1>em{font-weight:400;font-size:1.04em;line-height:1.17;letter-spacing:-.07em;text-shadow:calc(var(--drift-x,0px)*-.3) 0 1px #b9e5ee30,calc(var(--drift-x,0px)*.3) 0 1px #dbbcd329}h1>span{white-space:nowrap}.hero-description{color:var(--hero-muted);font-size:14px;line-height:1.9;margin:31px 0 0;max-width:320px;white-space:pre-line}.hero-copy:after{content:"";display:block;width:80px;height:1px;margin-top:32px;background:linear-gradient(90deg,#bddfe266,transparent);transform:translateX(calc(var(--drift-x,0px)*-.45));opacity:.45}
.hero-bottom{position:absolute;bottom:43px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;color:var(--hero-ink)}.material-studies>.micro-label{color:var(--hero-muted);margin-bottom:16px}.study-controls{display:flex;align-items:center;gap:27px}.study-button{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--hero-muted);font-size:12px;line-height:1;letter-spacing:.035em;min-height:34px;transition:color .3s}.study-number{font-size:10px;opacity:.65}.study-button i{position:absolute;height:1px;width:0;bottom:0;left:0;background:currentColor;transition:width .5s}.study-button[aria-pressed=true]{color:var(--hero-ink)}.study-button[aria-pressed=true] i{width:100%}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.045em;padding:10px 0}.scroll-cue>span:last-child{font-size:19px;font-weight:100;margin-left:3px}.scroll-line{width:35px;height:1px;background:currentColor;opacity:.6}.touch-hint{display:flex;align-items:center;gap:13px;color:var(--hero-muted);font-size:12px;line-height:1.8;margin:0;max-width:225px}.touch-symbol{font:32px var(--serif);color:var(--hero-ink)}.material-caption{position:absolute;right:4.6%;top:45%;display:flex;align-items:center;gap:10px;color:var(--hero-muted);pointer-events:none}.caption-line{width:38px;height:1px;background:currentColor;opacity:.6}.material-index{font:10px/1 Consolas,monospace;writing-mode:vertical-rl;letter-spacing:.2em}.hero-boundary{position:absolute;height:50px;width:1px;background:var(--hero-line);bottom:0;left:50%;transform:translateY(50%);z-index:3}body[data-study=nacre] .hero{--hero-ink:#252f2b;--hero-muted:#3e5047;--hero-line:#20372b38}body[data-study=nacre] .hero-shade{background:linear-gradient(90deg,#c8d1bb15,transparent 65%),linear-gradient(0deg,#bbcab85c,transparent 25%)}body[data-study=nacre] .language-control option{background:#d9dfcf;color:#283429}
.spectral-section{position:relative;isolation:isolate;padding:60px 6.2% 90px;overflow:hidden;background:#080d10}.spectral-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at calc(var(--pointer-x,.5)*100%) calc(var(--pointer-y,.5)*100%),#77aeb50a,transparent 48%)}.section-rule{display:flex;align-items:center;gap:20px;max-width:1320px;margin:0 auto 45px;color:#789195;font:10px/1 var(--sans);letter-spacing:.2em}.section-rule i{height:1px;flex:1;background:linear-gradient(90deg,#94bdc52d,#94bdc509)}.section-rule>span:last-child{font-size:9px}
.about-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}.about-figure{height:550px;position:relative;min-width:0}.about-figure canvas{display:block;width:100%;height:100%;touch-action:pan-y;mask-image:radial-gradient(ellipse at center,#000 20%,#000b 50%,transparent 75%)}.figure-axis{position:absolute;inset:10% 50%;width:1px;background:linear-gradient(transparent,#a9d3dd20,transparent);pointer-events:none}.figure-caption{position:absolute;left:0;right:0;bottom:15px;margin:0;color:#92a9ad;text-align:center;font-size:12px;letter-spacing:.04em}.about-copy{max-width:430px}.about-copy h2{font:400 clamp(52px,5.2vw,76px)/1.05 var(--serif);letter-spacing:-.055em;white-space:pre-line;margin:0 0 32px}.about-copy>p:not(.eyebrow){color:#acbdc0;font-size:15px;line-height:2.1;max-width:365px;white-space:pre-line}.quiet-link{display:inline-flex;align-items:center;gap:45px;font-size:12px;padding:16px 0 10px;border-bottom:1px solid #c7e4e43d;margin-top:13px;transition:color .3s}.quiet-link:hover{color:#c2f2f5}
.collection{padding-top:45px;padding-bottom:95px}.collection-heading{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;align-items:end}.collection-heading .eyebrow{margin-bottom:24px}.collection h2{font:400 clamp(43px,4.25vw,66px)/1.07 var(--serif);letter-spacing:-.045em;margin:0;white-space:pre-line}.collection-description{font-size:14px;line-height:1.95;color:var(--muted);max-width:255px;margin:0 0 2px;white-space:pre-line}.carousel-stage{height:510px;margin:18px -7.1% 0;position:relative;perspective:1600px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;cursor:grab;outline-offset:-15px!important}.carousel-stage:active{cursor:grabbing}.carousel-track{position:absolute;inset:0;transform-style:preserve-3d}.stage-orbit{position:absolute;width:80%;height:140px;left:10%;top:62%;border:1px solid #bbecf00f;border-radius:50%;box-shadow:0 0 0 85px #c6eff005,0 0 0 175px #c6eff002;transform:rotateX(65deg);pointer-events:none}.stage-light{position:absolute;width:48%;height:280px;left:26%;top:21%;background:radial-gradient(ellipse,#9ad4de0d,transparent 65%);pointer-events:none;z-index:-1;filter:blur(20px)}
.cd-case.holo-object{position:absolute;width:var(--case-size);height:calc(var(--case-size)*1.13);left:50%;top:50%;margin:calc(var(--case-size)*-.565) 0 0 calc(var(--case-size)/-2);padding:0;border:0;background:transparent;color:#c6dce0;text-align:center;transform-style:preserve-3d;will-change:transform;cursor:pointer;opacity:calc(.35 + var(--object-light,.2)*.65);filter:brightness(calc(.35 + var(--object-light,.2)*.65));transition:transform .9s cubic-bezier(.18,.75,.18,1),filter .9s,opacity .9s}
.holo-object .object-art{display:block;position:absolute;inset:0 0 36px;transform:translateZ(5px);mask-image:radial-gradient(ellipse at 50% 48%,#000 30%,#000d 60%,transparent 77%)}.object-art canvas{display:block;width:100%;height:100%;pointer-events:none}.holo-object:before{content:"";position:absolute;left:12%;right:12%;bottom:42px;height:25px;background:radial-gradient(ellipse,#b5e7ed1a,transparent 68%);filter:blur(8px);opacity:var(--object-light,.2);transform:rotateX(68deg);pointer-events:none}.holo-object:after{content:"";position:absolute;left:50%;top:12%;bottom:15%;width:1px;background:linear-gradient(transparent,#dcf8ff12,transparent);pointer-events:none;opacity:.4}.object-number{position:absolute;top:10px;left:25px;font-size:10px;letter-spacing:.2em;color:#89b0b7;opacity:.65}.object-label{position:absolute;bottom:8px;left:10px;right:10px;font:400 21px/1.15 var(--serif);letter-spacing:-.025em;color:#b9cdd2;transition:color .7s}.holo-object.is-active{color:#e7f6f7;filter:brightness(1.13);opacity:1}.holo-object.is-active .object-art{filter:drop-shadow(0 0 11px #c8f0ff1f)}.holo-object.is-active .object-label{color:#ecf6f4}.holo-object.is-active .object-number{color:#cbe4e7;opacity:.85}.holo-object:focus-visible{outline:1px solid #bddbe355;outline-offset:0;border-radius:48%}.is-dragging .holo-object{transition:none;cursor:grabbing}
.collection-console{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;margin-top:-8px}.record-meta{text-align:center;max-width:440px}.record-meta .micro-label{color:#8aa7ae;letter-spacing:.2em;font-size:11px}.record-meta h3{font:400 38px/1.2 var(--serif);letter-spacing:-.03em;margin:12px 0 10px}.record-meta>p:last-child{margin:0;color:#9cb3b8;font-size:12px;line-height:1.8;letter-spacing:.04em}.drag-hint{font-size:12px;color:#829da4;text-align:center;margin:28px auto 0;letter-spacing:.03em;max-width:420px}
.site-footer{display:flex;align-items:center;gap:20px;border-top:1px solid #c6e4eb1c;padding:28px 6.2%;color:#8da3a8;font-size:12px;background:#080d10}.footer-mark{font:27px/1 var(--serif);color:#bdd5da}.site-footer p{margin:0}.site-footer a{margin-left:auto;color:#afc2c5;padding:7px 0}.site-footer a:hover{color:#ecf6f4}
#record-dialog{position:fixed;width:min(790px,calc(100% - 40px));max-height:88svh;overflow:auto;color:#e5f0ef;border:1px solid #c1e2e52b;background:#091115ed;padding:0;box-shadow:0 40px 130px #0009;border-radius:2px}#record-dialog::backdrop{background:#03080bd9;backdrop-filter:blur(15px)}.dialog-close{position:absolute;right:18px;top:16px;z-index:3;width:40px;height:40px;border:1px solid #c1e6e729;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:100;line-height:1}.record-art-wrap{height:330px;position:relative;background:radial-gradient(ellipse at center,#a1d0d907,transparent 65%)}#record-art{display:block;width:100%;height:100%;mask-image:radial-gradient(ellipse,#000 15%,#000b 55%,transparent 80%);touch-action:pan-y}.record-dialog-copy{padding:0 48px 42px;position:relative}.record-dialog-copy .eyebrow{color:#9cbfc5;margin-bottom:16px}#record-dialog h2{font:400 49px/1.12 var(--serif);letter-spacing:-.04em;margin:0 0 20px}#dialog-body{font-size:14px;line-height:2;color:#b0c4c8;max-width:560px;white-space:pre-line;margin:0}.canvas-fallback{position:absolute;left:7%;top:66%;max-width:300px;color:#b8d0d4;font-size:14px;line-height:1.8}
html[lang^=zh] body{font-family:var(--cn)}html[lang^=zh] .eyebrow,html[lang^=zh] .micro-label{font-family:var(--cn);letter-spacing:.14em}html[lang^=zh] h1{font-family:var(--cn);font-size:clamp(62px,6.1vw,96px);line-height:1.22;letter-spacing:.015em}html[lang^=zh] h1 em{font-style:normal;line-height:1.35;letter-spacing:.015em}html[lang^=zh] .hero-description{line-height:2.2;max-width:300px;letter-spacing:.06em}html[lang^=zh] .hero-copy{top:32%}html[lang^=zh] .about-copy h2,html[lang^=zh] .collection h2{font-family:var(--cn);letter-spacing:.025em;font-size:clamp(40px,4.2vw,62px)}html[lang^=zh] .object-label{font-family:var(--cn);font-size:23px;letter-spacing:.08em}html[lang^=zh] .record-meta h3,html[lang^=zh] #record-dialog h2{font-family:var(--cn);letter-spacing:.05em}html[lang^=zh] #record-dialog h2{font-size:42px}
@media(min-width:1700px){.hero-copy{left:10%;top:34%}.hero-bottom,.masthead{left:5.5%;right:5.5%}.hero-bottom{bottom:52px}.carousel-stage{height:580px;--case-size:330px}.about-layout{gap:85px}.about-figure{height:610px}}
@media(max-width:1100px){.hero{min-height:690px}.hero-copy{left:6%;top:35%;max-width:650px}h1{font-size:clamp(65px,7.5vw,90px)}.masthead{height:94px}.masthead-right{gap:35px}.language-control:before{left:-17px}.study-controls{gap:20px}.hero-bottom{gap:20px}.touch-hint{max-width:185px}.scroll-cue{gap:10px}.material-caption{right:3%;top:48%}.spectral-section{padding-left:5%;padding-right:5%}.about-layout{gap:25px;grid-template-columns:1.15fr 1fr}.about-figure{height:480px}.about-copy h2{font-size:57px}.about-copy>p:not(.eyebrow){font-size:14px}.collection h2{font-size:51px}.collection-description{max-width:205px}.carousel-stage{height:470px;--case-size:270px}}
@media(max-width:750px){.hero{min-height:690px}.hero-copy{top:23%;left:6%;max-width:90%}h1{font-size:clamp(56px,10.5vw,79px)}.masthead{height:86px;left:6%;right:6%}.identity{font-size:9px;letter-spacing:.15em;gap:11px}.identity-mark{width:24px;height:27px}.identity-mark i{height:23px;width:14px;left:5px}.masthead-right{gap:17px}.collection-link{font-size:11px;gap:11px}.language-control:before{display:none}.language-control select{font-size:11px}.hero-description{margin-top:24px;max-width:270px}.hero .eyebrow{margin-bottom:24px}.hero-copy:after{margin-top:25px;width:55px}.hero-bottom{left:6%;right:6%;bottom:33px;flex-wrap:wrap;gap:18px}.material-studies{width:100%}.material-studies>.micro-label{margin-bottom:9px}.study-controls{gap:24px}.study-button{gap:8px}.scroll-cue{padding:0;gap:8px}.touch-hint{max-width:156px;margin-left:auto;line-height:1.7}.touch-symbol{font-size:27px}.scroll-line{width:16px}.material-caption{top:54%;right:6%;opacity:.65}.caption-line{width:22px}.hero-boundary{display:none}.spectral-section{padding:45px 6% 65px}.section-rule{margin-bottom:24px;gap:15px}.about-layout{display:flex;flex-direction:column;gap:12px;align-items:stretch}.about-figure{height:340px;order:1;margin:0 -7%}.figure-caption{font-size:12px;bottom:6px}.about-copy{order:0;max-width:100%;padding-top:17px}.about-copy h2{font-size:47px;margin-bottom:23px;max-width:310px}.about-copy>p:not(.eyebrow){font-size:14px;max-width:320px;line-height:2}.about-copy .eyebrow{margin-bottom:22px}.quiet-link{margin-top:3px}.collection-heading{display:block}.collection-heading .eyebrow{margin-bottom:20px}.collection h2{font-size:42px}.collection-description{margin:21px 0 0;max-width:300px}.carousel-stage{height:420px;margin:18px -6.82% 0;perspective:1200px;--case-size:235px}.stage-orbit{width:120%;left:-10%;height:95px;top:67%;box-shadow:0 0 0 50px #c6eff003,0 0 0 100px #c6eff002}.stage-light{left:5%;width:90%;height:240px;top:22%}.holo-object .object-art{inset:0 0 30px}.object-label{font-size:20px;bottom:0}.object-number{font-size:10px;top:5px;left:19px}.collection-console{margin-top:-8px}.record-meta{max-width:300px}.record-meta h3{font-size:33px}.record-meta>p:last-child{font-size:12px}.drag-hint{font-size:12px;line-height:1.9;max-width:295px;margin-top:24px}.site-footer{gap:12px;font-size:12px;flex-wrap:wrap;padding:25px 6%}.footer-mark{font-size:23px}.site-footer p{max-width:200px}.site-footer a{white-space:nowrap;margin-left:auto}.record-art-wrap{height:280px}.record-dialog-copy{padding:0 28px 32px}#record-dialog h2{font-size:40px}#dialog-body{font-size:14px}html[lang^=zh] h1{font-size:clamp(47px,8vw,66px);line-height:1.3}html[lang^=zh] .hero-copy{top:23%;left:7%}html[lang^=zh] .hero-description{max-width:260px;margin-top:24px}html[lang^=zh] .about-copy h2,html[lang^=zh] .collection h2{font-size:37px}html[lang^=zh] .object-label{font-size:22px}html[lang^=zh] #record-dialog h2{font-size:34px}.canvas-fallback{top:60%}}
@media(max-width:400px){.identity{font-size:8px;letter-spacing:.11em;gap:8px}.masthead-right{gap:10px}.collection-link{font-size:10px;gap:7px}.language-control select{padding-right:16px;min-width:47px}h1{font-size:56px}.touch-hint{max-width:135px;font-size:11px}.scroll-cue{font-size:11px}.study-controls{gap:22px}.collection h2{font-size:38px}.about-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy{transform:none;will-change:auto;opacity:1}.hero-copy h1,.hero-copy h1 em{ text-shadow:none}.holo-object{will-change:auto}}

/* Key light is reserved for the centred artefact; distant contours remain legible. */
.cd-case.holo-object{opacity:calc(.5 + var(--object-light,.2)*.5);filter:brightness(calc(.5 + var(--object-light,.2)*.5))}.holo-object.is-active{opacity:1;filter:brightness(1.7)}.holo-object.is-active .object-art{filter:drop-shadow(0 0 18px #c8f0ff38)}
/* Adaptive touch layouts and glyph-free controls. */
.collection-link span,.scroll-cue>span:last-child{font-size:12px}.question-submit-row button span:last-child{font-size:14px}
.dialog-close,.question-dialog-close{position:absolute;min-width:44px;min-height:44px}
.dialog-close:before,.dialog-close:after,.question-dialog-close:before,.question-dialog-close:after{content:"";position:absolute;left:50%;top:50%;width:15px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.dialog-close:after,.question-dialog-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.language-control:after{content:"";position:absolute;right:5px;top:46%;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
.language-control select{min-height:44px;min-width:64px}.study-button{min-height:44px}.collection-link,.quiet-link{min-height:44px}
.carousel-stage,.carousel-track,.holo-object,.object-art{touch-action:pan-y}.carousel-stage{overscroll-behavior-x:contain}
@media(pointer:coarse){.holo-object{transition-duration:.42s}.carousel-stage{cursor:default}.holo-object .object-art{filter:none}.about-figure canvas{touch-action:pan-y}}
@media(max-width:1024px){.masthead{left:5%;right:5%;height:86px}.hero-copy{left:6%;max-width:86%}.identity{font-size:11px;letter-spacing:.13em}.masthead-right{gap:20px}.spectral-section{padding:42px 5% 62px}.section-rule{margin-bottom:26px}.about-layout{gap:28px}.about-copy h2{font-size:clamp(40px,5.5vw,57px)}.about-figure{height:380px}.about-copy>p:not(.eyebrow){line-height:1.95}.carousel-stage{height:420px;--case-size:260px}.collection-description{max-width:250px}.record-meta>p:last-child{max-width:90%;margin:12px auto 0}.questions{padding:65px 5%}.question-bottom{gap:42px}.question-carrier small,.carrier-reply-state{font-size:12px!important}}
@media(max-width:600px){
 .hero{height:100svh;min-height:640px}.masthead{height:74px;gap:10px}.identity{font-size:9px;letter-spacing:.10em;gap:9px}.identity-mark{width:23px;height:26px}.masthead-right{gap:12px}.collection-link span{font-size:11px}.language-control select{font-size:12px;min-width:59px}.hero-copy,html[lang^=zh] .hero-copy{top:22%;left:7%;max-width:86%}h1{font-size:clamp(43px,12vw,60px)}html[lang^=zh] h1{font-size:clamp(42px,11.8vw,54px)}.hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:22px}.hero-description{font-size:13px;max-width:86%;margin-top:22px}.hero-copy:after{margin-top:20px}.hero-bottom{left:7%;right:7%;bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;align-items:center}.material-studies{grid-column:1/-1}.material-studies>.micro-label{font-size:11px;margin-bottom:2px}.study-controls{display:flex;justify-content:space-between;gap:12px}.study-button{font-size:12px;gap:7px}.study-number{font-size:10px}.scroll-cue{min-width:0;gap:0;line-height:1.6}.scroll-line{display:none}.scroll-cue>span:last-child{font-size:12px}.touch-hint{font-size:12px;justify-self:end;max-width:150px;text-align:right;line-height:1.6}.material-caption{display:none}.about-layout{display:flex;gap:12px}.about-copy{padding-top:8px}.about-copy .eyebrow{font-size:11px;margin-bottom:18px}.about-copy h2{font-size:42px;max-width:none;margin-bottom:20px}.about-copy>p:not(.eyebrow){max-width:none;line-height:1.95;font-size:14px}.about-figure{height:clamp(260px,70vw,360px);margin:0 -5.5%}.figure-caption{bottom:0;font-size:12px}.collection-heading h2,.collection h2{font-size:38px}.collection-description{font-size:14px;max-width:290px;margin-top:18px}.carousel-stage{height:350px;--case-size:220px;margin-top:8px}.object-label{font-size:19px;line-height:1.25}.record-meta h3{font-size:30px}.record-meta>p:last-child{font-size:12px;line-height:1.8;max-width:95%;overflow-wrap:anywhere}.drag-hint{font-size:12px;margin-top:20px;max-width:260px}.questions{padding:52px 6%}.questions h2{font-size:37px}.questions-heading>p{font-size:14px;max-width:none}.question-field{height:350px}.question-carrier{width:260px;min-height:126px;padding:23px 30px}.question-bottom{gap:22px;margin-top:14px}.question-local-note{font-size:13px}.question-form input[type=text],.question-form textarea{font-size:16px}.question-form fieldset label{min-height:44px}.question-form input[type=radio]{width:16px;height:16px}.question-form fieldset{gap:24px;margin-bottom:18px}.question-submit-row button{min-height:44px}.question-char-count{font-size:12px}.questions .question-dialog{width:calc(100% - 28px);padding:66px 25px 28px;max-height:85svh}.captured-state{font-size:12px;flex-wrap:wrap;gap:8px}.question-dialog h2{font-size:27px}#record-dialog{width:calc(100% - 24px);max-height:90svh}.record-art-wrap{height:260px}.record-dialog-copy{padding:0 23px 28px}.site-footer{gap:12px;padding:24px 6%;font-size:12px;line-height:1.8}.site-footer a{margin-left:0}
}
@media(max-width:600px) and (max-height:760px){.hero-copy,html[lang^=zh] .hero-copy{top:20%}.hero-description{margin-top:17px}.hero-copy:after{display:none}.material-studies>.micro-label{display:none}.hero-bottom{gap:10px;bottom:18px}.hero .eyebrow{margin-bottom:18px}.hero-copy h1{font-size:clamp(42px,11vw,50px)}}
@media(orientation:landscape) and (max-height:600px){.hero{min-height:540px}.masthead{height:70px}.hero-copy,html[lang^=zh] .hero-copy{top:28%}h1{font-size:55px}.hero-bottom{bottom:22px}.about-figure{height:320px}.questions{padding-top:45px}}
.masthead .collection-link{white-space:nowrap;flex-shrink:0}.masthead .collection-link span:last-child{font-size:12px}.questions .question-submit-row button span:last-child{font-size:14px}
@media(max-width:600px){.masthead .collection-link span:last-child{font-size:11px}.holo-object:not(.is-active) .object-label,.holo-object:not(.is-active) .object-number{visibility:hidden}.holo-object[data-depth="2"],.holo-object[data-depth="3"]{opacity:0;visibility:hidden;pointer-events:none}.holo-object.is-active .object-label{font-size:20px}.record-meta>p:last-child{white-space:normal}}
@media(min-width:601px) and (max-width:1024px) and (orientation:portrait){.hero-copy,html[lang^=zh] .hero-copy{top:24%;left:7%}h1{font-size:clamp(60px,8.4vw,82px)}html[lang^=zh] h1{font-size:clamp(58px,7.8vw,76px)}.hero-description{max-width:330px}}