@font-face{font-family:"EB Garamond";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323672/EBGaramond-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"EB Garamond";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323668/EBGaramond-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"EB Garamond";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323667/EBGaramond-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:"Inter";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323672/Inter-VariableFont_opsz_wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323677/NotoSerifSC-ExtraLight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323678/NotoSerifSC-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323681/NotoSerifSC-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323680/NotoSerifSC-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323683/NotoSerifSC-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Noto Serif SC";src:url("https://res.cloudinary.com/sogzqizm/raw/upload/v1790323674/NotoSerifSC-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

:root{--ink:#0a0908;--ink-2:#14110f;--umber:#1c1512;--mo:#211d1a;--rice:#e9e2d3;--rice-dim:#b8afa0;--gold:#b08d4f;--gold-dim:#7d6537;--cinnabar:#8f3a2c;--font-han:"Noto Serif SC","Songti SC",serif;--font-serif:"EB Garamond",Georgia,serif;--font-label:"Inter",Arial,sans-serif;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;background:var(--ink);}
body{margin:0;background:var(--ink);color:var(--rice);font-family:var(--font-serif);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul,ol{margin:0;padding:0;list-style:none;}
button,input{font:inherit;}
::selection{background:rgba(143,58,44,.45);color:var(--rice);}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(176,141,79,.16);border-radius:999px;}
::-webkit-scrollbar-thumb:hover{background:rgba(176,141,79,.32);}

.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");}

.eyebrow{margin:0;font:400 10px/1.2 var(--font-label);letter-spacing:.28em;text-transform:uppercase;color:rgba(176,141,79,.82);}

.site-header{position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 24px;mix-blend-mode:difference;pointer-events:none;}
.site-brand,.menu-button,.menu-close{pointer-events:auto;cursor:pointer;}
.site-brand{font:400 13px/1 var(--font-han);letter-spacing:.36em;color:rgba(233,226,211,.92);transition:opacity .35s ease;}
.site-brand:hover{opacity:.7;}
.menu-button,.menu-close{font:400 10px/1 var(--font-label);letter-spacing:.28em;color:rgba(233,226,211,.92);user-select:none;transition:opacity .35s ease;}
.menu-button:hover,.menu-close:hover{opacity:.7;}
.menu-toggle{position:fixed;left:-10000px;}

.chapter-overlay{position:fixed;z-index:85;inset:0;display:flex;align-items:center;justify-content:center;padding:84px 24px 34px;background:rgba(10,9,8,.96);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .65s ease,transform .65s ease,visibility .65s;pointer-events:none;mix-blend-mode:normal;}
.menu-toggle:checked~.chapter-overlay{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.chapter-overlay .menu-close{position:absolute;top:24px;right:24px;}
.chapter-overlay ol{width:min(880px,100%);}
.chapter-overlay li a{display:grid;grid-template-columns:42px 1fr auto;align-items:baseline;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:border-color .35s ease;}
.chapter-overlay li a:hover{border-color:rgba(176,141,79,.36);}
.chapter-overlay li span{font:400 10px/1 var(--font-label);letter-spacing:.25em;color:var(--gold-dim);}
.chapter-overlay li strong{font:300 clamp(26px,6vw,42px)/1.1 var(--font-han);letter-spacing:.12em;transition:color .35s ease;}
.chapter-overlay li a:hover strong{color:var(--gold);}
.chapter-overlay li small{font:400 9px/1.2 var(--font-label);letter-spacing:.18em;text-transform:uppercase;color:rgba(184,175,160,.58);}
.chapter-rail{display:none;}

.dream-section{position:relative;height:100svh;min-height:640px;overflow:hidden;background:var(--ink);}
.dream-bg,.dream-silk,.dream-haze{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;will-change:transform;}

.dream-bg{inset:-5%;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237629/photo-1708281195900-947d740ceea4.webp");background-size:cover;opacity:.42;transform:scale(1.1);transition:transform 1.5s ease;}
.dream-section:hover .dream-bg{transform:scale(1.12) translate(-6px,-4px);}

.dream-section::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,var(--ink),rgba(10,9,8,.38) 42%,var(--ink));}

.dream-silk{z-index:2;top:50%;left:50%;right:auto;bottom:auto;width:min(34vh,52vw);height:78vh;transform:translate(-50%,-50%);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237606/photo-1612744192242-35cd7a7d35e6.webp");background-size:cover;opacity:.27;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);transition:transform 1.4s ease;}
.dream-section:hover .dream-silk{transform:translate(calc(-50% + 7px),calc(-50% + 4px));}

.dream-haze{z-index:3;inset:-8%;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237642/photo-1751202127096-9517c03939ee.webp");background-size:cover;opacity:.12;mix-blend-mode:screen;filter:blur(22px);transition:transform 1.4s ease;}
.dream-section:hover .dream-haze{transform:translate(10px,8px);}

.dream-copy{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center;}
.dream-eyebrow,.dream-copy h1,.dream-en,.scroll-cue{opacity:0;transform:translateY(26px);animation:dream-rise 2.2s ease-out forwards;}
.dream-copy h1{margin:30px 0 0;font:200 clamp(50px,12vw,84px)/1 var(--font-han);letter-spacing:.14em;animation-delay:.35s;}
.dream-en{margin:26px 0 0;font:400 10px/1.4 var(--font-label);letter-spacing:.34em;text-transform:uppercase;color:rgba(184,175,160,.78);animation-delay:.7s;}

.scroll-cue{position:absolute;z-index:12;left:50%;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%,18px);animation-delay:1.25s;}
.scroll-cue span{font:400 9px/1 var(--font-label);letter-spacing:.34em;white-space:nowrap;color:rgba(184,175,160,.68);}
.scroll-cue i{width:1px;height:48px;background:linear-gradient(to bottom,rgba(176,141,79,.7),transparent);animation:pulse-line 1.7s ease-in-out infinite;}

@keyframes dream-rise{
  to{opacity:1;transform:translateY(0);}
}

@keyframes pulse-line{
  0%,100%{opacity:.35;transform:scaleY(.72);transform-origin:top;}
  50%{opacity:1;transform:scaleY(1);}
}

.tomb-section{position:relative;height:420vh;background:var(--ink);view-timeline-name:--tomb;view-timeline-axis:block;}
.tomb-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center;}

.tomb-shaft{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237610/photo-1612744220701-2281691eaf24.webp");background-size:cover;background-position:center;transform:scale(1.25) translateY(-6vh);}

.tomb-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,9,8,.18) 0%,rgba(10,9,8,.46) 72%);}
.tomb-top-fade,.tomb-bottom-fade{position:absolute;left:0;right:0;height:160px;z-index:2;}
.tomb-top-fade{top:0;background:linear-gradient(to bottom,var(--ink),transparent);}
.tomb-bottom-fade{bottom:0;background:linear-gradient(to top,var(--ink),transparent);}

.depth-gauge{display:none;}
.tomb-beats{position:relative;z-index:8;width:min(760px,88vw);height:100%;}

.tomb-beat{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;opacity:0;transform:translateY(24px);}
.tomb-beat h2{margin:0;font:200 clamp(48px,11vw,76px)/1.08 var(--font-han);letter-spacing:.1em;}
.tomb-beat p{margin:0;font:400 clamp(16px,4vw,19px)/1.4 var(--font-serif);font-style:italic;color:rgba(184,175,160,.84);}
.tomb-beat small{font:400 9px/1.4 var(--font-label);letter-spacing:.25em;color:rgba(176,141,79,.72);}
.beat-1{opacity:1;transform:none;}

