/* About tab styles. Loaded in the order base, weather, sky, about. */
.about-tile{cursor:zoom-in}
.about-hero{padding:30px;margin-top:10px;background:linear-gradient(120deg,rgba(42,23,83,.88),rgba(15,27,64,.82))}
.about-hero h2{font-family:Orbitron,"Segoe UI",sans-serif;font-size:clamp(2rem,4.8vw,3.5rem);letter-spacing:-.05em;margin:8px 0}
.about-hero p{max-width:650px;color:#ddd4ee;line-height:1.6;margin:0}
.about-sources{margin-top:18px}
.about-source-heading{align-items:end;margin-bottom:12px}
.about-source-heading h2,.about-team h2{font-family:Orbitron,"Segoe UI",sans-serif;font-size:clamp(1rem,2vw,1.35rem);letter-spacing:-.05em;margin:5px 0 0}
.about-source-heading>p{max-width:350px;color:var(--muted);font-size:.85rem;line-height:1.5;margin:0}
.about-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-source{min-height:168px;padding:18px;border:1px solid rgba(201,167,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(35,30,85,.76),rgba(13,18,57,.88));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.about-source h3{font-family:Orbitron,"Segoe UI",sans-serif;font-size:.9rem;letter-spacing:-.045em;margin:7px 0 9px}
.about-source p:last-child{color:var(--muted);font-size:.8rem;line-height:1.55;margin:0}
.source-kicker{color:#cbb7ff;font-family:Orbitron,"Segoe UI",sans-serif;font-size:.58rem;letter-spacing:.11em;margin:0}
.about-source.note{background:linear-gradient(145deg,rgba(77,40,115,.62),rgba(19,19,57,.9))}
.about-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:18px;margin-top:18px}
.about-team+.about-gallery{margin-top:0}
.about-tile{position:relative;overflow:hidden;min-height:0;background:#0d0c31}
.about-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.about-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(12,7,35,.38) 100%)}
.about-tile:hover img{transform:scale(1.04)}
.about-tile .about-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:20px}
.about-tile h2{font-family:Orbitron,"Segoe UI",sans-serif;font-size:1rem;margin:0;paint-order:stroke fill;-webkit-text-stroke:3px rgba(0,0,0,.6);text-shadow:0 0 1px #000,0 0 2px #000,0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75),0 0 26px rgba(0,0,0,.5)}
.about-tile p{margin:6px 0 0;color:#f3ecff;font-size:.82rem;paint-order:stroke fill;-webkit-text-stroke:3px rgba(0,0,0,.6);text-shadow:0 0 1px #000,0 0 2px #000,0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75),0 0 26px rgba(0,0,0,.5)}
.about-tile.worf-window{grid-column:span 5;grid-row:span 3}
.about-tile.apollo{grid-column:span 3;grid-row:span 2}
.about-tile.king{grid-column:span 4;grid-row:span 2}
.about-tile.worf-rest{grid-column:span 7;grid-row:span 2}
.about-tile.worf-close{grid-column:span 5;grid-row:span 2}
.about-tile.fiona-opal{grid-column:span 12;grid-row:span 3}
.about-tile.fiona-opal img{object-position:center 58%}
.about-tile{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.about-tile{--feather:min(10%,28px);--feather-mask:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(180deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent)}
.about-tile img.feathered,.about-tile:after{-webkit-mask-image:var(--feather-mask);-webkit-mask-composite:source-in;mask-image:var(--feather-mask);mask-composite:intersect}
.about-tile p.role{margin:2px 0 0;font-weight:700;font-size:.85rem;color:#fff}
.about-tile p.role+p{margin-top:4px}
@media(max-width:720px){.about-source-grid{grid-template-columns:1fr 1fr}.about-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:12px}.about-tile.worf-window,.about-tile.apollo,.about-tile.king,.about-tile.worf-rest,.about-tile.worf-close,.about-tile.fiona-opal{grid-column:span 1;grid-row:span 1}.about-tile.worf-window,.about-tile.fiona-opal{grid-column:span 2;grid-row:span 2}}
@media(max-width:480px){.about-source-grid{grid-template-columns:1fr}.about-source{min-height:0}.about-source-heading{align-items:start;gap:8px}}
.about-source{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 18px 35px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}
.about-source.note{grid-column:1/-1;min-height:0}