:root {
  --ink:#090c11;
  --ink2:#101722;
  --paper:#eee8da;
  --acid:#d8ff45;
  --blue:#173fbb;
  --gold:#c89a4c;
  --orange:#e9692f;
  --line:rgba(238,232,218,.16);
  --pad:clamp(18px,2.2vw,38px);
  --hero-p:0;
  --mouse-x:50vw;
  --mouse-y:50vh;
  --preview-radius-light:8px;
  --preview-radius-dark:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--ink);color:var(--paper);overflow-x:hidden}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--acid);color:var(--ink)}
.page-noise{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),rgba(37,76,191,.12),transparent 72%)}
.scroll-progress{position:fixed;z-index:250;right:0;top:0;width:3px;height:100vh;background:rgba(255,255,255,.07)}.scroll-progress span{display:block;width:100%;height:0;background:linear-gradient(var(--gold),var(--blue),var(--acid))}

.topbar{position:fixed;z-index:200;top:0;left:0;right:0;height:74px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:24px;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(8,11,16,.22);backdrop-filter:blur(15px);transition:background .35s,border-color .35s}
.edition-mark{display:flex;align-items:center;gap:12px;width:max-content}.edition-mark__n{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-weight:900}.edition-mark>span:last-child{font-size:9px;line-height:1.1;letter-spacing:.1em;font-weight:700}
.topbar__current{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;opacity:.8}.topbar__current strong{font-weight:700}
.topbar__actions{display:flex;align-items:center;gap:14px}.topbar__actions>a,.topbar__actions>button{border:0;background:transparent;font-size:9px;letter-spacing:.12em;cursor:pointer}
.index-trigger{display:flex;align-items:center;gap:6px;padding:10px 14px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important}.index-trigger i{display:block;width:9px;height:1px;background:currentColor}.index-trigger i:last-child{transform:translateX(-15px) rotate(90deg)}
.chapter-rail{position:fixed;z-index:150;left:var(--pad);top:50%;transform:translateY(-50%);display:grid;width:120px;mix-blend-mode:difference;color:white}.chapter-rail a{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:7px 0;font-size:9px;letter-spacing:.09em;opacity:.38;transition:.3s}.chapter-rail a::after{content:"";grid-column:1/-1;height:1px;width:0;background:currentColor;margin-top:6px;transition:.4s}.chapter-rail a.is-active,.chapter-rail a:hover{opacity:1;transform:translateX(4px)}.chapter-rail a.is-active::after{width:100%}.chapter-rail b{font-weight:500}

