.at{background:#f1eae3}
.at .bw{inset:9% 6% -4% 6%;background:#faf7f2}
.at .bw-body{color:#1b1a18;display:flex;flex-direction:column}
.at-top{display:flex;align-items:center;gap:2cqw;padding:1.6cqh 2.4cqw;font-size:1.3cqw}
.at-top strong{font-family:var(--f-serif);font-size:2.6cqw;font-weight:400;letter-spacing:-.02em;margin-right:auto}
.at-top span{color:#6b6660}
.at-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw;padding:0 2.4cqw;flex:1;min-height:0}
.at-card{display:flex;flex-direction:column;gap:.8cqh;min-height:0}
.at-card .ph-img{border-radius:1cqw;overflow:hidden;flex:1;min-height:0;background:#e7e0d6}
.at-card h5{margin:0;font-weight:500;font-size:1.3cqw;letter-spacing:0}
.at-card small{color:#6b6660;font-size:1.1cqw}
.at-card .row{display:flex;justify-content:space-between;font-size:1.15cqw;color:#3d3a35}
.at-bar{margin-top:auto;display:flex;justify-content:center;gap:1cqw;padding:1.8cqh;font-size:1.1cqw;color:#6b6660}
.at-bar b{font-weight:500;color:#1b1a18;border-bottom:1px solid #1b1a18}

.fx{background:#0e0e10}
.fx .bw{inset:9% 6% -6% 6%}
.fx .bw-body{padding:2.4cqw;color:#f2f0f5;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6cqh;
  background:radial-gradient(60cqw 60cqh at 50% -10%,rgba(163,120,255,.35),transparent 65%),#0e0e10}
.fx-top{position:absolute;top:1.6cqh;left:2.4cqw;right:2.4cqw;display:flex;align-items:center;gap:2cqw;font-size:1.3cqw}
.fx-top strong{margin-right:auto;font-size:1.6cqw;letter-spacing:-.03em}
.fx-top nav{display:flex;gap:1.4cqw;color:#a6a2b0}
.fx-top .pill{background:#f2f0f5;color:#111;padding:.7cqh 1.4cqw}
.fx-badge{margin-top:3cqh;border:1px solid #35313f;border-radius:99px;padding:.8cqh 1.6cqw;font-size:1.15cqw;color:#c4b8e0}
.fx h4{font-size:4.6cqw;font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:18ch;margin:0}
.fx h4 em{font-family:var(--f-serif);font-style:italic;font-weight:400;color:#c9b3ff}
.fx .sub{color:#a6a2b0;font-size:1.45cqw;max-width:40ch;margin:0}
.fx-btns{display:flex;gap:1cqw;font-size:1.35cqw}
.fx-btns span{padding:1.2cqh 2.2cqw;border-radius:99px;background:#f2f0f5;color:#111}
.fx-btns span:last-child{background:transparent;color:#f2f0f5;border:1px solid #3a3546}
.fx-board{margin-top:auto;width:100%;flex:1;min-height:0;border:1px solid #2a2634;border-radius:1.4cqw;background:rgba(20,18,26,.85);
  box-shadow:0 -2cqh 8cqh -2cqh rgba(163,120,255,.35);display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:1.4cqw;padding:1.6cqw;text-align:left}
.fx-col{display:flex;flex-direction:column;gap:1.2cqh}
.fx-card{border:1px solid #2a2634;border-radius:1cqw;padding:1.1cqw;font-size:1.2cqw;display:flex;flex-direction:column;gap:1cqh}
.fx-card small{color:#a6a2b0;font-size:1.05cqw;text-transform:uppercase;letter-spacing:.08em}
.fx-card b{font-size:1.7cqw;font-weight:500}
.fx-card .bars{display:flex;gap:.6cqw;align-items:flex-end;height:100%;min-height:3cqh}
.fx-card .bars i{flex:1;border-radius:.4cqw;background:linear-gradient(180deg,#c9b3ff,#6d4bd8)}