@supports (animation-timeline:view()){
  .tomb-shaft{animation:tomb-shaft 1s linear both;animation-timeline:--tomb;animation-range:cover 0% cover 100%;}
  .tomb-vignette{animation:tomb-dark 1s linear both;animation-timeline:--tomb;animation-range:cover 0% cover 100%;}
  .beat-1,.beat-2,.beat-3,.beat-4,.beat-5{animation:tomb-beat 1s ease both;animation-timeline:--tomb;}
  .beat-1{animation-range:cover 0% cover 20%;}
  .beat-2{animation-range:cover 18% cover 40%;}
  .beat-3{animation-range:cover 38% cover 60%;}
  .beat-4{animation-range:cover 58% cover 80%;}
  .beat-5{animation-range:cover 78% cover 100%;}
  .depth-line i{animation:depth-dot 1s linear both;animation-timeline:--tomb;animation-range:cover 0% cover 100%;}
}

@keyframes tomb-shaft{
  from{transform:scale(1.25) translateY(-6vh);filter:blur(0);}
  to{transform:scale(.72) translateY(10vh);filter:blur(5px);}
}

@keyframes tomb-dark{
  from{background:radial-gradient(ellipse at center,rgba(10,9,8,.18) 0%,rgba(10,9,8,.46) 72%);}
  to{background:radial-gradient(ellipse at center,rgba(10,9,8,.43) 0%,rgba(10,9,8,.96) 72%);}
}

@keyframes tomb-beat{
  0%{opacity:0;transform:translateY(22px);}
  22%,68%{opacity:1;transform:translateY(0);}
  100%{opacity:0;transform:translateY(-12px);}
}

@keyframes depth-dot{
  from{top:0;}
  to{top:calc(100% - 24px);}
}

.han-section{position:relative;min-height:100svh;overflow:hidden;background:var(--ink);}
.realm-bg,.han-shade{position:absolute;inset:0;}
.realm-bg{background-size:cover;background-position:center;opacity:0;transform:scale(1);transition:opacity 1.1s ease,transform 1.1s ease;}

