:root{--bg-0: #f6f0e6;--bg-1: #e2d1bb;--bg-2: #c7b093;--ink-strong: #211913;--ink: #33271d;--ink-soft: #665343;--line: rgba(77, 52, 32, .14);--line-strong: rgba(77, 52, 32, .24);--surface: rgba(255, 248, 239, .72);--surface-strong: rgba(249, 239, 226, .88);--surface-dark: rgba(27, 20, 16, .72);--accent: #c89b58;--accent-soft: #efdcb8;--shadow-xl: 0 28px 80px rgba(52, 34, 18, .22);--shadow-lg: 0 18px 40px rgba(52, 34, 18, .14);--shadow-md: 0 10px 24px rgba(52, 34, 18, .12);--font-display: "Iowan Old Style", "Palatino Linotype", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--font-body: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 0% 0%,rgba(232,214,186,.92),transparent 34%),radial-gradient(circle at 88% 10%,rgba(171,132,91,.24),transparent 28%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 58%,var(--bg-2) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 35%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 18px);opacity:.45}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid rgba(200,155,88,.9);outline-offset:3px}#wrap{position:relative;min-height:100vh}.screen{width:100%}#gallery{min-height:100vh;overflow-x:hidden}.gallery-shell{position:relative;width:min(1360px,100%);margin:0 auto;padding:28px clamp(20px,4vw,56px) 56px}.hero{position:relative;display:flex;align-items:center;min-height:calc(100vh - 84px);padding:28px 0 36px}.hero:before{content:"";position:absolute;right:-6%;top:8%;width:min(40vw,520px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(245,225,191,.9) 0%,rgba(200,155,88,.12) 55%,transparent 72%);filter:blur(18px);opacity:.9;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(28px,4vw,56px);width:100%;align-items:end}.eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#4d34209e}.hero-copy h1,.section-heading h2,.card-title,.viewer-header h2,.panel .title,.curation-card h2{font-family:var(--font-display)}.hero-copy h1{margin:0;max-width:8ch;font-size:clamp(48px,8vw,96px);line-height:.96;letter-spacing:-.03em;color:var(--ink-strong)}.hero-text{max-width:38rem;margin:26px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.95;color:var(--ink-soft)}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.primary-btn{border:none;border-radius:999px;padding:14px 24px;color:#fff8ef;background:linear-gradient(135deg,#2b2017,#5a4129);box-shadow:0 16px 34px #2f1f1338;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px #2f1f1347;filter:saturate(1.08)}.mini-note{margin:0;max-width:22rem;font-size:13px;line-height:1.8;color:#4d3420b8}.hero-side{display:grid;gap:16px}.curation-card{position:relative;overflow:hidden;border:1px solid rgba(255,244,230,.12);border-radius:30px;padding:30px;color:#f7efe4;background:linear-gradient(180deg,#1f1712e6,#402e1fdb);box-shadow:var(--shadow-xl)}.curation-card:after{content:"";position:absolute;inset:auto -14% -36% 34%;height:62%;border-radius:999px;background:radial-gradient(circle,rgba(244,208,148,.48) 0%,transparent 65%);filter:blur(12px)}.card-label{position:relative;z-index:1;margin:0 0 14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#f7efe49e}.curation-card h2{position:relative;z-index:1;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.03em}.curation-card p:last-child{position:relative;z-index:1;margin:18px 0 0;font-size:14px;line-height:1.9;color:#f7efe4d1}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{display:flex;flex-direction:column;justify-content:space-between;min-height:118px;padding:20px;border:1px solid rgba(255,250,245,.5);border-radius:24px;background:#fff9f280;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}.stat strong{font-family:var(--font-display);font-size:clamp(30px,4vw,46px);line-height:1;color:var(--ink-strong)}.stat span{font-size:13px;line-height:1.6;color:#4d3420b8}.gallery-intro{padding:36px 0 6px}.section-heading{display:grid;gap:10px;max-width:52rem;margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.04;color:var(--ink-strong)}.section-heading p:last-child{margin:0;font-size:15px;line-height:1.9;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff8f0ad;box-shadow:var(--shadow-lg);transform:translateY(24px);opacity:0;animation:fade-up .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay, 0ms);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card:hover{transform:translateY(-6px);border-color:#4d342038;box-shadow:0 26px 48px #3422122e}.card-media{position:relative;min-height:280px;background-color:#d4c3ac;background-size:cover;background-position:center}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#130d0a0f,#130d0a66),radial-gradient(circle at 20% 18%,rgba(255,255,255,.28),transparent 28%)}.card-overlay{position:absolute;inset:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;padding:18px}.card-index,.card-chip{display:inline-flex;align-items:center;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-index{padding:8px 12px;background:#211913b8;color:#fff2df;font-size:12px;letter-spacing:.18em}.card-chip{padding:8px 12px;background:#fff8eecc;border:1px solid rgba(255,248,238,.32);color:var(--ink);font-size:12px}.card-body{display:grid;gap:16px;padding:22px 22px 24px}.card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.card-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#4d342094}.card-title{margin:0;font-size:34px;line-height:1.02;color:var(--ink-strong)}.card-cta{flex-shrink:0;padding:10px 14px;border-radius:999px;background:#2b201714;color:var(--ink);font-size:12px}.card-summary{margin:0;font-size:14px;line-height:1.9;color:var(--ink-soft)}.card-meta{display:flex;gap:10px;flex-wrap:wrap}.card-meta span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(77,52,32,.1);border-radius:999px;background:#ffffff75;color:#4d3420cc;font-size:12px}#viewer{min-height:100vh;overflow:hidden;background:#120d0a}.viewer-shell{position:relative;width:100%;height:100vh;background:radial-gradient(circle at 18% 18%,rgba(217,178,110,.22),transparent 24%),radial-gradient(circle at 82% 14%,rgba(111,77,53,.22),transparent 22%),linear-gradient(180deg,#1b1512,#0d0907)}.viewer-shell:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0c0806b8,#0c080614 42%,#0c0806b8),linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%)}#mv,model-viewer{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 38%,#f1e3c938,#110c092e 38%,#0a0806)}.viewer-header,.ui,.panel,#arButton,#loader,#arHint{position:fixed;z-index:20}.viewer-header{top:28px;left:clamp(20px,3vw,48px);max-width:min(440px,calc(100vw - 460px));color:#f7efe4}.viewer-header h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.03em}.viewer-header p:last-child{margin:14px 0 0;font-size:14px;line-height:1.8;color:#f7efe4b8}.ui{top:28px;right:clamp(20px,3vw,48px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(560px,54vw)}.ui button{border:1px solid rgba(255,243,227,.16);border-radius:999px;padding:11px 16px;color:#fff2df;background:#17110d8a;box-shadow:0 12px 24px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.ui button:hover{transform:translateY(-1px);background:#201812bd;border-color:#fff3e342}.ui button[aria-pressed=true]{background:#c89b5833;border-color:#e6c69475}.panel{top:132px;right:clamp(20px,3vw,48px);width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 190px);overflow:auto;padding:24px;border:1px solid rgba(255,241,221,.26);border-radius:30px;color:var(--ink);background:#f7ecdde0;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-kicker,.panel-section-title,.detail-item span{letter-spacing:.18em;text-transform:uppercase}.panel-kicker{margin:0;font-size:11px;color:#4d34209e}.panel .title{margin-top:10px;font-size:36px;line-height:1.02;color:var(--ink-strong)}.panel .meta{margin-top:12px;font-size:13px;line-height:1.8;color:#4d3420b8}.panel .desc{margin:16px 0 0;font-size:14px;line-height:1.95;color:#211913e6}.detail-grid{display:grid;gap:10px;margin-top:22px}.detail-item{display:grid;gap:6px;padding:12px 14px;border:1px solid rgba(77,52,32,.08);border-radius:18px;background:#fffaf5b8}.detail-item span{font-size:10px;color:#4d34208a}.detail-item strong{font-size:13px;line-height:1.7;color:var(--ink);font-weight:600}.panel-section{margin-top:22px}.panel-section-title{margin:0 0 12px;font-size:11px;color:#4d342094}.hotspot-list{display:flex;flex-wrap:wrap;gap:10px}.hotspot-chip{border:1px solid rgba(43,32,23,.08);border-radius:999px;padding:10px 14px;color:var(--ink);background:#2b201712;transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}.hotspot-chip:hover{transform:translateY(-1px);border-color:#2b201729}.hotspot-chip.is-active{color:#fff2df;border-color:#ffebd23d;background:linear-gradient(135deg,#2b2017,#5a4129)}#arButton{right:clamp(20px,3vw,48px);bottom:28px;border:none;border-radius:999px;padding:14px 18px;color:#fff4e6;background:linear-gradient(135deg,#a97a39,#e0bc84);box-shadow:0 18px 34px #0000003d}#loader{left:50%;bottom:28px;transform:translate(-50%);width:min(440px,calc(100vw - 40px));padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#19120ec7;box-shadow:0 18px 34px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loader-copy{margin-bottom:10px;font-size:13px;color:#f7efe4e6}.loader-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff1f}#bar{width:0;height:100%;background:linear-gradient(90deg,#d2a86a,#f1e1bd)}#arHint{left:50%;bottom:96px;transform:translate(-50%);max-width:min(480px,calc(100vw - 40px));padding:12px 16px;border-radius:16px;color:#f9f1e7;background:#19120ecc;box-shadow:0 16px 30px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:13px;line-height:1.8;text-align:center}.hotspot{display:inline-flex;align-items:center;gap:8px;border:none;padding:0;background:transparent;transition:transform .22s ease}.hotspot:hover{transform:translateY(-1px)}.hotspot-dot{width:12px;height:12px;border:2px solid rgba(40,28,18,.96);border-radius:999px;background:#f2d8ab;box-shadow:0 0 0 6px #f2d8ab29,0 6px 16px #0000002e;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.hotspot-label{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid rgba(61,43,28,.12);border-radius:999px;color:#2f2218;background:#fff8f0e6;box-shadow:var(--shadow-md);font-size:12px;transition:color .22s ease,background-color .22s ease,border-color .22s ease}.hotspot.is-active .hotspot-dot{transform:scale(1.08);background:#ffc76e;box-shadow:0 0 0 7px #ffc76e38,0 10px 18px #0003}.hotspot.is-active .hotspot-label{border-color:#ffebd23d;color:#fff1e2;background:#1f150deb}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;align-items:start}.hero-copy h1{max-width:none}.viewer-header{max-width:calc(100vw - 40px)}.panel{inset:auto 20px 20px;width:auto;max-height:34vh}.ui{top:auto;right:20px;left:20px;bottom:calc(34vh + 34px);justify-content:flex-start;max-width:none}#arButton{right:20px;bottom:calc(34vh + 128px)}#loader{bottom:calc(34vh + 92px)}#arHint{bottom:calc(34vh + 178px)}}@media(max-width:760px){.gallery-shell{padding:20px 16px 36px}.hero{min-height:auto;padding:18px 0 24px}.hero-copy h1{font-size:clamp(40px,16vw,64px)}.hero-text{font-size:15px}.hero-stats,.grid{grid-template-columns:1fr}.card-media{min-height:220px}.card-header{flex-direction:column;align-items:flex-start}.card-title{font-size:30px}.viewer-header{top:18px;left:16px;right:16px}.viewer-header h2{font-size:32px}.ui{left:16px;right:16px;bottom:calc(36vh + 30px);gap:8px}.ui button{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}.panel{left:16px;right:16px;bottom:16px;max-height:36vh;padding:20px;border-radius:26px}.panel .title{font-size:30px}#arButton{right:16px;bottom:calc(36vh + 118px)}#loader{bottom:calc(36vh + 84px)}#arHint{bottom:calc(36vh + 170px)}.hotspot-label{font-size:11px}}@media(max-width:520px){.hero-actions{align-items:flex-start}.section-heading h2{font-size:34px}.ui button{flex:1 1 100%}#arButton,#loader,#arHint{left:16px;right:16px;width:auto;transform:none}#arButton{bottom:calc(38vh + 138px)}#loader{bottom:calc(38vh + 92px)}#arHint{bottom:calc(38vh + 188px)}}@media(max-width:860px){#viewer{overflow-y:auto}.viewer-shell{display:flex;flex-direction:column;gap:14px;height:auto;min-height:100vh;padding:16px 16px 28px}.viewer-shell:before{background:linear-gradient(180deg,#0c080657,#0c08061f),linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%)}.viewer-header,.ui,.panel,#loader,#arHint{position:relative;inset:auto;width:auto;max-width:none;transform:none;z-index:auto}.viewer-header{order:1;padding-top:env(safe-area-inset-top)}#mv,model-viewer{order:2;position:relative;height:min(54vh,420px);min-height:320px;border-radius:28px;overflow:hidden}.ui{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui button{width:100%;text-align:center}.ui button:last-child{grid-column:1 / -1}#loader{order:4;margin-top:-4px}#arHint{order:5}.panel{order:6;max-height:none;padding:20px;border-radius:24px}#arButton{position:absolute;right:14px;bottom:14px;left:auto;width:auto;transform:none;z-index:4}}@media(max-width:560px){.viewer-shell{padding:14px 14px 22px}.viewer-header h2{font-size:28px}.viewer-header p:last-child{font-size:13px}#mv,model-viewer{height:46vh;min-height:280px;border-radius:24px}.ui button{padding:10px 12px}.panel{padding:18px}.panel .title{font-size:28px}}