.detail-page { min-height:100vh; }
.detail-header { position:relative; }
.detail-header .nav-shell { height:98px; }
.detail-back { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:800; }
.detail-back span { color:var(--red); font-size:20px; }
.detail-hero { width:min(1240px, calc(100% - 40px)); margin:auto; padding:100px 0 90px; display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.detail-hero h1 { font-size:clamp(68px,8vw,118px); margin:26px 0 32px; }
.detail-hero-copy > p:not(.kicker) { max-width:620px; color:var(--muted); font-size:18px; }
.detail-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.detail-hero-art { min-height:520px; border-radius:36px; display:grid; place-items:center; padding:35px; overflow:hidden; position:relative; box-shadow:var(--shadow); }
.detail-hero-art img { width:100%; max-height:470px; object-fit:contain; filter:drop-shadow(0 26px 28px rgba(18,12,12,.2)); }
.flex-art { background:#f8e7dd; }
.glow-art { background:#101115; padding:0; }
.glow-art img { width:100%; height:100%; max-height:none; object-fit:cover; filter:none; }
.sample-tag { position:absolute; left:22px; bottom:22px; background:rgba(16,16,16,.8); color:white; border-radius:99px; padding:8px 13px; font-size:10px; text-transform:uppercase; letter-spacing:.14em; backdrop-filter:blur(8px); }
.detail-band { background:var(--ink); color:var(--paper); padding:28px max(20px,calc((100% - 1240px)/2)); display:flex; gap:40px; justify-content:space-between; font:700 12px/1 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.detail-section { width:min(1240px, calc(100% - 40px)); margin:auto; padding:115px 0; }
.detail-section-head { display:grid; grid-template-columns:.8fr 1.2fr .8fr; gap:40px; align-items:end; margin-bottom:60px; }
.detail-section-head h2 { font-size:clamp(52px,6vw,84px); }
.detail-section-head > p:last-child { color:var(--muted); margin:0; }
.sample-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.sample-card { border-radius:30px; overflow:hidden; background:var(--panel); border:1px solid var(--line); }
.sample-visual { min-height:420px; display:grid; place-items:center; padding:25px; }
.sample-visual img { width:100%; max-height:390px; object-fit:contain; filter:drop-shadow(0 22px 25px rgba(0,0,0,.17)); }
.sample-card:nth-child(1) .sample-visual { background:#f5e4e6; }
.sample-card:nth-child(2) .sample-visual { background:#e5eef4; }
.sample-caption { padding:25px 28px 30px; border-top:1px solid var(--line); }
.sample-caption small { color:var(--red); text-transform:uppercase; letter-spacing:.16em; font-weight:800; }
.sample-caption h3 { margin:8px 0 8px; font:600 28px/1.2 var(--display); }
.sample-caption p { margin:0; color:var(--muted); }
.category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.category-card { min-height:260px; border:1px solid var(--line); border-radius:24px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; background:var(--panel); transition:.2s ease; }
.category-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.category-card span { width:46px; height:46px; border-radius:50%; background:rgba(237,28,36,.11); color:var(--red); display:grid; place-items:center; font:700 13px/1 var(--display); }
.category-card h3 { margin:28px 0 10px; font:600 25px/1.2 var(--display); }
.category-card p { margin:0; color:var(--muted); font-size:14px; }
.decision-panel { background:var(--red); color:white; border-radius:38px; padding:65px; display:grid; grid-template-columns:1fr 1.15fr; gap:70px; }
.decision-panel h2 { font-size:clamp(50px,6vw,82px); }
.decision-panel h2 span { color:#111; }
.decision-list { border-top:1px solid rgba(255,255,255,.35); }
.decision-list p { display:flex; align-items:center; gap:16px; margin:0; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.35); font-weight:700; }
.decision-list p span { width:28px; height:28px; border-radius:50%; border:1px solid rgba(255,255,255,.55); display:grid; place-items:center; font-size:10px; }
.glow-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.glow-type { border-radius:24px; overflow:hidden; background:#111216; color:white; min-height:360px; display:flex; flex-direction:column; }
.glow-demo { height:170px; display:grid; place-items:center; background:radial-gradient(circle at center,#2b2e37 0,#141519 62%); }
.mini-sign { width:74%; min-height:72px; border:5px solid #2b2c30; display:grid; place-items:center; padding:10px; font:700 15px/1.1 var(--display); text-align:center; color:#171717; background:#fff8e7; box-shadow:0 0 18px #ffe6a6,0 0 45px rgba(255,210,120,.35); }
.mini-sign.flex-face { border-radius:2px; }
.mini-sign.rigid-face { background:#f3f6ff; box-shadow:0 0 22px #d9e5ff; }
.mini-sign.letters { border:0; background:transparent; color:#ff3338; font-size:24px; box-shadow:none; text-shadow:0 0 8px #ff3038,0 0 20px #d4000a; }
.mini-sign.indoor { width:55%; border-radius:8px; font-size:13px; }
.glow-type-copy { padding:24px; }
.glow-type-copy h3 { margin:0 0 10px; font:600 21px/1.2 var(--display); }
.glow-type-copy p { margin:0; color:#aaa; font-size:13px; }
.detail-note { margin-top:28px; padding:20px 24px; border-left:4px solid var(--red); background:var(--panel); color:var(--muted); }
.detail-cta { padding:100px max(20px,calc((100% - 1240px)/2)); background:var(--ink); color:var(--paper); display:flex; justify-content:space-between; align-items:end; gap:50px; }
.detail-cta h2 { max-width:780px; font-size:clamp(55px,7vw,96px); }
.detail-footer { border-top:1px solid var(--line); }
@media(max-width:900px){
  .detail-hero { grid-template-columns:1fr; padding-top:65px; }
  .detail-hero-art { min-height:430px; }
  .detail-section-head { grid-template-columns:1fr; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .glow-types { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .decision-panel { grid-template-columns:1fr; padding:48px 35px; }
  .detail-cta { align-items:start; flex-direction:column; }
}
@media(max-width:650px){
  .detail-header .nav-shell { height:82px; }
  .detail-header .brand img { width:145px; }
  .detail-hero,.detail-section { width:calc(100% - 28px); }
  .detail-hero { padding:65px 0 70px; gap:38px; }
  .detail-hero h1 { font-size:clamp(58px,19vw,84px); }
  .detail-hero-art { min-height:340px; border-radius:24px; padding:18px; }
  .detail-band { overflow:auto; justify-content:flex-start; white-space:nowrap; }
  .detail-section { padding:85px 0; }
  .sample-grid,.category-grid,.glow-types { grid-template-columns:1fr; }
  .sample-visual { min-height:300px; }
  .decision-panel { border-radius:25px; padding:38px 24px; }
}