@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0b0b0e;--panel:#141418;--red:#b71c14;--red-bright:#e23a2b;--white:#f6f3ef;--muted:#a4a2a4;--line:#303035}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.topline{height:3px;background:var(--red)}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #26262b;position:relative;z-index:10;background:#0b0b0eea}.brand{display:flex;align-items:center;gap:13px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:800;letter-spacing:1.2px}.brand img{width:43px;height:43px;border-radius:9px;object-fit:cover}.brand-light{font-weight:500;color:#c5c1c1}.site-header nav{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:600}.site-header nav>a:not(.nav-cta){color:#c3c0c0;transition:color .2s}.site-header nav>a:hover{color:white}.nav-cta{border:1px solid #565056;padding:13px 18px}.nav-cta span,.button span{margin-left:16px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;min-height:665px;background:radial-gradient(ellipse at 80% 45%,#27100e 0%,transparent 44%),#0b0b0e}.hero-grid,.project-visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{max-width:1450px;margin:auto;min-height:605px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;padding:45px 5vw 30px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label,.hero-footer,.service-top,.service-foot,.project-corner,.project-bottom,.project-note,.contact-kicker,.footer-bottom{font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow{color:#c7c0bd;display:flex;align-items:center;gap:11px}.pulse{width:7px;height:7px;background:var(--red-bright);border-radius:50%;box-shadow:0 0 0 4px #e23a2b20}.eyebrow-line{height:1px;width:30px;background:#6c6262}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-1.5px}.hero h1{font-size:clamp(75px,8.5vw,145px);font-weight:900;line-height:.86;margin:31px 0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--red-bright)}.outline{-webkit-text-stroke:1.5px #f3f0ec;color:transparent}.hero-copy>p{color:#aaa7a9;font-size:15px;line-height:1.9;max-width:500px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:#d3281e}.button-secondary{border:1px solid #4a4547}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px}.hero-logo-frame{width:min(75%,365px);aspect-ratio:1;transform:rotate(-7deg);box-shadow:0 28px 90px #0009,0 0 100px #a8201825;position:relative;z-index:2;border-radius:25%}.hero-logo-frame img{width:100%;height:100%;border-radius:25%;object-fit:cover}.orbit{position:absolute;border:1px solid #b5322c42;border-radius:50%;aspect-ratio:1}.orbit-one{width:95%}.orbit-two{width:75%;border-style:dashed;transform:rotate(22deg)}.hero-art-label{position:absolute;right:3%;bottom:3%;font-size:10px;letter-spacing:4px;color:#a78d8b;writing-mode:vertical-rl}.hero-footer{display:flex;justify-content:space-between;padding:17px 5vw;color:#777276;border-top:1px solid #302a2b;position:relative}.ticker{overflow:hidden;border-bottom:1px solid #3b2524;border-top:1px solid #3b2524;background:#1d1112;color:#d8b5b1;white-space:nowrap}.ticker>div{padding:19px 0;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px}.ticker b{color:var(--red-bright);margin:0 24px}.section{max-width:1450px;margin:auto;padding:110px 5vw}.section-label{color:#a7a1a2;margin-bottom:43px}.section-label span{color:var(--red-bright)}.intro-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px}.section h2{font-size:clamp(55px,6.6vw,100px);line-height:.94;margin:0;font-weight:800}.intro h2 span,.section-heading h2 span{color:var(--red-bright)}.intro-text p{color:#aaa7a9;line-height:1.95;font-size:15px;margin:0 0 19px}.text-link{display:inline-block;margin-top:15px;border-bottom:1px solid var(--red-bright);padding-bottom:12px;font-weight:700;font-size:13px}.text-link span{margin-left:26px;color:var(--red-bright)}.services{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-heading p{color:#aaa7a9;font-size:14px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{background:#17171b;border:1px solid #303035;padding:32px;min-height:440px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#aa332c;transform:translateY(-4px)}.game-card{background:linear-gradient(145deg,#251413,#141418 65%)}.service-top{display:flex;justify-content:space-between;color:#8f898c}.service-icon{font-size:24px;color:#d14a40}.service-symbol{font-family:monospace;font-size:77px;font-weight:700;color:#c32a21;margin:33px 0 15px;line-height:1}.game-card .service-symbol{font-size:96px}.service-card h3{font-size:49px;line-height:.94;margin:0 0 16px}.service-card p{font-size:14px;line-height:1.8;color:#aaa7a9;max-width:380px;margin:0 0 28px}.service-foot{margin-top:auto;color:#777176}.service-foot i{color:#e04438;font-style:normal;margin:0 7px}.projects{border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:1.2fr .8fr;min-height:390px;border:1px solid #383034}.project-visual{position:relative;overflow:hidden;background:radial-gradient(circle at center,#8c1c19,#2a0d0e 55%,#140b0c 100%);display:grid;place-items:center}.project-visual-grid{mask-image:none;opacity:.5}.project-mark{font-family:'Barlow Condensed',sans-serif;font-size:clamp(100px,17vw,230px);font-weight:900;letter-spacing:-15px;position:relative;text-shadow:0 12px 60px #0009}.project-mark span{color:#f16a5d}.project-corner{position:absolute;bottom:25px;left:28px;color:#d8a5a0}.project-details{padding:45px;display:flex;flex-direction:column}.tag{align-self:flex-start;border:1px solid #a53d36;color:#ed6b5d;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:1.5px}.project-details h3{font-size:60px;line-height:.9;margin:25px 0 16px}.project-details p{color:#aaa7a9;font-size:14px;line-height:1.8}.project-bottom{border-top:1px solid #383034;margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;color:#777176}.project-bottom span{color:#ed6b5d;font-size:19px}.project-note{color:#777176;letter-spacing:.4px;font-weight:400;margin-top:17px}.contact{background:var(--red);padding:100px max(5vw,24px)}.contact .section-label,.contact .section-label span{color:#ffccc7}.contact-layout{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.contact-kicker{color:#ffccc7}.contact h2{font-size:clamp(75px,9vw,135px);line-height:.88;margin:25px 0 0}.contact h2 em{color:#2b0b0a}.contact-side{max-width:400px;justify-self:end}.contact-side p{font-size:17px;line-height:1.8}.button-light{background:#fff;color:#240c0c;margin-top:15px}.contact-side small{display:block;margin-top:13px;color:#ffccc7;font-size:11px}.footer{padding:55px max(5vw,24px) 25px}.footer>p{color:#8f898c;font-size:13px}.footer-bottom{border-top:1px solid #302c30;margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;gap:15px;color:#777176;font-size:10px;letter-spacing:1px}.footer-bottom a{color:#ddd}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-art{min-height:330px;max-width:440px;width:100%;margin:auto}.hero-logo-frame{width:240px}.hero{min-height:auto}.hero h1{font-size:clamp(76px,12vw,125px)}.intro-layout{grid-template-columns:1fr;gap:30px}.project-card{grid-template-columns:1fr}.project-visual{min-height:310px}.contact-layout{grid-template-columns:1fr}.contact-side{justify-self:start}.site-header nav{gap:18px}}@media(max-width:640px){.site-header{height:75px}.brand{font-size:23px}.brand img{width:37px;height:37px}.menu-toggle{display:block;border:1px solid #484148;background:none;color:#fff;padding:8px 12px;cursor:pointer}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#141418;padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #444}.site-header nav.open{display:flex}.hero-inner{padding-top:65px}.hero h1{font-size:clamp(62px,13.3vw,90px)}.eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:14px}.hero-art{min-height:290px}.hero-logo-frame{width:210px}.hero-footer{font-size:9px}.ticker>div{font-size:9px;letter-spacing:1px}.ticker b{margin:0 8px}.section{padding:75px 6vw}.section h2{font-size:clamp(51px,11vw,75px)}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:410px}.service-card h3{font-size:43px}.project-details{padding:30px}.project-details h3{font-size:50px}.contact{padding:75px 6vw}.contact h2{font-size:clamp(65px,13vw,100px)}.footer-bottom{flex-direction:column;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Real project showcase */
.project-stack{display:grid;gap:24px}.featured-project{border-color:#78322d}.facefactory-visual{background:radial-gradient(circle at 48% 46%,#9b2923,#341316 55%,#100c10)}.face-symbol{position:relative;font-family:monospace;font-size:clamp(110px,17vw,220px);font-weight:300;color:#f7ded8;text-shadow:0 0 80px #ec6e6277}.face-symbol span{font-size:.34em;position:absolute;left:37%;top:32%;color:#f17c70}.empire-visual{background:radial-gradient(circle at 50% 55%,#54452e,#201b17 60%,#100e0e)}.forlorn-visual{background:radial-gradient(circle at 50% 55%,#4e2526,#1b1217 60%,#0d0c0e)}.project-emblem{font-family:Georgia,serif;font-size:clamp(130px,19vw,250px);color:#e6d7b8;text-shadow:0 15px 65px #000a}.forlorn-visual .project-emblem{color:#b9a3a0}.project-subcopy{color:#e4aaa2!important;font-style:italic}.project-details h3{overflow-wrap:anywhere}.contact-coming{display:inline-block;border:1px solid #ffd3cc;padding:16px 22px;font-size:12px;letter-spacing:1.6px;font-weight:700;margin-top:15px}@media(max-width:640px){.project-emblem{font-size:140px}.face-symbol{font-size:130px}}

/* Project detail pages */
.detail-page{min-height:70vh}.detail-hero{background:radial-gradient(ellipse at 75% 40%,#451513 0,transparent 53%),#0b0b0e;border-bottom:1px solid var(--line)}.empire-theme .detail-hero{background:radial-gradient(ellipse at 75% 40%,#3b3021 0,transparent 53%),#0b0b0e}.forlorn-theme .detail-hero{background:radial-gradient(ellipse at 75% 40%,#302027 0,transparent 53%),#0b0b0e}.detail-inner{max-width:1450px;margin:auto;padding:45px 5vw 100px}.detail-back{font-size:11px;font-weight:800;letter-spacing:2px;color:#aaa;display:inline-block;margin-bottom:65px}.detail-hero .eyebrow{margin-bottom:24px}.detail-head{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.detail-head h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,8.8vw,145px);line-height:.86;letter-spacing:-2px;overflow-wrap:anywhere;margin:24px 0}.detail-subtitle{font-family:'Barlow Condensed',sans-serif;font-size:clamp(24px,3vw,42px);font-weight:700;text-transform:uppercase;margin:0 0 20px;color:#f0d7d3}.detail-lead{color:#b6b0b1;line-height:1.9;max-width:670px;margin:0 0 30px}.detail-art{height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border:1px solid #ffffff22;background:radial-gradient(circle,#7b262444,#111115 70%);overflow:hidden}.empire-theme .detail-art{background:radial-gradient(circle,#7d603344,#111115 70%)}.forlorn-theme .detail-art{background:radial-gradient(circle,#663c4d44,#111115 70%)}.detail-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px}.detail-art-symbol{font-size:180px;font-family:Georgia,serif;color:#ead9d3;z-index:1;text-shadow:0 20px 65px #000}.detail-art>span{z-index:1;color:#b6a2a2;font-size:10px;letter-spacing:3px}.detail-content{max-width:1120px;margin:auto;padding:40px 5vw 100px}.detail-section{padding:60px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-size:clamp(42px,5vw,66px);line-height:1;margin:0 0 25px}.detail-section p{color:#b6b0b1;line-height:1.95;font-size:15px;max-width:840px}.detail-section strong{color:#fff}.detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-cards article{background:#17171b;border:1px solid #303035;padding:28px}.detail-cards h3{font-size:27px;margin:0 0 12px;letter-spacing:0}.detail-cards p{margin:0;font-size:14px}.detail-end{padding-top:45px;font-size:12px;font-weight:800;letter-spacing:2px;color:#f16a5d}.mature-notice{margin-top:30px;border:1px solid #9d5c58;background:#2b171a;padding:25px}.mature-notice strong{letter-spacing:2px;font-size:12px}.mature-notice p{color:#d7b9b7;line-height:1.7;margin-bottom:0}@media(max-width:850px){.detail-head{grid-template-columns:1fr}.detail-art{height:300px}.detail-inner{padding-bottom:65px}.detail-back{margin-bottom:45px}}@media(max-width:600px){.detail-cards{grid-template-columns:1fr}.detail-art-symbol{font-size:125px}.detail-head h1{font-size:65px}.detail-inner{padding:35px 6vw 55px}}

/* Content-driven additions */
.project-stack .project-card{margin-bottom:1.5rem}.project-stack .project-card:last-child{margin-bottom:0}.catalog-controls{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0 2rem}.catalog-controls a{border:1px solid #555;padding:.65rem 1rem;color:#eee;text-decoration:none}.catalog-controls a:hover{border-color:#d3291e}.project-list-title{font-size:clamp(2rem,5vw,4rem);margin:0 0 1.2rem}.detail-section ul{line-height:1.9}.detail-section li{margin:.3rem 0}.project-card .project-details h3{overflow-wrap:anywhere}.release-pill{display:inline-block;background:#9e231d;color:#fff;padding:.4rem .7rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.footer a{color:inherit}.project-card .project-bottom{display:flex;justify-content:space-between}.project-note a{color:#f2a7a2}
