@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');
/* Gaming art direction. The original content and base accessibility styles remain in styles.css. */
:root{--bg:#080e17;--surface:#101b29;--accent:#8cf5d8;--heading:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
body{background:var(--bg)}.header{position:relative;z-index:2;background:#080e17;max-width:none;padding-inline:max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid #8cf5d82a}.wordmark{font-family:'Manrope',Arial,sans-serif;font-size:1.18rem;letter-spacing:.12em}.header nav a:last-child{border:1px solid #ffffff35;padding:5px 15px;margin-top:-5px;color:#fff}.header nav a:hover{color:var(--accent)}
.studio-hero,.game-hero{position:relative;isolation:isolate;width:100%;max-width:none;min-height:740px;padding:110px max(32px,calc((100vw - 1200px)/2)) 130px;background:#0b1725;border-bottom:1px solid #81dce72b;overflow:hidden}.studio-hero:before,.game-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('veiled-front-strategy-concept.png') 70% center/cover no-repeat}.studio-hero:after,.game-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070d17f5 0%,#070d17c9 34%,#070d1750 70%,#070d1710),linear-gradient(0deg,#080e17 0%,transparent 45%)}.hero-content{max-width:640px}.hero h1{font-size:clamp(4rem,7.1vw,7rem);font-weight:700;line-height:.96;letter-spacing:-.015em;text-transform:uppercase}.hero h1 em{color:var(--accent)}.hero .eyebrow{font-size:.78rem;letter-spacing:.2em;color:var(--accent);border-left:3px solid var(--accent);padding-left:13px}.hero-question{font-size:1.1rem;margin:26px 0 16px}.hero .intro{max-width:450px;font-size:1rem;color:#c2d0de}.button{border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));letter-spacing:.04em;padding:14px 28px;box-shadow:0 0 25px #8cf5d817}.hero-game-link{position:absolute;right:max(32px,calc((100vw - 1200px)/2));bottom:60px;display:flex;flex-direction:column;text-decoration:none;padding:22px 26px;border-left:3px solid var(--accent);background:#08111bdb;backdrop-filter:blur(14px);min-width:280px}.hero-game-link .eyebrow{border:0;padding:0;margin:0 0 5px;font-size:.7rem}.hero-game-link strong{font-family:var(--heading);font-size:2.3rem;letter-spacing:.025em;line-height:1.2}.hero-game-link>span:not(.eyebrow){font-size:.85rem}.hero-game-link .text-link{align-self:flex-start;margin-top:12px}.concept-caption{position:absolute;right:32px;top:25px;font-size:.65rem;letter-spacing:.16em;color:#c0d0dd}.section{padding-block:85px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.section-heading .eyebrow{padding-top:12px}.section-heading h2{text-align:right}h2{font-size:clamp(2.8rem,4.6vw,4.4rem);font-weight:600;letter-spacing:0;line-height:1.04}h3{letter-spacing:0}.eyebrow{font-size:.78rem}.product-card{grid-template-columns:.85fr 1.2fr;border-radius:0;background:#111d2b;border:1px solid #89c9df30;min-height:510px;position:relative}.product-copy{padding:42px}.product-copy h3{font-size:5rem;line-height:.92;letter-spacing:.01em}.tag{display:inline-block;border:1px solid #f7c47e60;padding:4px 9px;font-size:.7rem}.product-art{position:relative;padding:0;min-height:510px;overflow:hidden;background:#0c1827}.product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% center;transition:transform .6s}.product-card:hover img{transform:scale(1.035)}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e17c9,transparent 50%)}.art-bottom{position:absolute;bottom:25px;left:25px;z-index:1;font-size:.65rem}.approach{background:#0f1b2a;border-color:#8cebd624}.principles{font-family:var(--heading);text-transform:uppercase;letter-spacing:.025em;font-size:3.2rem}.principles span{border-left:2px solid var(--accent);padding-left:20px}.team-grid{gap:24px}.person{background:#101d2b;border:1px solid #ffffff14;padding:30px;position:relative}.person:before{content:'';position:absolute;top:0;left:0;width:45px;height:2px;background:var(--accent)}.portrait{width:110px;height:110px;border-radius:4px;background:#203347;border-color:#8cf5d840}.portrait span{font-family:var(--heading);font-size:2rem}.person h3{font-size:2rem}.person .role{font-size:.8rem}.person>p:last-child{font-size:.95rem}.contributors{grid-template-columns:1fr 2fr}.contributors h3{font-family:var(--body)}.contact{background:linear-gradient(100deg,#152d3c,#111b28);border-color:#8cf5d82b}.contact h2{font-size:4.5rem}.feature-grid article{background:#151d24;padding:28px;border:1px solid #ffffff20}.feature-grid h3,.mode-grid h3,.steps h3{font-size:1.8rem}.mode-grid article{border-left:2px solid var(--accent);padding-left:25px}.game-page{--bg:#0d1219;--accent:#f6c37b;--surface:#171f28}.game-hero{min-height:780px}.game-hero h1{font-size:clamp(6rem,11vw,10rem);letter-spacing:.015em}.game-hero .intro{max-width:440px}.game-hero:after{background:linear-gradient(90deg,#0b1119f5,#0b1119af 40%,#0b111914),linear-gradient(0deg,#0d1219,transparent 50%)}.game-slogan{margin-top:25px;font-size:1.4rem}.game-page .button:not(.secondary){box-shadow:0 0 25px #f6c37b15}.game-page .contact{background:#1b2730}
@media(max-width:900px){.studio-hero,.game-hero{padding:85px 32px 180px;min-height:780px}.hero-content{max-width:530px}.hero h1{font-size:5rem}.hero-game-link{right:32px;bottom:35px}.product-copy{padding:30px}.product-copy h3{font-size:4rem}.person{padding:22px}.principles{font-size:2.4rem}}
@media(max-width:640px){.header{padding:20px}.header nav a:last-child{margin-top:0;align-self:flex-start}.studio-hero,.game-hero{padding:70px 20px 170px;min-height:820px}.hero h1{font-size:3.7rem}.hero-content{max-width:100%}.studio-hero:before,.game-hero:before{background-position:65% center}.studio-hero:after,.game-hero:after{background:linear-gradient(90deg,#080e17e8,#080e1790),linear-gradient(0deg,#080e17,transparent)}.hero-game-link{left:20px;right:20px;bottom:30px;padding:16px 20px;min-width:0}.hero-game-link strong{font-size:2rem}.hero-game-link>span:not(.eyebrow):not(.text-link){display:none}.concept-caption{font-size:.6rem;right:20px;top:16px}.section-heading{display:block}.section-heading h2{text-align:left}.product-card{grid-template-columns:1fr}.product-art{min-height:320px;grid-row:1}.product-copy h3{font-size:4.8rem}.section{padding-block:65px}.principles{font-size:1.6rem;gap:8px}.principles span{padding-left:10px}.team-grid{gap:20px}.portrait{width:110px;height:110px}.contributors{grid-template-columns:1fr}.contact h2{font-size:3.5rem}.game-hero{min-height:700px;padding-bottom:65px}.game-hero h1{font-size:6rem}.feature-grid{gap:18px}}
@media(max-width:640px){.principles{grid-template-columns:repeat(3,minmax(0,1fr));font-size:1.25rem;letter-spacing:0}.principles span{padding-left:7px}}

/* Distinct studio artwork, separate from the product's strategy-board concept. */
.studio-hero:before{background-image:url('vismitique-play-concept.png')}
.studio-hero .hero-content{max-width:720px}
.studio-hero h1{font-size:clamp(3.8rem,6.2vw,6rem)}
@media(max-width:640px){.studio-hero h1{font-size:3.3rem}.studio-hero{min-height:800px}}