.realm-bg-clothing{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237648/photo-1786631322916-7c07e2ffbb4b.webp");}
.realm-bg-food{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237610/photo-1614819765884-f9dba536ca46_1.webp");}
.realm-bg-music{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237648/photo-1786631322916-7c07e2ffbb4b.webp");}
.realm-bg-health{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237620/photo-1651466993062-ecfe95a907b7.webp");}
.realm-bg-spirit{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237642/photo-1751202127096-9517c03939ee.webp");}
.realm-bg-entertainment{background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237675/photo-1762860498297-4b6c3591b041.webp");}

.han-shade{background:linear-gradient(to bottom,var(--ink),rgba(10,9,8,.68),var(--ink));}
.han-inner{position:relative;z-index:5;min-height:100svh;display:flex;flex-direction:column;padding:92px 22px 54px;}
.han-heading{text-align:center;}
.han-heading h2{margin:22px 0 0;font:200 clamp(38px,10vw,60px)/1.1 var(--font-han);letter-spacing:.14em;}
.han-heading>p:last-child{max-width:620px;margin:18px auto 0;font:400 15px/1.7 var(--font-serif);font-style:italic;color:rgba(184,175,160,.72);}

.realm-stage{margin:auto 0 0;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:18px 4px;padding-top:46px;}
.realm-item{display:flex;flex-direction:column;align-items:center;gap:11px;padding:16px 4px;text-align:center;transition:opacity .7s ease,transform .7s ease;}
.realm-glyph{font:200 clamp(55px,16vw,78px)/1 var(--font-han);color:var(--rice);transition:color .5s ease;}
.realm-item>i{display:block;width:0;height:1px;background:var(--gold);transition:width .5s ease;}
.realm-item>strong{font:300 13px/1.3 var(--font-han);letter-spacing:.18em;color:var(--rice-dim);}
.realm-detail{display:flex;min-height:56px;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;}
.realm-detail b,.realm-detail small{font:400 9px/1.2 var(--font-label);letter-spacing:.22em;color:rgba(176,141,79,.9);}
.realm-detail em{max-width:16ch;font:400 12px/1.35 var(--font-serif);color:rgba(184,175,160,.78);}

.realm-item:hover,.realm-item:focus-visible{transform:translateY(-8px) scale(1.06);}
.realm-item:hover .realm-glyph,.realm-item:focus-visible .realm-glyph{color:var(--gold);}
.realm-item:hover>i,.realm-item:focus-visible>i{width:38px;}
.realm-item:hover .realm-detail,.realm-item:focus-visible .realm-detail{opacity:1;transform:none;}
.realm-stage:has(.realm-item:hover) .realm-item:not(:hover){opacity:.32;}

.han-section:has(.realm-clothing:hover) .realm-bg-clothing,
.han-section:has(.realm-food:hover) .realm-bg-food,
.han-section:has(.realm-music:hover) .realm-bg-music,
.han-section:has(.realm-health:hover) .realm-bg-health,
.han-section:has(.realm-spirit:hover) .realm-bg-spirit,
.han-section:has(.realm-entertainment:hover) .realm-bg-entertainment{opacity:.42;transform:scale(1.06);}

.food-section{background:var(--ink);}
.banquet-scroll{position:relative;height:480vh;background:var(--ink);view-timeline-name:--banquet;view-timeline-axis:block;}
.banquet-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;}
.banquet-track{position:absolute;top:0;left:0;width:320vw;height:100%;display:block;transform:translateX(0);}

.ink-panel{position:absolute;top:0;height:100%;background-size:cover;background-position:center;opacity:.3;}
.ink-panel-1{left:0;width:100vw;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237674/photo-1762114974411-6e2921da522c.webp");}
.ink-panel-2{left:100vw;width:120vw;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237658/photo-1762114974430-cdd69150c20f.webp");}
.ink-panel-3{left:220vw;width:100vw;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237676/photo-1762114974502-551aeb189066.webp");}

.banquet-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,9,8,.6),transparent,var(--ink));}

.banquet-artifact{position:absolute;top:50%;display:flex;align-items:flex-end;gap:22px;transform:translateY(-50%);margin:0;}
.banquet-artifact img{height:52vh;width:auto;max-width:360px;object-fit:cover;border:1px solid rgba(176,141,79,.12);box-shadow:0 30px 80px rgba(0,0,0,.6);-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 60%,transparent);mask-image:radial-gradient(120% 120% at 50% 40%,#000 60%,transparent);}
.banquet-artifact figcaption{width:210px;margin-bottom:22px;}
.banquet-artifact figcaption span{font:400 9px/1 var(--font-label);letter-spacing:.22em;color:var(--gold-dim);}
.banquet-artifact figcaption strong{display:block;margin-top:12px;font:300 20px/1.3 var(--font-han);}
.banquet-artifact figcaption small{display:block;margin-top:7px;font:400 9px/1.45 var(--font-label);letter-spacing:.16em;color:rgba(184,175,160,.7);}
.banquet-artifact figcaption p{margin:12px 0 0;font:400 13px/1.55 var(--font-serif);color:rgba(184,175,160,.72);}

.artifact-1{left:60vw;}
.artifact-2{left:122vw;}
.artifact-3{left:184vw;}
.artifact-4{left:246vw;}

.banquet-title{position:absolute;z-index:8;}
.banquet-title-1{left:26px;top:50%;transform:translateY(-50%);}
.banquet-title-1 h2{margin:0;font:200 72px/1 var(--font-han);}
.banquet-title-1 p{margin:14px 0 0;font:300 19px/1.4 var(--font-han);letter-spacing:.22em;color:var(--rice-dim);}
.banquet-title-1 span,.banquet-title-2 span{display:block;margin-top:10px;font:400 9px/1 var(--font-label);letter-spacing:.28em;color:rgba(176,141,79,.8);}
.banquet-title-2{left:50%;bottom:82px;transform:translateX(-50%);text-align:center;opacity:0;}
.banquet-title-2 p{margin:0;font:300 28px/1.2 var(--font-han);letter-spacing:.18em;}

.banquet-progress{position:absolute;z-index:12;left:50%;bottom:28px;width:224px;transform:translateX(-50%);}
.banquet-progress>i{position:relative;display:block;height:1px;background:rgba(184,175,160,.2);}
.banquet-progress>i::after{content:"";position:absolute;left:0;top:0;height:1px;width:0;background:var(--gold);}
.banquet-progress p{display:flex;justify-content:space-between;margin:10px 0 0;font:400 8px/1 var(--font-label);letter-spacing:.2em;color:rgba(184,175,160,.48);}

@supports (animation-timeline:view()){
  .banquet-track{animation:banquet-pan 1s linear both;animation-timeline:--banquet;animation-range:cover 0% cover 100%;}
  .banquet-progress>i::after{animation:banquet-progress 1s linear both;animation-timeline:--banquet;animation-range:cover 0% cover 100%;}
  .banquet-title-1{animation:title-one 1s ease both;animation-timeline:--banquet;animation-range:cover 0% cover 24%;}
  .banquet-title-2{animation:title-two 1s ease both;animation-timeline:--banquet;animation-range:cover 18% cover 48%;}
}

@keyframes banquet-pan{
  from{transform:translateX(0);}
  to{transform:translateX(-220vw);}
}

@keyframes banquet-progress{
  to{width:100%;}
}

@keyframes title-one{
  0%,20%{opacity:0;}
  35%,72%{opacity:1;}
  100%{opacity:0;}
}

@keyframes title-two{
  0%,15%{opacity:0;}
  35%,75%{opacity:1;}
  100%{opacity:0;}
}

.artifact-browse{max-width:1240px;margin:0 auto;padding:96px 22px 110px;}
.artifact-browse>header{display:flex;flex-direction:column;gap:22px;margin-bottom:44px;}
.artifact-browse h3{margin:12px 0 0;font:200 32px/1.1 var(--font-han);letter-spacing:.1em;}
.artifact-browse>header>p{max-width:320px;margin:0;font:400 14px/1.55 var(--font-serif);font-style:italic;color:rgba(184,175,160,.7);}
.artifact-browse ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 18px;}
.browse-card{transition:opacity .65s ease,transform .65s ease,filter .65s ease;}
.browse-card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--mo);transition:transform .65s ease,filter .65s ease;}
.browse-card i{display:block;width:30px;height:1px;margin-top:18px;background:linear-gradient(to right,transparent,rgba(176,141,79,.55),transparent);}
.browse-card h4{margin:12px 0 0;font:300 18px/1.2 var(--font-han);transition:color .3s ease;}
.browse-card small{display:block;margin-top:6px;font:400 8px/1.35 var(--font-label);letter-spacing:.18em;color:rgba(184,175,160,.6);}
.browse-card em{display:block;margin-top:4px;font:400 13px/1.3 var(--font-serif);color:rgba(184,175,160,.5);}
.artifact-browse ul:has(.browse-card:hover) .browse-card:not(:hover){opacity:.4;filter:blur(2px);}
.browse-card:hover{transform:translateY(-8px);}
.browse-card:hover img{transform:scale(1.06);}
.browse-card:hover h4{color:var(--gold);}

.music-section{position:relative;height:500vh;background:var(--ink);view-timeline-name:--music;view-timeline-axis:block;}
.music-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;}
.music-bg{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237648/photo-1786631322916-7c07e2ffbb4b.webp");background-size:cover;background-position:center;opacity:.3;transform:scale(1.15);}
.music-shade{position:absolute;inset:0;background:linear-gradient(to right,var(--ink),rgba(10,9,8,.48),rgba(10,9,8,.82));}
.music-copy{position:relative;z-index:5;height:100%;max-width:1160px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;justify-content:center;}
.music-beats{position:relative;height:280px;margin-top:36px;}
.music-beat{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(24px);}
.music-beat:first-child{opacity:1;transform:none;}
.music-beat h3{margin:0;font:200 clamp(48px,11vw,76px)/1.1 var(--font-han);letter-spacing:.1em;}
.music-beat p{margin:18px 0 0;font:400 18px/1.4 var(--font-serif);font-style:italic;color:rgba(184,175,160,.84);}
.music-beat small{display:block;max-width:440px;margin-top:10px;font:400 15px/1.5 var(--font-serif);color:rgba(184,175,160,.62);}
.music-rail{display:flex;gap:10px;margin-top:18px;}
.music-rail i{display:block;width:20px;height:1px;background:rgba(184,175,160,.25);}

@supports (animation-timeline:view()){
  .music-bg{animation:music-bg 1s linear both;animation-timeline:--music;animation-range:cover 0% cover 100%;}
  .music-beat{animation:music-beat 1s ease both;animation-timeline:--music;}
  .music-beat-1{animation-range:cover 0% cover 18%;}
  .music-beat-2{animation-range:cover 15% cover 34%;}
  .music-beat-3{animation-range:cover 31% cover 50%;}
  .music-beat-4{animation-range:cover 47% cover 66%;}
  .music-beat-5{animation-range:cover 63% cover 82%;}
  .music-beat-6{animation-range:cover 79% cover 100%;}
  .music-rail i{animation:rail-pulse 1s ease both;animation-timeline:--music;}
  .music-rail i:nth-child(1){animation-range:cover 0% cover 18%;}
  .music-rail i:nth-child(2){animation-range:cover 15% cover 34%;}
  .music-rail i:nth-child(3){animation-range:cover 31% cover 50%;}
  .music-rail i:nth-child(4){animation-range:cover 47% cover 66%;}
  .music-rail i:nth-child(5){animation-range:cover 63% cover 82%;}
  .music-rail i:nth-child(6){animation-range:cover 79% cover 100%;}
}

@keyframes music-bg{
  to{transform:scale(1.35);}
}

@keyframes music-beat{
  0%{opacity:0;transform:translateY(24px);}
  24%,70%{opacity:1;transform:none;}
  100%{opacity:0;transform:translateY(-14px);}
}

@keyframes rail-pulse{
  0%,100%{width:20px;background:rgba(184,175,160,.25);}
  35%,70%{width:44px;background:var(--gold);}
}

.treasures-section{position:relative;height:260vh;background:var(--ink-2);view-timeline-name:--treasures;view-timeline-axis:block;}
.treasures-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:linear-gradient(to bottom,var(--ink),var(--ink-2));}
.treasures-heading{position:absolute;z-index:60;top:64px;left:50%;transform:translateX(-50%);text-align:center;}
.treasures-heading h2{margin:15px 0 0;font:200 clamp(40px,10vw,62px)/1 var(--font-han);letter-spacing:.16em;}
.treasure{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:var(--z);margin:0;filter:blur(var(--blur));transform:translateY(var(--from)) scale(.94);}
.treasure>div{position:relative;overflow:hidden;background:var(--mo);border:1px solid rgba(176,141,79,.1);box-shadow:0 40px 100px rgba(0,0,0,.7);transition:border-color .65s ease,filter .65s ease;}
.treasure img{width:100%;aspect-ratio:3/4;object-fit:cover;opacity:.9;}
.treasure>div::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,9,8,.62),transparent);}
.treasure figcaption{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .5s ease;}
.treasure figcaption span{font:400 8px/1 var(--font-label);letter-spacing:.2em;color:var(--gold-dim);}
.treasure figcaption strong{font:300 16px/1.2 var(--font-han);}
.treasure figcaption small{font:400 8px/1.3 var(--font-label);letter-spacing:.12em;color:rgba(184,175,160,.64);}
.treasure figcaption em{font:400 12px/1.2 var(--font-serif);color:rgba(184,175,160,.56);}
.treasure>p{margin:9px 0 0;font:300 11px/1.2 var(--font-han);color:rgba(184,175,160,.58);transition:opacity .45s ease;}
.treasure:hover{filter:blur(0);}
.treasure:hover>div{border-color:rgba(176,141,79,.38);}
.treasure:hover figcaption{opacity:1;}
.treasure:hover>p{opacity:0;}
.treasures-hint{position:absolute;z-index:55;left:50%;bottom:32px;transform:translateX(-50%);width:max-content;max-width:82vw;margin:0;text-align:center;font:400 13px/1.4 var(--font-serif);font-style:italic;color:rgba(184,175,160,.56);}