.hero-scroll{height:340vh;position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:#05070a;perspective:1500px;transform-style:preserve-3d}
.hero-layer{position:absolute;inset:-5%;transform-origin:61% 43%;will-change:transform,filter,opacity}.hero-layer img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-layer--bg{transform:translate3d(calc(var(--hero-p)*-1.5vw),0,-120px) scale(calc(1.05 + var(--hero-p)*.10));filter:brightness(calc(1 + var(--hero-p)*-.12))}.hero-layer--blue{z-index:3;transform:translate3d(calc(var(--hero-p)*-2vw),calc(var(--hero-p)*-1vh),30px) scale(calc(1.02 + var(--hero-p)*.32));filter:saturate(calc(1.05 + var(--hero-p)*.4)) brightness(calc(1 + var(--hero-p)*.18))}.hero-layer--statue{z-index:5;transform:translate3d(calc(var(--hero-p)*1.8vw),calc(var(--hero-p)*-.6vh),100px) scale(calc(1.02 + var(--hero-p)*.14));filter:drop-shadow(0 24px 35px rgba(0,0,0,.25))}.hero-layer--decor{z-index:6;transform:translate3d(calc(var(--hero-p)*2.8vw),calc(var(--hero-p)*.5vh),150px) scale(calc(1.02 + var(--hero-p)*.20));filter:drop-shadow(0 28px 40px rgba(0,0,0,.3))}.hero-layer--person{z-index:8;transform:translate3d(calc(var(--hero-p)*-1.8vw),calc(var(--hero-p)*1vh),220px) scale(calc(1.01 + var(--hero-p)*.26));filter:drop-shadow(0 32px 50px rgba(0,0,0,.38))}.hero-layer--foreground{z-index:10;transform-origin:60% 74%;transform:translate3d(calc(var(--hero-p)*-2.8vw),calc(var(--hero-p)*3.5vh),300px) scale(calc(1.01 + var(--hero-p)*.38));filter:drop-shadow(0 -10px 45px rgba(0,0,0,.28))}
.blue-glow{position:absolute;left:43%;top:8%;width:28%;height:67%;background:radial-gradient(ellipse,rgba(24,63,187,calc(.08 + var(--hero-p)*.28)),transparent 67%);filter:blur(22px);mix-blend-mode:screen}
.depth-geometry{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:calc(.12 + var(--hero-p)*.55)}.depth-frame{position:absolute;left:44%;top:7%;width:22%;height:55%;border:1px solid rgba(96,132,255,.32);transform-origin:center}.depth-frame--1{transform:scale(calc(1 + var(--hero-p)*.5))}.depth-frame--2{transform:scale(calc(1.18 + var(--hero-p)*1.2));opacity:.55}.depth-frame--3{transform:scale(calc(1.45 + var(--hero-p)*2.2));opacity:.28}.depth-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(200,154,76,.4),rgba(46,83,202,.45),transparent)}.depth-line--a{left:36%;top:34%;width:38%;transform:translateX(calc(var(--hero-p)*9vw))}.depth-line--b{left:52%;top:18%;width:1px;height:49%;background:linear-gradient(transparent,rgba(55,91,210,.4),transparent);transform:translateY(calc(var(--hero-p)*-5vh))}.depth-line--c{right:7%;bottom:24%;width:26%;transform:translateX(calc(var(--hero-p)*-10vw))}
.hero-copy{position:absolute;z-index:40;left:calc(var(--pad) + 140px);top:17vh;max-width:45vw;transform:translateY(calc(var(--hero-p)*-45px));opacity:calc(1 - var(--hero-p)*.78)}.eyebrow{font-size:9px;letter-spacing:.16em;margin:0 0 3vh}.hero-copy h1{margin:0;font-size:clamp(70px,10.5vw,170px);line-height:.75;letter-spacing:-.085em}.hero-copy h1 span{display:block}.hero-copy h1 span:nth-child(2){margin-left:8vw}.hero-copy h1 span:nth-child(3){margin-left:2vw;color:#e7d2aa}.hero-intro{max-width:370px;margin:4vh 0 0;font-size:14px;line-height:1.65;color:rgba(238,232,218,.72)}
.hero-side-note{position:absolute;z-index:45;right:var(--pad);top:17vh;display:grid;gap:8px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em;opacity:calc(.8 - var(--hero-p)*.65)}.hero-bottom{position:absolute;z-index:45;left:calc(var(--pad) + 140px);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;opacity:calc(1 - var(--hero-p)*.72)}

.edition-intro{min-height:95vh;background:var(--paper);color:var(--ink);padding:14vh var(--pad) 12vh calc(var(--pad) + 140px);display:grid;grid-template-columns:150px 1fr 290px;gap:4vw}.edition-intro__label{font-size:9px;letter-spacing:.12em;font-weight:700}.edition-intro__statement{align-self:center;font-size:clamp(44px,6.7vw,104px);line-height:.95;letter-spacing:-.065em;font-weight:800}.edition-intro__statement p{margin:0}.edition-intro__statement em{font-family:Georgia,"Songti SC",serif;font-weight:400}.edition-intro__aside{align-self:end;border-top:1px solid rgba(9,12,17,.25);padding-top:14px;font-size:13px;line-height:1.6}.edition-intro__aside button{margin-top:40px;border:0;border-bottom:1px solid;background:transparent;padding:8px 0;cursor:pointer;font-size:9px;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}

.chapter{padding:14vh var(--pad) 12vh calc(var(--pad) + 140px);position:relative}.chapter--selected,.chapter--ai{background:var(--ink);color:var(--paper)}.chapter--brand{background:#d1a5a0;color:#201516}.chapter--illustration{background:#a9bcae;color:#16221c}
.chapter-header{display:grid;grid-template-columns:120px 1fr 300px;gap:4vw;align-items:end;margin-bottom:8vh}.chapter-header__number{font-size:clamp(72px,9vw,140px);line-height:.7;font-weight:900;opacity:.16}.chapter-header span{font-size:9px;letter-spacing:.13em}.chapter-header h2{margin:14px 0 0;font-size:clamp(62px,8vw,126px);line-height:.73;letter-spacing:-.075em}.chapter-header p{margin:0;font-size:13px;line-height:1.65;opacity:.7}.chapter-header--light p{opacity:.74}
.feature-story{min-height:75vh;border:1px solid var(--line);display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden}.feature-story__visual{position:relative;background:linear-gradient(#b9a078 0 58%,#3a3425 58%);overflow:hidden}.story-symbol{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-7deg);font-family:Georgia,"Songti SC",serif;font-size:clamp(150px,20vw,320px);color:rgba(240,224,189,.62)}.story-landscape{position:absolute;left:-4%;right:-4%;bottom:0;height:50%;background:#181812;clip-path:polygon(0 83%,10% 51%,20% 72%,31% 31%,45% 70%,59% 20%,72% 62%,84% 35%,100% 68%,100% 100%,0 100%)}.feature-story__content{padding:36px;display:flex;flex-direction:column;justify-content:end;background:#10161d}.feature-story__content>span,.selected-card>span{font-size:9px;letter-spacing:.12em;opacity:.64}.feature-story h3{margin:18px 0 14px;font-size:clamp(56px,7vw,110px);line-height:.8;letter-spacing:-.07em}.feature-story p{max-width:360px;font-size:14px;line-height:1.65;color:rgba(238,232,218,.7)}.story-meta{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0}.story-meta b{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 9px;font-size:8px;letter-spacing:.1em}.feature-story button{align-self:flex-start;border:0;border-bottom:1px solid;background:transparent;padding:9px 0;cursor:pointer;font-size:10px;letter-spacing:.1em}
.selected-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.selected-card{padding-top:10px;border-top:1px solid var(--line)}.selected-card__visual{height:45vh;min-height:340px;margin-bottom:14px;position:relative;overflow:hidden}.selected-card__visual::before{content:attr(data-mark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,"Songti SC",serif;font-size:clamp(100px,14vw,230px)}.selected-card--night .selected-card__visual{background:radial-gradient(circle at 70% 30%,rgba(60,150,112,.28),transparent 22%),#0d251f}.selected-card--night .selected-card__visual::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(108deg,transparent 0 18px,rgba(220,255,230,.12) 19px 20px)}.selected-card--ip .selected-card__visual{background:#173029}.selected-card--ip .selected-card__visual::before{color:#eee2bd}.selected-card h3{font-size:clamp(38px,4vw,70px);margin:10px 0 8px;letter-spacing:-.055em}.selected-card p{margin:0;opacity:.65}
.back-index{display:block;margin:8vh 0 0 auto;border:0;border-bottom:1px solid;background:transparent;padding:8px 0;cursor:pointer;font-size:9px;letter-spacing:.11em}.back-index--dark{color:var(--ink)}
.brand-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.brand-tile{min-height:58vh;border:1px solid rgba(32,21,22,.26);display:grid;grid-template-rows:1fr auto;padding:16px}.brand-tile--large{grid-row:span 2;min-height:calc(116vh + 15px)}.brand-tile>div:last-child span{font-size:9px;letter-spacing:.12em}.brand-tile h3{font-size:clamp(42px,5vw,82px);margin:8px 0;letter-spacing:-.06em}.brand-tile p{margin:0;opacity:.64}.brand-object{position:relative;display:grid;place-items:center;overflow:hidden;font-family:Georgia,"Songti SC",serif;font-size:clamp(90px,14vw,240px)}.brand-object--color{display:flex;align-items:center;justify-content:center;gap:2%}.brand-object--color i{display:block;width:18%;height:55%;border:1px solid;box-shadow:15px 18px rgba(32,21,22,.08)}.brand-object--color i:nth-child(1){background:#c84c56;transform:rotate(-8deg)}.brand-object--color i:nth-child(2){background:#4b8078;transform:rotate(5deg)}.brand-object--color i:nth-child(3){background:#e1b15b;transform:rotate(-3deg)}.brand-object--color i:nth-child(4){background:#705b8c;transform:rotate(8deg)}.brand-object--incense{background:#9d533f;color:#f0dfce}.brand-object--tea{background:#7e9668;color:#eee8d6}
.motion-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.motion-panel{flex:0 0 min(72vw,880px);height:70vh;min-height:500px;scroll-snap-align:start;border:1px solid var(--line);position:relative;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.motion-panel::before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-18deg)}.motion-panel::after{content:"";position:absolute;width:30%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(216,255,69,.85);box-shadow:0 0 80px rgba(216,255,69,.25)}.motion-panel--01{background:#111f35}.motion-panel--02{background:#4e2536}.motion-panel--03{background:#183830}.motion-panel--04{background:#4a3b22}.motion-panel span,.motion-panel b,.motion-panel small{position:relative;z-index:2}.motion-panel span{font-size:10px}.motion-panel b{font-size:clamp(40px,6vw,96px);letter-spacing:-.06em}.motion-panel small{font-size:11px;opacity:.66}.prompt-wall{margin-top:9vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:5vh 0;font-size:clamp(15px,2vw,30px);letter-spacing:-.03em}.prompt-wall span:nth-child(even){font-family:Georgia,serif;font-style:italic;color:#d3bd8d}
.illustration-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.editorial-card{border-top:1px solid rgba(22,34,28,.28);padding-top:10px}.editorial-card>div{height:55vh;min-height:390px;display:grid;place-items:center;font-family:Georgia,"Songti SC",serif;font-size:clamp(110px,14vw,230px);margin-bottom:12px}.editorial-card--cloud>div{background:#9cadb9;color:#25353e}.editorial-card--station>div{background:#d7dedf;color:#5b6a70}.editorial-card--night>div{background:#173029;color:#eae0bd}.editorial-card span{font-size:9px;letter-spacing:.12em}.editorial-card h3{font-size:clamp(30px,3.2vw,56px);margin:8px 0;letter-spacing:-.05em}

.archive{background:var(--paper);color:var(--ink);padding:14vh var(--pad) 14vh calc(var(--pad) + 140px)}.archive-header{display:grid;grid-template-columns:160px 1fr 300px;gap:4vw;align-items:end}.archive-header>span{font-size:9px;letter-spacing:.12em}.archive-header h2{margin:0;font-size:clamp(78px,11vw,170px);line-height:.7;letter-spacing:-.085em}.archive-header p{margin:0;font-size:13px;line-height:1.6}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:8vh 0 4vh}.filters button{border:1px solid rgba(9,12,17,.22);border-radius:999px;background:transparent;padding:10px 13px;cursor:pointer}.filters button span{margin-left:16px;font-size:8px;opacity:.55}.filters button.is-active,.filters button:hover{background:var(--ink);color:var(--paper)}.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.archive-item{grid-column:span 4;min-height:360px;border-top:1px solid rgba(9,12,17,.24);padding-top:10px;display:grid;grid-template-rows:auto 1fr auto;transition:.4s}.archive-item:nth-child(5n+1),.archive-item:nth-child(5n+4){grid-column:span 6;min-height:450px}.archive-item.is-hidden{display:none}.archive-item:hover{transform:translateY(-8px)}.archive-item__top,.archive-item__bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.09em}.archive-item__visual{position:relative;margin:11px 0;background:var(--item-bg);overflow:hidden}.archive-item__visual::before{content:"";position:absolute;inset:13%;border:1px solid var(--item-fg);border-radius:var(--radius);transform:rotate(var(--rot))}.archive-item__visual::after{content:attr(data-mark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,"Songti SC",serif;font-size:clamp(60px,9vw,140px);color:var(--item-fg)}.archive-item__bottom b{font-size:17px;letter-spacing:-.03em}
.about{background:var(--acid);color:var(--ink);min-height:100svh;padding:14vh var(--pad) 28px calc(var(--pad) + 140px);display:flex;flex-direction:column}.about-kicker{font-size:9px;letter-spacing:.12em}.about>h2{margin:9vh 0;font-size:clamp(72px,11vw,174px);line-height:.74;letter-spacing:-.085em}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.about-grid p{max-width:680px;font-size:clamp(18px,1.8vw,28px);line-height:1.5;letter-spacing:-.02em}.about-services{display:grid;gap:11px}.about-services span{border-top:1px solid rgba(9,12,17,.22);padding-top:10px;font-size:9px;letter-spacing:.12em;font-weight:700}.contact-footer{margin-top:auto;border-top:1px solid rgba(9,12,17,.25);padding-top:16px;display:flex;justify-content:space-between;align-items:end}.contact-footer p{font-size:9px;letter-spacing:.12em}.contact-footer button{border:0;border-bottom:.07em solid;background:transparent;font-size:clamp(30px,5vw,76px);font-weight:900;letter-spacing:-.06em;cursor:pointer;padding:0}

.index-panel{width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:0;background:#0b1018;color:var(--paper)}.index-panel::backdrop,.contact-panel::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.index-panel[open],.contact-panel[open]{animation:dialog-in .45s cubic-bezier(.22,1,.36,1)}@keyframes dialog-in{from{opacity:0;transform:translateY(30px)}}.index-panel__top{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line)}.index-panel__top>div{display:flex;gap:30px;font-size:10px;letter-spacing:.12em}.index-panel__top button{border:0;background:transparent;cursor:pointer;font-size:10px;letter-spacing:.12em}.index-panel__intro{padding:7vh var(--pad) 4vh;display:grid;grid-template-columns:160px 1fr 260px;gap:4vw;align-items:end}.index-panel__intro span{font-size:9px;letter-spacing:.12em}.index-panel__intro h2{margin:0;font-size:clamp(72px,10vw,155px);line-height:.72;letter-spacing:-.08em}.index-panel__intro p{margin:0;font-size:13px;line-height:1.6;color:rgba(238,232,218,.64)}.index-panel__nav{border-top:1px solid var(--line)}.index-panel__nav a{display:grid;grid-template-columns:70px 1fr 260px;align-items:center;min-height:78px;padding:0 var(--pad);border-bottom:1px solid var(--line);transition:.28s}.index-panel__nav a:hover{background:var(--paper);color:var(--ink);padding-left:calc(var(--pad) + 12px)}.index-panel__nav span,.index-panel__nav small{font-size:9px;letter-spacing:.11em}.index-panel__nav b{font-size:clamp(22px,3vw,46px);letter-spacing:-.045em}
.contact-panel{width:min(620px,calc(100vw - 24px));border:0;padding:70px 30px 30px;background:var(--paper);color:var(--ink)}.contact-panel__close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:1px solid;border-radius:50%;background:transparent;font-size:23px;cursor:pointer}.contact-panel>span{font-size:9px;letter-spacing:.13em}.contact-panel h2{margin:16px 0;font-size:clamp(50px,7vw,94px);line-height:.78;letter-spacing:-.075em}.contact-panel>p{opacity:.62}.contact-list{margin-top:28px}.contact-list div{border-top:1px solid rgba(9,12,17,.2);padding:12px 0}.contact-list small{display:block;font-size:8px;letter-spacing:.12em;opacity:.55}.contact-list b{display:block;margin-top:5px}.contact-qr{margin-top:24px;width:120px;height:120px;display:grid;place-items:center;border:1px solid rgba(9,12,17,.2);font-weight:900;letter-spacing:.2em}

@media(max-width:1060px){.chapter-rail{display:none}.hero-copy,.hero-bottom{left:var(--pad)}.edition-intro,.chapter,.archive,.about{padding-left:var(--pad)}.topbar{grid-template-columns:210px 1fr auto}.chapter-header,.archive-header{grid-template-columns:100px 1fr 250px}.edition-intro{grid-template-columns:100px 1fr 240px}}
@media(max-width:760px){.cursor-glow,.scroll-progress{display:none}.topbar{height:62px;padding:0 14px;grid-template-columns:1fr auto}.topbar__current,.topbar__actions>a,.topbar__actions>button[data-open-contact]{display:none}.edition-mark__n{width:31px;height:31px}.hero-scroll{height:260vh}.hero-stage{min-height:650px}.hero-layer{inset:-3%}.hero-layer img{object-position:67% center}.hero-copy{left:14px;top:12vh;max-width:84vw}.hero-copy h1{font-size:clamp(58px,18vw,96px)}.hero-copy h1 span:nth-child(2){margin-left:5vw}.hero-intro{max-width:270px;font-size:12px}.hero-side-note{display:none}.hero-bottom{left:14px;right:14px;bottom:14px;flex-direction:column;gap:6px}.hero-bottom span:last-child{display:none}.depth-frame{left:42%;top:10%;width:31%;height:50%}.edition-intro{display:block;padding:85px 14px}.edition-intro__statement{margin:80px 0;font-size:clamp(38px,11vw,64px)}.edition-intro__aside{margin-left:25vw}.chapter,.archive,.about{padding:90px 14px}.chapter-header,.archive-header{display:block}.chapter-header__number{font-size:80px}.chapter-header h2,.archive-header h2{margin:50px 0 25px;font-size:clamp(58px,18vw,92px)}.chapter-header p,.archive-header p{margin-left:25vw}.feature-story{grid-template-columns:1fr}.feature-story__visual{min-height:55vh}.feature-story__content{padding:22px 18px 28px}.selected-pair{grid-template-columns:1fr}.selected-card__visual{height:50vh}.brand-showcase{grid-template-columns:1fr}.brand-tile--large{grid-row:auto;min-height:65vh}.brand-tile{min-height:60vh}.motion-panel{flex-basis:88vw;height:62vh;min-height:430px}.illustration-editorial{grid-template-columns:1fr}.editorial-card>div{height:52vh}.archive-grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.archive-item,.archive-item:nth-child(5n+1),.archive-item:nth-child(5n+4){grid-column:span 1;min-height:280px}.archive-item:nth-child(3n+1){grid-column:span 2;min-height:390px}.about>h2{font-size:clamp(60px,18vw,104px)}.about-grid{grid-template-columns:1fr}.contact-footer{display:block}.contact-footer button{margin-top:40px;font-size:9vw}.index-panel__top{height:62px;padding:0 14px}.index-panel__intro{display:block;padding:7vh 14px 4vh}.index-panel__intro h2{margin:50px 0 22px;font-size:21vw}.index-panel__intro p{margin-left:25vw}.index-panel__nav a{grid-template-columns:38px 1fr 52px;min-height:67px;padding:0 14px}.index-panel__nav b{font-size:20px}.index-panel__nav small{font-size:7px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-layer{transform:none!important}}

/* v5 — user-supplied layer integration */
.hero-stage{background:#050505;isolation:isolate}
.hero-layer{inset:0;transform-origin:61.5% 43%;will-change:transform,filter,opacity}
.hero-layer img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-layer--bg{
  z-index:1;
  transform:translate3d(calc(var(--hero-p)*-1.1vw),calc(var(--hero-p)*-.35vh),-130px) scale(calc(1 + var(--hero-p)*.105));
  filter:brightness(calc(1 - var(--hero-p)*.08)) saturate(calc(1 + var(--hero-p)*.04));
}
.hero-layer--person{
  z-index:9;
  transform:translate3d(calc(var(--hero-p)*1.45vw),calc(var(--hero-p)*-.8vh),210px) scale(calc(1 + var(--hero-p)*.235));
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.36)) brightness(calc(1 + var(--hero-p)*.035));
}
.hero-layer--foreground{
  z-index:12;
  transform-origin:56% 81%;
  transform:translate3d(calc(var(--hero-p)*-2.35vw),calc(var(--hero-p)*3.1vh),330px) scale(calc(1 + var(--hero-p)*.37));
  filter:drop-shadow(0 -15px 38px rgba(0,0,0,.28)) brightness(calc(1 + var(--hero-p)*.025));
}
.hero-light-field{position:absolute;inset:0;z-index:6;pointer-events:none;mix-blend-mode:screen}
.hero-light-field i{position:absolute;display:block;will-change:transform,opacity}
.hero-light-field__blue{
  left:39.2%;top:3%;width:21%;height:58%;
  background:radial-gradient(ellipse at center,rgba(29,68,168,calc(.05 + var(--hero-p)*.25)),transparent 69%);
  filter:blur(calc(19px + var(--hero-p)*11px));
  transform:scale(calc(1 + var(--hero-p)*.42));
}
.hero-light-field__warm{
  left:48%;top:15%;width:31%;height:58%;
  background:radial-gradient(ellipse at 58% 48%,rgba(205,143,72,calc(.02 + var(--hero-p)*.115)),transparent 66%);
  filter:blur(30px);
  transform:translateX(calc(var(--hero-p)*2vw)) scale(calc(1 + var(--hero-p)*.22));
}
.depth-geometry{z-index:7}
.depth-frame{left:39.2%;top:3.7%;width:20.4%;height:54.3%;border-color:rgba(76,109,213,.24)}
.hero-copy{z-index:30}
.hero-side-note,.hero-bottom{z-index:32}

@media(max-width:760px){
  .hero-layer{inset:0}
  .hero-layer img{object-position:64% center}
  .hero-layer--person{transform:translate3d(calc(var(--hero-p)*1vw),calc(var(--hero-p)*-.5vh),180px) scale(calc(1 + var(--hero-p)*.18))}
  .hero-layer--foreground{transform:translate3d(calc(var(--hero-p)*-1.5vw),calc(var(--hero-p)*2.1vh),260px) scale(calc(1 + var(--hero-p)*.27))}
  .hero-light-field__blue{left:37%;top:7%;width:31%;height:50%}
  .depth-frame{left:37%;top:8%;width:30%;height:48%}
}

/* v6 — responsive scene fitting, shorter hero and natural screen handoff */
:root{
  --hero-depth:0;
  --hero-exit:0;
  --flow-energy:0;
}

.hero-scroll{height:120svh;background:var(--paper)}
.hero-stage{
  min-height:100svh;
  height:100svh;
  overflow:clip;
  background:#21160f;
  transform:none;
}
.hero-stage::after{
  content:"";
  position:absolute;
  z-index:40;
  left:0;right:0;bottom:-1px;
  height:28vh;
  pointer-events:none;
  opacity:0;
  background:none;
}
.hero-transition{
  position:fixed;
  z-index:41;
  inset:0;
  width:100vw;height:100svh;
  pointer-events:none;
  opacity:var(--transition-opacity,0);
  will-change:opacity;
}

/* Luminous, irregular handoff field between the cover and chapter one. */

/* Keep the background overscanned so perspective/parallax never exposes edges. */
.hero-layer--bg{
  inset:-10%;
  z-index:1;
  transform:none;
  filter:none;
}
.hero-layer--bg img{
  object-fit:cover;
  object-position:center;
  transform:translate3d(calc(var(--hero-depth)*-.8vw),calc(var(--hero-depth)*-.2vh),0) scale(calc(1.11 + var(--hero-depth)*.045));
  filter:brightness(calc(1 - var(--hero-depth)*.07 - var(--hero-exit)*.08)) saturate(calc(1 + var(--hero-depth)*.035)) blur(calc(var(--hero-exit)*1.8px));
}

.hero-layer--person{
  inset:0;
  z-index:9;
  transform-origin:62% 53%;
  transform:translate3d(calc(1.7vw + var(--hero-depth)*.75vw),calc(2.1vh - var(--hero-depth)*.9vh - var(--hero-exit)*2.5vh),0) scale(calc(.915 + var(--hero-depth)*.125));
  filter:drop-shadow(0 27px 43px rgba(0,0,0,.34)) brightness(calc(1 + var(--hero-depth)*.025));
  opacity:calc(1 - var(--hero-exit)*.08);
}
.hero-layer--foreground{
  inset:0;
  z-index:12;
  transform-origin:55% 88%;
  transform:translate3d(calc(var(--hero-depth)*-1.35vw),calc(var(--hero-depth)*1.55vh + var(--hero-exit)*4.5vh),0) scale(calc(1 + var(--hero-depth)*.17 + var(--hero-exit)*.035));
  filter:drop-shadow(0 -13px 34px rgba(0,0,0,.24)) brightness(calc(1 + var(--hero-depth)*.018)) blur(calc(var(--hero-exit)*.65px));
  opacity:calc(1 - var(--hero-exit)*.13);
}

.hero-light-field__blue{
  opacity:calc(.45 + var(--hero-depth)*.55);
  transform:scale(calc(1 + var(--hero-depth)*.22 + var(--hero-exit)*.12));
}
.hero-light-field__warm{
  opacity:calc(.48 + var(--hero-depth)*.35);
  transform:translateX(calc(var(--hero-depth)*1.25vw)) scale(calc(1 + var(--hero-depth)*.12));
}
.depth-frame--1{transform:scale(calc(1 + var(--hero-depth)*.12));opacity:calc(.28 - var(--hero-exit)*.15)}
.depth-frame--2{transform:scale(calc(1.12 + var(--hero-depth)*.27));opacity:calc(.18 - var(--hero-exit)*.1)}
.depth-frame--3{transform:scale(calc(1.28 + var(--hero-depth)*.5));opacity:calc(.11 - var(--hero-exit)*.08)}
.depth-line--a{transform:translateX(calc(var(--hero-depth)*5vw));opacity:calc(.1 + var(--hero-depth)*.12 - var(--hero-exit)*.1)}
.depth-line--b{transform:translateY(calc(var(--hero-depth)*-3vh));opacity:calc(.08 + var(--hero-depth)*.1 - var(--hero-exit)*.08)}
.depth-line--c{transform:translateX(calc(var(--hero-depth)*-4vw));opacity:calc(.08 + var(--hero-depth)*.12 - var(--hero-exit)*.1)}

.hero-copy{
  transform:translateY(calc(var(--hero-depth)*-2.5vh - var(--hero-exit)*2vh));
  opacity:calc(1 - var(--hero-depth)*.54 - var(--hero-exit)*.4);
}
.hero-side-note,.hero-bottom{
  opacity:calc(1 - var(--hero-depth)*.54 - var(--hero-exit)*.34);
}


.edition-intro{
  position:relative;
  z-index:50;
  min-height:82vh;
  padding-top:5vh;
  box-shadow:none;
  margin-top:-1px;
  background:var(--paper);
  border-top:1px solid var(--paper);
}

/* Intermediate desktop and tablet tuning */
@media(max-width:1365px) and (min-width:761px){
  .hero-scroll{height:118svh}
  .hero-layer--person{
    transform-origin:64% 54%;
    transform:translate3d(calc(3vw + var(--hero-depth)*.5vw),calc(3.4vh - var(--hero-depth)*.7vh - var(--hero-exit)*2vh),0) scale(calc(.875 + var(--hero-depth)*.115));
  }
  .hero-layer--foreground{
    transform:translate3d(calc(var(--hero-depth)*-1vw),calc(1.5vh + var(--hero-depth)*1.35vh + var(--hero-exit)*4vh),0) scale(calc(.985 + var(--hero-depth)*.15));
  }
  .hero-copy{max-width:42vw}
}

/* Wide and ultra-wide screens */
@media(min-width:1800px){
  .hero-layer--person{
    transform:translate3d(calc(2.6vw + var(--hero-depth)*.65vw),calc(3vh - var(--hero-depth)*.75vh - var(--hero-exit)*2.3vh),0) scale(calc(.875 + var(--hero-depth)*.115));
  }
  .hero-layer--foreground{
    transform:translate3d(calc(var(--hero-depth)*-1.1vw),calc(1.3vh + var(--hero-depth)*1.45vh + var(--hero-exit)*4.2vh),0) scale(calc(.985 + var(--hero-depth)*.16));
  }
}

/* Short laptop screens */
@media(max-height:740px) and (min-width:761px){
  .hero-copy{top:15vh}
  .hero-copy h1{font-size:clamp(56px,8.8vw,128px)}
  .hero-intro{font-size:12px;max-width:310px}
  .hero-layer--person{
    transform:translate3d(calc(3.6vw + var(--hero-depth)*.45vw),calc(5vh - var(--hero-depth)*.5vh - var(--hero-exit)*2vh),0) scale(calc(.82 + var(--hero-depth)*.105));
  }
  .hero-layer--foreground{
    transform:translate3d(calc(var(--hero-depth)*-.8vw),calc(3vh + var(--hero-depth)*1.1vh + var(--hero-exit)*4vh),0) scale(calc(.95 + var(--hero-depth)*.13));
  }
}

@media(max-width:760px){
  .hero-scroll{height:116svh}
  .hero-stage{min-height:100svh;height:100svh;background:#21160f}
  .hero-layer--bg{inset:-14%}
  .hero-layer--bg img{
    object-position:64% center;
    transform:translate3d(calc(var(--hero-depth)*-.5vw),0,0) scale(calc(1.18 + var(--hero-depth)*.035));
  }
  .hero-layer--person img,.hero-layer--foreground img{object-position:64% center}
  .hero-layer--person{
    transform-origin:66% 55%;
    transform:translate3d(calc(5.2vw + var(--hero-depth)*.35vw),calc(7vh - var(--hero-depth)*.5vh - var(--hero-exit)*1.6vh),0) scale(calc(.77 + var(--hero-depth)*.085));
  }
  .hero-layer--foreground{
    transform-origin:58% 94%;
    transform:translate3d(calc(var(--hero-depth)*-.45vw),calc(4.8vh + var(--hero-depth)*.8vh + var(--hero-exit)*3.2vh),0) scale(calc(.9 + var(--hero-depth)*.105));
  }
  .hero-copy{top:11vh;max-width:82vw;transform:translateY(calc(var(--hero-depth)*-1.5vh - var(--hero-exit)*1vh))}
  .hero-copy h1{font-size:clamp(52px,16.5vw,88px)}
  .hero-stage::after{height:22vh}
  .hero-transition{height:100svh}
  .edition-intro{min-height:auto;padding-top:78px}
  .edition-intro__statement{margin-top:62px;margin-bottom:62px}
}

@media(max-width:430px){
  .hero-layer--bg img{object-position:66% center}
  .hero-layer--person img,.hero-layer--foreground img{object-position:66% center}
  .hero-layer--person{
    transform-origin:68% 56%;
    transform:translate3d(calc(6vw + var(--hero-depth)*.25vw),calc(8.2vh - var(--hero-depth)*.35vh - var(--hero-exit)*1.4vh),0) scale(calc(.72 + var(--hero-depth)*.075));
  }
  .hero-layer--foreground{
    transform:translate3d(0,calc(6vh + var(--hero-depth)*.65vh + var(--hero-exit)*2.8vh),0) scale(calc(.86 + var(--hero-depth)*.09));
  }
}

/* The chapter statement lives inside the light-curtain handoff instead of
   occupying a separate full-height screen. */
.hero-stage>.edition-intro{
  position:absolute;
  inset:0;
  z-index:46;
  min-height:0;
  margin:0;
  border:0;
  grid-template-columns:clamp(105px,8vw,145px) minmax(0,1fr) minmax(250px,310px);
  grid-template-rows:auto 1fr;
  column-gap:clamp(34px,4vw,78px);
  row-gap:clamp(34px,7vh,86px);
  padding:23vh var(--pad) 3.5vh calc(var(--pad) + 140px);
  background:transparent;
  box-shadow:none;
  pointer-events:none;
  opacity:clamp(0,calc((var(--hero-exit) - .38)*2.15),1);
  transform:translate3d(0,calc((1 - var(--hero-exit))*7vh),0);
  will-change:opacity,transform;
}
.hero-stage>.edition-intro .edition-intro__label{align-self:start;padding-top:8px;font-size:9px;line-height:1.35;letter-spacing:.15em;opacity:.62}
.hero-stage>.edition-intro .edition-intro__statement{align-self:start;margin:0}
.hero-stage>.edition-intro .edition-intro__statement--ai{max-width:1120px;font-size:clamp(38px,4.65vw,80px);font-weight:720;line-height:1.01;letter-spacing:-.058em}
.hero-stage>.edition-intro .edition-intro__statement--ai p{white-space:nowrap}
.hero-stage>.edition-intro .edition-intro__aside{position:absolute;inset:58% clamp(14px,.8vw,22px) auto auto;margin:0;width:clamp(320px,20vw,410px);max-width:none;padding-top:16px;border-color:rgba(9,12,17,.22);z-index:3;pointer-events:auto}
.hero-stage>.edition-intro .edition-intro__aside p{margin:0;font-size:12px;line-height:1.72;color:rgba(9,12,17,.7)}
.hero-stage>.edition-intro .edition-intro__aside button{margin-top:28px}

/* Chinese navigation and cursor cleanup */
.cursor-glow{display:none!important}
.chapter-rail{width:132px}.chapter-rail a{grid-template-columns:30px 1fr;letter-spacing:.04em}.chapter-rail b{white-space:nowrap;font-weight:600}
.topbar__actions{gap:clamp(10px,1.4vw,22px)}.topbar__actions>a,.topbar__actions>button{white-space:nowrap}.topbar__current span{letter-spacing:.08em}
.index-panel__intro .index-panel__title-cn{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(64px,12vw,190px);font-weight:900;line-height:1;letter-spacing:-.075em;white-space:nowrap;margin:clamp(28px,5vh,70px) 0 0}
.edition-mark>span:last-child{font-size:11px;line-height:1.15;font-weight:800}.topbar__current{font-size:11px;font-weight:600}.topbar__actions>a,.topbar__actions>button{font-size:11px;font-weight:650}.index-trigger{padding:11px 16px!important}.chapter-rail a{font-size:11px;padding:8px 0}.chapter-rail b{font-weight:650}
@media(max-width:760px){.topbar__actions{gap:10px}.topbar__actions>a{display:none}.topbar__actions button{font-size:9px}.edition-mark>span:last-child{font-size:8px;line-height:1.15}}

/* Six complete featured project chapters */
.project-chapter{position:relative;padding:13vh var(--pad) 12vh calc(var(--pad) + 160px);overflow:clip;background:#0a0d13;color:#eee8da}
.project-chapter.project-chapter--1{background:#05070a;color:#f2ecdf}.project-chapter.project-chapter--2{background:#d2bd96;color:#17120e}.project-chapter.project-chapter--3{background:#e8e1d5;color:#1a1611}.project-chapter.project-chapter--4{background:#080d16;color:#e8e7df}.project-chapter.project-chapter--5{background:#c6b292;color:#241912}.project-chapter.project-chapter--6{background:#000;color:#eee9df}
.project-chapter__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:clamp(28px,4vw,72px);align-items:end;margin-bottom:9vh;border-top:1px solid currentColor;padding-top:14px}
.project-chapter__header>span,.project-chapter__header small{font-size:10px;letter-spacing:.13em;font-weight:700}.project-chapter__header h2{margin:0;font-size:clamp(60px,7.2vw,122px);font-weight:760;line-height:.84;letter-spacing:-.065em;overflow-wrap:anywhere}.project-chapter__header p{margin:0 0 18px;font-size:14px;line-height:1.7}.project-chapter__header small{opacity:.62}
.project-chapter__header h2{display:flex;align-items:baseline;gap:.16em;white-space:nowrap}.project-chapter__header h2 em,.project-chapter__header h2 span{font:inherit;line-height:inherit;letter-spacing:inherit}.project-chapter__header h2 em{flex:0 0 auto;font-style:normal}.project-chapter__header h2 span{min-width:0;white-space:nowrap}
.project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1.1vw,18px);align-items:start}
.project-media{grid-column:span 6;margin:0;min-width:0}.project-media--0{grid-column:1/-1}.project-media--1{grid-column:span 7}.project-media--2{grid-column:span 5}.project-media--3{grid-column:span 4}.project-media--4{grid-column:span 8}.project-media--5,.project-media--6{grid-column:span 6}.project-media--video{grid-column:1/-1;margin:4vh 0}
.project-media img,.project-media video{display:block;width:100%;height:auto;max-height:none;background:rgba(0,0,0,.12)}.project-media figcaption{display:flex;justify-content:space-between;padding:8px 2px 20px;border-top:1px solid currentColor;font-size:8px;letter-spacing:.1em;opacity:.66}
.project-chapter--1 .project-media:nth-child(3n+2),.project-chapter--6 .project-media:nth-child(4n+2){padding-top:7vh}.project-chapter--3 .project-media:nth-child(5n+3){padding-top:10vh}.project-chapter--4 .project-gallery{gap:8px}.project-chapter--4 .project-media figcaption{color:#a7b2c4}.project-chapter--5 .project-media:nth-child(even){transform:translateY(4vh)}
.project-back{color:inherit;margin-top:9vh}
@media(max-width:1060px){.project-chapter{padding-left:var(--pad)}.project-chapter__header{grid-template-columns:minmax(0,1fr) 240px}.chapter-rail{display:none}}
@media(max-width:980px){.project-chapter__header{grid-template-columns:1fr;align-items:start}.project-chapter__header h2{font-size:clamp(46px,7.5vw,72px)}.project-chapter__header>div{max-width:520px;margin-top:22px}}
@media(max-width:760px){.project-chapter{padding:90px 14px 70px}.project-chapter__header{display:block;margin-bottom:50px}.project-chapter__header>span{display:block;margin-bottom:36px}.project-chapter__header h2{font-size:clamp(30px,8.6vw,42px);line-height:.9;gap:.12em;margin-bottom:30px}.project-chapter__header p{max-width:80%}.project-gallery{display:block}.project-media,.project-media--0,.project-media--1,.project-media--2,.project-media--3,.project-media--4,.project-media--5,.project-media--6,.project-media--video{width:100%;margin:0 0 14px;padding-top:0!important;transform:none!important}.project-media--video{margin:35px 0}.project-media figcaption{padding-bottom:12px}}

/* POWERDOG — compact project-specific presentation */
.project-chapter--1 .project-gallery{display:block}.powerdog-layout{display:grid;gap:12vh}.powerdog-hero{margin:0;max-width:1500px}.powerdog-hero img{display:block;width:100%;max-height:72vh;object-fit:contain;object-position:left center;background:#0b0908}.powerdog-hero figcaption,.powerdog-story figcaption,.powerdog-video figcaption{padding:8px 2px;border-top:1px solid currentColor;font-size:8px;letter-spacing:.11em;opacity:.65}
.powerdog-block{display:grid;grid-template-columns:210px minmax(0,1fr);gap:3vw;align-items:start}.powerdog-block>header{position:sticky;top:100px;border-top:1px solid currentColor;padding-top:10px}.powerdog-block>header span{font-size:9px;letter-spacing:.12em}.powerdog-block>header h3{font-size:clamp(25px,2.1vw,38px);line-height:1;letter-spacing:-.05em;margin:16px 0;white-space:nowrap}
.powerdog-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.powerdog-story__item{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.powerdog-story__item img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;background:rgba(0,0,0,.12);transition:transform .35s ease}.powerdog-story__item:hover img{transform:scale(.975)}.powerdog-story__item span{display:block;padding:7px 1px 11px;border-top:1px solid currentColor;font-size:8px;letter-spacing:.08em;opacity:.68}
.powerdog-characters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.powerdog-character{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.powerdog-character img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:rgba(0,0,0,.12);transition:transform .35s ease}.powerdog-character:hover img{transform:scale(.975)}.powerdog-character span{display:block;padding:6px 1px 9px;border-top:1px solid currentColor;font-size:7px;letter-spacing:.07em;opacity:.68}
.powerdog-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.powerdog-video{position:relative;display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;overflow:hidden}.powerdog-video>img,.powerdog-video>video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;pointer-events:none;transition:transform .45s ease,filter .45s ease}.powerdog-video:hover>img,.powerdog-video:hover>video{transform:scale(1.018);filter:brightness(.8)}.powerdog-video i{position:absolute;left:50%;top:calc(50% - 14px);display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(5,7,10,.38);color:#fff;font-size:12px;font-style:normal;transform:translate(-50%,-50%);backdrop-filter:blur(5px);transition:transform .3s ease,background .3s ease}.powerdog-video:hover i{transform:translate(-50%,-50%) scale(1.08);background:rgba(5,7,10,.66)}.powerdog-video span{position:relative;display:block;padding:7px 1px 11px;border-top:1px solid currentColor;background:var(--paper,#ece8dc);font-size:8px;letter-spacing:.08em;opacity:.68}

/* Shared compact presentation for featured projects 02—06 */
.project-chapter:not(.project-chapter--1) .project-gallery{display:block}
.project-layout{display:grid;gap:clamp(88px,12vh,150px)}
.project-block{display:grid;grid-template-columns:clamp(160px,12vw,205px) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start;padding-top:2px}
.project-block>header{position:sticky;top:92px;padding-top:13px;border-top:1px solid color-mix(in srgb,currentColor 36%,transparent)}
.project-block>header>span{display:block;font-size:9px;line-height:1.4;letter-spacing:.16em;opacity:.58}
.project-block>header h3{margin:18px 0 10px;font-size:clamp(30px,2.5vw,43px);font-weight:720;line-height:.95;letter-spacing:-.045em;white-space:nowrap}
.project-block>header small{font-size:8px;line-height:1.5;letter-spacing:.12em;opacity:.52}
.project-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
.project-story__item,.project-video{position:relative;display:block;min-width:0;padding:0;border:0;border-radius:1px;outline:none;background:transparent;color:inherit;text-align:left;overflow:hidden}
.project-story__item{cursor:zoom-in}.project-video{cursor:pointer}
.project-story__item img,.project-video video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:color-mix(in srgb,currentColor 9%,transparent);transition:transform .4s cubic-bezier(.2,.65,.25,1),filter .4s ease}
.project-chapter--4 .project-story{align-items:start}
.project-chapter--4 .project-story__item{align-self:start}
.project-chapter--4 .project-story__item img{height:auto;aspect-ratio:auto;object-fit:contain}
.project-chapter--6 .project-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:8px;grid-auto-flow:dense;gap:clamp(10px,1vw,16px)}
.project-chapter--6 .project-story__item{width:100%;align-self:start;overflow:visible}
.project-chapter--6 .project-story__item img{height:auto;aspect-ratio:auto;object-fit:contain}
.project-chapter--6 .project-story__item--slender{display:block;width:62%;margin-right:auto;margin-left:auto}
.project-story__item:hover img{transform:scale(.985);filter:brightness(.9)}
.project-story__item span,.project-video span{position:relative;display:block;box-sizing:border-box;min-height:32px;padding:9px 2px 10px;border-top:1px solid currentColor;background:inherit;color:color-mix(in srgb,currentColor 68%,transparent);font-size:9px;line-height:1.35;letter-spacing:.1em}
.project-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
.project-video video{aspect-ratio:16/9;background:#050505;pointer-events:none}
.project-video i{position:absolute;left:50%;top:calc(50% - 16px);display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(5,7,10,.4);color:#fff;font-size:13px;font-style:normal;transform:translate(-50%,-50%);backdrop-filter:blur(5px);transition:transform .3s ease,background .3s ease}
.project-video:hover video{filter:brightness(.72)}.project-video:hover i{transform:translate(-50%,-50%) scale(1.08);background:rgba(5,7,10,.68)}
.project-story__item:focus-visible,.project-video:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.project-chapter--3 .project-chapter__header{border-color:rgba(145,50,42,.5)}
.project-chapter--5 .project-chapter__header{border-color:rgba(83,29,36,.42)}
.image-preview{width:min(92vw,1200px);max-width:none;border:0;padding:54px 18px 18px;background:#080b10}.image-preview::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}.image-preview img,.image-preview video{display:block;max-width:100%;max-height:82vh;margin:auto}.image-preview video{display:none;width:100%;background:#000}.image-preview.is-video img{display:none}.image-preview.is-video video{display:block}.image-preview button{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
@media(max-width:1180px){.powerdog-characters{grid-template-columns:repeat(4,minmax(0,1fr))}.powerdog-story{grid-template-columns:repeat(3,minmax(0,1fr))}.powerdog-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.powerdog-block{grid-template-columns:1fr}.powerdog-block>header{position:static}.powerdog-block>header h3{font-size:clamp(30px,7vw,46px)}}
@media(max-width:760px){.powerdog-layout{gap:75px}.powerdog-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.powerdog-characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.powerdog-videos{grid-template-columns:1fr}.image-preview{width:100vw;height:100dvh;margin:0;padding:54px 10px 10px}}
@media(max-width:1180px){.project-story{grid-template-columns:repeat(3,minmax(0,1fr))}.project-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.project-block{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:980px){.project-block{grid-template-columns:1fr;gap:28px}.project-block>header{position:static;padding-bottom:2px}.project-block>header h3{font-size:clamp(34px,5vw,50px)}}
@media(max-width:760px){.project-layout{gap:78px}.project-block{gap:24px}.project-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-videos{grid-template-columns:1fr;gap:8px}.project-story__item span,.project-video span{min-height:29px;padding:7px 1px 8px;font-size:8px}.project-video i{width:42px;height:42px}}
@media(max-width:1180px){.project-chapter--6 .project-story{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.project-chapter--6 .project-story{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.project-chapter--6 .project-story{grid-template-columns:1fr}.project-chapter--6 .project-story__item--slender{width:58%}}

/* POWERDOG — refined hierarchy, rhythm and interaction */
.project-chapter--1{scroll-margin-top:72px;padding-top:clamp(100px,12vh,150px)}
.project-chapter--1 .project-chapter__header{grid-template-columns:minmax(360px,1fr) minmax(250px,320px);gap:clamp(28px,4vw,72px);align-items:end;margin-bottom:clamp(72px,9vh,116px);padding-top:16px;border-color:rgba(241,234,220,.42)}
.project-chapter--1 .project-chapter__header>span{padding-bottom:7px;font-size:10px;line-height:1.5;letter-spacing:.16em;opacity:.7}
.project-chapter--1 .project-chapter__header h2{max-width:1100px;font-size:clamp(64px,7.2vw,122px);line-height:.84;letter-spacing:-.065em;overflow-wrap:normal}
.project-chapter--1 .project-chapter__header>div{max-width:310px;padding-bottom:4px}
.project-chapter--1 .project-chapter__header p{margin-bottom:16px;font-size:clamp(13px,.85vw,15px);line-height:1.75;color:rgba(241,234,220,.82)}
.project-chapter--1 .project-chapter__header small{display:block;padding-top:12px;border-top:1px solid rgba(241,234,220,.22);font-size:9px;line-height:1.5;letter-spacing:.14em}
.powerdog-layout{gap:clamp(88px,12vh,150px)}
.powerdog-block{grid-template-columns:clamp(160px,12vw,205px) minmax(0,1fr);gap:clamp(28px,4vw,72px);padding-top:2px}
.powerdog-block>header{top:92px;padding-top:13px;border-color:rgba(241,234,220,.35)}
.powerdog-block>header span{display:block;font-size:9px;line-height:1.4;letter-spacing:.16em;opacity:.58}
.powerdog-block>header h3{margin:18px 0 0;font-size:clamp(30px,2.5vw,43px);line-height:.95;letter-spacing:-.045em;font-weight:720}
.powerdog-characters{gap:clamp(8px,.75vw,13px)}
.powerdog-story,.powerdog-videos{gap:clamp(10px,1vw,16px)}
.powerdog-character,.powerdog-story__item,.powerdog-video{border-radius:1px;outline:none}
.powerdog-character img,.powerdog-story__item img,.powerdog-video>img,.powerdog-video>video{transition:transform .4s cubic-bezier(.2,.65,.25,1),filter .4s ease,opacity .4s ease}
.powerdog-character:hover img,.powerdog-story__item:hover img{transform:scale(.985);filter:brightness(.88)}
.powerdog-character:focus-visible,.powerdog-story__item:focus-visible,.powerdog-video:focus-visible{outline:2px solid #f1eadc;outline-offset:4px}
.powerdog-character span,.powerdog-story__item span,.powerdog-video span{box-sizing:border-box;min-height:32px;padding:9px 2px 10px;font-size:9px;line-height:1.35;letter-spacing:.1em;color:rgba(241,234,220,.68);opacity:1}
.powerdog-character .powerdog-character__visual{display:block;width:100%;aspect-ratio:1;min-height:0;padding:0;overflow:hidden;border:0;border-radius:var(--preview-radius);background:rgba(255,255,255,.06);opacity:1}
.powerdog-character .powerdog-character__visual img{display:block;width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important}
.powerdog-character .powerdog-character__label{display:block}
.powerdog-video span{background:#05070a}
.powerdog-video i{top:calc(50% - 16px);width:46px;height:46px;font-size:13px}
.project-chapter--1 .project-back{margin-top:clamp(72px,10vh,120px);font-size:10px;letter-spacing:.12em}
@media(max-width:1180px){
  .project-chapter--1 .project-chapter__header{grid-template-columns:minmax(320px,1fr) minmax(220px,280px)}
  .powerdog-block{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:980px){
  .project-chapter--1 .project-chapter__header{grid-template-columns:minmax(0,1fr);align-items:start}
  .project-chapter--1 .project-chapter__header>div{grid-column:auto;max-width:520px;margin-top:22px}
  .powerdog-block{grid-template-columns:1fr;gap:28px}
  .powerdog-block>header{padding-bottom:2px}
  .powerdog-block>header h3{font-size:clamp(34px,5vw,50px)}
}
@media(max-width:760px){
  .project-chapter--1{padding:88px 14px 72px}
  .project-chapter--1 .project-chapter__header{display:block;margin-bottom:68px;padding-top:12px}
  .project-chapter--1 .project-chapter__header>span{margin-bottom:26px;padding:0}
  .project-chapter--1 .project-chapter__header h2{margin-bottom:26px;font-size:clamp(30px,8.6vw,42px);line-height:.9;gap:.12em}
  .project-chapter--1 .project-chapter__header>div{margin:0;max-width:520px}
  .project-chapter--1 .project-chapter__header p{max-width:100%;font-size:13px;line-height:1.65}
  .powerdog-layout{gap:78px}
  .powerdog-block{gap:24px}
  .powerdog-block>header h3{margin-top:13px;font-size:clamp(32px,10vw,44px)}
  .powerdog-characters{gap:8px}
  .powerdog-story{gap:8px}
  .powerdog-character span,.powerdog-story__item span,.powerdog-video span{min-height:29px;padding:7px 1px 8px;font-size:8px}
  .powerdog-video i{width:42px;height:42px}
}


@media(max-width:760px){
  .hero-stage>.edition-intro{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto 1fr;
    gap:0;
    padding:28vh 14px 18px;
  }
  .hero-stage>.edition-intro .edition-intro__label{padding:0;margin-bottom:20px}
  .hero-stage>.edition-intro .edition-intro__statement{margin:0 0 24px}
  .hero-stage>.edition-intro .edition-intro__statement--ai{font-size:clamp(25px,7.3vw,37px);font-weight:720;line-height:1.04}
  .hero-stage>.edition-intro .edition-intro__statement--ai p{white-space:normal}
  .hero-stage>.edition-intro .edition-intro__aside{position:static;width:auto;max-width:none;margin:0 0 0 24vw;padding-top:12px}
  .hero-stage>.edition-intro .edition-intro__aside p{font-size:10px;line-height:1.6}
  .hero-stage>.edition-intro .edition-intro__aside button{margin-top:16px}
}

/* Featured chapter titles — oversized editorial composition */
.project-chapter,.project-chapter.project-chapter--1{padding-top:clamp(72px,7vh,104px)}
.project-chapter .project-chapter__header,
.project-chapter--1 .project-chapter__header{grid-template-columns:clamp(150px,15vw,260px) minmax(0,1fr) minmax(250px,320px);gap:clamp(18px,2.8vw,54px);align-items:end;min-height:0;margin-bottom:clamp(64px,8vh,104px);padding-top:0;border-top:0}
.project-chapter__number{align-self:end;margin:0 0 -0.055em;font-size:clamp(120px,14vw,250px);font-weight:760;line-height:.72;letter-spacing:-.085em;color:currentColor;opacity:.14}
.project-chapter__title,.project-chapter--1 .project-chapter__header>.project-chapter__title{align-self:end;max-width:none;margin:0;padding:0 0 2px}
.project-chapter__title>span{display:block;margin:0 0 clamp(14px,2vh,24px);font-size:10px;font-weight:650;line-height:1;letter-spacing:.16em}
.project-chapter__header h2,.project-chapter--1 .project-chapter__header h2{display:block;max-width:none;margin:0;font-size:clamp(72px,8.5vw,154px);font-weight:760;line-height:.76;letter-spacing:-.075em;white-space:normal;overflow-wrap:normal}
.project-chapter__meta,.project-chapter--1 .project-chapter__header>.project-chapter__meta{align-self:end;max-width:320px;margin:0;padding:0 0 5px}
.project-chapter--3 .project-chapter__header h2{font-size:clamp(64px,7vw,120px);line-height:.82}
.project-chapter--6 .project-chapter__header h2{font-size:clamp(68px,7.8vw,136px)}
@media(max-width:1180px){
  .project-chapter .project-chapter__header,.project-chapter--1 .project-chapter__header{grid-template-columns:clamp(110px,13vw,170px) minmax(0,1fr) minmax(210px,260px);gap:24px;min-height:0}
  .project-chapter__number{font-size:clamp(100px,13vw,170px)}
  .project-chapter__header h2,.project-chapter--1 .project-chapter__header h2{font-size:clamp(62px,8vw,104px)}
  .project-chapter--3 .project-chapter__header h2{font-size:clamp(52px,6.4vw,82px)}
}
@media(max-width:980px){
  .project-chapter .project-chapter__header,.project-chapter--1 .project-chapter__header{grid-template-columns:clamp(86px,16vw,130px) minmax(0,1fr);min-height:0;align-items:end}
  .project-chapter__number{grid-column:1;grid-row:1/3;font-size:clamp(86px,16vw,130px)}
  .project-chapter__title,.project-chapter--1 .project-chapter__header>.project-chapter__title{grid-column:2;margin:0;max-width:none}
  .project-chapter__meta,.project-chapter--1 .project-chapter__header>.project-chapter__meta{grid-column:2;margin:22px 0 0;max-width:520px}
  .project-chapter__header h2,.project-chapter--1 .project-chapter__header h2{font-size:clamp(48px,9vw,76px)}
  .project-chapter--3 .project-chapter__header h2{font-size:clamp(40px,7.2vw,62px)}
}
@media(max-width:760px){
  .project-chapter .project-chapter__header,.project-chapter--1 .project-chapter__header{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;min-height:0;margin-bottom:62px;padding-top:0}
  .project-chapter__number{grid-column:1;grid-row:1/3;align-self:start;margin-top:29px;font-size:70px;line-height:.75}
  .project-chapter__title>span{margin-bottom:12px;font-size:7px;letter-spacing:.13em}
  .project-chapter__header h2,.project-chapter--1 .project-chapter__header h2{margin:0;font-size:clamp(36px,11vw,52px);line-height:.82;letter-spacing:-.065em}
  .project-chapter--3 .project-chapter__header h2{font-size:clamp(28px,8.5vw,40px);line-height:.88}
  .project-chapter__meta,.project-chapter--1 .project-chapter__header>.project-chapter__meta{grid-column:2;margin-top:20px;padding:0}
  .project-chapter__meta p{max-width:100%}
}

/* Complete archive — four category entrances and full-screen secondary pages */
.archive .archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.5vw,24px);margin-top:clamp(70px,9vh,120px)}
.archive-category{--archive-card:#101722;display:grid;min-width:0;padding:0;border:0;border-top:1px solid rgba(9,12,17,.28);background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-category:nth-child(2){--archive-card:#273a31}.archive-category:nth-child(3){--archive-card:#8f493e}.archive-category:nth-child(4){--archive-card:#b08f52}
.archive-category__meta{display:block;padding:11px 1px 12px;font-size:9px;line-height:1.4;letter-spacing:.14em;opacity:.6}
.archive-category__visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--archive-card)}
.archive-category__visual img,.archive-category__visual video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease}
.archive-category__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55));pointer-events:none}
.archive-category__visual i{position:absolute;z-index:1;right:16px;bottom:14px;color:#fff;font-size:9px;font-style:normal;letter-spacing:.12em}
.archive-category:hover .archive-category__visual img,.archive-category:hover .archive-category__visual video{transform:scale(1.025);filter:brightness(.78)}
.archive-category__title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 1px 28px}
.archive-category__title strong{font-size:clamp(36px,4.2vw,68px);line-height:.9;letter-spacing:-.06em}
.archive-category__title small{padding-bottom:5px;font-size:9px;letter-spacing:.1em;white-space:nowrap;opacity:.58}
.archive-library{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#ece8dc;color:#090c11}
.archive-library[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.archive-library::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.archive-library__top{z-index:4;display:grid;grid-template-columns:220px 1fr 140px;align-items:center;min-height:76px;padding:0 var(--pad);border-bottom:1px solid rgba(9,12,17,.2);background:rgba(236,232,220,.94);backdrop-filter:blur(12px)}
.archive-library__top>div{text-align:center}.archive-library__top span{display:block;font-size:8px;letter-spacing:.13em;opacity:.55}.archive-library__top strong{display:block;margin-top:4px;font-size:20px;letter-spacing:-.035em}
.archive-library__top button{justify-self:start;border:0;background:transparent;padding:10px 0;color:inherit;font-size:9px;letter-spacing:.1em;cursor:pointer}.archive-library__top button:last-child{justify-self:end}
.archive-library__tabs{z-index:3;display:flex;gap:7px;overflow-x:auto;padding:14px var(--pad);border-bottom:1px solid rgba(9,12,17,.17);background:#ece8dc;scrollbar-width:thin}
.archive-library__tabs button{flex:0 0 auto;display:flex;align-items:center;gap:18px;border:1px solid rgba(9,12,17,.22);border-radius:999px;background:transparent;padding:9px 12px;color:inherit;cursor:pointer}
.archive-library__tabs button span{font-size:10px}.archive-library__tabs button small{font-size:8px;opacity:.55}.archive-library__tabs button.is-active,.archive-library__tabs button:hover{background:#090c11;color:#ece8dc}
.archive-library__viewport{position:relative;min-height:0;overflow:hidden}
.archive-library__body{height:100%;overflow-y:auto;padding:clamp(48px,7vh,90px) calc(var(--pad) + 18px) 100px var(--pad);overscroll-behavior:contain;scrollbar-width:none}
.archive-library__body::-webkit-scrollbar{width:0;height:0}
.archive-library__scroll-rail{position:absolute;z-index:5;right:clamp(5px,.55vw,10px);top:clamp(14px,2.2vh,24px);bottom:clamp(14px,2.2vh,24px);width:12px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.archive-library__scroll-rail.is-visible{opacity:1;pointer-events:auto}
.archive-library__scroll-track{position:relative;width:100%;height:100%;border-radius:999px;background:rgba(9,12,17,.1);cursor:pointer}
.archive-library__scroll-track::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;background:rgba(9,12,17,.2);transform:translateX(-50%)}
.archive-library__scroll-thumb{position:absolute;left:2px;top:0;width:8px;min-height:38px;border-radius:999px;background:#090c11;box-shadow:0 1px 8px rgba(9,12,17,.18);cursor:grab;touch-action:none;will-change:transform}
.archive-library__scroll-thumb:hover,.archive-library__scroll-thumb.is-dragging{background:#3158c7;cursor:grabbing}
.archive-shelf+.archive-shelf{margin-top:clamp(72px,10vh,130px)}
.archive-shelf>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid rgba(9,12,17,.22)}
.archive-shelf>header span{font-size:clamp(24px,3vw,46px);font-weight:750;line-height:1;letter-spacing:-.045em}.archive-shelf>header small{font-size:9px;letter-spacing:.1em;opacity:.55}
.archive-media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,.7vw,11px)}
.archive-media{position:relative;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}
.archive-media__visual{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:rgba(9,12,17,.08)}
.archive-media__visual img,.archive-media__visual video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.65,.25,1),filter .4s ease}
.archive-media:hover .archive-media__visual img,.archive-media:hover .archive-media__visual video{transform:scale(.985);filter:brightness(.82)}
.archive-media__visual i{position:absolute;left:50%;top:50%;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(5,7,10,.45);color:#fff;font-size:12px;font-style:normal;transform:translate(-50%,-50%)}
.archive-media__caption{display:grid;grid-template-columns:24px minmax(0,1fr);gap:5px;min-height:30px;padding:6px 1px 7px;border-top:1px solid rgba(9,12,17,.25);font-size:7px;line-height:1.3;letter-spacing:.07em}
.archive-media__caption b{font-weight:500;opacity:.55}.archive-media__caption em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap;opacity:.72}
.archive-library__empty{font-size:14px;opacity:.6}
@media(max-width:1180px){.archive-library__top{grid-template-columns:180px 1fr 110px}.archive-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
  .archive .archive-grid{grid-template-columns:1fr;margin-top:58px}.archive-category__title{padding:14px 1px 24px}.archive-category__title strong{font-size:42px}
  .archive-library__top{grid-template-columns:1fr auto;min-height:64px;padding:0 14px}.archive-library__top>div{grid-column:1/-1;grid-row:1;text-align:left;padding:11px 95px 9px 0}.archive-library__top>button{grid-row:1;z-index:1;font-size:0}.archive-library__top>button::after{content:"返回";font-size:9px}.archive-library__top>button:last-child{grid-column:2}.archive-library__top>button:last-child::after{content:"关闭 ×"}
  .archive-library__tabs{padding:10px 14px}.archive-library__tabs button{padding:8px 11px}.archive-library__body{padding:44px 26px 80px 14px}.archive-library__scroll-rail{right:5px;top:10px;bottom:10px;width:9px}.archive-library__scroll-thumb{left:1px;width:7px}.archive-shelf+.archive-shelf{margin-top:72px}
  .archive-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.archive-media__caption{grid-template-columns:18px minmax(0,1fr);min-height:27px;padding:5px 1px 6px;font-size:6px}
}
@media(max-width:430px){.archive-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AI 动漫谷子：保留原图比例，并使用更紧凑的浏览密度 */
.archive-library__body.is-ai-merch-layout .archive-media-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(6px,.55vw,9px);align-items:start}
.archive-library__body.is-ai-merch-layout .archive-media__visual{aspect-ratio:auto;overflow:hidden;background:rgba(9,12,17,.045)}
.archive-library__body.is-ai-merch-layout .archive-media__visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.archive-library__body.is-ai-merch-layout .archive-media--uniform-half-portrait .archive-media__visual{display:grid;aspect-ratio:2183/2433;place-items:center}
.archive-library__body.is-ai-merch-layout .archive-media--uniform-half-portrait .archive-media__visual img{width:100%;height:100%;object-fit:contain}
.archive-library__body.is-ai-merch-layout .archive-media__caption{min-height:27px;padding:5px 1px 6px;font-size:6px}
@media(max-width:1180px){.archive-library__body.is-ai-merch-layout .archive-media-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.archive-library__body.is-ai-merch-layout .archive-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
@media(max-width:430px){.archive-library__body.is-ai-merch-layout .archive-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Hand-drawn illustration archive: larger, balanced masonry while preserving every artwork's ratio. */
.archive-library__body.is-hand-illustration-layout .archive-media-grid{display:block;columns:3;column-gap:clamp(14px,1.25vw,22px)}
.archive-library__body.is-hand-illustration-layout .archive-media{display:inline-block;width:100%;margin:0 0 clamp(14px,1.25vw,22px);break-inside:avoid;vertical-align:top}
.archive-library__body.is-hand-illustration-layout .archive-media__visual{aspect-ratio:auto;overflow:hidden;background:rgba(9,12,17,.045)}
.archive-library__body.is-hand-illustration-layout .archive-media__visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:1180px){.archive-library__body.is-hand-illustration-layout .archive-media-grid{columns:2}}
@media(max-width:760px){.archive-library__body.is-hand-illustration-layout .archive-media-grid{column-gap:10px}.archive-library__body.is-hand-illustration-layout .archive-media{margin-bottom:10px}}
@media(max-width:430px){.archive-library__body.is-hand-illustration-layout .archive-media-grid{columns:1}}

/* PEPE groups 10 and 20: compact square contact-sheet previews. */
.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(6px,.55vw,9px)}
.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media__visual{aspect-ratio:1/1}
.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media__visual img{width:100%;height:100%;object-fit:cover}
.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media__caption{min-height:27px;padding:5px 1px 6px;font-size:6px}
@media(max-width:1180px){.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}
@media(max-width:430px){.archive-library__body.is-pepe-layout .archive-shelf--square .archive-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Complete archive homepage — preview every project before opening its detail shelf */
.archive{min-height:100svh;padding-top:clamp(88px,10vh,126px);padding-bottom:clamp(70px,9vh,110px)}
.archive .archive-header{grid-template-columns:clamp(130px,10vw,175px) minmax(0,1fr) minmax(250px,310px);gap:clamp(24px,3.5vw,64px)}
.archive .archive-header h2{font-size:clamp(82px,10vw,158px);font-weight:720;line-height:.76;letter-spacing:-.072em;white-space:nowrap}
.archive .archive-header p{max-width:300px;font-size:12px;line-height:1.7;color:rgba(9,12,17,.68)}
.archive .archive-grid{display:block;margin-top:clamp(42px,5.5vh,68px)}
.archive-home-tabs{position:sticky;top:58px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;background:rgba(236,232,220,.94);backdrop-filter:blur(12px)}
.archive-home-tab{display:flex;align-items:center;justify-content:center;gap:18px;min-height:42px;padding:0 16px;border:1px solid rgba(9,12,17,.18);border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.archive-home-tab::after{display:none}.archive-home-tab span{display:none}
.archive-home-tab b{font-size:14px;font-weight:540;line-height:1;letter-spacing:-.015em;white-space:nowrap}
.archive-home-tab small{font-size:7px;font-weight:560;line-height:1;letter-spacing:.08em;white-space:nowrap;color:rgba(9,12,17,.46)}
.archive-home-tab:hover{border-color:rgba(9,12,17,.45);transform:translateY(-1px)}.archive-home-tab.is-active{border-color:#090c11;background:#090c11;color:#ece8dc}.archive-home-tab.is-active b{font-weight:620}.archive-home-tab.is-active small{color:rgba(236,232,220,.66)}
.archive-category-panels{margin-top:clamp(30px,4vh,50px)}
.archive-category-group{display:none;min-width:0}.archive-category-group.is-active{display:block;animation:archive-panel-in .38s cubic-bezier(.2,.7,.2,1)}
@keyframes archive-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.archive-category-group__header{display:grid;grid-template-columns:clamp(128px,11vw,190px) minmax(0,1fr) auto;gap:clamp(20px,3vw,52px);align-items:end;width:100%;padding:0 0 clamp(24px,3.5vh,40px);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-category-group__header>span{align-self:start;padding-top:9px;font-size:9px;font-weight:650;line-height:1.4;letter-spacing:.14em;opacity:.58}
.archive-category-group__header>strong{font-size:clamp(48px,5.5vw,88px);font-weight:720;line-height:.84;letter-spacing:-.062em}
.archive-category-group__header>small{padding-bottom:5px;font-size:9px;line-height:1.4;letter-spacing:.1em;white-space:nowrap;opacity:.55}
.archive-project-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.15vw,18px)}
.archive-project-preview{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-project-preview__visual{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#111722}
.archive-project-preview__visual img,.archive-project-preview__visual video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cover-position,50% 50%);transform:scale(var(--cover-scale,1));transform-origin:var(--cover-origin,50% 50%);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.archive-project-preview__visual::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.52));pointer-events:none}
.archive-project-preview__visual i{position:absolute;z-index:1;right:14px;bottom:12px;color:#fff;font-size:8px;font-style:normal;letter-spacing:.12em;opacity:.9}
.archive-category-group[data-archive-home-panel="ai-film"] .archive-project-previews{grid-template-columns:repeat(5,minmax(0,1fr))}
.archive-project-preview--video .archive-project-preview__visual{aspect-ratio:16/9;background:#05070a}
.archive-project-preview--video .archive-project-preview__visual::after{inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.46))}
.archive-project-preview--video .archive-project-preview__visual .archive-project-preview__play{left:50%;right:auto;top:50%;bottom:auto;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(5,7,10,.42);font-size:12px;letter-spacing:0;transform:translate(-50%,-50%);backdrop-filter:blur(5px)}
.archive-category-group__header--static{cursor:default}
.archive-project-preview:hover .archive-project-preview__visual img,.archive-project-preview:hover .archive-project-preview__visual video{transform:scale(var(--cover-hover-scale,1.025));filter:brightness(.8)}
.archive-project-preview__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:50px;padding:10px 1px 13px;border-top:0}
.archive-project-preview__caption b{font-size:clamp(14px,1.08vw,19px);font-weight:680;line-height:1.15;letter-spacing:-.025em}
.archive-project-preview__caption small{padding-top:3px;font-size:8px;line-height:1.4;letter-spacing:.08em;white-space:nowrap;opacity:.52}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-previews{display:block;columns:280px;column-gap:clamp(10px,.9vw,15px)}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview--illustration{display:inline-block;width:100%;margin:0 0 clamp(8px,.75vw,12px);break-inside:avoid;vertical-align:top}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__visual{aspect-ratio:auto;background:rgba(9,12,17,.045)}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__visual img{display:block;width:100%;height:auto;object-fit:contain}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__visual::after{display:none}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__caption{min-height:0;padding:6px 1px 8px}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__caption b{font-size:10px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-preview__caption small{font-size:7px}
.archive-project-preview:focus-visible,.archive-category-group__header:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1180px){
  .archive .archive-header{grid-template-columns:110px minmax(0,1fr) 250px}
  .archive .archive-header h2{font-size:clamp(68px,9vw,112px)}
  .archive-category-group__header{grid-template-columns:110px minmax(0,1fr) auto;gap:22px}
  .archive-project-previews{grid-template-columns:repeat(3,minmax(0,1fr))}
  .archive-category-group[data-archive-home-panel="ai-film"] .archive-project-previews{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .archive{padding-top:78px;padding-left:14px;padding-right:14px}
  .archive .archive-header{display:block}.archive .archive-header>span{display:block;margin-bottom:28px}.archive .archive-header h2{font-size:clamp(54px,17vw,78px);line-height:.82}.archive .archive-header p{margin-top:28px;max-width:320px}
  .archive .archive-grid{margin-top:38px}
  .archive-home-tabs{top:54px;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.archive-home-tabs::-webkit-scrollbar{display:none}
  .archive-home-tab{flex:0 0 auto;gap:12px;min-height:38px;padding:0 14px}.archive-home-tab small{display:block}.archive-home-tab b{font-size:13px;font-weight:540}
  .archive-category-panels{margin-top:26px}
  .archive-category-group__header{display:grid;grid-template-columns:1fr auto;gap:10px 14px;padding-bottom:22px}
  .archive-category-group__header>span{grid-column:1/-1;padding-top:0;font-size:7px}
  .archive-category-group__header>strong{font-size:clamp(40px,12vw,58px);line-height:.86}
  .archive-category-group__header>small{align-self:end;padding-bottom:2px;font-size:7px}
  .archive-project-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .archive-category-group[data-archive-home-panel="ai-film"] .archive-project-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-previews{columns:3}
  .archive-project-preview__visual{aspect-ratio:4/3}
  .archive-project-preview__visual i{right:8px;bottom:7px;font-size:6px}
  .archive-project-preview__caption{display:block;min-height:52px;padding:8px 1px 10px}
  .archive-project-preview__caption b{display:block;font-size:13px;line-height:1.2}
  .archive-project-preview__caption small{display:block;padding-top:5px;font-size:7px}
}
@media(max-width:430px){.archive-category-group[data-archive-home-panel="hand-illustration"] .archive-project-previews{columns:2}}

/* 道 — project visual, typography, then film on a unified black field */
.project-chapter--6,.project-chapter--6 .project-gallery,.project-chapter--6 .dao-layout,.project-chapter--6 .dao-block{background:#000;color:#eee9df}
.project-chapter--6 .project-chapter__header{border-color:rgba(238,233,223,.25)}
.project-chapter--6 .project-chapter__meta p{color:rgba(238,233,223,.72)}
.project-chapter--6 .project-chapter__meta small{color:rgba(238,233,223,.5)}
.dao-layout{display:grid;gap:clamp(96px,14vh,180px)}
.dao-block{display:grid;grid-template-columns:clamp(150px,12vw,205px) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.dao-block>header{position:sticky;top:92px;padding-top:13px;border-top:1px solid rgba(238,233,223,.3)}
.dao-block>header>span{display:block;font-size:9px;line-height:1.4;letter-spacing:.16em;color:rgba(238,233,223,.55)}
.dao-block>header h3{margin:18px 0 10px;font-size:clamp(30px,2.5vw,43px);font-weight:720;line-height:.95;letter-spacing:-.045em;white-space:nowrap}
.dao-block>header small{font-size:8px;line-height:1.5;letter-spacing:.12em;color:rgba(238,233,223,.48)}
.dao-visual-grid,.dao-text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.75vw,12px)}
.dao-card,.dao-video{position:relative;display:block;min-width:0;padding:0;border:0;background:#000;color:#eee9df;text-align:left;overflow:hidden}
.dao-card{cursor:zoom-in}.dao-video{cursor:pointer}
.dao-card img{display:block;width:100%;height:auto;object-fit:contain;background:#000;transition:transform .42s cubic-bezier(.2,.65,.25,1),filter .42s ease}
.dao-card:hover img{transform:scale(.988);filter:brightness(.88)}
.dao-card span,.dao-video span{display:block;box-sizing:border-box;min-height:31px;padding:8px 2px 9px;border-top:1px solid rgba(238,233,223,.24);background:#000;color:rgba(238,233,223,.58);font-size:8px;line-height:1.35;letter-spacing:.1em}
.dao-text-grid .dao-card img{max-height:none;background:#000}
.dao-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
.dao-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;pointer-events:none;transition:filter .35s ease}
.dao-video i{position:absolute;left:50%;top:calc(50% - 15px);display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(0,0,0,.44);color:#fff;font-size:14px;font-style:normal;transform:translate(-50%,-50%);backdrop-filter:blur(5px);transition:transform .3s ease,background .3s ease}
.dao-video:hover video{filter:brightness(.68)}.dao-video:hover i{transform:translate(-50%,-50%) scale(1.08);background:rgba(0,0,0,.72)}
.dao-card:focus-visible,.dao-video:focus-visible{outline:2px solid #eee9df;outline-offset:4px}
@media(max-width:980px){.dao-block{grid-template-columns:1fr;gap:26px}.dao-block>header{position:static}.dao-block>header h3{font-size:clamp(34px,5vw,50px)}}
@media(max-width:1180px){.dao-visual-grid,.dao-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dao-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dao-layout{gap:82px}.dao-visual-grid,.dao-text-grid,.dao-video-grid{grid-template-columns:1fr;gap:9px}.dao-card span,.dao-video span{min-height:28px;padding:7px 1px 8px}.dao-video i{width:46px;height:46px}}

/* Featured projects — show at most three image rows until expanded */
.featured-collapse-grid.is-collapsible{overflow:hidden;overflow-anchor:none;transition:max-height .52s cubic-bezier(.22,.72,.2,1);will-change:max-height;contain:layout paint}
.featured-collapse-grid.is-collapsible:not(.is-expanded){max-height:var(--featured-collapse-height)}
.featured-collapse-grid.is-measuring{max-height:none!important;overflow:visible!important;transition:none!important}
.featured-collapse-toggle{grid-column:2;justify-self:stretch;display:grid;grid-template-columns:1fr auto 34px;align-items:center;width:100%;min-height:52px;margin-top:clamp(14px,1.5vw,22px);padding:5px 8px 5px clamp(17px,1.5vw,23px);border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:10px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 22px rgba(0,0,0,.06);overflow-anchor:none;transition:background .24s ease,border-color .24s ease,opacity .24s ease}
.featured-collapse-toggle[hidden]{display:none}
.featured-collapse-toggle:hover{background:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 44%,transparent)}
.featured-collapse-toggle:disabled{cursor:wait;opacity:.62}
.featured-collapse-toggle span{font-size:11px;font-weight:700;letter-spacing:.1em}.featured-collapse-toggle b{font-size:9px;font-weight:650;letter-spacing:.12em;opacity:.56}.featured-collapse-toggle i{display:grid;place-items:center;width:32px;height:32px;margin-left:10px;border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:8px;font-size:18px;font-style:normal;font-weight:400;line-height:1;transition:transform .25s ease}.featured-collapse-toggle:hover i{transform:scale(1.04)}
.featured-collapse-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:980px){.featured-collapse-toggle{grid-column:1}}
@media(max-width:760px){.featured-collapse-toggle{min-height:48px;margin-top:10px;padding:4px 7px 4px 15px;border-radius:8px}.featured-collapse-toggle span{font-size:10px}.featured-collapse-toggle i{width:30px;height:30px;border-radius:7px}}
@media(prefers-reduced-motion:reduce){.featured-collapse-grid.is-collapsible{transition:none}}

/* Preview media framing: keep labels square while the artwork stays softly clipped. */
.project-chapter{--preview-radius:var(--preview-radius-light)}
.project-chapter--1,.project-chapter--4,.project-chapter--6{--preview-radius:var(--preview-radius-dark)}
.project-media img,.project-media video,
.powerdog-hero img,.powerdog-story__item img,.powerdog-character img,.powerdog-video>img,.powerdog-video>video,
.project-story__item img,.project-video video,
.dao-card img,.dao-video video{
  border-radius:var(--preview-radius);
}
.archive-category__visual,
.archive-media__visual,
.archive-project-preview__visual{
  border-radius:var(--preview-radius-light);
  overflow:hidden;
  isolation:isolate;
}
.image-preview img,.image-preview video{border-radius:4px}

/* Keep preview labels clean: no rule between media and its caption. */
.project-media figcaption,
.powerdog-hero figcaption,.powerdog-story figcaption,.powerdog-video figcaption,
.powerdog-story__item span,.powerdog-character span,.powerdog-video span,
.project-story__item span,.project-video span,
.archive-media__caption,
.archive-project-preview__caption,
.dao-card span,.dao-video span{
  border-top:0;
}
@media(max-width:760px){
  :root{--preview-radius-light:7px;--preview-radius-dark:6px}
}

/* Final responsive pass: keep gallery density stable at common tablet and wide-screen sizes. */
@media(max-width:820px){
  .powerdog-story,.project-story{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-project-previews,
  .archive-category-group[data-archive-home-panel="ai-film"] .archive-project-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:2200px){
  .project-layout,.powerdog-layout,.dao-layout{max-width:2200px;margin-inline:auto}
  .project-story,.powerdog-story{grid-template-columns:repeat(5,minmax(0,1fr))}
  .archive-category-panels,.archive-home-tabs{max-width:2200px;margin-inline:auto}
  .archive-project-previews{grid-template-columns:repeat(5,minmax(0,1fr))}
  .archive-category-group[data-archive-home-panel="ai-film"] .archive-project-previews{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* Featured-project visual archives share the dominant 4:3 frame and a larger,
   consistent grid. Videos, DAO typography and POWERDOG character tiles keep
   their own independent presentation rules. */
.powerdog-story,
.project-story,
.dao-visual-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.25vw,22px);
}
.project-chapter--6 .project-story{
  grid-auto-rows:auto!important;
  grid-auto-flow:row!important;
}
.project-chapter--6 .project-story__item,
.project-story__item--slender{
  width:100%!important;
  margin-inline:0!important;
  align-self:stretch!important;
}
.powerdog-story__item img,
.project-story__item img,
.dao-visual-grid .dao-card img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
@media(max-width:1180px){
  .powerdog-story,.project-story,.dao-visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .powerdog-story,.project-story,.dao-visual-grid{
    grid-template-columns:1fr!important;
  }
}
@media(min-width:2200px){
  .powerdog-story,.project-story,.dao-visual-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Night Archive keeps each artwork's native aspect ratio while retaining the
   shared featured-project grid density and preview size. */
.project-chapter--4 .project-story__item{
  align-self:start!important;
}
.project-chapter--4 .project-story__item img{
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* DAO project visuals keep every source image's native proportion while the
   existing responsive columns, gaps and overall preview density stay intact. */
.dao-visual-grid{
  align-items:start!important;
}
.dao-visual-grid .dao-card--visual{
  align-self:start!important;
}
.dao-visual-grid .dao-card--visual img{
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* LIZIQI Dragon Boat Festival and XUNXIAN use one consistent portrait frame.
   Existing responsive columns, preview width and spacing stay unchanged. */
.project-chapter--3 .project-story__item,
.project-chapter--5 .project-story__item{
  align-self:start!important;
}
.project-chapter--3 .project-story__item img,
.project-chapter--5 .project-story__item img{
  height:auto!important;
  aspect-ratio:3/4!important;
  object-fit:cover!important;
  object-position:center center;
}

/* Slightly denser desktop grid for the two portrait-heavy projects. */
.project-chapter--3 .project-story,
.project-chapter--5 .project-story{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .project-chapter--3 .project-story,
  .project-chapter--5 .project-story{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .project-chapter--3 .project-story,
  .project-chapter--5 .project-story{
    grid-template-columns:1fr!important;
  }
}
@media(min-width:2200px){
  .project-chapter--3 .project-story,
  .project-chapter--5 .project-story{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
/* 当先：项目视觉统一为 3:4 竖幅，保留现有网格宽度 */
.project-chapter--2 .project-story--visual .project-story__media {
  aspect-ratio: 3 / 4 !important;
  overflow: hidden;
}

.project-chapter--2 .project-story--visual .project-story__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
}