/*
Theme Name: JLS Gaming Studio
Theme URI: https://jlsgaming.com/
Description: Public studio design for JLS Gaming.
Author: JLS Gaming
Template: generatepress
Version: 1.0.4
Text Domain: jls-gaming-studio
*/
:root{--ink:#0d1724;--ink2:#142235;--ink3:#1d3045;--line:rgba(216,228,231,.16);--cream:#f4f0e7;--mist:#c0cbd0;--gold:#e4bb5b;--gold-dark:#b28635;--blue:#83aab6;--display:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-70px;z-index:100;background:var(--gold);color:var(--ink);padding:12px 18px;font-weight:700}.skip-link:focus{top:14px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.preview-ribbon{position:relative;z-index:21;text-align:center;background:#293e4a;color:#f5e7bb;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.preview-ribbon span{padding-inline:9px;color:var(--gold)}.site-header{position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.13)}.nav-shell{height:92px;width:min(1330px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:150px;flex:none}.brand img{width:100%;height:70px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:34px}.primary-nav a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em;transition:color .2s}.primary-nav a:hover{color:var(--gold)}.primary-nav .nav-contact{display:inline-flex;gap:17px;padding:15px 19px;border:1px solid rgba(255,255,255,.55)}.nav-contact span{color:var(--gold);font-size:17px}.studio-menu-toggle{display:none}.hero{min-height:750px;position:relative;overflow:hidden;display:flex;align-items:center;background:#101d2c}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,16,29,.95) 0%,rgba(9,20,34,.88) 32%,rgba(10,20,34,.42) 66%,rgba(8,17,30,.13) 100%),linear-gradient(0deg,rgba(7,16,29,.65),transparent 25%),url('assets/studio-game-concept.png');background-size:cover;background-position:center right;transform:scale(1.01)}.hero:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 20% 45%,transparent 25%,rgba(5,12,23,.2) 100%)}.hero-content{position:relative;z-index:2;padding-top:115px;padding-bottom:100px}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;line-height:1.5}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}.eyebrow-dot{padding-inline:6px}.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(48px,6.2vw,88px);line-height:1.04;letter-spacing:-.055em;max-width:930px;margin:31px 0 24px}.hero h1 em,h2 em{color:var(--gold);font-weight:400}.hero-lede{max-width:570px;color:#d1d8db;font-size:18px;line-height:1.7;margin:0 0 34px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:16px 23px;text-decoration:none;border:1px solid transparent;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.11em;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--ink)}.button-primary:hover{background:#f2cf7a}.button-outline{background:transparent;border-color:var(--gold);color:var(--cream)}.button-outline:hover{background:var(--gold);color:var(--ink)}.button span{font-size:18px;font-weight:400;line-height:0}.text-link{display:inline-flex;gap:10px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.11em;border-bottom:1px solid var(--gold);padding-bottom:8px}.text-link span{color:var(--gold)}.text-link:hover{color:var(--gold)}.hero-bottom{position:absolute;z-index:2;left:50%;bottom:23px;transform:translateX(-50%);display:flex;justify-content:space-between;color:rgba(255,255,255,.68);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.proof-strip{background:#1b2b39;border-block:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid p{padding:29px 27px;margin:0;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:12px}.proof-grid p:first-child{padding-left:0}.proof-grid p:last-child{border:0}.proof-grid strong{color:var(--gold);font-family:var(--display);font-size:25px;font-weight:400;white-space:nowrap}.proof-grid span{color:var(--mist);font-size:11px;text-transform:uppercase;letter-spacing:.1em;line-height:1.5}.section-pad{padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:24px;margin-bottom:40px}.section-head .eyebrow{margin:0}.section-kicker{margin:0;color:var(--mist);font-family:var(--display);font-style:italic;font-size:18px}.feature{background:var(--ink)}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.chapter-mark{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.28em;line-height:1.6}.chapter-mark span{color:var(--gold);padding-inline:9px}.feature h2,.story h2,.community h2,.partners h2,.contact h2{font-family:var(--display);font-size:clamp(45px,5vw,70px);line-height:1.02;letter-spacing:-.052em;font-weight:400;margin:21px 0 28px}.feature-copy>p:not(.disclosure),.story-copy>p:not(.eyebrow),.community-grid>div>p:not(.eyebrow),.partners-top>p,.contact-grid>div>p:not(.eyebrow){color:var(--mist);line-height:1.75;font-size:16px}.feature-copy .feature-lede{color:var(--cream)!important;font-size:19px!important}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:27px 0 32px}.tag-row span{padding:9px 11px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.disclosure{max-width:390px;color:#90a4ad;font-size:11px;line-height:1.5;margin-top:18px}.feature-visual{min-width:0;position:relative}.feature-visual:before{content:'';position:absolute;z-index:1;top:-18px;right:-18px;width:88px;height:88px;border-top:1px solid var(--gold);border-right:1px solid var(--gold)}.feature-visual img{width:100%;height:485px;object-fit:cover;object-position:69% center;filter:saturate(.9)}.art-caption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--gold-dark);margin-top:13px;padding-top:13px;color:var(--blue);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.art-caption span:last-child{font-family:var(--display);font-size:14px;letter-spacing:0;text-transform:none;color:var(--cream)}.story{background:#eae5d9;color:var(--ink)}.story-grid{display:grid;grid-template-columns:1fr .83fr;gap:9%;align-items:center}.story-image{position:relative}.story-image img{width:100%;height:510px;object-fit:cover;object-position:center}.story-image:after{content:'';position:absolute;inset:0;border:1px solid rgba(20,34,53,.15);pointer-events:none}.story-image span{position:absolute;left:0;bottom:0;background:var(--gold);padding:17px 25px;font-family:var(--display);font-style:italic;font-size:19px}.story .eyebrow{color:#8a6220}.story h2 em{color:#9b712d}.story-copy>p:not(.eyebrow){color:#4a5356}.story .text-link{border-color:#9b712d}.story .text-link span{color:#9b712d}.community{background:#132438;position:relative;overflow:hidden}.community:before{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-200px;top:-230px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.015)}.community-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15%;align-items:center;position:relative}.community-grid>div>p:not(.eyebrow){max-width:530px}.community .actions{margin-top:30px}.community-card{border:1px solid rgba(228,187,91,.45);padding:40px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(6,16,29,.25)}.pixel-icon{background:var(--gold);color:var(--ink);width:39px;height:39px;display:grid;place-items:center;font-size:15px;margin-bottom:35px;clip-path:polygon(0 0,75% 0,75% 25%,100% 25%,100% 100%,0 100%)}.community-card strong{font-family:var(--display);font-size:clamp(60px,7vw,95px);font-weight:400;color:var(--gold);letter-spacing:-.06em;line-height:1}.community-card>span:not(.pixel-icon){font-size:12px;text-transform:uppercase;letter-spacing:.13em;line-height:1.6;max-width:250px;margin-top:15px}.community-card small{color:var(--blue);line-height:1.6;margin-top:30px}.partners{background:#0d1724}.partners-top{display:grid;grid-template-columns:1.3fr .7fr;gap:12%;align-items:end}.partners-top h2{margin-bottom:0}.partners-top>p{padding-bottom:5px}.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:54px 0 30px}.partner-cards article{background:var(--ink);padding:34px 30px;min-height:210px}.partner-cards article>span{font-family:var(--display);font-size:16px;color:var(--gold)}.partner-cards h3{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.03em;margin:24px 0 10px}.partner-cards p{color:var(--mist);font-size:14px;line-height:1.65;margin:0}.contact{background:#203543}.contact-grid{display:grid;grid-template-columns:.8fr 1fr;gap:12%}.contact-grid>div>p:not(.eyebrow){max-width:380px}.contact-grid .contact-note{font-size:12px!important;color:#afc0c6!important;border-left:2px solid var(--gold);padding-left:15px;margin-top:35px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;align-items:start}.contact label{grid-column:span 2;margin-top:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.contact input,.contact select,.contact textarea{grid-column:span 2;background:#152735;border:1px solid rgba(255,255,255,.3);color:var(--cream);border-radius:0;padding:14px 16px;min-height:49px;width:100%}.contact textarea{resize:vertical}.contact select{appearance:auto}.contact form button{justify-self:start;margin-top:16px}.form-status{grid-column:span 2;color:#fff0bd;font-size:13px;line-height:1.5;margin:0;min-height:20px}.footer{background:#08121d}.footer-top{padding:60px 0 54px;display:flex;justify-content:space-between;gap:30px}.footer-logo img{width:165px;height:80px;object-fit:contain}.footer-top p{max-width:260px;color:var(--mist);line-height:1.6;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:17px 45px;align-content:center}.footer-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);padding:22px 0 32px;display:flex;justify-content:space-between;gap:20px;color:#8ba0aa;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.story-image>span{position:absolute;left:0;bottom:0;background:var(--gold);padding:17px 25px;font-family:var(--display);font-style:italic;font-size:19px}.story-image>span span{position:static;background:none;padding:0;font:inherit}
@media(max-width:1000px){.wrap,.nav-shell{width:min(100% - 48px,1180px)}.primary-nav{gap:17px}.feature-grid{gap:5%}.proof-grid p{display:block}.proof-grid span{display:block;margin-top:7px}.story-grid{gap:6%}.story-image img{height:450px}}
@media(max-width:760px){.wrap,.nav-shell{width:calc(100% - 36px)}.preview-ribbon{font-size:9px;letter-spacing:.07em}.nav-shell{height:78px}.brand{width:125px}.brand img{height:62px}.studio-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.5);background:rgba(7,16,29,.75);padding:12px;width:43px;height:43px}.studio-menu-toggle span{height:2px;background:var(--cream);width:18px}.primary-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b1725;padding:20px 18px 26px;border-bottom:1px solid var(--gold);box-shadow:0 20px 35px rgba(0,0,0,.3)}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav a{padding:15px 5px;border-bottom:1px solid var(--line)}.primary-nav .nav-contact{justify-content:space-between;margin-top:16px}.hero{min-height:730px}.hero-art{background-position:68% center;background-image:linear-gradient(90deg,rgba(7,16,29,.9),rgba(7,16,29,.5)),linear-gradient(0deg,rgba(7,16,29,.85),transparent 50%),url('assets/studio-game-concept.png')}.hero-content{padding-top:120px;padding-bottom:85px}.hero h1{font-size:clamp(44px,11vw,66px);letter-spacing:-.05em}.hero-lede{font-size:16px;line-height:1.65}.eyebrow{font-size:10px}.hero-bottom{font-size:8px;gap:10px}.proof-grid{grid-template-columns:1fr}.proof-grid p,.proof-grid p:first-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:15px}.proof-grid p:last-child{border-bottom:0}.proof-grid strong{font-size:23px}.section-pad{padding:75px 0}.section-head{margin-bottom:30px}.section-kicker{font-size:15px}.feature-grid,.story-grid,.community-grid,.partners-top,.contact-grid{grid-template-columns:1fr;gap:38px}.feature h2,.story h2,.community h2,.partners h2,.contact h2{font-size:clamp(44px,11vw,64px)}.feature-visual img{height:350px}.story-image{order:2}.story-copy{order:1}.story-image img{height:350px}.community-card{max-width:430px}.partners-top{gap:15px}.partner-cards{grid-template-columns:1fr;margin-top:35px}.partner-cards article{min-height:unset;padding:27px}.partner-cards h3{margin-top:10px}.contact-grid{gap:20px}.footer-top{display:block}.footer-links{margin-top:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(max-width:420px){.hero h1{font-size:42px}.hero-bottom span:last-child{display:none}.actions{align-items:flex-start;flex-direction:column}.feature-visual img,.story-image img{height:280px}.community-card{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.interior-header{position:relative;background:#0a1523}.primary-nav a[aria-current="page"]{color:var(--gold)}.interior-hero{padding:115px 0 105px;min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.interior-hero h1{font-family:var(--display);font-size:clamp(54px,6.5vw,90px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:22px 0 27px}.interior-hero h1 em,.interior-section h2 em{color:var(--gold);font-weight:400}.interior-lede{color:#d0d9db;font-size:19px;line-height:1.7;max-width:660px}.interior-grid{display:grid;grid-template-columns:1fr .9fr;gap:9%;align-items:center}.interior-image{position:relative}.interior-image img{height:440px;width:100%;object-fit:cover}.interior-image>span{display:block;color:var(--blue);text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:12px}.game-hero{background:radial-gradient(circle at 82% 25%,#284359 0%,#132438 35%,#0d1724 75%)}.game-hero .interior-image img{object-position:67% center}.story-hero{background:linear-gradient(145deg,#192d3f 0%,#0d1724 70%)}.story-hero .interior-image img{object-position:center}.partner-hero{background:linear-gradient(90deg,rgba(13,23,36,.98),rgba(13,23,36,.85)),url('assets/studio-game-concept.png') center/cover}.archive-hero{background:linear-gradient(90deg,rgba(13,23,36,.98),rgba(13,23,36,.75)),url('assets/origin-story-concept.png') center/cover}.narrow-layout{max-width:930px}.interior-section{background:#0d1724}.interior-section h2{font-family:var(--display);font-size:clamp(45px,5vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:18px 0 25px}.interior-section p:not(.eyebrow):not(.disclosure):not(.section-kicker){color:var(--mist);font-size:17px;line-height:1.75}.interior-section .actions{margin:30px 0}.timeline{margin:20px 0 45px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:35px;border-top:1px solid var(--line);padding:35px 0}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline article>span{color:var(--gold);font-family:var(--display);font-size:32px}.timeline article h2{font-size:38px;margin:0 0 10px}.timeline article p{max-width:660px;margin:0}.interior-cards{margin:0 0 35px}.interior-cards h2{font-size:27px;line-height:1.2;margin:25px 0 10px}.interior-cards p{font-size:14px!important}.partner-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:45px 0 28px}.partner-facts>div{border-top:1px solid var(--gold-dark);padding-top:16px}.partner-facts span{display:block;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.partner-facts strong{font-family:var(--display);font-size:20px;font-weight:400}.archive-list{border-top:1px solid var(--line);margin-bottom:26px}.archive-list a{display:grid;grid-template-columns:100px 1fr 30px;gap:20px;align-items:baseline;text-decoration:none;border-bottom:1px solid var(--line);padding:24px 0;transition:color .2s}.archive-list a:hover{color:var(--gold)}.archive-list span{color:var(--gold);font-size:12px;letter-spacing:.1em}.archive-list strong{font-family:var(--display);font-size:clamp(21px,2.5vw,31px);font-weight:400}.archive-list b{font-size:22px;font-weight:400}.archive-note{max-width:700px;font-size:13px!important;color:#9eb0ba!important}
@media(max-width:1000px){.interior-grid{gap:5%}.interior-image img{height:380px}}
@media(max-width:760px){.interior-hero{padding:75px 0;min-height:unset}.interior-grid{grid-template-columns:1fr;gap:45px}.interior-hero h1{font-size:clamp(47px,11vw,70px)}.interior-lede{font-size:17px}.interior-image img{height:330px}.timeline article{grid-template-columns:50px 1fr;gap:15px}.timeline article h2{font-size:30px}.partner-facts{grid-template-columns:1fr}.archive-list a{grid-template-columns:50px 1fr 20px;gap:12px}}

.contact-card{border:1px solid rgba(228,187,91,.45);padding:42px;background:#122533;align-self:start}.contact-card .eyebrow{margin:0 0 20px}.contact-address{display:inline-block;color:var(--cream);font-family:var(--display);font-size:clamp(25px,3vw,40px);text-decoration:none;overflow-wrap:anywhere;border-bottom:1px solid var(--gold);padding-bottom:6px}.contact-address:hover{color:var(--gold)}.contact-card>p:not(.eyebrow){color:var(--mist);line-height:1.7;max-width:440px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}@media(max-width:760px){.contact-card{padding:28px}.contact-actions{align-items:flex-start;flex-direction:column}}

/* WordPress parent and Elementor compatibility for the studio templates. */
body .site-header{background:transparent;color:var(--cream)}
body .site-header.interior-header{background:#0a1523}
body .primary-nav a{color:var(--cream)}
body .primary-nav a:hover,body .primary-nav a[aria-current="page"]{color:var(--gold)}
body .primary-nav .nav-contact{border-color:rgba(255,255,255,.55)}
body a.button.button-primary{background:var(--gold);color:var(--ink);border-color:transparent}
body a.button.button-primary:hover{background:#f2cf7a;color:var(--ink)}
body a.button.button-outline{background:transparent;color:var(--cream);border-color:var(--gold)}
body a.button.button-outline:hover{background:var(--gold);color:var(--ink)}
@media(max-width:760px){
body .site-header .nav-shell button.studio-menu-toggle{width:43px;height:43px;min-width:43px;flex:0 0 43px;padding:12px;border:1px solid rgba(255,255,255,.5);background:rgba(7,16,29,.75)}
body .site-header .nav-shell button.studio-menu-toggle span{display:block;width:18px;height:2px;min-height:2px;flex:0 0 2px;background:var(--cream)}
}
.external-arrow::before{content:"↗";font-family:Arial,sans-serif;font-style:normal}
.pixel-icon::before{content:"▶";font-family:Arial,sans-serif;font-style:normal}