.v2{font-family:"Inter",system-ui,sans-serif;color:var(--ink);line-height:1.6}
.v2 a{color:var(--link)}
.v2 img{max-width:100%;display:block}
.v2-src{font-size:.8rem;opacity:.8}
.v2-cr{font-size:.74rem;opacity:.75;display:block;margin-top:4px}
/* ---------- 1 story ---------- */
.s-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;border-radius:var(--r)}
.s-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,var(--shade) 100%)}
.s-hero-t{position:relative;z-index:1;padding:56px;max-width:900px}
.s-hero h1{font-size:3.6rem;line-height:1.05;margin:.1em 0 .3em;color:#fff}
.s-hero p{font-size:1.25rem;color:#eef}
.s-kick{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--acc)}
.s-cr{position:absolute;right:16px;bottom:10px;z-index:1;font-size:.72rem;color:#dde}
.s-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:-60px 40px 0;position:relative;z-index:2}
.s-stat{background:var(--panel);color:#fff;border-radius:var(--r);padding:26px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.s-stat b{display:block;font-size:2.8rem;line-height:1;color:var(--acc);margin-bottom:8px}
.s-stat .v2-src{color:#cfd6ee}.s-stat a{color:#fff}
.s-sec{max-width:1100px;margin:80px auto;padding:0 24px}
.s-sec h2{font-size:2.3rem;line-height:1.15;color:var(--head);margin:.2em 0 .4em}
.ba{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;user-select:none;--x:50%}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .ba-new{clip-path:inset(0 0 0 var(--x))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--x);width:4px;background:#fff;transform:translateX(-2px);pointer-events:none}
.ba-line:after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:var(--panel);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}
.ba-tag{position:absolute;top:16px;padding:6px 12px;border-radius:99px;font-weight:800;font-size:.85rem;background:rgba(0,0,0,.65);color:#fff}
.ba-tag.l{left:16px}.ba-tag.r{right:16px;background:var(--acc);color:var(--panel)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-cap{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:.88rem;margin-top:10px}
.steps{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.steps ol{list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{padding:18px 20px;border-left:4px solid var(--line);margin-bottom:10px;cursor:pointer;border-radius:0 12px 12px 0;transition:.2s}
.steps li.on{border-left-color:var(--acc2);background:var(--soft)}
.steps li h3{margin:0 0 4px;font-size:1.15rem;color:var(--head)}
.steps li p{margin:0;font-size:.95rem}
.steps-fig{position:sticky;top:100px;background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.steps-fig img{display:none}.steps-fig img.on{display:block}
.s-wide{position:relative;height:520px;border-radius:var(--r);overflow:hidden;margin:80px 0}
.s-wide img{width:100%;height:100%;object-fit:cover}
.s-wide-q{position:absolute;left:40px;bottom:40px;max-width:560px;background:var(--panel);color:#fff;padding:28px;border-radius:var(--r)}
.s-wide-q b{font-size:1.5rem;display:block;line-height:1.3;margin-bottom:8px}
.s-wide-q a{color:#fff}
/* ---------- 2 explorer ---------- */
.x-wrap{max-width:1200px;margin:30px auto;padding:0 24px}
.x-top{background:var(--panel);color:#fff;border-radius:var(--r);padding:44px 44px 0;overflow:hidden}
.x-top h1{font-size:2.8rem;margin:.1em 0 .2em;color:#fff;line-height:1.1}
.x-top p{color:#dfe6f7;max-width:760px;font-size:1.1rem}
.x-tabs{display:flex;gap:6px;margin-top:28px;flex-wrap:wrap}
.x-tab{background:rgba(255,255,255,.08);border:0;color:#fff;padding:14px 18px;border-radius:12px 12px 0 0;font:inherit;font-weight:700;cursor:pointer;font-size:.95rem}
.x-tab.on{background:#fff;color:var(--panel)}
.x-pane{display:none;background:#fff;border-radius:0 0 var(--r) var(--r);padding:34px 44px 44px;box-shadow:0 14px 40px rgba(0,0,0,.08)}
.x-pane.on{display:grid;grid-template-columns:1.35fr 1fr;gap:40px}
.x-pane h2{margin:0 0 10px;color:var(--head);font-size:1.7rem}
.x-diag{background:var(--soft);border-radius:var(--r);padding:16px}
.x-steps{counter-reset:n;list-style:none;padding:0}
.x-steps li{counter-increment:n;position:relative;padding:0 0 14px 46px}
.x-steps li:before{content:counter(n);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--acc2);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.meter{margin:14px 0}
.meter span{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700}
.meter i{display:block;height:12px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:5px}
.meter i:after{content:"";display:block;height:100%;border-radius:99px;background:var(--acc2)}
.meter.w1 i:after{width:15%}.meter.w2 i:after{width:35%}.meter.w3 i:after{width:60%}.meter.w4 i:after{width:85%}
.meter.water i:after{background:#3B8FE0}
.x-photo{margin-top:16px;border-radius:12px;overflow:hidden}
.x-photo img{aspect-ratio:3/2;object-fit:cover;width:100%}
.x-photo figcaption{font-size:.8rem;padding:6px 0}
.x-key{font-size:.82rem;opacity:.8;margin-top:6px}
.x-why{background:var(--soft);padding:14px 16px;border-radius:12px;font-size:.95rem}
/* ---------- 3 magazine ---------- */
.m-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px;border-radius:var(--r);overflow:hidden;background:var(--panel);color:#fff}
.m-hero img{width:100%;height:100%;object-fit:cover}
.m-hero-t{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.m-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:3.8rem;line-height:1.02;margin:.15em 0 .35em;color:#fff}
.m-hero p{font-size:1.2rem;color:#dfe6f7}
.m-by{font-size:.85rem;color:#b9c3e0;margin-top:20px}
.m-body{max-width:1100px;margin:70px auto;padding:0 24px}
.m-intro{font-family:Georgia,serif;font-size:1.45rem;line-height:1.55;max-width:820px;margin:0 auto 60px}
.m-intro:first-letter{float:left;font-size:4.6rem;line-height:.9;padding:6px 10px 0 0;color:var(--acc2);font-weight:700}
.tl{position:relative;margin:40px 0}
.tl:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(var(--line),var(--acc2));transform:translateX(-2px)}
.tl-i{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;margin-bottom:56px}
.tl-yr{grid-column:2;justify-self:center;width:84px;height:84px;border-radius:50%;background:var(--panel);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;z-index:1;border:4px solid var(--acc2);text-align:center;line-height:1.1}
.tl-c{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.1)}
.tl-c img{aspect-ratio:16/10;object-fit:cover;width:100%}
.tl-c div{padding:18px 22px}
.tl-c h3{margin:0 0 6px;font-family:Georgia,serif;font-size:1.45rem;color:var(--head)}
.tl-c p{margin:0 0 6px;font-size:.95rem}
.tl-i.L .tl-c{grid-column:1;grid-row:1}.tl-i.R .tl-c{grid-column:3;grid-row:1}
.tl-i .tl-yr{grid-row:1}
.pq{font-family:Georgia,serif;font-size:2rem;line-height:1.3;text-align:center;max-width:900px;margin:70px auto;padding:34px 0;border-top:3px solid var(--acc2);border-bottom:3px solid var(--acc2);color:var(--head)}
.pq cite{display:block;font-family:"Inter",sans-serif;font-size:.9rem;font-style:normal;margin-top:14px;opacity:.8}
.m-credits{font-size:.82rem;max-width:1100px;margin:40px auto;padding:0 24px}
.m-credits li{margin:3px 0}
.home-band{max-width:1240px;margin:30px auto;padding:0 24px}
@media(max-width:820px){.s-hero h1,.m-hero h1{font-size:2.2rem}.s-hero-t{padding:26px}.s-stats{grid-template-columns:1fr;margin:16px 0 0}.steps,.x-pane.on,.m-hero,.ba-cap{grid-template-columns:1fr}.x-top{padding:26px 20px 0}.x-pane{padding:22px}.x-top h1{font-size:2rem}.m-hero-t{padding:30px 24px}.m-hero img{height:280px}.tl:before{left:20px}.tl-i{grid-template-columns:44px 1fr}.tl-yr{grid-column:1!important;width:44px;height:44px;font-size:.7rem;align-self:start}.tl-i .tl-c{grid-column:2!important}.pq{font-size:1.4rem}.s-wide{height:auto}.s-wide img{height:300px}.s-wide-q{position:static;max-width:none;border-radius:0}.s-sec h2{font-size:1.7rem}.steps-fig{position:static}.m-intro{font-size:1.15rem}}
.fin .m-body{margin-top:60px}
.s-kick.c,.f-h2{text-align:center}.f-h2{font-family:Georgia,serif;font-size:2.4rem;color:var(--head);margin:.1em 0 .6em}
.x-h{font-size:2.6rem;margin:.1em 0 .2em;color:#fff;line-height:1.1}
.fin .x-wrap{padding:0;margin:20px auto 60px}
.teaser{margin:34px auto;max-width:1240px}
.t-in{display:grid;grid-template-columns:1fr 1.1fr;background:var(--panel);border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff}
.t-in img{width:100%;height:100%;min-height:280px;object-fit:cover}
.t-txt{padding:36px 40px}.t-txt h2{font-family:Georgia,serif;font-size:2.3rem;color:#fff;margin:.1em 0 .3em;line-height:1.1}.t-txt p{color:#dfe6f7}
.t-btn{display:inline-block;margin-top:10px;padding:12px 20px;border-radius:10px;background:var(--acc);color:var(--panel);font-weight:800}
.t-txt .v2-cr{color:#b9c3e0;margin-top:14px}
@media(max-width:820px){.t-in{grid-template-columns:1fr}.t-in img{min-height:200px;height:220px}.t-txt{padding:24px}.t-txt h2,.f-h2,.x-h{font-size:1.8rem}}
@media(min-width:821px){.tl-i+.tl-i{margin-top:-170px}}
.t-txt h2,.t-txt p{text-align:left}
.teaser .t-txt h2,.teaser .t-txt p{text-align:left!important}
.tl-c img[src$=".svg"]{object-fit:contain;background:var(--soft);padding:10px}
.tl-c img[src$=".svg"]{aspect-ratio:640/300;height:auto;object-fit:fill;padding:0}
.mix{max-width:980px;margin:56px auto 24px;padding:0 20px}.mix-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.mix-c{background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:18px}.mix-c h3{margin:0 0 6px;font-size:1.05rem}.mix-c p{margin:0 0 8px}.mix-note{margin-top:18px;font-style:italic;opacity:.85;text-align:center}
.tl-end .tl-c{border:2px dashed rgba(127,127,127,.5)}
.fcite{font-size:.7em;line-height:0;margin-left:1px;font-weight:600}
.fcite a{text-decoration:none;color:var(--acc2,#2a6fdb)}
.fcite a:hover{text-decoration:underline}
.m-sources{max-width:860px;margin:48px auto;padding:0 20px;font-size:.9rem;line-height:1.5}
.m-sources ol{padding-left:28px}.m-sources li{margin:8px 0;scroll-margin-top:90px}
.m-sources li:target{background:rgba(59,143,224,.15);border-radius:4px}
.m-sources a{word-break:break-all}.m-sources .s-t{font-weight:600}