@supports (animation-timeline:view()){
  .treasure{animation:treasure-drift 1s linear both;animation-timeline:--treasures;animation-range:cover 0% cover 100%;}
}

@keyframes treasure-drift{
  from{transform:translateY(var(--from)) scale(.94);}
  to{transform:translateY(var(--to)) scale(1.04);}
}

.decode-section{background:#1a0b07;}
.decode-hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(120% 90% at 70% 30%,#4a2116 0%,#2c130d 55%,#1a0b07 100%);}
.decode-texture{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237642/photo-1751202127096-9517c03939ee.webp");background-size:cover;background-position:center;opacity:.28;mix-blend-mode:luminosity;transform:scale(1.12);transition:transform 1.2s ease;}
.decode-hero:hover .decode-texture{transform:scale(1.12) translate(-8px,-6px);}
.decode-vignette{position:absolute;inset:0;background:radial-gradient(closest-side,transparent 40%,rgba(20,8,5,.72));}
.cloud-scroll{position:absolute;z-index:2;top:92px;left:50%;width:min(520px,80vw);transform:translateX(-50%);fill:none;stroke:rgba(176,141,79,.28);stroke-width:1.1;stroke-linecap:round;}
.decode-hero-inner{position:relative;z-index:5;width:min(1240px,100%);margin:0 auto;padding:118px 24px 90px;display:grid;grid-template-columns:1fr;gap:46px;align-items:center;}
.decode-english{opacity:0;transform:translateY(25px);animation:decode-rise 1.5s ease both;animation-timeline:view();animation-range:entry 10% cover 42%;}
.decode-ribbon{position:relative;display:inline-block;margin-top:28px;}
.decode-ribbon::before{content:"";position:absolute;z-index:-1;left:-30px;right:-30px;top:4px;bottom:3px;background:linear-gradient(to right,rgba(143,58,44,.92),rgba(143,58,44,.7),transparent);transform:skewX(-8deg);box-shadow:0 20px 60px rgba(143,58,44,.4);}
.decode-ribbon h2,.decode-ribbon h3{margin:0;font-family:var(--font-serif);font-weight:500;letter-spacing:.12em;}
.decode-ribbon h2{font-size:clamp(40px,11vw,64px);}
.decode-ribbon h3{margin-top:2px;font-size:clamp(31px,8vw,52px);font-style:italic;font-weight:400;letter-spacing:.18em;color:rgba(233,226,211,.92);}
.decode-english>i{display:block;width:64px;height:1px;margin-top:42px;background:linear-gradient(to right,transparent,rgba(176,141,79,.55),transparent);}
.decode-english>p:not(.eyebrow){margin:22px 0 0;max-width:440px;font:300 17px/1.7 var(--font-han);}
.decode-english>em{display:block;margin-top:12px;max-width:440px;font:400 16px/1.65 var(--font-serif);color:rgba(184,175,160,.78);}
.decode-chinese{display:flex;align-items:flex-start;justify-content:center;gap:3px;opacity:0;transform:translateY(25px);animation:decode-rise 1.5s ease both;animation-timeline:view();animation-range:entry 18% cover 50%;transition:transform 1.2s ease;}
.decode-hero:hover .decode-chinese{transform:translate(6px,6px);}
.decode-chinese>span{font:200 clamp(116px,30vw,208px)/.82 var(--font-han);color:rgba(233,226,211,.95);}
.decode-chinese>b{writing-mode:vertical-rl;font:200 clamp(68px,18vw,112px)/.9 var(--font-han);letter-spacing:.05em;color:var(--gold);}
.decode-scroll-cue{position:absolute;z-index:6;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;}
.decode-scroll-cue span{font:400 8px/1 var(--font-label);letter-spacing:.3em;color:rgba(184,175,160,.64);}
.decode-scroll-cue i{width:1px;height:42px;background:linear-gradient(to bottom,rgba(176,141,79,.62),transparent);animation:pulse-line 1.7s ease-in-out infinite;}

@keyframes decode-rise{
  to{opacity:1;transform:translateY(0);}
}

.today-decode{position:relative;min-height:100svh;overflow:hidden;padding:90px 20px 110px;background:radial-gradient(circle at center,#4a2116 0%,#28100b 46%,#120806 100%);perspective:1800px;}
.today-texture{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237642/photo-1751202127096-9517c03939ee.webp");background-size:cover;background-position:center;opacity:.12;mix-blend-mode:luminosity;pointer-events:none;}
.today-space{position:relative;width:min(1240px,100%);min-height:720px;margin:0 auto;perspective:1800px;transform-style:preserve-3d;}
.today-stage{position:relative;min-height:720px;transform-style:preserve-3d;transform-origin:center center;transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .45s ease .28s;backface-visibility:hidden;}

.today-heading{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;}
.today-heading>div{display:flex;flex-direction:column;align-items:center;}
.today-heading svg{width:110px;fill:#6b998c;opacity:.76;}
.today-heading svg.flip{transform:scaleX(-1);}
.today-heading h3{margin:12px 0 0;font:300 clamp(34px,8vw,52px)/1.1 var(--font-han);letter-spacing:.18em;}
.today-subtitle{margin:16px 0 0;font:300 14px/1.7 var(--font-han);color:rgba(233,226,211,.74);}
.today-heading small{margin-top:8px;font:400 8px/1 var(--font-label);letter-spacing:.32em;color:rgba(176,141,79,.72);}

.today-scene{position:relative;width:min(1280px,100%);height:620px;margin:42px auto 0;perspective:2200px;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.7,.2,1);}
.today-card-list{position:relative;width:100%;height:100%;margin:0;transform-style:preserve-3d;}

.today-card-list li{position:absolute;left:50%;top:50%;width:clamp(150px,18vw,220px);height:clamp(210px,25vw,300px);margin:0;pointer-events:auto;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.7,.2,1),left 1.1s cubic-bezier(.22,.7,.2,1),top 1.1s cubic-bezier(.22,.7,.2,1),width 1.1s cubic-bezier(.22,.7,.2,1),height 1.1s cubic-bezier(.22,.7,.2,1),opacity .7s ease,filter .7s ease,z-index .5s ease;z-index:1;}

.today-card-list li article,.today-card-list li .today-card{display:block;width:100%;height:100%;}

.today-position-01{--tx:-430px;--ty:120px;--tz:-170px;--rx:12deg;--ry:22deg;--rz:-8deg;--s:.82;opacity:.56;z-index:3;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));}
.today-position-02{--tx:-250px;--ty:56px;--tz:-60px;--rx:7deg;--ry:16deg;--rz:-4deg;--s:.9;opacity:.74;z-index:5;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));}
.today-position-03{--tx:0px;--ty:0px;--tz:80px;--rx:0deg;--ry:0deg;--rz:0deg;--s:1.12;opacity:1;z-index:10;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));}
.today-position-04{--tx:250px;--ty:56px;--tz:-60px;--rx:7deg;--ry:-16deg;--rz:4deg;--s:.9;opacity:.74;z-index:5;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));}
.today-position-05{--tx:430px;--ty:120px;--tz:-170px;--rx:12deg;--ry:-22deg;--rz:8deg;--s:.82;opacity:.56;z-index:3;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));}

