/* Aureon uses the studio's existing detail-page structure, with navy and gold accents. */
.aureon-page{--dq-bg:#050d1b;--dq-surface:#0a1727;--dq-surface-2:#102136;--dq-text:#f2f5f9;--dq-muted:#a9b7c7;--dq-moss:#e6bc76;--dq-gold:#e6bc76;--dq-line:rgba(211,177,116,.2)}
.aureon-page .dq-hero{height:min(860px,92svh);min-height:680px;max-height:900px}
.aureon-page .dq-hero-image{object-position:center 50%}
.aureon-page .dq-hero-shade{background:linear-gradient(90deg,rgba(5,13,27,.92),rgba(5,13,27,.62) 43%,rgba(5,13,27,.08) 78%),linear-gradient(0deg,#050d1b,transparent 55%);box-shadow:none}
.aureon-page .dq-hero-content{padding-bottom:65px}
.aureon-page .dq-hero h1{width:min(610px,55vw);margin:8px 0 18px}
.af-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 18px #0009)}
.aureon-page .dq-hero-copy{max-width:490px;font-size:18px;line-height:1.65}
.aureon-page .dq-kicker,.aureon-page .dq-section-label{letter-spacing:.13em}
.af-release{font-size:13px;color:#d8c39b}
.af-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.af-tags>span{display:contents}.af-tags>span>span{border:1px solid var(--dq-line);border-radius:3px;padding:5px 10px;color:var(--dq-gold);font-size:12px}
.aureon-page .af-tags>.lang-en{display:none}html[data-language="en"] .aureon-page .af-tags>.lang-de{display:none}html[data-language="en"] .aureon-page .af-tags>.lang-en{display:contents}
.af-section{padding:82px 0;border-bottom:1px solid var(--dq-line)}
.af-section h2{font-size:clamp(30px,3.3vw,46px);line-height:1.22;margin:0 0 24px;max-width:850px}
.af-note{max-width:800px;color:var(--dq-muted);margin-bottom:32px;line-height:1.75}
.af-gameplay,.af-industry,.af-arsenal{background:linear-gradient(140deg,rgba(22,42,64,.38),transparent 60%)}
.af-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:970px;margin:0 auto}
.af-shot,.af-scene{margin:0;min-width:0}
.af-shot>a{display:block;overflow:hidden;background:#02060b;border:1px solid var(--dq-line);border-radius:22px;box-shadow:0 18px 50px #0006}
.af-shot img{display:block;width:100%;height:auto}
.af-shot figcaption{padding:18px 4px 0;color:var(--dq-muted);font-size:14px;text-align:center}
.af-scene-grid{display:grid;gap:32px 26px}.af-two{grid-template-columns:repeat(2,minmax(0,1fr))}.af-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.af-image-link{cursor:zoom-in}.af-image-link:focus-visible{outline:2px solid var(--dq-gold);outline-offset:6px}
.af-scene>a{display:block;border:1px solid var(--dq-line);border-radius:5px;overflow:hidden;background:#020710}
.af-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}
.af-scene>a:hover img{transform:scale(1.025)}
.af-scene figcaption{padding:17px 0 0}.af-scene h3{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:19px;font-weight:500;margin:0 0 9px;color:var(--dq-text)}
.af-scene p{color:var(--dq-muted);font-size:14px;line-height:1.7;margin:0;max-width:580px}
.aureon-page .dq-footer{background:#020711}
.aureon-card{border-color:rgba(220,182,110,.3)}.aureon-card .project-subtitle{color:#e6bc76}.aureon-card .project-detail-link{color:#e6bc76}.aureon-art img{object-position:center}
#af-lightbox{border:1px solid #766243;border-radius:9px;padding:22px;background:#050d1b;color:#f2f5f9;width:min(1160px,94vw);max-width:none;max-height:94svh;overflow:auto;box-shadow:0 20px 90px #000b}
#af-lightbox::backdrop{background:rgba(0,4,10,.92)}
#af-lightbox>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(90svh - 100px);object-fit:contain;margin:auto}
#af-lightbox>p{margin:16px 45px 0;text-align:center;color:#dfc594;font-size:14px}
.af-lightbox-close{position:sticky;top:0;float:right;display:grid;place-items:center;min-width:44px;height:44px;margin:-10px -10px 10px 0;border:1px solid #a88956;border-radius:50%;background:#102136;color:#efce98;font-size:29px;cursor:pointer}
#af-lightbox button:focus-visible{outline:2px solid #efce98;outline-offset:3px}
@media(max-width:850px){.af-three{grid-template-columns:repeat(2,minmax(0,1fr))}.af-three>.af-scene:last-child{max-width:calc(50% - 13px);grid-column:1/-1;justify-self:center}.af-shots{gap:18px}.af-section{padding:62px 0}}
@media(max-width:700px){.aureon-page .dq-hero{display:block;height:auto;min-height:0;max-height:none;padding-top:92px}.aureon-page .dq-hero-image{position:relative;height:auto;aspect-ratio:16/9;object-fit:cover}.aureon-page .dq-hero-shade{display:none}.aureon-page .dq-nav{padding-top:22px;align-items:center}.aureon-page .dq-nav-actions{flex-direction:row;gap:14px}.aureon-page .dq-hero-content{padding:26px 0 44px}.aureon-page .dq-hero h1{width:min(510px,100%)}.aureon-page .dq-hero-copy{max-width:none;font-size:16px}.aureon-page .dq-kicker{font-size:10px;letter-spacing:.09em}.af-scene-grid{gap:28px 18px}.af-shots{gap:12px}.af-shot>a{border-radius:12px}.af-shot figcaption{font-size:12px}.af-section{padding:48px 0}}
@media(max-width:520px){.af-two,.af-three{grid-template-columns:1fr}.af-three>.af-scene:last-child{max-width:none;grid-column:auto;justify-self:stretch}.af-shots{grid-template-columns:1fr;max-width:310px;gap:30px}.af-shot figcaption{font-size:14px}.af-scene h3{font-size:20px}#af-lightbox{padding:12px}.af-lightbox-close{margin:0 0 10px}}
@media(prefers-reduced-motion:reduce){.af-scene img{transition:none}.af-scene>a:hover img{transform:none}}

.aureon-card .project-art-title{padding:16px 24px 18px}.aureon-card .project-art-title h3{max-width:330px}.aureon-card .project-art .af-card-logo{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 8px #000);transform:none}

/* Full-width translucent backdrop keeps the studio mark and language controls legible. */
.aureon-page .dq-nav{width:100%;max-width:none;box-sizing:border-box;padding-inline:max(24px,calc((100% - var(--dq-max))/2));background:rgba(0,0,0,.5);z-index:5}