:root{color-scheme:dark;--bg:#101215;--surface:#1c2026;--line:#33383f;--ink:#f8f7f4;--muted:#b5bac3;--accent:#ff9459;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}p{color:var(--muted);margin:0 0 1.35rem}h1,h2,h3{font-family:"Space Grotesk","Trebuchet MS",Arial,sans-serif;letter-spacing:-.045em;line-height:1.08;margin:0 0 1.5rem;font-weight:700;text-wrap:balance}h1{font-size:clamp(2.9rem,5.5vw,5.2rem)}h2{font-size:clamp(2rem,3.6vw,3.6rem)}h3{font-size:1.6rem}em{font-style:normal;color:var(--accent)}small,.small{font-size:.85rem;line-height:1.6}small{display:block}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding:100px 0}.section-tight{padding-top:24px}.eyebrow{display:block;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:#151515;border:1px solid var(--accent);padding:15px 23px;border-radius:6px;font-weight:650;font-size:.93rem;line-height:1.4;min-height:52px;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{background:#ffad80;color:#151515;transform:translateY(-2px)}.button-small{padding:11px 17px;min-height:44px;font-size:.8rem}.button-ghost{background:transparent;color:var(--ink);border-color:#53575d}.button-ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--accent)}.button-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.text-link{color:var(--accent);font-size:.9rem;font-weight:600}.subtle-link{display:inline-block;color:var(--muted);font-size:.82rem;margin-top:26px;text-decoration:underline;text-underline-offset:5px}.lead{font-size:1.2rem;line-height:1.65}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:12px 20px;background:var(--accent);color:#111}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:#101215f5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0c}.header-inner{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;gap:12px;align-items:center;line-height:1.2;white-space:nowrap;flex-shrink:0}.brand-mark{display:block;width:42px;height:auto;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.brand-wordmark{display:block;width:200px;height:auto}.brand-credit{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.01em}.brand:hover .brand-credit{color:var(--ink)}.site-header nav{display:flex;align-items:center;gap:24px;font-size:.79rem;font-weight:550}.menu-toggle{display:none}.hero{padding:72px 0 80px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(3rem,5.3vw,5rem);max-width:690px;line-height:1.035;margin-bottom:28px}.hero-copy>p{max-width:520px;font-size:1rem;line-height:1.75;margin-bottom:30px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:middle}.hero-art{position:relative;min-width:0;aspect-ratio:1/1.08;background:linear-gradient(155deg,#22282f,#15191e 65%);border:1px solid #3a3d41;border-radius:16px;overflow:hidden;padding:26px;box-shadow:0 35px 80px #0003}.art-topline{display:flex;justify-content:space-between;font-family:monospace;font-size:.59rem;letter-spacing:.13em;color:#c0c5cc}.art-bottomline{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;line-height:1.3;font-size:1.2rem}.art-bottomline strong{font-size:1.6rem;letter-spacing:-.05em}.large-arrow{font-size:3.2rem;color:var(--accent);font-weight:200}.world-grid{position:absolute;left:-5%;right:-5%;top:13%;height:64%;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:36px 36px;transform:rotate(-12deg)}.world-orbit{position:absolute;border:1px solid #ff945944;border-radius:50%;width:65%;height:70%;left:18%;top:13%;transform:rotate(-25deg)}.orbit-two{width:95%;height:45%;left:0;top:28%;transform:rotate(20deg);border-color:#ffffff16}.world-cube{position:absolute;width:29%;aspect-ratio:1;background:linear-gradient(145deg,#ffa375,#e6743a);transform:rotate(-20deg) skew(10deg,10deg);border-radius:12px;box-shadow:14px 20px 0 #804528,25px 38px 50px #0005}.cube-one{left:33%;top:29%}.cube-two{width:15%;left:16%;top:17%;background:#424c56;box-shadow:9px 12px 0 #252c34}.cube-three{width:19%;left:69%;top:60%;background:#acb6c0;box-shadow:10px 13px 0 #48515c}.cube-four{width:9%;left:73%;top:13%;background:#eaaa72;box-shadow:6px 8px 0 #6f4934}.world-point{position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #ff945955}.point-one{left:23%;top:75%}.point-two{left:62%;top:8%}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading p{max-width:360px;margin:0;font-size:.95rem}.work-section{padding-top:38px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.project-card{display:block}.project-card:hover{color:inherit}.project-art{height:265px;position:relative;overflow:hidden;background:#202922;border:1px solid #384239;border-radius:10px}.project-art .art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:32px 32px;transform:rotate(-15deg) scale(1.3)}.project-art i{position:absolute;display:block;transition:transform .3s}.art-number{position:absolute;right:25px;top:14px;font-size:4.8rem;line-height:1;font-family:monospace;font-weight:300;color:#ffffff15}.art-label{position:absolute;left:22px;bottom:18px;font-size:.6rem;text-transform:uppercase;letter-spacing:.17em;color:#e7e9e6}.art-animal i{width:120px;height:120px;border:1px solid #819879;transform:rotate(45deg);left:40%;top:60px;border-radius:22px;background:#67826233;box-shadow:15px 15px 0 #7a96672b}.art-animal i:nth-of-type(2){width:60px;height:60px;left:22%;top:118px;background:#9aaf8144;box-shadow:none}.art-animal i:nth-of-type(3){width:42px;height:42px;left:67%;top:70px;background:#9aaf8155;box-shadow:none}.art-boat{background:#1c2a32;border-color:#334550}.art-boat i{width:200px;height:95px;border:1px solid #82b0bc;border-radius:50%;left:32%;top:70px;transform:rotate(-23deg);background:#7aa2aa0c}.art-boat i:nth-of-type(2){width:170px;height:76px;left:24%;top:85px;border-color:#7da1ac66}.art-boat i:nth-of-type(3){width:90px;height:90px;left:44%;top:77px;border-radius:12px;transform:rotate(35deg) skew(-12deg,-12deg);background:#81acb055;border-color:#a6c4c5}.art-resource{background:#30281f;border-color:#504337}.art-resource i{width:82px;height:82px;background:#b68d4544;border:1px solid #ceac6d;left:29%;top:105px;transform:rotate(-25deg);border-radius:12px;box-shadow:10px 14px #89683133}.art-resource i:nth-of-type(2){left:46%;top:70px}.art-resource i:nth-of-type(3){left:62%;top:108px;width:60px;height:60px}.art-wave{background:#302328;border-color:#503b43}.art-wave i{width:155px;height:155px;border:1px solid #cc8595;left:38%;top:38px;transform:rotate(45deg);border-radius:50%;background:#a3576811}.art-wave i:nth-of-type(2){width:115px;height:115px;left:calc(38% + 20px);top:58px;border-color:#cc859588}.art-wave i:nth-of-type(3){width:65px;height:65px;left:calc(38% + 45px);top:83px;border-radius:10px;background:#b5738255}.project-card:hover .project-art i{transform:rotate(15deg) translateY(-4px)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin:19px 0 7px;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.project-meta>span:last-child{font-size:1.5rem;color:var(--accent)}.project-card h3{font-size:1.55rem;margin-bottom:10px}.project-card p{font-size:.9rem;max-width:90%;margin-bottom:15px}
.surface-section{background:#181c21;border-block:1px solid #ffffff09}.service-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card,.guide-card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:var(--surface)}.card-index{color:var(--accent);font-size:.65rem;font-weight:650;letter-spacing:.12em;margin-bottom:36px}.service-card h3{font-size:1.65rem}.service-card p,.guide-card p{font-size:.93rem;margin-bottom:30px}.service-card .text-link,.guide-card .text-link{margin-top:auto}.guide-card h2{font-size:1.8rem}.guide-card:hover{border-color:var(--accent);color:var(--ink)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.step-number{color:var(--accent);font-family:monospace;display:block;margin-bottom:30px}.process-grid h3{font-size:1.4rem}.process-grid p{font-size:.9rem}.company-section{background:#1c2026;border-block:1px solid var(--line)}.company-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.company-grid h2{font-size:2.8rem}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-top:1px solid var(--line);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-weight:600;font-size:1.05rem}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{margin:20px 25px 0 0;font-size:.94rem}.cta-section{padding-top:25px}.cta-panel{border:1px solid #66503f;background:linear-gradient(120deg,#27221e,#1c2026 65%);padding:55px 60px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:60px}.cta-panel>div{max-width:670px}.cta-panel p{max-width:630px;margin:0;font-size:.94rem}.cta-panel h2{font-size:3.6rem}.site-footer{padding:60px 0 24px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.3fr .9fr .9fr 1.3fr;gap:35px;margin-bottom:55px}.footer-top p{font-size:.8rem;margin-top:20px}.footer-top h2{font-family:inherit;font-size:.75rem;letter-spacing:0;margin-bottom:22px}.footer-top>div>a:not(.brand){display:block;font-size:.8rem;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}.footer-top>div>a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:24px;font-size:.68rem;color:#999fa8}.footer-bottom div{display:flex;gap:18px}
.page-hero{padding-top:70px;padding-bottom:55px;max-width:1240px}.page-hero h1{max-width:970px}.page-hero .lead{max-width:800px;margin-bottom:30px}.breadcrumb{display:block;font-size:.78rem;color:var(--muted);margin-bottom:28px}.article-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:85px}.article-aside nav{display:flex;flex-direction:column;gap:18px;font-size:.86rem}.article-aside .project-art{height:240px}.article-aside .project-art .art-number{font-size:3.5rem}.article-body{max-width:780px}.article-body section{margin-bottom:48px;scroll-margin-top:115px}.article-body h2{font-size:1.9rem;letter-spacing:-.03em;line-height:1.2}.article-body p,.article-body li{color:var(--muted);font-size:1.05rem;line-height:1.85}.article-body ul{padding-left:20px}.article-body li{padding-left:9px;margin-bottom:16px}.article-body li::marker{color:var(--accent)}dl{margin:25px 0}dt{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-top:22px}dd{margin:7px 0 0;overflow-wrap:anywhere}video{display:block;width:100%;border-radius:10px}.gameplay{margin:25px 0}.gameplay figcaption{font-size:.8rem;color:var(--muted);margin-top:12px}.related-section{border-top:1px solid var(--line);padding-top:45px}.related-links{display:flex;gap:20px;flex-wrap:wrap}.related-links a{padding:18px 22px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.85rem}.related-links a:hover{border-color:var(--accent);color:var(--accent)}
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:start}.contact-grid>div{max-width:360px}.contact-note{padding:25px 0;margin:25px 0;border-block:1px solid var(--line)}.contact-note .eyebrow{margin-bottom:15px}.contact-note p{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px}label{display:block;font-size:.86rem;font-weight:550;margin-bottom:22px}label>span:not(:has(strong)),legend>span{font-size:.66rem;color:var(--muted);font-weight:400;margin-left:5px}input,textarea,select{width:100%;display:block;margin-top:9px;background:#12161a;color:var(--ink);border:1px solid #444a53;border-radius:5px;padding:12px 13px;min-height:48px;box-shadow:none}input::placeholder,textarea::placeholder{color:#89919e;font-size:.85rem}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ffa393}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-hint{font-size:.76rem;margin-top:-12px}.project-choices{border:0;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-choices legend{font-size:.9rem;font-weight:600;margin-bottom:16px}.project-choices label{display:flex;border:1px solid #454b53;border-radius:7px;padding:15px;gap:12px;margin:0;cursor:pointer;align-items:flex-start}.project-choices label:has(input:checked){border-color:var(--accent);background:#ff945909}.project-choices input{width:17px;min-height:17px;height:17px;accent-color:var(--accent);margin:3px 0 0;flex-shrink:0}.project-choices strong{display:block;font-size:.85rem;line-height:1.4}.project-choices small{font-size:.7rem;margin-top:7px;color:var(--muted);font-weight:400}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-errors{border:1px solid #c97c70;background:#60352e33;padding:20px;border-radius:6px;margin-bottom:25px}.form-errors h2{font-size:1.1rem}.form-errors p,.form-errors li{font-size:.85rem;color:#ffcec2}.form-errors ul{padding-left:18px}.form-progress{font-size:.85rem;margin:14px 0 0}.enquiry-form .small a{text-decoration:underline}.confirmation{padding:100px 0 130px;max-width:900px}.confirmation h1{font-size:3.8rem}.confirmation>p{max-width:700px}.success-mark{display:grid;place-items:center;width:65px;height:65px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-size:2rem;margin-bottom:30px}.auth-section{padding:75px 0;max-width:560px}.auth-section h1{font-size:2.4rem}.auth-section .subtle-link{font-size:.85rem}.notice{border:1px solid #6c8b72;background:#24422c33;padding:15px;border-radius:6px;color:#d4e8d8}.staff-section{padding:60px 0 100px}.staff-section h1{font-size:3rem;overflow-wrap:anywhere}.staff-filters{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin-bottom:30px}.staff-filters label{margin:0;flex:1;min-width:140px}.staff-filters>button{margin-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th,td{padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--surface);font-size:.72rem;color:var(--muted)}td a{color:var(--accent)}td small{color:var(--muted);font-size:.7rem}.badge{padding:4px 9px;border:1px solid var(--line);border-radius:4px;font-size:.72rem}.staff-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.staff-detail-grid h2{font-size:1.8rem}.notification-panel{margin-top:25px}.notification-panel p{font-size:.9rem}.pre-wrap{white-space:pre-wrap}.pagination{margin-top:25px}.pagination ul{display:flex;gap:25px;list-style:none;padding:0}.pagination a{color:var(--accent)}
@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:100px}.hero h1{font-size:5.2rem}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.site-header nav{gap:15px;font-size:.73rem}.brand{font-size:.85rem}.hero-grid{gap:35px}.hero h1{font-size:3.8rem}.article-grid{gap:45px;grid-template-columns:240px minmax(0,1fr)}.contact-grid{gap:40px}.footer-top{grid-template-columns:1fr 1fr}.cta-panel{padding:40px}.cta-panel h2{font-size:3rem}.company-grid{gap:40px}}
@media(max-width:850px){.header-inner{min-height:78px}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);padding:9px 13px;font-size:.8rem}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#171b20;border-bottom:1px solid var(--line);padding:24px 28px;flex-direction:column;align-items:stretch;gap:0;font-size:1rem}.site-header nav.is-open{display:flex}.site-header nav>a{padding:13px}.site-header nav>.button{margin-top:10px}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr 0.8fr;gap:25px}.hero h1{font-size:3.1rem}.hero-art{aspect-ratio:.8/1.12}.art-topline{font-size:.5rem}.art-bottomline strong{font-size:1.3rem}.hero .button{font-size:.8rem;padding:13px 16px}.section{padding:70px 0}.work-section{padding-top:20px}.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.card-index{margin-bottom:20px}.process-grid{grid-template-columns:1fr 1fr}.company-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.company-grid h2{font-size:2.5rem}.cta-panel{gap:30px;align-items:flex-start;flex-direction:column}.guide-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr;gap:35px}.article-aside nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-aside .project-art{height:260px}.project-facts{display:grid;grid-template-columns:1fr 1fr}.project-facts dt{margin:6px}.project-facts dd{margin:6px}.contact-grid{grid-template-columns:1fr}.contact-grid>div{max-width:none}.contact-note{display:none}.staff-detail-grid{grid-template-columns:1fr}.section-tight{padding-top:20px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.hero{padding:42px 0 48px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(2.8rem,11.5vw,4rem);max-width:520px}.hero-copy>p{font-size:.96rem}.hero-art{aspect-ratio:1.4;max-height:315px}.world-grid{top:5%;height:74%;left:14%;right:-10%}.world-cube{width:22%}.cube-one{left:34%;top:19%}.cube-two{width:11%;left:21%;top:5%}.cube-three{width:14%;left:62%;top:49%}.cube-four{width:7%}.art-bottomline{bottom:20px;left:22px;right:22px}.art-bottomline strong{font-size:1.2rem}.large-arrow{font-size:2.2rem}.art-topline{font-size:.52rem}.eyebrow{font-size:.62rem;margin-bottom:20px}.section{padding:55px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:2.3rem;margin-bottom:20px}.section-heading p{font-size:.86rem}.section-heading>.text-link{display:inline-block;margin-top:15px}.project-grid{grid-template-columns:1fr;gap:32px}.project-art{height:235px}.project-card p{max-width:100%}.project-card h3{font-size:1.55rem}.project-meta{margin-top:12px}.process-grid{gap:22px}.process-grid h3{font-size:1.2rem}.process-grid p{font-size:.85rem}.step-number{margin-bottom:22px}.company-grid h2{font-size:2.2rem}.lead{font-size:1.07rem}.faq-grid h2{font-size:2.4rem}summary{font-size:.96rem}.cta-panel{padding:30px 25px}.cta-panel h2{font-size:2.5rem}.cta-panel p{font-size:.85rem}.footer-top{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:.65rem}.footer-bottom>span:last-child{width:100%}.site-footer{padding-top:45px}.page-hero{padding-top:45px;padding-bottom:30px}.page-hero h1{font-size:2.8rem}.page-hero .lead{font-size:1.05rem}.article-body h2{font-size:1.65rem}.article-body p,.article-body li{font-size:.97rem}.article-body section{margin-bottom:34px}.article-aside nav{grid-template-columns:1fr;font-size:.8rem}.related-links{display:grid}.related-links a{font-size:.8rem;padding:15px}.section-tight{padding-top:15px}.panel{padding:23px 20px}.project-choices,.form-row{grid-template-columns:1fr}.contact-grid{gap:25px}.contact-grid h2{font-size:2rem}.confirmation{padding-top:60px;padding-bottom:80px}.confirmation h1{font-size:2.8rem}.auth-section{padding-top:45px}.staff-section h1{font-size:2rem}.staff-section{padding-top:40px}.staff-filters{padding:20px}.staff-filters label{min-width:100%}.button-row .button{flex:1}.project-choices label{padding:14px}.enquiry-form>.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Real gameplay media: native controls, persistent posters and compact card images. */
.project-thumbnail{position:relative;overflow:hidden;aspect-ratio:16/9;background:#080a0c;border:1px solid var(--line);border-radius:10px}
.project-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.project-card:hover .project-thumbnail img{transform:scale(1.025)}
.preview-badge{position:absolute;left:15px;bottom:15px;padding:6px 10px;background:#101215e8;color:var(--ink);border:1px solid #ffffff30;border-radius:5px;font-size:.7rem}
.gameplay-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:42px;align-items:start}
.gameplay-layout>div,.gameplay-summary{min-width:0}
.gameplay-layout .eyebrow{margin-bottom:18px}
.gameplay-layout .gameplay{margin:0}
.gameplay video{height:auto;max-width:100%;background:#080a0c;border:1px solid var(--line)}
.gameplay-summary{padding-top:35px}.gameplay-summary h2{font-size:1.7rem}.gameplay-summary p{font-size:.98rem}
.gameplay .video-direct{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:4px;font-size:.8rem;color:var(--accent)}
.video-error{margin:12px 0 0;font-size:.85rem;color:var(--accent)}
.case-study-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 65px}
.case-study-sections h2{font-size:1.8rem}.case-study-sections ul{padding-left:20px;color:var(--muted)}.case-study-sections li{margin-bottom:10px}.case-study-sections li::marker{color:var(--accent)}
@media(max-width:850px){.gameplay-layout{grid-template-columns:1fr;gap:25px}.gameplay-summary{padding-top:0}.case-study-sections{gap:25px 35px}}
@media(max-width:600px){.case-study-sections{grid-template-columns:1fr}.case-study-sections h2{font-size:1.65rem}.preview-badge{left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.project-thumbnail img{transition:none}}

@media(max-width:1100px) and (min-width:851px){.brand-wordmark{width:180px}.brand-mark{width:36px}.header-inner{gap:18px}}
@media(max-width:600px){.site-header .header-inner{gap:10px}.site-header .brand{gap:9px}.site-header .brand-mark{width:34px}.site-header .brand-wordmark{width:180px}.brand-credit{font-size:12px}}
@media(max-width:360px){.site-header .brand-mark{width:30px}.site-header .brand-wordmark{width:148px}.site-header .menu-toggle{padding:9px 10px;gap:8px}}