.today-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:var(--rice);background:rgba(19,13,11,.82);border:1px solid rgba(176,141,79,.3);box-shadow:0 28px 70px rgba(0,0,0,.42);transform:translateZ(0) rotateY(var(--card-ry,0deg)) rotateZ(var(--card-rz,0deg));transform-style:preserve-3d;backface-visibility:hidden;opacity:1;filter:brightness(.82) saturate(.7);transition:transform 1.1s cubic-bezier(.22,.7,.2,1),opacity .6s ease,filter .6s ease,box-shadow .6s ease,border-color .35s ease;}
.today-card figure{position:absolute;inset:0;margin:0;}
.today-card figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,7,5,.9) 0%,rgba(12,7,5,.16) 65%,rgba(12,7,5,.38) 100%);}
.today-card img{width:100%;height:100%;object-fit:cover;filter:sepia(.18) saturate(.7) brightness(.72);transition:transform .7s ease,filter .6s ease;}

.today-card-code{position:absolute;z-index:4;left:16px;top:16px;font:400 8px/1 var(--font-label);letter-spacing:.26em;color:rgba(233,226,211,.72);}
.today-card-copy{position:absolute;z-index:5;left:16px;right:16px;bottom:16px;}
.today-card-copy h4{margin:0;font:300 23px/1.15 var(--font-han);letter-spacing:.08em;}
.today-card-copy p{margin:7px 0 0;font:400 8px/1 var(--font-label);letter-spacing:.22em;color:rgba(176,141,79,.84);}
.today-card-clue{display:block;margin-top:10px;font:400 9px/1.5 var(--font-han);letter-spacing:.08em;color:rgba(233,226,211,.7);}
.today-card-copy span{display:block;margin-top:18px;font:400 8px/1 var(--font-label);letter-spacing:.18em;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;}

.today-stage:has(.today-position-01:hover) .today-scene{transform:rotateX(4deg) rotateY(24deg) translateX(-8px);}
.today-stage:has(.today-position-02:hover) .today-scene{transform:rotateX(4deg) rotateY(14deg) translateX(-6px);}
.today-stage:has(.today-position-03:hover) .today-scene{transform:rotateX(3deg) rotateY(0deg) translateX(0);}
.today-stage:has(.today-position-04:hover) .today-scene{transform:rotateX(4deg) rotateY(-14deg) translateX(6px);}
.today-stage:has(.today-position-05:hover) .today-scene{transform:rotateX(4deg) rotateY(-24deg) translateX(8px);}

.today-stage:has(.today-position-01:hover) .today-position-01,
.today-stage:has(.today-position-02:hover) .today-position-02,
.today-stage:has(.today-position-03:hover) .today-position-03,
.today-stage:has(.today-position-04:hover) .today-position-04,
.today-stage:has(.today-position-05:hover) .today-position-05{--tx:0px;--ty:-20px;--tz:120px;--rx:0deg;--ry:0deg;--rz:0deg;--s:1.18;opacity:1;z-index:30;}

.today-stage:has(.today-position-01:hover) .today-position-02,
.today-stage:has(.today-position-01:hover) .today-position-03,
.today-stage:has(.today-position-01:hover) .today-position-04,
.today-stage:has(.today-position-01:hover) .today-position-05,
.today-stage:has(.today-position-02:hover) .today-position-01,
.today-stage:has(.today-position-02:hover) .today-position-03,
.today-stage:has(.today-position-02:hover) .today-position-04,
.today-stage:has(.today-position-02:hover) .today-position-05,
.today-stage:has(.today-position-04:hover) .today-position-01,
.today-stage:has(.today-position-04:hover) .today-position-02,
.today-stage:has(.today-position-04:hover) .today-position-03,
.today-stage:has(.today-position-04:hover) .today-position-05,
.today-stage:has(.today-position-05:hover) .today-position-01,
.today-stage:has(.today-position-05:hover) .today-position-02,
.today-stage:has(.today-position-05:hover) .today-position-03,
.today-stage:has(.today-position-05:hover) .today-position-04{opacity:.78;}

.today-stage:has(.today-position-01:hover) .today-position-02{--tx:-200px;--ty:72px;--tz:-40px;--rx:8deg;--ry:16deg;--rz:-4deg;--s:.86;}
.today-stage:has(.today-position-01:hover) .today-position-03{--tx:-90px;--ty:26px;--tz:10px;--rx:4deg;--ry:8deg;--rz:-2deg;--s:.96;}
.today-stage:has(.today-position-01:hover) .today-position-04{--tx:90px;--ty:26px;--tz:10px;--rx:4deg;--ry:-8deg;--rz:2deg;--s:.96;}
.today-stage:has(.today-position-01:hover) .today-position-05{--tx:200px;--ty:72px;--tz:-40px;--rx:8deg;--ry:-16deg;--rz:4deg;--s:.86;}

.today-stage:has(.today-position-02:hover) .today-position-01{--tx:-260px;--ty:100px;--tz:-120px;--rx:10deg;--ry:24deg;--rz:-8deg;--s:.82;}
.today-stage:has(.today-position-02:hover) .today-position-03{--tx:-110px;--ty:16px;--tz:28px;--rx:4deg;--ry:10deg;--rz:-3deg;--s:.96;}
.today-stage:has(.today-position-02:hover) .today-position-04{--tx:110px;--ty:16px;--tz:28px;--rx:4deg;--ry:-10deg;--rz:3deg;--s:.96;}
.today-stage:has(.today-position-02:hover) .today-position-05{--tx:270px;--ty:86px;--tz:-120px;--rx:10deg;--ry:-24deg;--rz:8deg;--s:.82;}

