.creative-destination { min-height: 100vh; }
.creative-destination .destination-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr); gap:34px; padding-bottom:72px; }
.destination-panel { min-width:0; padding:clamp(24px,4vw,48px); border:1px solid rgba(208,164,93,.38); background:rgba(10,6,4,.72); box-shadow:inset 0 0 0 1px rgba(255,218,160,.025),0 24px 70px rgba(0,0,0,.2); }
.destination-panel h2 { margin:0 0 18px; font:500 clamp(2rem,4vw,3.5rem)/.95 'Newsreader',Georgia,serif; letter-spacing:-.06em; }
.destination-panel p { color:var(--muted); line-height:1.65; }
.destination-list { display:grid; gap:0; margin:28px 0 0; border-top:1px solid rgba(208,164,93,.3); }
.destination-item { display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; padding:18px 0; border-bottom:1px solid rgba(208,164,93,.22); }
.destination-item .number { color:var(--rust); font:500 .68rem 'DM Mono',monospace; letter-spacing:.08em; }
.destination-item h3 { margin:0 0 6px; font-size:1.08rem; letter-spacing:-.03em; }
.destination-item p { margin:0; font-size:.85rem; }
.destination-note { display:grid; align-content:end; min-height:220px; padding:22px; border:1px solid rgba(208,164,93,.34); background:rgba(0,0,0,.22); }
.destination-note strong { display:block; margin-bottom:9px; color:var(--brass); font:500 .68rem 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.destination-note p { margin:0; color:var(--inverse-muted); font-size:.86rem; line-height:1.6; }
.music-desk { margin-top:34px; padding:clamp(20px,4vw,38px); border:1px solid var(--line); border-left:3px solid var(--blue); background:rgba(10,7,5,.52); }
.music-desk-header { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:22px; }
.music-links { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; }
.music-desk h2 { margin:0 0 5px; font:400 clamp(1.8rem,4vw,2.7rem)/1 'Newsreader',Georgia,serif; }
.music-desk p { margin:0; color:var(--muted); line-height:1.55; }
.music-desk a { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.music-desk iframe { display:block; width:100%; height:450px; border:0; background:#191919; }
.music-desk-fallback { margin-top:14px !important; font-size:.9rem; }
body[data-page-atmosphere] .destination-panel { color:var(--atmo-foreground,var(--ink)); border-color:color-mix(in srgb,var(--atmo-accent,var(--brass)) 42%,transparent); background:var(--atmo-surface,rgba(10,6,4,.72)); }
body[data-page-atmosphere] .destination-note { border-color:color-mix(in srgb,var(--atmo-accent,var(--brass)) 34%,transparent); }
body[data-page-atmosphere="rhythmic"] .destination-panel { background:linear-gradient(145deg,rgba(21,15,12,.9),rgba(24,31,26,.72)); }
body[data-page-atmosphere="playful"] .destination-panel { background:linear-gradient(145deg,rgba(25,13,8,.9),rgba(47,29,18,.7)); }
body[data-page-atmosphere="workshop"] .destination-panel { background:linear-gradient(145deg,rgba(12,10,8,.92),rgba(37,27,19,.72)); }
body[data-page-atmosphere] .destination-item { border-bottom-color:color-mix(in srgb,var(--atmo-accent,var(--brass)) 28%,transparent); }
body[data-page-atmosphere] .destination-item .number { color:var(--atmo-accent,var(--rust)); }
body[data-page-atmosphere] .music-desk { border-color:color-mix(in srgb,var(--atmo-accent,var(--brass)) 48%,transparent); border-left-color:var(--atmo-accent,var(--brass)); }
@media (max-width:850px) { .creative-destination .destination-grid { grid-template-columns:1fr; } .destination-note { min-height:0; } }
@media (max-width:600px) { .music-desk iframe { height:360px; } }

.project-art { max-width:360px; margin:22px 0 0; }
.project-art .gallery-link { display:block; cursor:zoom-in; }
.project-art img { display:block; width:100%; height:auto; }
.project-art figcaption { margin-top:10px; color:var(--muted); font-size:.8rem; line-height:1.5; }
#flowstage { scroll-margin-top:28px; }

.asshatgen-preview { max-width:640px; }
.example-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; margin:28px 0 18px; }
.example-details dt { margin-bottom:6px; color:var(--brass); font-size:.75rem; }
.example-details dd { margin:0; font-size:.9rem; line-height:1.5; }
.example-note { font-size:.8rem; }
@media (max-width:600px) { .example-details { grid-template-columns:1fr; } }

.asshatgen-archive { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; margin:28px 0; }
.example-card { min-width:0; }
.example-card-stat { margin:12px 0 6px; font-size:.78rem; color:var(--brass); }
.example-card-note { margin:0; font-size:.78rem; line-height:1.5; }
@media(max-width:640px) { .asshatgen-archive { grid-template-columns:1fr; } }