:root{--creative-panel:#171321;--creative-muted:#bdb3c8;--creative-border:#3a2a49}
.hub-shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}.creative-detail-page{padding:clamp(38px,6vw,76px) 0 0}
.creative-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(28px,5vw,62px);overflow:hidden;border:1px solid color-mix(in srgb,var(--detail-accent) 38%,#3a2a49);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--detail-accent) 12%,#171321),#111019 58%,color-mix(in srgb,var(--detail-accent-two) 8%,#111019));box-shadow:0 24px 70px #0004}
.creative-detail-copy{min-width:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 clamp(32px,5vw,60px);color:var(--creative-muted)}.breadcrumbs a{padding:.45rem .7rem;border:1px solid var(--creative-border);border-radius:999px;text-decoration:none}.breadcrumbs a:hover{border-color:var(--detail-accent);color:#fff}
.creative-detail-hero .eyebrow,.detail-section-label{color:var(--detail-accent)}.creative-detail-hero h1{max-width:12ch;margin:12px 0 20px;font-size:clamp(3rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em;overflow-wrap:anywhere}.detail-lead{max-width:760px;margin:0;color:var(--creative-muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.detail-formats{color:color-mix(in srgb,var(--detail-accent) 72%,white);font-weight:850}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.detail-actions .primary{background:linear-gradient(135deg,var(--detail-accent),var(--detail-accent-two));color:#100b17}
.creative-detail-preview{min-width:0;padding:clamp(18px,3vw,34px);border:1px solid var(--creative-border);border-radius:24px;background:#09070e;box-shadow:0 22px 60px color-mix(in srgb,var(--detail-accent) 16%,transparent)}.creative-detail-preview svg{display:block;width:100%;height:auto}.creative-detail-preview :is(path,circle){fill:none;stroke:var(--detail-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.creative-detail-preview path+path,.creative-detail-preview .links path{stroke:var(--detail-accent-two)}.creative-detail-preview .dots circle{fill:var(--detail-accent-two);stroke:#09070e}.creative-detail-preview .stars circle{fill:#fff;stroke:none}.creative-detail-preview .stars path{stroke:#fff}.creative-detail-preview .fill{stroke:none}
.detail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.detail-info-grid>section,.detail-related{padding:clamp(24px,4vw,38px);border:1px solid var(--creative-border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-accent) 7%,var(--creative-panel)),var(--creative-panel) 48%);color:var(--creative-muted);line-height:1.7}.detail-info-grid h2,.detail-related h2{margin:8px 0 18px;color:#fff8ff;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.15}.detail-section-label{margin:0;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-info-grid :is(ul,ol){padding-left:1.25rem}.detail-related{margin-top:16px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{display:grid;gap:8px;min-width:0;padding:18px;border:1px solid var(--creative-border);border-radius:15px;background:#100d17;text-decoration:none}.related-card :is(span,small){color:var(--creative-muted)}.related-card strong{overflow-wrap:anywhere}.related-card:hover{border-color:var(--detail-accent);transform:translateY(-2px)}
.detail-support{margin:18px 0 0}.do-detail-footer-v6{position:relative;left:50%;box-sizing:border-box;width:100dvw;margin:22px 0 0;transform:translateX(-50%);border-top:1px solid #4d3158;background:linear-gradient(180deg,#171321,#0b0912);color:var(--creative-muted)}.do-detail-footer-inner{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:center;gap:24px 48px;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:clamp(28px,4vw,44px) 0}.do-detail-footer-brand{display:grid;gap:3px}.do-detail-footer-brand strong{color:#fff8ff}.do-detail-footer-brand>span{color:#ff8fc9;font-size:.79rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.do-detail-footer-brand small{margin-top:7px}.do-detail-footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:22px}.do-detail-footer-actions a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}.do-detail-footer-link--privacy{color:#b9d8ff}.do-detail-footer-link--contact{color:#ffc1aa}.do-detail-footer-actions .do-consent-settings{display:inline-flex;min-height:56px;align-items:center;padding:0 18px;border:1px solid #aeb7c6;border-radius:16px;background:transparent;color:#c5cad4;font:inherit;font-weight:750;cursor:pointer}
@media(max-width:860px){.creative-detail-hero{grid-template-columns:1fr}.creative-detail-preview{max-width:680px}.detail-info-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}@media(max-width:640px){.hub-shell{width:min(100% - 20px,1280px)}.creative-detail-hero{padding:24px 20px;border-radius:20px}.creative-detail-hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}.detail-actions>a{width:100%;justify-content:center}.do-detail-footer-inner{grid-template-columns:1fr;gap:20px;width:min(100% - 32px,1280px)}.do-detail-footer-actions{justify-content:flex-start}}