.today-stage:has(.today-position-03:hover) .today-position-01{--tx:-260px;--ty:100px;--tz:-120px;--rx:10deg;--ry:24deg;--rz:-8deg;--s:.82;}
.today-stage:has(.today-position-03:hover) .today-position-02{--tx:-160px;--ty:48px;--tz:-30px;--rx:8deg;--ry:16deg;--rz:-4deg;--s:.9;}
.today-stage:has(.today-position-03:hover) .today-position-04{--tx:160px;--ty:48px;--tz:-30px;--rx:8deg;--ry:-16deg;--rz:4deg;--s:.9;}
.today-stage:has(.today-position-03:hover) .today-position-05{--tx:260px;--ty:100px;--tz:-120px;--rx:10deg;--ry:-24deg;--rz:8deg;--s:.82;}

.today-stage:has(.today-position-04:hover) .today-position-01{--tx:-220px;--ty:72px;--tz:-40px;--rx:8deg;--ry:16deg;--rz:-4deg;--s:.86;}
.today-stage:has(.today-position-04:hover) .today-position-02{--tx:-90px;--ty:26px;--tz:10px;--rx:4deg;--ry:8deg;--rz:-2deg;--s:.96;}
.today-stage:has(.today-position-04:hover) .today-position-03{--tx:-110px;--ty:16px;--tz:28px;--rx:4deg;--ry:10deg;--rz:-3deg;--s:.96;}
.today-stage:has(.today-position-04:hover) .today-position-05{--tx:200px;--ty:72px;--tz:-40px;--rx:8deg;--ry:-16deg;--rz:4deg;--s:.86;}

.today-stage:has(.today-position-05:hover) .today-position-01{--tx:-200px;--ty:72px;--tz:-40px;--rx:8deg;--ry:16deg;--rz:-4deg;--s:.86;}
.today-stage:has(.today-position-05:hover) .today-position-02{--tx:-90px;--ty:26px;--tz:10px;--rx:4deg;--ry:8deg;--rz:-2deg;--s:.96;}
.today-stage:has(.today-position-05:hover) .today-position-03{--tx:90px;--ty:26px;--tz:10px;--rx:4deg;--ry:-8deg;--rz:2deg;--s:.96;}
.today-stage:has(.today-position-05:hover) .today-position-04{--tx:200px;--ty:72px;--tz:-40px;--rx:8deg;--ry:-16deg;--rz:4deg;--s:.86;}

.today-card:hover img{transform:scale(1.06);filter:sepia(.12) saturate(.82) brightness(.92);}
.today-card:hover .today-card-copy{text-shadow:0 0 20px rgba(176,141,79,.18);}
.today-card:hover .today-card-copy span{opacity:1;transform:translateY(0);}

.today-stage:has(.today-position-01:hover) .today-position-01 .today-card,
.today-stage:has(.today-position-02:hover) .today-position-02 .today-card,
.today-stage:has(.today-position-03:hover) .today-position-03 .today-card,
.today-stage:has(.today-position-04:hover) .today-position-04 .today-card,
.today-stage:has(.today-position-05:hover) .today-position-05 .today-card{filter:brightness(1) saturate(1.1);border-color:rgba(176,141,79,.62);box-shadow:0 30px 90px rgba(0,0,0,.7);}

.today-detail{position:absolute;z-index:50;inset:0;min-height:700px;display:flex;flex-direction:column;justify-content:center;padding:60px;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(135deg,#170b08,#32140d);border:1px solid rgba(176,141,79,.26);box-shadow:0 40px 120px rgba(0,0,0,.6);transform:rotateY(-92deg) scale(.76);backface-visibility:hidden;transition:transform .85s cubic-bezier(.65,0,.35,1) .22s,opacity .4s ease .35s,visibility .85s;}

.today-detail-01{transform-origin:14% 58%;}
.today-detail-02{transform-origin:32% 38%;}
.today-detail-03{transform-origin:50% 58%;}
.today-detail-04{transform-origin:68% 38%;}
.today-detail-05{transform-origin:86% 58%;}

.today-detail:target{opacity:1;visibility:visible;pointer-events:auto;transform:rotateY(0deg) scale(1);}
.today-detail:target~.today-stage{transform:rotateY(92deg) scale(.82);opacity:0;pointer-events:none;}

.today-detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.today-detail-image{position:relative;margin:0;height:520px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.42);}
.today-detail-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(176,141,79,.18);pointer-events:none;}
.today-detail-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) brightness(.8);}
.today-detail-copy h4{margin:18px 0 0;font:300 clamp(38px,6vw,66px)/1.08 var(--font-han);letter-spacing:.1em;}
.today-detail-en{margin:18px 0 0;font:400 9px/1.5 var(--font-label);letter-spacing:.24em;color:var(--gold);}
.today-question{margin:44px 0 0;font:300 clamp(24px,4vw,36px)/1.4 var(--font-han);}
.today-description{max-width:440px;margin-top:24px;font:300 14px/1.9 var(--font-han);color:rgba(233,226,211,.68);}
.today-read-more,.today-back{font:400 8px/1 var(--font-label);letter-spacing:.22em;}
.today-back{position:absolute;left:30px;top:30px;color:rgba(233,226,211,.64);}
.today-read-more{display:inline-block;margin-top:32px;color:var(--gold);}

@media (max-width:767px){
  .today-decode{padding:80px 18px 100px;}
  .today-space{min-height:940px;}
  .today-stage{min-height:940px;}
  .today-heading{gap:10px;}
  .today-heading svg{width:62px;}
  .today-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;height:auto;margin-top:42px;}
  .today-card-list li{position:static;width:auto;height:clamp(150px,34vw,220px);aspect-ratio:1/1;}
  .today-card-list li article,.today-card-list li .today-card{height:clamp(150px,34vw,220px);}
  .today-position-03{transform:none;}
  .today-card{transform:none;}
  .today-card-list:hover .today-card{opacity:1;filter:none;}
  .today-card:hover{transform:translateY(-6px) scale(1.02);}
  .today-detail{min-height:900px;padding:80px 20px 30px;}
  .today-detail-layout{grid-template-columns:1fr;gap:28px;}
  .today-detail-image{height:320px;}
  .today-detail-copy h4{font-size:38px;}
  .today-back{left:20px;top:28px;}
}

@media (prefers-reduced-motion:reduce){
  .today-card,.today-card img,.today-card-copy span,.today-stage,.today-detail{transition:none;}
}

