:root{--bg:#0c0905;--gold:#d6b478;--text:#f1e6cf;--muted:#bdb09a;--line:#594528}body{background:var(--bg)}header{padding:20px 3%;min-height:94px;background:#080704;border-color:#6b5331;gap:24px}header nav{gap:25px}header .brand{font-size:26px}header .brand span{font-size:10px}header .language-switch{margin-left:auto}.reference-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;background:#ded1b8;border-bottom:4px solid #ded1b8}.reference-layout>section{min-width:0;background-color:var(--bg);position:relative;overflow:hidden}.reference-layout h1,.reference-layout h2,.reference-layout h3{font-family:"Songti SC",SimSun,Georgia,serif;letter-spacing:.07em;font-weight:400}.reference-layout h2{font-size:27px;line-height:1.45;margin:0 0 12px}.reference-layout h3{font-size:19px;line-height:1.5}.reference-layout p{font-size:16px;line-height:1.8;margin:10px 0}.reference-layout .eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 10px}.reference-layout .button{margin-top:14px;padding:9px 18px;font-size:14px;gap:22px}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.phoenix-cover{grid-column:1/8;grid-row:1/3;min-height:700px}.phoenix-cover .cover-image{object-position:60% center}.phoenix-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.56),transparent 80%);pointer-events:none}.cover-copy{position:relative;z-index:1;padding:195px 6% 160px;max-width:78%}.reference-layout .cover-copy h1{font-size:clamp(30px,3vw,49px);line-height:1.65;white-space:normal}.cover-copy p{color:#f3e3c7}.cover-bottom{position:absolute;z-index:1;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.15em;color:var(--gold)}.story-panel{grid-column:8/13;grid-row:1;padding:35px 6%;min-height:330px}.paper{color:#312315!important;background:#e6d7bb url('/assets/ink-story.png') center/cover!important}.paper p{color:#594b38}.paper .eyebrow{color:#78532d}.paper .button{color:#382817;border-color:#785b35}.paper .button:hover{background:#382817;color:#f3e3c7}.story-panel p:not(.eyebrow){max-width:72%;font-size:15px}.story-panel h2{max-width:85%}.powers-panel{grid-column:8/13;grid-row:2;padding:24px 25px 18px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.section-title>a{font-size:13px;white-space:nowrap;color:var(--gold)}.totem-strip{display:flex;overflow-x:auto;scrollbar-color:#a3804b #151006;border-top:1px solid var(--line);margin-top:18px;padding-bottom:12px}.totem-tile{min-width:105px;flex:1;border-right:1px solid var(--line);text-align:center;padding:16px 9px 5px}.totem-index{display:block;font-size:12px;color:#907751}.totem-glyph{font:52px/1.8 "Songti SC",SimSun,serif;color:var(--gold);display:block}.totem-tile h3{font-size:18px;margin:4px 0}.totem-en{font-size:10px;color:#d2b77d;letter-spacing:.04em}.totem-tile p{font-size:14px;line-height:1.7}.collection-panel{grid-column:1/8;padding:28px 25px 25px}.collection-price{font:14px Georgia,serif;color:var(--gold);white-space:nowrap}.category-links{display:flex;gap:30px;padding:10px 0 14px;margin:15px 0;border-block:1px solid var(--line);font-size:14px;flex-wrap:wrap}.jewel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jewel-tile{border:1px solid var(--line);display:block;background:#080704;overflow:hidden}.jewel-tile>img{width:100%;height:205px;object-fit:cover;object-position:center}.jewel-tile>div{padding:13px 12px}.jewel-tile h3{font-size:20px;margin:0}.jewel-tile h3 span{float:right;color:var(--gold)}.jewel-tile small{font:10px Georgia;letter-spacing:.08em;color:var(--gold)}.jewel-tile p{font-size:14px}.jewel-tile:hover{border-color:var(--gold)}.bespoke-panel{grid-column:8/13;min-height:535px}.bespoke-panel .cover-image{object-position:60% center}.bespoke-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.6) 55%,rgba(0,0,0,.15));pointer-events:none}.bespoke-copy{position:relative;z-index:1;padding:30px 30px 25px}.bespoke-copy>p{color:#e3d0af}.bespoke-copy ol{padding:0;list-style:none;margin:20px 0}.bespoke-copy li{display:flex;gap:16px;margin:16px 0;align-items:flex-start}.bespoke-copy li>span{border:1px solid var(--gold);border-radius:50%;width:32px;height:32px;text-align:center;font:15px/30px Georgia;color:var(--gold);flex:none}.bespoke-copy li h3{font-size:18px;margin:0;color:var(--gold)}.bespoke-copy li p{font-size:14px;margin:0;color:#ded3bd}.bespoke-copy .bespoke-price{font:18px Georgia;color:var(--gold)}.aesthetic-panel{grid-column:1/5;min-height:380px}.aesthetic-panel .cover-image{object-position:70%}.aesthetic-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.18))}.aesthetic-panel>div{position:relative;z-index:1;padding:36px 28px;max-width:80%}.aesthetic-panel p{color:#e1d0b3}.craft-panel{grid-column:5/9;padding:30px 24px}.journal-panel{grid-column:9/13;padding:30px 24px}.material-grid,.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.material-grid img,.journal-grid img{width:100%;height:130px;object-fit:cover}.material-grid h3,.journal-grid h3{font-size:18px;margin:8px 0 0}.material-grid p,.journal-grid p{font-size:14px;line-height:1.6}.reference-home footer{padding:35px 3%}.page-head{background:linear-gradient(90deg,rgba(11,8,4,.98),rgba(11,8,4,.72)),url('/assets/hero-landscape.png') center/cover;max-width:none;padding:65px 8%;border-bottom:1px solid var(--line)}.page-head h1{color:#e0bd80}.page-head p{max-width:780px}.page-head+.wide-image{margin-top:35px}.card{scroll-margin-top:25px}html[lang="en"] .reference-layout h2{font-size:25px;letter-spacing:0}html[lang="en"] .reference-layout h3{letter-spacing:0}html[lang="en"] .cover-copy h1{font-size:48px}html[lang="en"] .story-panel p:not(.eyebrow){max-width:85%}html[lang="en"] .totem-tile h3{font-size:16px}html[lang="en"] .jewel-tile h3{font-size:18px}html[lang="en"] .reference-layout .button{font-size:13px}html[lang="en"] .cover-copy{max-width:85%}
@media(min-width:1600px){.phoenix-cover{min-height:790px}.cover-copy{padding-top:235px}.story-panel{min-height:370px}.totem-tile{min-width:90px}}
@media(max-width:1100px){.phoenix-cover{grid-column:1/13;grid-row:1;min-height:620px}.cover-copy{max-width:70%;padding:180px 6% 130px}.story-panel{grid-column:1/7;grid-row:2;min-height:350px}.powers-panel{grid-column:7/13;grid-row:2}.collection-panel{grid-column:1/13}.bespoke-panel{grid-column:1/7}.aesthetic-panel{grid-column:7/13;min-height:500px}.craft-panel{grid-column:1/7}.journal-panel{grid-column:7/13}.jewel-tile>img{height:270px}header nav{width:100%;order:3;justify-content:center}}
@media(max-width:650px){header{padding:18px 5%;gap:15px}header nav{gap:14px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;font-size:13px}header nav a{white-space:nowrap}header .brand{font-size:22px}.reference-layout{display:block}.reference-layout>section{border-bottom:4px solid #ded1b8}.phoenix-cover{min-height:550px}.phoenix-cover .cover-image{object-position:62% center}.cover-copy{padding:210px 6% 110px;max-width:100%}.reference-layout .cover-copy h1{font-size:30px;text-shadow:0 2px 12px #000}.cover-copy .eyebrow{font-size:10px}.cover-copy p{font-size:15px}.story-panel{padding:32px 6%;min-height:335px}.story-panel p:not(.eyebrow){max-width:80%}.powers-panel{padding:28px 6%}.reference-layout h2{font-size:24px}.section-title{flex-wrap:wrap;gap:4px}.collection-panel{padding:30px 5%}.jewel-grid{grid-template-columns:1fr 1fr;gap:10px}.jewel-tile>img{height:230px}.jewel-tile h3{font-size:21px}.category-links{gap:25px}.bespoke-panel{min-height:540px}.aesthetic-panel{min-height:390px}.craft-panel,.journal-panel{padding:32px 6%}.material-grid img,.journal-grid img{height:170px}html[lang="en"] .reference-layout .cover-copy h1{font-size:40px}html[lang="en"] .cover-copy{max-width:100%}html[lang="en"] header nav{flex-wrap:nowrap;gap:18px}html[lang="en"] .story-panel p:not(.eyebrow){max-width:90%}.page-head{padding:45px 7%}.reference-home footer{padding:30px 6%}}

.totem-mini{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin:10px auto 2px}.totem-mark{display:block;font:23px/1.3 "Songti SC",serif;color:var(--gold)}.totem-strip .totem-tile{min-width:115px;padding:12px 8px 6px}.totem-art{position:relative;display:block;margin:20px -8px 24px;overflow:hidden;background:#0c0905}.totem-art img{display:block;width:100%;aspect-ratio:1;object-fit:contain;transition:transform .3s ease}.totem-art:hover img{transform:scale(1.035)}.totem-art>span{position:absolute;bottom:12px;right:15px;font-size:12px;color:var(--gold);padding:4px 8px;background:rgba(12,9,5,.82)}.totem-name{display:flex;align-items:center;gap:17px;margin-bottom:18px}.totem-name>span{font:40px/1.4 "Songti SC",serif;color:var(--gold)}.totem-name>p{color:var(--gold);font:21px/1.5 "Songti SC",Georgia,serif;margin:0}.totem-page .card{padding:28px}.totem-page .card h3{font-size:25px}.totem-caption{font-size:14px;margin-top:25px;color:var(--muted)}@media(max-width:650px){.totem-page .rows{grid-template-columns:1fr}.totem-page .card{border-right:0;padding:25px 12px}.totem-art{max-width:410px;margin:15px auto 25px}.totem-strip .totem-tile{min-width:118px}}@media(prefers-reduced-motion:reduce){.totem-art img{transition:none}}
