/* Alpha Forge Studios — Black / Crimson visual system, October 2026 */
:root {
  --bg:#080809;--bg2:#101013;--panel:#151519;--panel2:#1d1b20;
  --line:#322b30;--muted:#b1aab0;--text:#f3f1f3;
  --accent:#ec2d3b;--mint:#f47179;--violet:#ff6e7b;
  --radius:13px;color-scheme:dark;
}
body{background:#080809;color:var(--text)}
p{color:#b6aeb3}
::selection{background:#e32837;color:#fff}
:focus-visible{outline-color:#fa6671}
.eyebrow,.section-view:hover,.nav-discord span,.nav-menu-social a:hover {color:#f26370}
.button-primary{color:#fff;background:linear-gradient(135deg,#ee3443,#b90e21);border-color:#ff4c59;box-shadow:0 9px 23px #bb15291c}
.button-primary:hover{background:linear-gradient(135deg,#ff4e5b,#d21328);box-shadow:0 12px 34px #d0183855}
.button-outline{background:#1a171bcf;border-color:#57444a;color:#f2eff1}
.button-outline:hover{background:#292027;border-color:#f26370}
.site-header,.site-header.scrolled{background:rgba(10,9,12,.96);border-bottom:1px solid #34272c}
.nav-menu>a.active:after{background:#e42b3e}
.nav-menu>a:hover,.nav-menu>a.active{color:#fff}
.home-hero{background:radial-gradient(ellipse at 76% 44%,#48161d 0%,#160d10 38%,#080809 74%);border-bottom:1px solid #312328}
.home-hero:before{background-image:linear-gradient(110deg,transparent,#da20300b),repeating-linear-gradient(90deg,transparent 0 119px,#f5aab203 120px)}
.hero-image-backdrop{background:linear-gradient(140deg,#4d151c35,#1d131633)}
.hero-content h1 span,.page-hero h1 span{color:#ef4755}
.hero-image{aspect-ratio:16/9!important;margin:10px 0;overflow:hidden;border-color:#523039}
.hero-image img{object-fit:cover;object-position:center}
.hero-proof span{border-color:#3e3035;color:#b7aab0}
.status-dot,.live-dot{background:#ef4050;box-shadow:0 0 15px #d91b356a}
.section-contrast{background:#111013;border-color:#2a2327}
.product-card{background:#151317;border:1px solid #35282f;min-height:0;grid-template-columns:1.02fr .98fr}
.product-card:hover{border-color:#a83642;box-shadow:0 26px 60px #0008}
.product-image-wrap{aspect-ratio:16/9;min-height:0;background:#09090b}
.product-image-wrap>a,.product-image-wrap img{height:100%;width:100%}
.product-image{object-fit:cover;object-position:center}
.product-copy{justify-content:center}
.product-sequence{background:#0a090cdb;border-color:#6b3843;color:#f3dade}
.chips span{border-color:#453035;background:#1f171b;color:#ead3d6}
.live-indicator{color:#f28b94}
.product-detail-hero{background:radial-gradient(ellipse at 73% 40%,#42171f 0%,#150e11 45%,#080809 78%);border-bottom:1px solid #372b30}
.product-hero-frame{aspect-ratio:16/9!important;border-color:#61333c;background:#0d0b0d}
.product-hero-frame>img{object-fit:contain}
.frame-label{background:#0a080bd9;border-color:#7d4650;color:#fff}
.product-highlights{background:#181418;border-color:#3d3035}
.product-highlights li{border-color:#3a2c32}
.gallery-featured{aspect-ratio:16/9!important;border-color:#493138;background:#080809}
.gallery-featured>img{object-fit:contain}
.gallery-featured>a{background:#0c090eeb;border-color:#77424d;color:#fff}
.gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.gallery-thumb{aspect-ratio:16/9!important;border:2px solid #382a2f;background:#080809}
.gallery-thumb:hover,.gallery-thumb.selected{border-color:#f04554;opacity:1}
.gallery-thumb img{object-fit:contain;background:#080809;aspect-ratio:16/9}
.gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;color:#b4a9af}
.gallery-meta strong{color:#fff;font-family:var(--head)}
.gallery-meta span{font-size:11px}
.video-wide,.video-embed{aspect-ratio:16/9;background:#0a080b;border:1px solid #3a292f;border-radius:9px;overflow:hidden}
.cta-box{background:linear-gradient(120deg,#351015,#1b1015 45%,#111015);border:1px solid #62313d}
.page-hero{background:linear-gradient(160deg,#220f14,#0e0c0e 70%)}
.page-gallery-link{margin-top:22px}
/* Trim the documentation chrome. Begin with the actionable first chapter, not an overview splash. */
.docs-compact-bar{background:#110e11;border-bottom:1px solid #30242a}
.docs-compact-inner{width:min(calc(100% - 72px),1480px);margin:auto;min-height:63px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 0}
.docs-location{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:12px;color:#9e9299}
.docs-location a{color:#c8bfc4}.docs-location strong{font-size:13px;color:#faf4f5}
.docs-divider{border-left:1px solid #594049;padding-left:11px;color:#ef6671}
.docs-compact-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.docs-compact-actions a{color:#c7b4bc;font-size:11px;font-weight:750;transition:color .2s}
.docs-compact-actions a:hover{color:#ff6474}
.docs-layout{width:min(calc(100% - 72px),1480px);grid-template-columns:250px minmax(0,1fr) 185px;gap:32px}
.docs-aside{top:73px;height:calc(100dvh - 73px);padding:25px 16px 30px 0;border-right:1px solid #2f2529;scrollbar-width:thin;scrollbar-color:#5c353d transparent}
.docs-nav-top{color:#eee1e4;margin-bottom:13px;font-size:10px}
.docs-count{color:#e46771}
.docs-search{margin:0 0 15px;background:#171217;border:1px solid #3e2d34;color:#fff;border-radius:7px}
.docs-search:focus{border-color:#e64955;box-shadow:0 0 0 3px #d3203f25}
.docs-group{margin:0 0 8px;border:1px solid #2b2227;background:#121013;border-radius:8px;overflow:hidden}
.docs-group-title{list-style:none;display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;padding:12px 12px;font-size:11px;letter-spacing:.04em;color:#c4b0b8;font-weight:800;line-height:1.3;user-select:none}
.docs-group-title::-webkit-details-marker{display:none}
.docs-group-title:hover{background:#1e1519;color:#fff}
.docs-group-title span{transition:transform .2s;font-size:17px;line-height:.5}
.docs-group[open]>.docs-group-title{color:#fff;border-bottom:1px solid #302228}
.docs-group[open]>.docs-group-title span{transform:rotate(180deg)}
.docs-group-pages{padding:5px 5px 7px 10px}
.docs-sidebar a{border-radius:6px;margin:1px 0;padding:8px 9px;font-weight:550;font-size:12px;color:#b9aeb4;border:0;line-height:1.45}
.docs-sidebar a.active{color:#ff8c96;background:#3e1a22;border:0;font-weight:800}
.docs-sidebar a:hover{background:#2b1a20;color:#fff}
.docs-sidebar-bottom{border-top-color:#3f3036;margin-top:17px;color:#a799a1;font-size:11px}
.docs-sidebar-bottom a{display:inline;color:#f17580;font-weight:700;padding:0}
.docs-content-wrap{padding:22px 0 90px;max-width:960px}
.docs-chapter-toolbar{display:flex;align-items:center;gap:13px;padding-bottom:13px;margin-bottom:22px;border-bottom:1px solid #30262b}
.docs-chapter-label{color:#f8838b;border:1px solid #5a313b;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:900;letter-spacing:.12em}
#docs-chapter-current{font-size:12px;color:#b5abb0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docs-chapter-toolbar a{font-size:11px;font-weight:750;color:#d2bdc4;margin-left:auto}
.docs-chapter-toolbar a:hover{color:#ff818b}
.markdown-body{font-size:14px;line-height:1.85;color:#c9c0c5}
.markdown-body h1{font-size:clamp(28px,2.6vw,37px);line-height:1.2;margin-bottom:22px;letter-spacing:-.04em;color:#fcf8fa}
.markdown-body h2{font-size:23px;margin-top:34px;padding-bottom:10px;border-bottom:1px solid #30252a;color:#faf6f8}
.markdown-body h3{font-size:18px;margin-top:26px;color:#f4ebef}
.markdown-body code{background:#2a1a21;color:#ffaab1;border:1px solid #4b2c36;border-radius:4px;padding:1px 5px}
.markdown-body pre{background:#141115!important;border:1px solid #432a33;border-left:3px solid #d53042;border-radius:9px;padding:19px 20px;white-space:pre-wrap;overflow-wrap:anywhere;color:#e3d9dd;line-height:1.65}
.markdown-body pre code{color:#f4e8e8;background:transparent;border:0;padding:0;font-size:12px}
.markdown-body blockquote{border-left:3px solid #ce3543;background:#211419;padding:14px 18px;border-radius:0 7px 7px 0;color:#e8dadf}
.markdown-body blockquote p{margin-bottom:0}
.markdown-body ol,.markdown-body ul{padding-left:26px}
.markdown-body li{padding:5px 0}
.markdown-body ol>li::marker{color:#e76a76;font-weight:800}
.markdown-body a{color:#ff8791;text-decoration:underline;text-underline-offset:3px}
.markdown-body table{border:1px solid #362930;background:#141115;border-radius:8px}
.markdown-body th{background:#311720!important;color:#fce4e9!important;border-color:#4a2b34!important}
.markdown-body td{border-color:#30252b!important;color:#e5dadd}
.docs-image-frame{margin:21px 0 27px;border:1px solid #3f3037;border-radius:9px;overflow:hidden;background:#0a090b}
.docs-image-frame>a{aspect-ratio:16/9;width:100%;display:grid;place-items:center;overflow:hidden;background:#0a090b;cursor:zoom-in}
.docs-image-frame img{width:100%;height:100%;max-height:none!important;max-width:100%;object-fit:contain;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.docs-image-frame figcaption{font-size:10px;color:#a5969e;background:#151116;border-top:1px solid #382930;text-align:right;padding:6px 11px}
.docs-right{top:94px;padding-top:30px}
.docs-right>span{color:#b8a4ae}
.docs-right nav a{color:#aa9ca3}
.docs-right nav a:hover{color:#ff707e}
.docs-bottom-nav{border-top-color:#3e2d35;gap:12px;margin-top:42px;padding-top:20px}
.docs-bottom-nav a{border-color:#48323b;background:#181217;color:#c0b4ba;border-radius:8px;transition:all .22s}
.docs-bottom-nav a:hover{background:#28151d;border-color:#bc3343}
.docs-bottom-nav a strong{color:#fff}
/* Full official-image library */
.gallery-intro{padding-bottom:35px}
.gallery-intro p{max-width:740px}
.library-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px}
.library-filter{border:1px solid #604048;background:#21161c;color:#e3d9dd;border-radius:6px;padding:9px 15px;font-size:12px;font-weight:800;transition:all .22s}
.library-filter.active,.library-filter:hover{background:#d82739;border-color:#ed4556;color:#fff}
.library-collections{padding-top:24px;padding-bottom:105px}
.library-section{padding:46px 0;border-bottom:1px solid #2a2025}
.library-section[hidden]{display:none!important}
.library-section-heading{display:flex;align-items:end;gap:18px;justify-content:space-between;margin-bottom:23px}
.library-section-heading h2{font-size:clamp(25px,2.7vw,36px)}
.library-section-heading a{font-size:13px;color:#f37780;font-weight:800}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.library-tile{background:#151216;border:1px solid #382b32;border-radius:10px;overflow:hidden;margin:0;transition:transform .25s,border-color .25s}
.library-tile:hover{transform:translateY(-3px);border-color:#9a3d4b}
.library-open{width:100%;border:0;padding:0;background:#080809;position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.library-open>img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.library-open:hover>img{transform:scale(1.035)}
.library-preview-flag{position:absolute;left:11px;bottom:10px;background:#0c090ccf;border:1px solid #7c5158;border-radius:3px;padding:2px 8px;color:#f4e7e9;font-size:10px;font-weight:700}
.library-tile figcaption{padding:12px 14px;font-size:12px;color:#d7cbd1;font-weight:650;line-height:1.4;text-transform:capitalize}
.library-lightbox[hidden]{display:none!important}
.library-lightbox{position:fixed;inset:0;background:#030204f5;display:flex;align-items:center;justify-content:center;z-index:2000;padding:35px;backdrop-filter:blur(18px)}
.lightbox-active{overflow:hidden}
.lightbox-inner{width:min(100%,1180px);max-height:95vh;overflow-y:auto}
.lightbox-inner img{width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #5b323e;background:#080809;border-radius:8px}
.lightbox-caption{text-align:center;color:#f4e6e8;margin:16px 0 10px;font-weight:750}
.lightbox-close{position:absolute;right:22px;top:12px;color:#fff;background:transparent;border:0;font-size:38px;z-index:1}
.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px}
.lightbox-controls button,.lightbox-controls a{border:1px solid #604049;border-radius:5px;padding:10px 13px;color:#fff;background:#21151b;font-size:12px;font-weight:800}
.lightbox-controls button:hover,.lightbox-controls a:hover{background:#652530}
/* Reduced color noise and improved responsive image layout */
@media(max-width:1360px){.nav-menu{gap:16px}.nav-container{width:min(calc(100% - 36px),1450px)}.nav-buttons{gap:12px}.brand{width:175px}}
@media(max-width:1180px){.docs-layout{grid-template-columns:235px minmax(0,1fr);gap:26px}.docs-right{display:none}}
@media(max-width:960px){
 .nav-menu{background:#110c10;border-top:1px solid #4b2a34}
 .mobile-trigger{background:#25181e;border-color:#5e333d}
 .hero-image,.product-hero-frame,.gallery-featured,.product-image-wrap{aspect-ratio:16/9!important}
 .docs-compact-inner{width:min(calc(100% - 40px),1480px)}
 .docs-layout{width:min(calc(100% - 40px),1480px)}
 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .hero-image,.product-hero-frame,.gallery-featured,.product-image-wrap{aspect-ratio:16/9!important}
 .product-image-wrap{height:auto;min-height:0}
 .product-image{object-fit:cover}
 .gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gallery-meta{align-items:start;flex-direction:column;gap:4px}
 .docs-compact-inner{width:calc(100% - 34px);padding:12px 0;align-items:start;flex-direction:column;gap:8px}
 .docs-location{gap:8px}
 .docs-compact-actions{gap:15px}
 .docs-layout{width:calc(100% - 34px);gap:0}
 .docs-aside{padding:10px 0 13px;border-right:0;border-bottom-color:#34262b;position:static;height:auto;overflow:visible}
 .docs-mobile-toggle{background:#21161c;border:1px solid #67343e;color:#fff}
 .docs-nav-wrap{padding:16px 0 10px}
 .docs-content-wrap{padding:17px 0 55px}
 .docs-chapter-toolbar{margin-bottom:21px}
 .docs-chapter-toolbar a{display:none}
 .markdown-body{font-size:13px;line-height:1.75}
 .markdown-body h1{font-size:29px}
 .markdown-body h2{font-size:21px}
 .markdown-body pre{padding:14px;font-size:12px}
 .library-grid{grid-template-columns:1fr;gap:15px}
 .library-section{padding:36px 0}
 .library-intro,.gallery-intro{padding-bottom:18px}
 .library-tools{gap:7px}
 .library-filter{font-size:11px;padding:9px 11px}
 .library-lightbox{padding:20px 10px}
 .lightbox-controls{gap:6px}
 .lightbox-controls button,.lightbox-controls a{font-size:10px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.library-open>img,.library-tile,.product-card{transition:none!important}}

.product-image-wrap{align-self:center;width:100%;height:auto;min-height:0}
.product-card .product-image-wrap>a{aspect-ratio:16/9}
.product-card .product-image-wrap img{width:100%;height:100%;object-fit:contain}
.gallery-featured>a:hover{border-color:#ff727e;color:#fff}
@media(max-width:680px){.product-image-wrap{align-self:auto}.product-card .product-image-wrap>a{aspect-ratio:16/9}}

/* October 2026 product addition: keep the existing palette and components. */
.product-featured{border-color:#81303e;box-shadow:0 12px 32px #0201024d}
.product-featured .product-image-wrap{background:#070607}
.product-featured .live-indicator{color:#ff8b95}
.video-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card .video-embed{aspect-ratio:16/9}
/* Product images never stretch or crop their source artwork. */
.hero-image img,.product-image,.product-hero-frame>img,.gallery-featured>img,.gallery-thumb img,.library-open>img{object-fit:contain!important;object-position:center;background:#080809}
/* Compact documentation work area across all four products. */
.docs-compact-inner{min-height:44px;padding:5px 0}
.docs-compact-bar .docs-location{font-size:11px;gap:10px}
.docs-compact-actions{gap:13px}
.docs-compact-actions a{font-size:11px}
.docs-layout{gap:32px}
.docs-aside{padding-top:20px;top:72px;height:calc(100vh - 72px)}
.docs-content-wrap{padding-top:19px}
.docs-nav-top{margin-bottom:9px}
.docs-chapter-toolbar{padding:0 0 12px;margin-bottom:17px;min-height:28px}
.docs-chapter-label{padding:3px 7px;font-size:10px}
.docs-copy-link{margin-left:auto;color:#eeb2b9;background:transparent;border:1px solid #51333b;border-radius:5px;font:inherit;font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer}
.docs-copy-link:hover{border-color:#f06775;color:#fff;background:#2a171d}
.markdown-body h1{font-size:clamp(26px,2.3vw,34px);margin:0 0 16px}
.markdown-body h2{font-size:21px;margin-top:28px;margin-bottom:12px}
.markdown-body h3{font-size:17px;margin-top:23px}
.markdown-body blockquote{padding:11px 16px;margin:18px 0}
.docs-right{padding-top:24px;top:87px}
.docs-right nav{margin-top:14px;max-height:65vh}
.docs-image-frame figcaption{text-align:left}
@media(max-width:960px){.video-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{gap:20px}}
@media(max-width:680px){
 .video-trio{grid-template-columns:1fr}
 .docs-compact-inner{min-height:0;padding:10px 0}
 .docs-compact-actions{width:100%}
 .docs-layout{gap:0}
 .docs-aside{height:auto;top:auto;padding:8px 0 12px}
 .docs-content-wrap{padding-top:15px}
 .docs-chapter-toolbar{gap:8px;flex-wrap:wrap}
 #docs-chapter-current{max-width:58%;font-size:11px}
 .docs-copy-link{font-size:10px}
 .markdown-body h1{font-size:27px}
 .markdown-body h2{font-size:20px}
}
@media(max-width:680px){body{overflow-x:clip}}
/* Higher-specificity mobile docs override after the tablet two-column layout. */
@media(max-width:680px){
 html,body{overflow-x:clip}
 .docs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .docs-aside{width:100%;min-width:0;position:static;height:auto;overflow:visible}
 .docs-content-wrap{width:100%;min-width:0}
 .docs-right{display:none}
 .markdown-body{max-width:100%;overflow-wrap:anywhere}
 .markdown-body pre,.markdown-body table{max-width:100%;overflow-x:auto}
}