/* Ensure Short displays with 9:16 aspect ratio and sane sizing; keep crisp 3D title and magazine flow */
:root{
  --blueA:#0ea5e9;
  --blueB:#1d4ed8;
  --gold:#d4af37;
  --gold-dark:#b08c2b;
  --black:#000000;
  --text:#ffffff;
  --muted:rgba(255,255,255,.9);
  --card:rgba(255,255,255,.06);
  --ring:rgba(255,255,255,.15);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--text);line-height:1.55}
.container{max-width:1120px;margin:0 auto;padding:0 20px}

/* Hero */
.hero{background:linear-gradient(180deg,var(--blueB),var(--blueA));text-align:center;padding:52px 20px 40px}
.hero-name{font-size:clamp(34px,7vw,66px);font-weight:800;color:var(--gold);margin:0 0 10px}
.clean3d{text-shadow:.5px 1px 0 var(--gold-dark),0 0 10px rgba(212,175,55,.55),0 2px 6px rgba(0,0,0,.45)}
.hero-tag{font-weight:800;text-transform:uppercase;font-size:clamp(16px,3vw,24px);text-shadow:1px 1px 3px rgba(0,0,0,.75);margin:0}
.hero-verse{font-style:italic;opacity:.96;max-width:820px;margin:8px auto 0}

/* Split */
.split-section{background:var(--black);padding:38px 0}
.split-grid{display:grid;gap:22px}
@media(min-width:980px){.split-grid{grid-template-columns:1.25fr .75fr}}

.card{background:var(--card);border-radius:12px;padding:18px;border:1px solid var(--ring)}
.prose p{line-height:1.75;color:var(--muted)}

.float-photo{width:300px;max-width:45%;border-radius:12px;border:3px solid var(--gold);box-shadow:0 6px 16px rgba(0,0,0,.5);float:left;margin:4px 18px 8px 0}
.clearfix::after{content:"";display:block;clear:both}
.article-mag{overflow:hidden}

/* Short specific sizing (9:16, moderate width) */
.short-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}
.short-embed{width:100%;max-width:380px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.5);border:1px solid var(--ring)}
.short-embed iframe{width:100%;height:100%;border:0}
.short-actions .btn{background:var(--gold);color:var(--black);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:700}
.short-actions .btn:hover{background:#f0d26a}

/* Showcases */
.showcases{background:linear-gradient(180deg,#0a0f1f,#090d1a);padding:40px 0 60px}
.showcase{max-width:980px;margin:0 auto 28px}
.video-embed{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.5);border:1px solid var(--ring)}
.ratio-16x9{aspect-ratio:16/9}
.ratio-16x9 iframe{width:100%;height:100%;border:0}
.showcase h3{text-align:center;margin:10px 0 0;font-size:clamp(18px,3.5vw,24px);font-weight:800;color:var(--muted)}

/* Contact & footer */
.contact{background:#0b0b0e;padding:40px 20px;text-align:center}
.contact h2{color:var(--gold);margin-bottom:10px}
.contact p{margin:6px 0;color:var(--muted)}
.contact a{color:var(--gold);text-decoration:none}
.contact a:hover{text-decoration:underline}

.footer{background:#0b0b0e;text-align:center;padding:20px}
.footer p{margin:0;opacity:.95;font-weight:600}


/* QR block */
.qr-block{margin-top:18px}
.qr-block img{width:180px;height:180px;border-radius:8px;border:2px solid rgba(255,255,255,.2);display:block;margin:0 auto 8px}
.btn{background:var(--gold);color:var(--black);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:700;margin:0 6px}
.btn:hover{background:#f0d26a}