.six-decodes{padding:98px 18px 112px;background:linear-gradient(180deg,#2c130d 0%,#200d08 100%);}
.six-decodes>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(760px,100%);margin:0 auto;text-align:center;}
.six-decodes>header h3{margin:0;font:200 clamp(27px,7vw,36px)/1.2 var(--font-han);letter-spacing:.3em;}
.six-decodes>header p{grid-column:1/-1;margin:12px 0 0;font:400 13px/1.4 var(--font-serif);font-style:italic;color:rgba(184,175,160,.7);}
.corner-beast{color:rgba(176,141,79,.45);font-size:42px;}

.decode-scroll-stage{position:relative;height:68vh;min-height:520px;max-width:1400px;margin:52px auto 0;overflow:hidden;background:linear-gradient(180deg,#e7ddca,#d6c9ac);border:1px solid rgba(176,141,79,.15);}
.decode-paper{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237620/photo-1651466993062-ecfe95a907b7.webp");background-size:cover;opacity:.14;mix-blend-mode:multiply;}
.decode-figure{position:absolute;width:16%;height:42%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(.2) contrast(1.15) saturate(.8) brightness(.78);opacity:.84;border:1px solid rgba(35,20,15,.18);box-shadow:0 18px 28px rgba(32,16,12,.16);transition:all .9s cubic-bezier(.22,.7,.2,1);z-index:2;}

.figure-1{left:6%;top:18%;width:18%;height:28%;transform:rotate(-7deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237676/photo-1762114974502-551aeb189066.webp");}
.figure-2{left:23%;top:42%;width:17%;height:31%;transform:rotate(8deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237674/photo-1762114974411-6e2921da522c.webp");}
.figure-3{left:39%;top:18%;width:24%;height:36%;transform:rotate(-2deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237620/photo-1651466993062-ecfe95a907b7.webp");}
.figure-4{left:58%;top:48%;width:16%;height:29%;transform:rotate(7deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237648/photo-1786631322916-7c07e2ffbb4b.webp");}
.figure-5{left:72%;top:18%;width:18%;height:33%;transform:rotate(-6deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237675/photo-1762860498297-4b6c3591b041.webp");}
.figure-6{left:82%;top:48%;width:15%;height:26%;transform:rotate(9deg);background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237675/photo-1762860498297-4b6c3591b041.webp");}

.decode-entry{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;transition:all .9s cubic-bezier(.22,.7,.2,1);color:#2c130d;}
.decode-entry>span{font:400 9px/1 var(--font-label);letter-spacing:.22em;color:rgba(143,58,44,.8);}
.decode-entry>strong{margin-top:10px;writing-mode:vertical-rl;font:400 25px/1 var(--font-han);letter-spacing:.12em;transition:color .35s ease;}
.decode-entry>i{width:0;height:1px;margin-top:10px;background:var(--cinnabar);transition:width .45s ease;}
.decode-entry>div{width:150px;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;}
.decode-entry>div b,.decode-entry>div small{font:400 9px/1.3 var(--font-label);letter-spacing:.16em;color:var(--cinnabar);}
.decode-entry>div em{font:400 12px/1.35 var(--font-serif);color:#5a3a2c;}

.entry-1{left:6%;top:18%;}
.entry-2{left:23%;top:42%;}
.entry-3{left:39%;top:18%;}
.entry-4{left:58%;top:48%;}
.entry-5{left:72%;top:18%;}
.entry-6{left:82%;top:48%;}

.decode-scroll-stage:has(.decode-entry:hover) .decode-entry:not(:hover){opacity:.42;filter:grayscale(.2);}
.decode-entry:hover{transform:translateY(-10px) scale(1.08);z-index:20;}
.decode-entry:hover>strong{color:var(--cinnabar);}
.decode-entry:hover>i{width:32px;}
.decode-entry:hover>div{opacity:1;transform:none;}

.entry-1:hover~.figure-1,
.entry-2:hover~.figure-2,
.entry-3:hover~.figure-3,
.entry-4:hover~.figure-4,
.entry-5:hover~.figure-5,
.entry-6:hover~.figure-6{
  left:29%;
  top:14%;
  width:34%;
  height:60%;
  transform:rotate(0deg) scale(1.08);
  z-index:12;
  opacity:1;
  filter:grayscale(.1) contrast(1.2) brightness(1);
}

.entry-1:hover~.figure-2,
.entry-1:hover~.figure-3,
.entry-1:hover~.figure-4,
.entry-1:hover~.figure-5,
.entry-1:hover~.figure-6,
.entry-2:hover~.figure-1,
.entry-2:hover~.figure-3,
.entry-2:hover~.figure-4,
.entry-2:hover~.figure-5,
.entry-2:hover~.figure-6,
.entry-3:hover~.figure-1,
.entry-3:hover~.figure-2,
.entry-3:hover~.figure-4,
.entry-3:hover~.figure-5,
.entry-3:hover~.figure-6,
.entry-4:hover~.figure-1,
.entry-4:hover~.figure-2,
.entry-4:hover~.figure-3,
.entry-4:hover~.figure-5,
.entry-4:hover~.figure-6,
.entry-5:hover~.figure-1,
.entry-5:hover~.figure-2,
.entry-5:hover~.figure-3,
.entry-5:hover~.figure-4,
.entry-5:hover~.figure-6,
.entry-6:hover~.figure-1,
.entry-6:hover~.figure-2,
.entry-6:hover~.figure-3,
.entry-6:hover~.figure-4,
.entry-6:hover~.figure-5{
  opacity:.32;
  filter:grayscale(.15) contrast(1.05) brightness(.8);
}

.entry-1:hover~.figure-2{left:8%;top:56%;width:19%;height:24%;transform:rotate(-10deg) translateY(18px);}
.entry-1:hover~.figure-3{left:50%;top:18%;width:20%;height:24%;transform:rotate(7deg) translateX(20px);}
.entry-1:hover~.figure-4{left:63%;top:58%;width:16%;height:22%;transform:rotate(11deg);}
.entry-1:hover~.figure-5{left:78%;top:26%;width:16%;height:22%;transform:rotate(-7deg);}
.entry-1:hover~.figure-6{left:86%;top:60%;width:12%;height:18%;transform:rotate(12deg);}

.entry-2:hover~.figure-1{left:7%;top:16%;width:15%;height:22%;transform:rotate(-12deg) translateY(-10px);}
.entry-2:hover~.figure-3{left:55%;top:18%;width:18%;height:24%;transform:rotate(8deg) translateX(12px);}
.entry-2:hover~.figure-4{left:68%;top:54%;width:17%;height:26%;transform:rotate(9deg) translateX(18px);}
.entry-2:hover~.figure-5{left:78%;top:22%;width:18%;height:28%;transform:rotate(-7deg);}
.entry-2:hover~.figure-6{left:86%;top:60%;width:12%;height:18%;transform:rotate(12deg);}

.entry-3:hover~.figure-1{left:8%;top:18%;width:14%;height:22%;transform:rotate(-10deg) translateY(18px);}
.entry-3:hover~.figure-2{left:14%;top:58%;width:17%;height:22%;transform:rotate(11deg) translateX(-6px);}
.entry-3:hover~.figure-4{left:62%;top:58%;width:18%;height:24%;transform:rotate(-9deg) translateX(8px);}
.entry-3:hover~.figure-5{left:74%;top:22%;width:16%;height:24%;transform:rotate(-7deg);}
.entry-3:hover~.figure-6{left:82%;top:62%;width:12%;height:18%;transform:rotate(12deg);}

.entry-4:hover~.figure-1{left:6%;top:16%;width:16%;height:24%;transform:rotate(-12deg) translateY(-10px);}
.entry-4:hover~.figure-2{left:18%;top:56%;width:18%;height:26%;transform:rotate(9deg) translateX(10px);}
.entry-4:hover~.figure-3{left:52%;top:18%;width:16%;height:24%;transform:rotate(-8deg) translateX(-8px);}
.entry-4:hover~.figure-5{left:72%;top:22%;width:18%;height:26%;transform:rotate(-10deg);}
.entry-4:hover~.figure-6{left:86%;top:60%;width:12%;height:18%;transform:rotate(12deg);}

.entry-5:hover~.figure-1{left:8%;top:18%;width:14%;height:22%;transform:rotate(-9deg);}
.entry-5:hover~.figure-2{left:18%;top:60%;width:18%;height:24%;transform:rotate(12deg) translateX(-6px);}
.entry-5:hover~.figure-3{left:48%;top:20%;width:16%;height:22%;transform:rotate(-8deg) translateX(-10px);}
.entry-5:hover~.figure-4{left:68%;top:54%;width:14%;height:22%;transform:rotate(12deg) translateX(12px);}
.entry-5:hover~.figure-6{left:86%;top:60%;width:12%;height:18%;transform:rotate(12deg);}

.entry-6:hover~.figure-1{left:8%;top:18%;width:15%;height:22%;transform:rotate(-11deg);}
.entry-6:hover~.figure-2{left:18%;top:58%;width:18%;height:27%;transform:rotate(8deg) translateX(10px);}
.entry-6:hover~.figure-3{left:52%;top:22%;width:16%;height:22%;transform:rotate(-8deg) translateX(12px);}
.entry-6:hover~.figure-4{left:64%;top:52%;width:15%;height:22%;transform:rotate(8deg) translateX(10px);}
.entry-6:hover~.figure-5{left:78%;top:24%;width:16%;height:24%;transform:rotate(-10deg);}

.decode-scroll-stage:has(.decode-entry:hover) .decode-entry:not(:hover){transform:translateY(6px) scale(.96);}

.scroll-rod{position:absolute;top:0;bottom:0;width:12px;}
.scroll-rod.left{left:0;background:linear-gradient(to right,#6b4a2c,transparent);}
.scroll-rod.right{right:0;background:linear-gradient(to left,#6b4a2c,transparent);}

.awaken-section{position:relative;height:100svh;min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ink);}
.awaken-bg{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/sogzqizm/image/upload/v1790237638/photo-1653723401908-40c4f49229a6.webp");background-size:cover;background-position:center;opacity:.25;transform:scale(1.15);animation:awaken-bg 1s ease both;animation-timeline:view();animation-range:entry 0% cover 55%;}
.awaken-shade{position:absolute;inset:0;background:linear-gradient(to top,var(--ink),rgba(10,9,8,.6),var(--ink));}
.awaken-copy{position:relative;z-index:5;width:min(580px,88vw);text-align:center;opacity:0;transform:translateY(30px);animation:awaken-copy 1s ease both;animation-timeline:view();animation-range:entry 10% cover 52%;}
.awaken-copy h2{margin:28px 0 0;font:200 clamp(48px,12vw,76px)/1 var(--font-han);letter-spacing:.14em;}
.awaken-en{margin:20px 0 0;font:400 18px/1.4 var(--font-serif);font-style:italic;color:rgba(184,175,160,.78);}
.awaken-copy>p:not(.eyebrow):not(.awaken-en){margin:32px auto 0;max-width:460px;font:400 14px/1.7 var(--font-serif);color:rgba(184,175,160,.58);}
.awaken-copy>a{display:inline-block;margin-top:38px;font:400 9px/1 var(--font-label);letter-spacing:.3em;color:rgba(176,141,79,.78);transition:opacity .3s ease;}
.awaken-copy>a:hover{opacity:.6;}
.awaken-copy>div{margin-top:46px;display:flex;align-items:center;justify-content:center;gap:12px;font:400 8px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:rgba(184,175,160,.38);}
.awaken-copy>div i{width:1px;height:12px;background:rgba(184,175,160,.28);}

@keyframes awaken-bg{
  to{transform:scale(1);}
}

@keyframes awaken-copy{
  to{opacity:1;transform:none;}
}

@media (min-width:700px){
  .site-header{padding:24px 38px;}
  .depth-gauge{position:absolute;z-index:8;left:36px;top:50%;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateY(-50%);}
  .depth-word,.depth-start,.depth-end{font:400 8px/1 var(--font-label);letter-spacing:.2em;color:rgba(184,175,160,.52);}
  .depth-word{color:var(--gold-dim);}
  .depth-line{position:relative;width:1px;height:192px;background:rgba(184,175,160,.2);}
  .depth-line i{position:absolute;left:50%;top:0;width:22px;height:22px;border:1px solid rgba(176,141,79,.5);border-radius:50%;background:var(--ink);transform:translateX(-50%);}
  .han-inner{padding:92px 40px 56px;}
  .realm-stage{grid-template-columns:repeat(3,1fr);}
  .artifact-browse{padding-inline:40px;}
  .artifact-browse>header{flex-direction:row;align-items:flex-end;justify-content:space-between;}
  .artifact-browse ul{grid-template-columns:repeat(4,1fr);gap:26px;}
  .music-copy{padding-inline:48px;}
  .decode-hero-inner{padding-inline:48px;}
  .today-heading{gap:26px;}
  .today-heading svg{width:140px;}
}

@media (min-width:1024px){
  .site-header{padding:24px 40px;}

  .chapter-rail{position:fixed;z-index:70;right:34px;top:50%;display:flex;flex-direction:column;align-items:flex-end;gap:13px;transform:translateY(-50%);}
  .chapter-rail a{display:flex;align-items:center;gap:10px;}
  .chapter-rail span{opacity:0;font:400 8px/1 var(--font-label);letter-spacing:.2em;color:var(--rice-dim);transition:opacity .4s ease,color .4s ease;}
  .chapter-rail i{width:16px;height:1px;background:rgba(184,175,160,.4);transition:width .4s ease,background .4s ease;}
  .chapter-rail a:hover span{opacity:.72;}
  .chapter-rail a:hover i{width:32px;background:var(--gold);}

  body:has(#dream:target) .rail-dream span,
  body:has(#tomb:target) .rail-tomb span,
  body:has(#han:target) .rail-han span,
  body:has(#treasures:target) .rail-treasures span,
  body:has(#decode:target) .rail-decode span,
  body:has(#awaken:target) .rail-awaken span{opacity:1;color:var(--gold);}

  body:has(#dream:target) .rail-dream i,
  body:has(#tomb:target) .rail-tomb i,
  body:has(#han:target) .rail-han i,
  body:has(#treasures:target) .rail-treasures i,
  body:has(#decode:target) .rail-decode i,
  body:has(#awaken:target) .rail-awaken i{width:32px;background:var(--gold);}

  .realm-stage{grid-template-columns:repeat(6,1fr);gap:0;}
  .realm-glyph{font-size:78px;}
  .decode-hero-inner{grid-template-columns:1.05fr .95fr;gap:42px;padding:120px 52px;}
  .decode-chinese{justify-content:flex-end;}
  .today-heading svg{width:160px;}
}

@media (max-width:699px){
  .chapter-overlay li a{grid-template-columns:34px 1fr;}
  .chapter-overlay li small{grid-column:2;}
  .tomb-beat h2{font-size:48px;}
  .banquet-artifact{gap:10px;}
  .banquet-artifact img{height:46vh;max-width:220px;}
  .banquet-artifact figcaption{width:150px;}
  .artifact-1{left:55vw;}
  .artifact-2{left:120vw;}
  .artifact-3{left:185vw;}
  .artifact-4{left:250vw;}
  .music-beats{height:310px;}
  .treasure{width:max(28vw,112px) !important;}
  .treasure-1{left:2% !important;}
  .treasure-2{left:66% !important;}
  .treasure-3{left:38% !important;}
  .treasure-4{left:10% !important;}
  .treasure-5{left:70% !important;}
  .treasure-6{left:48% !important;}
  .tag-carousel{height:500px;transform:scale(.78);transform-origin:top center;margin-bottom:-80px;}
  .six-decodes{overflow:hidden;}
  .decode-scroll-stage{overflow-x:auto;overflow-y:hidden;min-width:900px;width:900px;transform:scale(.48);transform-origin:top left;margin-bottom:-250px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}