:root{--bg:#090b10;--panel:#0f1219;--panel2:#131720;--text:#f4f2ed;--muted:#969ca7;--line:#252a35;--accent:#f3a52b;--accent2:#d77a0d;--radius:22px;--shadow:0 28px 80px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 0%,rgba(243,165,43,.08),transparent 31%),radial-gradient(circle at 88% 38%,rgba(69,75,105,.08),transparent 28%)}a{color:inherit}.site-header{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:rgba(9,11,16,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.3px}.brand-mark{display:inline-grid;place-items:center;min-width:38px;height:30px;padding:0 8px;border-radius:8px;background:rgba(243,165,43,.1);border:1px solid rgba(243,165,43,.24);color:var(--accent);font-weight:900}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{position:relative;color:#aeb3bd;text-decoration:none;font-size:13px;font-weight:650}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:.2s ease}.site-header nav a:hover{color:white}.site-header nav a:hover:after{right:0}.menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:white;font-size:20px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:11px;letter-spacing:2.4px;font-weight:900}.hero-shell{max-width:1480px;min-height:calc(100vh - 76px);margin:auto;padding:78px max(4vw,24px) 92px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.hero-copy h1{font-size:clamp(58px,6.3vw,96px);line-height:.96;letter-spacing:-5px;margin:0 0 30px;max-width:780px}.hero-copy h1 span{color:#8c929d}.hero-lead{max-width:690px;margin:0;color:#adb2bc;font-size:19px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #343a46;border-radius:11px;background:#11151d;color:#f6f4ef;text-decoration:none;font-size:14px;font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-2px);border-color:#596171}.btn.primary{background:linear-gradient(135deg,#f5ad39,#dc8513);border-color:transparent;color:#111318;box-shadow:0 12px 34px rgba(231,143,21,.18)}.btn.ghost{background:transparent}.hero-meta{display:flex;gap:34px;flex-wrap:wrap;margin-top:52px;padding-top:27px;border-top:1px solid var(--line)}.hero-meta div{display:flex;flex-direction:column;gap:1px}.hero-meta strong{font-size:18px}.hero-meta span{font-size:12px;color:#7f8691}.hero-visual,.game-visual{position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:72%;height:72%;background:radial-gradient(circle,rgba(243,165,43,.25),rgba(128,60,9,.06) 50%,transparent 72%);filter:blur(55px)}.logo-frame{position:relative;width:min(100%,560px);padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:var(--shadow)}.logo-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.frame-label,.frame-foot{display:block;padding:3px 4px;color:#7e8590;font-size:9px;letter-spacing:2px}.frame-label{margin-bottom:9px}.frame-foot{margin-top:10px;text-align:right}.section{max-width:1420px;margin:auto;padding:106px max(4vw,24px);border-top:1px solid rgba(255,255,255,.065)}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:44px}.section-head h2,.studio-intro h2,.game-facts h2,.contact h2{font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-2.8px;margin:0}.section-head>p{max-width:520px;margin:0;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#10131a,#0d1016);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:.24s ease}.project-card:hover{transform:translateY(-6px);border-color:#4a515f;box-shadow:var(--shadow)}.project-art{height:315px;position:relative;display:grid;place-items:center;overflow:hidden;background:#0b0e13}.project-art:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(8,10,14,.75))}.project-art img{width:100%;height:100%;object-fit:cover}.status{position:absolute;top:16px;left:16px;z-index:2;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(9,11,16,.82);backdrop-filter:blur(8px);font-size:10px;font-weight:800;letter-spacing:.4px}.status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#72c44d}.project-content{display:flex;flex-direction:column;flex:1;padding:24px 25px 26px}.project-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-top small{color:#b77a27;font-size:9px;letter-spacing:1.7px;font-weight:900}.project-top>span{color:#4f5663;font-size:12px}.project-content h3{font-size:25px;line-height:1.12;letter-spacing:-.7px;margin:12px 0}.project-content p{flex:1;margin:0 0 24px;color:#949aa5}.card-link{color:#e4a13a;font-size:13px;font-weight:800}.ffm-art{background:radial-gradient(circle at 50% 40%,rgba(170,42,42,.2),transparent 44%),linear-gradient(145deg,#0d1118,#11141b)}.type-logo{display:flex;flex-direction:column;align-items:center}.type-logo b{font-size:72px;line-height:.9;letter-spacing:-5px}.type-logo span{margin-top:10px;font-size:10px;letter-spacing:2.7px;color:#bc5a5a}.studio-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.studio-intro>p:not(.eyebrow){max-width:530px;color:var(--muted);margin-top:26px}.principles{display:flex;flex-direction:column;border-top:1px solid var(--line)}.principles article{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.principles article>span{color:#6d7581;font-size:12px;font-weight:800}.principles h3{font-size:20px;margin:0 0 5px}.principles p{margin:0;color:var(--muted)}.update-card{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:32px 34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(243,165,43,.055),rgba(255,255,255,.018))}.update-card h3{font-size:26px;margin:10px 0 7px}.update-card p{margin:0;color:var(--muted)}.update-badge{display:inline-flex;padding:5px 9px;border-radius:7px;background:rgba(243,165,43,.11);color:var(--accent);font-size:9px;letter-spacing:1.6px;font-weight:900}.mini-link{white-space:nowrap;color:#dca044;text-decoration:none;font-size:13px;font-weight:800}.contact{text-align:center}.contact-panel{max-width:920px;margin:auto;padding:58px 40px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#11151c,#0d1015)}.contact-panel.compact{max-width:780px}.contact-panel>p:not(.eyebrow){max-width:620px;margin:18px auto 26px;color:var(--muted)}footer{max-width:1420px;margin:auto;padding:36px max(4vw,24px) 50px;border-top:1px solid rgba(255,255,255,.065);display:flex;justify-content:space-between;gap:30px;align-items:center;color:#747b86;font-size:12px}.footer-brand{display:flex;gap:10px;align-items:center;color:#daddE2}.game-hero{max-width:1420px;min-height:calc(100vh - 76px);margin:auto;padding:78px max(4vw,24px) 92px;display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.game-logo-frame{position:relative;width:min(100%,520px);padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:#10131a;box-shadow:var(--shadow)}.game-logo-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:19px}.game-logo-frame span{display:block;padding:12px 5px 2px;color:#767d88;font-size:9px;letter-spacing:2px}.game-copy h1{font-size:clamp(54px,5.6vw,84px);line-height:.96;letter-spacing:-4px;margin:8px 0 24px}.game-copy>p:not(.eyebrow):not(.game-subline){max-width:680px;color:#969da8}.game-subline{font-size:21px;color:#d8dbe0;max-width:680px}.back-link{display:inline-block;margin-bottom:30px;color:#858c96;text-decoration:none;font-size:12px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tags span{padding:6px 10px;border:1px solid #333946;border-radius:999px;color:#afb5bf;font-size:11px}.feature-flow{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.feature-flow article{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:30px}.feature-flow article:nth-child(odd){border-right:1px solid var(--line)}.feature-flow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-flow article>span{color:#6d7581;font-size:11px;font-weight:900}.feature-flow h3{margin:0 0 7px;font-size:22px}.feature-flow p{margin:0;color:var(--muted)}.game-facts{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.fact-grid{display:grid;gap:13px}.fact-grid article{padding:22px 24px;border-left:2px solid #3b404a;background:#0f1218}.fact-grid strong{font-size:17px}.fact-grid p{margin:6px 0 0;color:var(--muted)}.media-stage{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px;border:1px dashed #3b414d;border-radius:22px;background:linear-gradient(135deg,rgba(243,165,43,.035),rgba(77,91,125,.025))}.media-icon{font-size:32px;color:#666e7b}.media-stage span{margin-top:16px;color:#747b86;font-size:9px;letter-spacing:2px;font-weight:900}.media-stage h3{font-size:27px;margin:10px 0 7px}.media-stage p{max-width:650px;margin:0;color:var(--muted)}
@media(max-width:1000px){.hero-shell,.game-hero,.studio-section,.section-head,.game-facts{grid-template-columns:1fr}.hero-shell,.game-hero{min-height:auto;gap:55px}.hero-visual,.game-visual{order:-1}.logo-frame,.game-logo-frame{max-width:480px}.hero-copy,.game-copy{text-align:center}.hero-lead,.game-copy>p{margin-left:auto!important;margin-right:auto!important}.actions,.hero-meta,.tags{justify-content:center}.section-head,.studio-section,.game-facts{gap:28px}.project-grid{grid-template-columns:1fr}.project-art{height:420px}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 18px;background:rgba(9,11,16,.98);border-bottom:1px solid var(--line)}.site-header nav a{padding:13px 8px}.site-header nav a:after{display:none}.site-header nav.open{display:flex}.menu{display:block}.feature-flow{grid-template-columns:1fr}.feature-flow article:nth-child(odd){border-right:0}.feature-flow article{border-bottom:1px solid var(--line)!important}.feature-flow article:last-child{border-bottom:0!important}}
@media(max-width:640px){.site-header{height:68px;padding-inline:18px}.brand span:last-child{font-size:14px}.site-header nav{top:67px}.hero-shell,.game-hero{padding:52px 20px 72px}.hero-copy h1{font-size:48px;letter-spacing:-2.6px}.game-copy h1{font-size:47px;letter-spacing:-2.5px}.hero-lead,.game-subline{font-size:17px}.hero-meta{gap:20px}.hero-meta div{min-width:120px}.section{padding:76px 20px}.section-head h2,.studio-intro h2,.game-facts h2,.contact h2{font-size:40px;letter-spacing:-2px}.project-art{height:300px}.project-content{padding:21px}.principles article{grid-template-columns:38px 1fr}.update-card{align-items:flex-start;flex-direction:column;padding:25px}.contact-panel{padding:40px 22px}.feature-flow article{grid-template-columns:34px 1fr;padding:24px 20px}.media-stage{min-height:290px;padding:35px 22px}footer{flex-direction:column;align-items:flex-start;padding-inline:20px}}
/* Compatibility with the existing HairyAdventure and FFM project pages */
.v6-game-hero{max-width:1420px;min-height:700px;margin:auto;padding:78px max(4vw,24px);display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.v6-game-logo{position:relative;display:grid;place-items:center;min-height:450px;border:1px solid var(--line);border-radius:22px;background:#0f1218;overflow:hidden}.v6-game-logo img{width:min(82%,430px);max-height:430px;object-fit:cover;border-radius:20px}.v6-game-copy h1{font-size:clamp(50px,5vw,76px);line-height:1;letter-spacing:-3px;margin:8px 0 20px}.v6-game-copy>p:not(.eyebrow):not(.game-subline){color:var(--muted);max-width:680px}.v6-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v6-values article{padding:27px;min-height:205px;background:#0f1218;border:1px solid var(--line);border-radius:15px}.v6-values b{color:#765125}.v6-values h3{font-size:22px;margin:35px 0 7px}.v6-values p{color:var(--muted)}.clean-media-placeholder{min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #3b414d;border-radius:17px;background:#0e1117;padding:40px}.clean-media-placeholder span{font-size:10px;letter-spacing:2px;color:#766c62}.clean-media-placeholder h3{font-size:27px;margin:10px 0}.clean-media-placeholder p{color:var(--muted);max-width:650px}.theme-hairy .eyebrow{color:#d86ccf}.theme-ffm .eyebrow{color:#cf5555}@media(max-width:1000px){.v6-game-hero{grid-template-columns:1fr;min-height:auto}.v6-game-copy{text-align:center}.v6-values{grid-template-columns:1fr}}@media(max-width:640px){.v6-game-hero{padding:55px 20px}.v6-game-logo{min-height:330px}.v6-game-copy h1{font-size:45px}}

/* V8 media presentation */
.video-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:22px;align-items:stretch}.video-frame{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#05070a;box-shadow:var(--shadow)}.video-frame video{display:block;width:100%;height:100%;min-height:360px;aspect-ratio:16/9;object-fit:contain;background:#000}.video-info{display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#11151c,#0d1015)}.media-kicker{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:1.8px}.video-info h3{font-size:29px;line-height:1.1;margin:12px 0}.video-info p{color:var(--muted);margin:0}.media-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.media-meta span{padding:6px 9px;border:1px solid #343a45;border-radius:999px;color:#aab0ba;font-size:10px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shot{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0b0e13;color:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:.22s ease}.shot:hover{transform:translateY(-3px);border-color:#545b67;box-shadow:0 20px 50px rgba(0,0,0,.24)}.shot-wide{grid-column:1/-1}.shot img{display:block;width:100%;aspect-ratio:16/8.15;object-fit:cover;object-position:top center;transition:transform .3s ease}.shot:hover img{transform:scale(1.012)}.shot span{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:18px;padding:50px 22px 18px;background:linear-gradient(transparent,rgba(4,6,9,.94));pointer-events:none}.shot b{font-size:16px}.shot small{color:#abb1bc;font-size:11px}.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(3,4,7,.94);backdrop-filter:blur(10px)}.lightbox.open{display:flex}.lightbox img{max-width:min(96vw,1800px);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.58)}.lightbox-close{position:fixed;top:18px;right:24px;z-index:201;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(15,18,24,.88);color:#fff;font-size:28px;line-height:1;cursor:pointer}.no-scroll{overflow:hidden}.ffm-logo-stage{background:radial-gradient(circle at 50% 45%,rgba(194,151,76,.09),transparent 48%),#090d12}.ffm-logo-stage img{width:min(88%,560px);max-height:560px;object-fit:contain!important;border-radius:12px!important}.ffm-card-logo{width:100%!important;height:100%!important;object-fit:contain!important;padding:18px;background:#080c11}.theme-hairy .shot{border-color:rgba(216,108,207,.22)}
@media(max-width:1000px){.video-showcase{grid-template-columns:1fr}.video-info{padding:28px}.screenshot-grid{grid-template-columns:1fr}.shot-wide{grid-column:auto}}
@media(max-width:640px){.video-frame video{min-height:0}.video-info{padding:24px}.screenshot-grid{gap:12px}.shot span{position:relative;padding:15px 16px;background:#10131a;align-items:flex-start;flex-direction:column;gap:2px}.shot img{aspect-ratio:16/9}.lightbox{padding:12px}.lightbox-close{top:12px;right:12px}}

/* V9 HairyAdventure official branding + mobile positioning */
.theme-hairy{--hairy:#ed4e9b;--hairy2:#8e286f}.theme-hairy .v6-game-logo{background:radial-gradient(circle at 50% 45%,rgba(237,78,155,.17),transparent 55%),#0d0910;border-color:rgba(237,78,155,.2)}.theme-hairy .v6-game-logo img{width:min(92%,560px);max-height:560px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 24px 55px rgba(0,0,0,.38))}.theme-hairy .v6-game-copy h1{background:linear-gradient(90deg,#fff,#f1a5ca);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-hairy .tags span{border-color:rgba(237,78,155,.28);background:rgba(237,78,155,.06)}.mobile-callout{display:flex;flex-direction:column;gap:3px;margin-top:22px;padding:18px 20px;border-left:3px solid var(--hairy);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(237,78,155,.10),rgba(237,78,155,.02));max-width:680px}.mobile-callout b{font-size:14px;color:#fff}.mobile-callout span{font-size:13px;color:#a9aeb8}.hairy-project-art{background:radial-gradient(circle at 50% 45%,rgba(237,78,155,.18),transparent 58%),#100912}.hairy-project-art img{object-fit:contain!important;padding:10px}.theme-hairy .v6-values article{background:linear-gradient(145deg,rgba(237,78,155,.045),#0f1218)}