@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e17;--ink:#f6f7fa;--muted:#abb8c8;--line:#263544;--accent:#b8e7ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.shell{width:min(1320px,calc(100% - 72px));margin:auto}.nav{height:82px;position:absolute;z-index:10;inset:0 0 auto;border-bottom:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - 1320px)/2));background:linear-gradient(#08121bc9,#08121b40)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px}.mark{width:42px;height:42px;border:1px solid #cde7ec8c;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:21px;letter-spacing:-.16em;padding-right:4px;color:#d8f7f7}.navlinks{display:flex;gap:36px;font-weight:700;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.navlinks a{opacity:.75}.navlinks a:hover,.navlinks a[aria-current=page]{opacity:1;color:#defcff}.hero{min-height:760px;height:100svh;max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:end;background:#142a3b}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101de8 0%,#07101da0 34%,#07101d0d 75%),linear-gradient(0deg,#080e17 0%,transparent 42%),url('two-left.png') center 44%/cover no-repeat;transform:scale(1.025)}.hero-content{position:relative;padding-bottom:10vh;max-width:700px}.eyebrow{font-size:12px;letter-spacing:.3em;font-weight:700;text-transform:uppercase;color:#b9e7ed}.hero h1,.page-title{font:800 clamp(3.2rem,7.5vw,7.4rem)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:22px 0 25px}.hero h1 span{color:#d3eff2}.hero p{font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.6;color:#d2dce4;max-width:590px;margin:0 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 23px;border:1px solid #caedf2;background:#d8eff1;color:#09202c;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.12em;transition:.2s}.btn:hover{transform:translateY(-2px);background:white}.btn.ghost{background:transparent;color:white;border-color:#cbe7eb85}.btn.ghost:hover{background:#ffffff19}.actions{display:flex;gap:12px;flex-wrap:wrap}.scrollcue{position:absolute;right:5%;bottom:11%;font-size:11px;letter-spacing:.23em;text-transform:uppercase;writing-mode:vertical-rl;color:#d5e5e8}.section{padding:108px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section h2,.intro h2{font:800 clamp(2.3rem,4.5vw,4.8rem)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:15px 0 0}.text-link{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;border-bottom:1px solid #b5dde1;padding-bottom:9px;white-space:nowrap}.feature{position:relative;min-height:490px;overflow:hidden;display:flex;align-items:end;border:1px solid #ffffff26;background:#1f4162}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08101dee,transparent 68%)}.feature-info{position:relative;z-index:1;padding:42px;width:min(100%,680px)}.feature-info h3{font:800 clamp(2rem,4vw,4rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0}.feature-info p{line-height:1.6;color:#e0e8ef;font-size:16px;max-width:530px}.mini-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.19em;color:#c3edf1}.intro{padding:105px 0;background:radial-gradient(circle at 85% 15%,#21475b 0%,#101e2e 35%,#0b1420 75%)}.intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro p{font-size:19px;line-height:1.75;color:#bfcbd7}.rail{border-top:1px solid #80a7b749;padding-top:26px;color:#b7dbe2;font:italic 2rem Georgia,serif}.footer{border-top:1px solid var(--line);padding:38px 0 52px;color:#9eafbd}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer a:hover{color:white}.subhero{padding:190px 0 90px;background:radial-gradient(ellipse at 83% 0%,#23465b 0%,#0d1d2b 36%,#080e17 70%)}.subhero .page-title{margin-bottom:18px}.subhero p{max-width:650px;color:#b8c8d4;line-height:1.65;font-size:20px}.project-section{padding:45px 0 90px}.project-section h2{font:800 clamp(2.1rem,3.5vw,3.7rem)/1.06 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0 30px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{background:#111d2a;border:1px solid var(--line);overflow:hidden}.game-card img{height:340px;width:100%;object-fit:cover}.game-card .body{padding:28px}.game-card h3{font:800 2rem Manrope,sans-serif;letter-spacing:-.045em;margin:10px 0}.game-card p{line-height:1.6;color:var(--muted);min-height:52px}.game-card .text-link{display:inline-block;margin-top:10px}.ark-lead{color:var(--muted);max-width:670px;line-height:1.65;margin-top:-12px;margin-bottom:35px}.ark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ark-card{min-height:194px;border:1px solid #314353;padding:25px;background:linear-gradient(145deg,#173047,#0e1b29 75%);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border .2s}.ark-card:nth-child(4n+2){background:linear-gradient(145deg,#283b41,#111e29 75%)}.ark-card:nth-child(4n+3){background:linear-gradient(145deg,#363146,#111b29 75%)}.ark-card:hover{transform:translateY(-4px);border-color:#b7e1e8}.ark-card .kind{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a8c8d2;font-weight:800}.ark-card h3{font:800 clamp(1.25rem,1.7vw,1.7rem)/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:17px 0}.ark-card .visit{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#d0edf0}.note{border-top:1px solid var(--line);margin-top:46px;padding-top:25px;color:#93a8b7;line-height:1.6}@media(max-width:800px){.shell{width:min(100% - 36px,1320px)}.nav{height:70px;padding:0 18px}.brand{font-size:12px;gap:9px}.mark{height:36px;width:36px}.navlinks{gap:16px;font-size:11px}.hero{min-height:650px}.hero::before{background:linear-gradient(0deg,#080e17 0%,#08111acb 32%,#06101a32 100%),url('two-left.png') 43% center/cover}.hero-content{padding-bottom:80px}.scrollcue{display:none}.section,.intro{padding:74px 0}.section-head{align-items:start;flex-direction:column}.intro-inner{grid-template-columns:1fr;gap:30px}.feature{min-height:410px}.feature-info{padding:24px}.subhero{padding:145px 0 55px}.game-grid{grid-template-columns:1fr}.ark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{align-items:start;flex-direction:column}}@media(max-width:520px){.ark-grid{grid-template-columns:1fr}.game-card img{height:220px}.hero h1{font-size:3.3rem}.feature{min-height:370px}.feature img{object-position:37% center}.feature-info p{font-size:14px}}

/* Studio header and image-first project layout */
.nav{height:112px;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;padding-top:8px;padding-bottom:8px}.brand{width:fit-content}.studio-logo{width:96px;height:96px;object-fit:contain}.navlinks{gap:38px;font-size:12px}.socials{display:flex;align-items:center;justify-content:flex-end;gap:22px}.social-icon{display:inline-flex;width:22px;height:22px;color:#e2edf0;opacity:.85}.social-icon svg{width:100%;height:100%;fill:currentColor}.hero-content{max-width:1320px;width:min(1320px,calc(100% - 72px));margin-left:auto;margin-right:auto}.hero-content h1{max-width:820px}.hero-content p{max-width:560px}.game-card{background:transparent;border:0}.game-card img{height:auto;aspect-ratio:16/9;object-fit:cover}.game-card .body{padding:26px 0 12px}.game-card h3{margin:13px 0}.game-card p{max-width:550px}.game-grid{gap:36px}.subhero{padding-top:205px}.hero::before{background:linear-gradient(90deg,#07101ddd 0%,#07101d70 48%,#07101d05 100%),linear-gradient(0deg,#080e17 0%,transparent 45%),url('two-left.png') center 44%/cover no-repeat}
@media(max-width:800px){.nav{height:100px;grid-template-columns:auto 1fr auto;gap:20px}.studio-logo{width:78px;height:78px}.navlinks{gap:20px;justify-content:center;font-size:11px}.socials{gap:12px}.social-icon{height:18px;width:18px}.hero-content{width:calc(100% - 36px)}.subhero{padding-top:155px}.game-grid{gap:25px}.hero::before{background:linear-gradient(0deg,#080e17 0%,#08111acb 32%,#06101a32 100%),url('two-left.png') 43% center/cover}}
@media(max-width:540px){.nav{height:112px;grid-template-columns:72px 1fr;grid-template-rows:1fr 1fr;column-gap:20px;row-gap:0}.brand{grid-row:1/3}.studio-logo{width:72px;height:90px}.navlinks{justify-content:flex-end;gap:22px}.socials{gap:18px;align-self:start;padding-top:5px}.social-icon{height:17px;width:17px}.hero{min-height:710px}.hero h1{font-size:clamp(2.65rem,10vw,3.3rem)}.hero .eyebrow{font-size:10px;letter-spacing:.2em}.hero-content{padding-bottom:60px}.game-card .body{padding-top:22px}}

/* Larger social marks with a restrained icy hover */
.socials{gap:12px}.social-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#f0f6f8;opacity:1;border:1px solid transparent;border-radius:50%;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.social-icon svg{width:27px;height:27px;transition:transform .25s ease;flex-shrink:0}.social-icon:hover,.social-icon:focus-visible{color:#b9f1ff;background:#92d9ee12;border-color:#b9ecff50;transform:translateY(-3px);box-shadow:0 5px 22px #81dcff15;outline:none}.social-icon:hover svg,.social-icon:focus-visible svg{transform:scale(1.08)}.navlinks a{position:relative;padding:12px 0;transition:color .25s ease,opacity .25s ease}.navlinks a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:#b9eaf1;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.navlinks a:hover::after,.navlinks a:focus-visible::after,.navlinks a[aria-current=page]::after{transform:scaleX(1)}.navlinks a:focus-visible{outline:1px solid #b9eaf1;outline-offset:6px}
@media(max-width:1000px){.nav{gap:20px}.socials{gap:5px}.social-icon{width:42px;height:42px}.social-icon svg{width:25px;height:25px}.navlinks{gap:25px}}
@media(max-width:650px){.nav{height:130px;grid-template-columns:80px 1fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:0}.brand{grid-row:1/3}.studio-logo{width:80px;height:100px}.navlinks{justify-content:flex-end;gap:24px;align-self:end}.socials{justify-content:flex-end;gap:12px;align-self:start;padding-top:0}.social-icon{width:42px;height:42px}.social-icon svg{width:25px;height:25px}.subhero{padding-top:175px}}
@media(prefers-reduced-motion:reduce){.social-icon,.social-icon svg,.navlinks a,.navlinks a::after{transition:none}.social-icon:hover,.social-icon:focus-visible,.social-icon:hover svg,.social-icon:focus-visible svg{transform:none}}

/* Readable header labels and illustrated ARK portfolio */
.navlinks{font-size:18px;letter-spacing:.08em;gap:42px}.hero .eyebrow,.eyebrow{font-size:14px;letter-spacing:.19em;line-height:1.7}.mini-label{font-size:14px}.btn,.text-link{font-size:14px}.hero p{font-size:clamp(1.2rem,1.8vw,1.5rem)}.ark-grid{gap:28px}.ark-card,.ark-card:nth-child(n){padding:0;min-height:0;background:#101d2b;overflow:hidden;justify-content:flex-start}.ark-image{overflow:hidden;aspect-ratio:16/10;background:#0b1420}.ark-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.ark-card:hover .ark-image img{transform:scale(1.045)}.ark-body{padding:24px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.ark-body h3{font-size:24px;margin:15px 0 24px;line-height:1.25}.ark-card .kind,.ark-card .visit{font-size:14px;line-height:1.5}.ark-card .visit{margin-top:auto}.ark-card:focus-visible{outline:2px solid #b9eaf1;outline-offset:5px}
@media(max-width:1000px){.navlinks{font-size:17px;gap:25px}.ark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.navlinks{font-size:16px;gap:22px;letter-spacing:.04em}.hero .eyebrow{font-size:13px;letter-spacing:.13em}.hero h1{font-size:clamp(2.65rem,10vw,3.3rem)}.ark-grid{grid-template-columns:1fr}.ark-body{padding:24px}.hero{min-height:760px}.hero p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ark-image img{transition:none}.ark-card:hover .ark-image img{transform:none}}

/* Six connected social profiles */
.nav{grid-template-columns:auto 1fr auto;gap:28px}.navlinks{justify-content:center}.socials{gap:7px}.social-icon{cursor:pointer}
@media(max-width:1100px){.nav{gap:18px;padding-left:24px;padding-right:24px}.navlinks{gap:22px;font-size:17px}.socials{gap:2px}.social-icon{width:40px;height:44px}}
@media(max-width:850px){.nav{height:136px;grid-template-columns:90px 1fr;grid-template-rows:1fr 1fr;row-gap:0;padding:8px 20px}.brand{grid-row:1/3}.studio-logo{width:90px;height:108px}.navlinks{justify-content:flex-end;align-self:end;font-size:17px;gap:28px}.socials{justify-content:flex-end;align-self:start;padding-top:4px;gap:8px}.social-icon{width:38px;height:42px}.subhero{padding-top:185px}}
@media(max-width:540px){.nav{grid-template-columns:60px 1fr;gap:0 12px;padding:8px 14px}.studio-logo{width:60px;height:90px}.navlinks{font-size:16px;gap:22px}.socials{gap:3px}.social-icon{width:34px;height:42px}.social-icon svg{width:24px;height:24px}}

.contact-main{min-height:calc(100svh - 115px)}.contact-main .subhero{padding-top:230px;padding-bottom:120px}.contact-block{margin-top:55px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.contact-email{font:600 clamp(1.4rem,4.5vw,3.8rem)/1.2 Manrope,sans-serif;letter-spacing:-.04em;border-bottom:1px solid #b9eaf150;padding-bottom:14px;overflow-wrap:anywhere;max-width:100%;transition:color .25s}.contact-email:hover{color:#b9eaf1}.navlinks{gap:28px}
@media(max-width:1100px){.navlinks{gap:18px}}
@media(max-width:850px){.navlinks{gap:24px}}
@media(max-width:540px){.nav{grid-template-columns:52px 1fr;column-gap:10px}.studio-logo{width:52px}.navlinks{font-size:14px;gap:14px;letter-spacing:.01em}.contact-main .subhero{padding-top:200px;padding-bottom:80px}}

/* Studio film background */
.hero{background:#08101a url('studio-poster.jpg') center/cover no-repeat}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero::before{z-index:1;transform:none;background:linear-gradient(90deg,#050c16b8 0%,#050c1645 55%,#050c1610 100%),linear-gradient(0deg,#080e17 0%,transparent 40%);pointer-events:none}.hero-content,.scrollcue{z-index:2}.video-toggle{position:absolute;right:36px;bottom:28px;z-index:3;color:#edf6fa;background:#07111a80;border:1px solid #c4e3ef60;padding:10px 16px;font-size:14px;cursor:pointer;transition:background .2s}.video-toggle:hover{background:#254052}.video-toggle:focus-visible{outline:2px solid #b9eaf1;outline-offset:4px}@media(max-width:650px){.hero::before{background:linear-gradient(0deg,#080e17 0%,#08111a9c 45%,#06101a30 100%)}.video-toggle{right:18px;bottom:16px}}

/* Contact page: editorial introduction and spacious inquiry form */
.contact-main{background:radial-gradient(ellipse at 10% 25%,#203a4b 0%,#101e2b 36%,#080e17 75%)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);padding-top:220px;padding-bottom:110px}.contact-intro h1{font:800 clamp(4.3rem,8vw,8rem)/.95 Manrope,sans-serif;letter-spacing:-.065em;margin:25px 0 32px}.contact-intro h1 span{color:#b9e4ed}.contact-intro p{font-size:20px;line-height:1.65;max-width:480px;color:#becbd5}.contact-address{display:inline-block;margin-top:22px;border-bottom:1px solid #b9e4ed70;padding-bottom:8px;font-size:20px}.contact-follow{margin-top:60px}.contact-follow h2{font-size:17px;font-weight:600;margin-bottom:18px}.contact-follow .socials{justify-content:flex-start;flex-wrap:wrap;gap:10px}.contact-form{padding-top:12px}.required-note{font-size:14px;color:#a5bac7;margin:0 0 28px}.form-field{margin-bottom:28px}.form-field label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;font:400 17px/1.5 'DM Sans',sans-serif;color:#eef4f7;background:#ffffff04;border:0;border-bottom:1px solid #607587;padding:14px 4px;border-radius:0;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#c3f0fa;background:#ffffff08}.form-field input::placeholder,.form-field textarea::placeholder{color:#91a6b6}.form-field select option{background:#101e2b;color:#eef4f7}.form-field textarea{resize:vertical;min-height:150px}.contact-form .btn{min-width:210px;cursor:pointer}.form-help,.form-status{font-size:14px;line-height:1.6;color:#a9bfcc;max-width:430px}.form-status:empty{display:none}@media(max-width:850px){.contact-layout{padding-top:190px;grid-template-columns:1fr;gap:52px}.contact-intro h1{font-size:clamp(4.3rem,12vw,6.5rem)}.contact-follow{margin-top:35px}.contact-intro p{max-width:560px}.contact-form{max-width:650px}.contact-layout{padding-bottom:70px}}
/* Bring the hero copy closer to the left edge on desktop. */
@media(min-width:851px){.hero-content{width:calc(100% - 96px);max-width:none;margin-left:48px;margin-right:48px}.hero-content h1{max-width:820px}.hero-content p{max-width:560px}}
/* Balanced desktop margins: copy between its original and edge positions. */
@media(min-width:851px){.hero-content{width:calc(100% - 192px);max-width:1480px;margin-left:auto;margin-right:auto}.nav{padding-left:max(24px,calc((100vw - 1384px)/2));padding-right:max(24px,calc((100vw - 1384px)/2))}}
/* Snowytrain palette: charcoal, ice, and restrained copper. */
:root{--bg:#0B1016;--ink:#EDF5F7;--muted:#ACBBC7;--line:#293B49;--accent:#A9DDEA}
.hero{background-color:#0B1016}.hero::before{background:linear-gradient(90deg,#0b1016ba 0%,#0b10166b 32%,#0b10160f 65%,transparent 100%),linear-gradient(0deg,#0B1016 0%,#0b101620 22%,transparent 43%)}
.hero h1{font-size:clamp(3.2rem,6.5vw,6.5rem);line-height:1.05;letter-spacing:-.055em;margin:24px 0 28px}.hero h1 span{color:#D3EDF3}.hero-content h1{max-width:760px}.hero p{color:#D0DCE3;line-height:1.7}
.nav{background:linear-gradient(#0b1016d9,#0b101630);border-bottom-color:#a9ddea24}.studio-logo{width:110px;height:104px}.navlinks a:hover,.navlinks a[aria-current=page]{color:#A9DDEA}.navlinks a::after{background:#A9DDEA}
.btn{background:#C99560;border-color:#C99560;color:#151311;transition:background-color .25s,transform .25s,box-shadow .25s}.btn:hover{background:#DCAD7E;border-color:#DCAD7E;box-shadow:0 6px 24px #c9956020;transform:translateY(-2px)}.btn.ghost{background:transparent;color:#EDF5F7;border-color:#A9DDEA70;box-shadow:none}.btn.ghost:hover{background:#a9ddea12;border-color:#A9DDEA}.btn:focus-visible{outline:2px solid #EDF5F7;outline-offset:5px}
.eyebrow,.mini-label{color:#A9DDEA}.intro{background:radial-gradient(ellipse at 85% 15%,#203B4B 0%,#142331 40%,#101C27 85%)}.subhero{background:radial-gradient(ellipse at 83% 0%,#234351 0%,#142331 36%,#0B1016 75%)}.contact-main{background:radial-gradient(ellipse at 10% 25%,#203B4B 0%,#142331 36%,#0B1016 75%)}.contact-intro h1 span{color:#A9DDEA}.footer{background:#0B1016;border-top-color:#293B49}
.game-grid{gap:32px}.game-card{overflow:hidden}.game-card>img{transition:transform .5s ease,filter .5s ease;transform-origin:center;will-change:transform}.game-card:hover>img{transform:scale(1.018);filter:brightness(1.055)}.game-card h3,.ark-card h3{transition:color .3s ease,text-shadow .3s ease}.game-card:hover h3,.ark-card:hover h3{color:#BDEAF4;text-shadow:0 0 24px #a9ddea20}.game-card .body{position:relative;background:#0B1016;padding-top:28px}.ark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.ark-card,.ark-card:nth-child(n){background:#142331;border-color:#293B49}.ark-image{aspect-ratio:16/9;background:#101B25}.ark-image img{object-fit:contain}.ark-card:hover{border-color:#A9DDEA70;box-shadow:0 12px 32px #00000020}.ark-body{padding:28px}.ark-body h3{font-size:27px}.ark-card .visit{color:#A9DDEA}
@media(max-width:850px){.studio-logo{width:98px;height:116px}.hero h1{font-size:clamp(3rem,7vw,4.5rem)}.ark-grid{gap:22px}.ark-body{padding:24px}.ark-body h3{font-size:24px}}
@media(max-width:650px){.hero::before{background:linear-gradient(0deg,#0B1016 0%,#0b1016ac 40%,#0b101625 82%,#0b101640 100%)}.hero h1{font-size:clamp(2.6rem,9.5vw,3.5rem)}.ark-grid{grid-template-columns:1fr}.game-grid{gap:34px}}
@media(max-width:540px){.studio-logo{width:60px;height:98px}}
@media(prefers-reduced-motion:reduce){.game-card>img,.game-card h3,.ark-card h3,.btn{transition:none}.game-card:hover>img,.btn:hover{transform:none}}

/* Winter night atmosphere */
body{background-color:#09111b;background-image:radial-gradient(ellipse at 0% 45%,#39728e14,transparent 42%),radial-gradient(ellipse at 100% 80%,#39728e12,transparent 40%)}
.nav{background:linear-gradient(120deg,#152e4099,#0c1929a6 55%,#1c354480);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-bottom:1px solid #b9eaff50;box-shadow:0 1px 0 #efffff12,0 10px 38px #030b1740,inset 0 1px 0 #e5ffff30}.nav::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#b9eaffbb 20%,#e9ffff77 50%,#b9eaffbb 80%,transparent);pointer-events:none}.studio-logo{filter:drop-shadow(0 0 12px #a9ddea30)}
.snowfall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.frost-edge{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#cbf2ff28 0%,#91cae510 13%,transparent 34%),radial-gradient(ellipse at 100% 5%,#d5f5ff30 0%,#91cae510 15%,transparent 34%),linear-gradient(90deg,#c3ecff17,transparent 7%,transparent 93%,#c3ecff17);box-shadow:inset 0 0 70px #abdcf312}.hero-content,.scrollcue{z-index:3}.hero h1{text-shadow:0 3px 32px #02091066}.hero h1 span{color:#def5ff;text-shadow:0 0 35px #a2dcf528}.hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:135px;z-index:2;background:linear-gradient(0deg,#09111b,transparent),radial-gradient(ellipse at 50% 100%,#b4e3f52a,transparent 70%);pointer-events:none}
.section{position:relative}.intro{position:relative;background:radial-gradient(ellipse at 85% 0%,#37607a60,transparent 60%),linear-gradient(150deg,#152b3c,#0e1b2b 70%);border-top:1px solid #b8e4fa25;border-bottom:1px solid #b8e4fa20}.intro::before{content:'';position:absolute;left:0;right:0;top:-50px;height:100px;background:radial-gradient(ellipse at 25% 50%,#c1eaff15,transparent 65%),radial-gradient(ellipse at 80% 50%,#c1eaff13,transparent 62%);filter:blur(14px);pointer-events:none}.intro .rail{border-top-color:#abd8e844}.footer{background:#09111b}
.game-card{padding:1px;background:linear-gradient(135deg,#d9f7ff80,#669db31a 38%,#8bc8e343 73%,#e9ffff75);border:1px solid #a5d5e326;box-shadow:0 10px 35px #02081430;transition:box-shadow .4s,border-color .4s}.game-card .body{background:#0d1b28;padding:28px 26px}.game-card:hover{border-color:#d3f5ff8c;box-shadow:0 0 25px #a4e5ff14,0 15px 40px #01060d44}.ark-card,.ark-card:nth-child(n){border-color:#a3d9ed50;background:linear-gradient(145deg,#193346,#0d1c2b);box-shadow:inset 0 1px 0 #e5ffff25,0 10px 28px #00000020;transition:transform .3s,border-color .3s,box-shadow .3s}.ark-card:hover{border-color:#d4f6ffb3;box-shadow:0 0 24px #a3e6ff1c,0 15px 32px #00000040,inset 0 1px 0 #ffffff50}.ark-image{border-bottom:1px solid #c9efff38;background:linear-gradient(135deg,#142b3a,#0a1723)}.text-link{border-color:#b9eaff85}.contact-form{background:linear-gradient(135deg,#27465b35,#142b3820);border-top:1px solid #b9eaff45;padding:28px}.form-field input,.form-field select,.form-field textarea{border-bottom-color:#8dbacd65}.contact-main,.subhero{background:radial-gradient(ellipse at 5% 0%,#669bb12b,transparent 50%),radial-gradient(ellipse at 100% 20%,#48748e24,transparent 55%),#0b1723}
@media(max-width:650px){.nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.frost-edge{box-shadow:inset 0 0 35px #abdcf312}.game-card .body{padding:24px 20px}.contact-form{padding:22px 16px}.intro::before{filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.snowfall{display:none}.game-card,.ark-card{transition:none}.ark-card:hover{transform:none}}

/* Real crystalline frost artwork around the viewport, with clear central alpha. */
.frozen-glass-overlay{position:fixed;inset:0;z-index:5;pointer-events:none;user-select:none;background:url('frozen-glass-frame.png') center/100% 100% no-repeat;opacity:.38}.frost-edge{background:none;box-shadow:none}.nav{z-index:10}.video-toggle{z-index:6}
@media(max-width:850px){.frozen-glass-overlay{opacity:.26}}
@media(max-width:540px){.frozen-glass-overlay{opacity:.19}}
/* Narrower frost, kept entirely below the navigation. */
.frozen-glass-overlay{top:112px;background-size:108% 120%;opacity:.28;mask-image:linear-gradient(to bottom,transparent 0,#000 65px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 65px)}
@media(max-width:850px){.frozen-glass-overlay{top:136px;background-size:112% 124%;opacity:.2}}
@media(max-width:540px){.frozen-glass-overlay{opacity:.15}}

/* Transparent crystalline header with staggered studio signature. */
.nav{height:112px;grid-template-columns:330px minmax(340px,1fr) auto;gap:24px;padding:8px 7vw 8px 4vw;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;isolation:isolate}
.nav::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('nav-ice-frame.png') center/100% 580% no-repeat;opacity:.72}
.nav::after{bottom:1px;background:linear-gradient(90deg,#c2eeff80,transparent 30%,transparent 70%,#c2eeff80)}
.nav .brand{position:relative;display:block;width:330px;height:94px;grid-row:auto;letter-spacing:0}
.studio-monogram{position:absolute;left:0;top:4px;width:130px;height:79px;background:url('studio-logo.png') -12px -25px/150px 150px no-repeat;filter:drop-shadow(0 0 7px #b2e8ff50)}
.studio-wordmark{position:absolute;left:116px;bottom:11px;white-space:nowrap;font:600 18px/1.1 Manrope,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#d1ecfa;text-shadow:0 1px 1px #071521,0 0 10px #94d8ff45}
.nav .navlinks{font-size:18px;gap:26px;justify-content:center;align-self:center;text-shadow:0 2px 8px #000}
.nav>.socials{justify-content:flex-start;align-self:center;gap:5px;padding:0;margin-right:24px}
.nav>.socials .social-icon{width:42px;height:46px;filter:drop-shadow(0 2px 4px #0008)}
@media(max-width:1200px){.nav{padding-left:24px;padding-right:36px;gap:18px;grid-template-columns:290px 1fr auto}.nav .brand{width:290px}.studio-wordmark{font-size:15px;left:112px}.nav .navlinks{font-size:16px;gap:18px}.nav>.socials{gap:0;margin-right:12px}.nav>.socials .social-icon{width:35px}}
@media(max-width:1050px){.nav{height:136px;grid-template-columns:290px 1fr;grid-template-rows:1fr 1fr;gap:0 20px}.nav .brand{grid-row:1/3}.nav .navlinks{align-self:end;justify-content:center}.nav>.socials{align-self:start;justify-content:center;margin-right:24px}.frozen-glass-overlay{top:136px}}
@media(max-width:650px){.nav{grid-template-columns:145px 1fr;padding:8px 14px;gap:0 8px}.nav .brand{width:145px;height:106px}.studio-monogram{top:3px;width:104px;height:66px;background-size:125px 125px;background-position:-10px -21px}.studio-wordmark{left:17px;bottom:17px;font-size:10px;letter-spacing:0}.nav .navlinks{font-size:12px;gap:10px}.nav>.socials{margin-right:8px;gap:1px}.nav>.socials .social-icon{width:29px;height:40px}.nav>.socials .social-icon svg{width:21px;height:21px}.nav::before{opacity:.52}}
@media(max-width:380px){.nav{grid-template-columns:120px 1fr;padding-left:8px;padding-right:8px;column-gap:4px}.nav .brand{width:120px}.studio-wordmark{left:0;font-size:9px}.nav .navlinks{font-size:11px;gap:7px}.nav>.socials .social-icon{width:26px}}

/* Half-transparent glass and ice, with fully readable controls. */
.nav{background:rgb(11 24 38 / 50%)}
.nav::before{opacity:.5}
.nav::after{opacity:.5}

/* Muted graphite frost, matched to the supplied dark ice reference. */
.nav::before{filter:saturate(.12) brightness(.5);opacity:.5}
.nav::after{background:linear-gradient(90deg,#78838b80,transparent 30%,transparent 70%,#78838b80);opacity:.5}
.frozen-glass-overlay{filter:saturate(.12) brightness(.6)}

/* Cinematic alpine art direction from the approved visual reference. */
:root{--accent:#c4e6fa;--bg:#080f17}
.nav{height:116px;grid-template-columns:220px 1fr auto auto;padding:8px 3vw;gap:30px;background:rgb(8 19 30 / 50%);border-bottom:1px solid #b6ddf780}
.nav::before{opacity:.5;filter:saturate(.25) brightness(.75)}
.nav .brand{width:220px;height:100px;border-bottom:1px solid #aed9f77a}
.studio-monogram{left:22px;top:0;width:142px;height:80px;background-size:155px 155px;background-position:-8px -26px}
.studio-wordmark{left:0;right:0;bottom:3px;text-align:center;font:15px/1.2 Georgia,serif;letter-spacing:.025em}
.nav .navlinks{font-size:13px;font-weight:500;letter-spacing:.18em;gap:32px}
.nav>.socials{margin-right:12px;gap:0}
.nav>.socials .social-icon{width:35px;height:40px}
.nav>.socials .social-icon svg{width:22px;height:22px}
.journey-link{font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid #a5cce7;padding:15px 20px;white-space:nowrap;background:#172c3c40;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.journey-link:hover{background:#a5d8f32b}
.hero{min-height:900px;max-height:none;height:100svh;align-items:flex-start}
.hero-content{padding-top:clamp(195px,23vh,270px);padding-bottom:270px;width:82%;max-width:none;margin:auto}
.hero .eyebrow{font-size:11px;letter-spacing:.42em;color:#c6dceb}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.2vw,92px);font-weight:700;text-transform:uppercase;line-height:.99;letter-spacing:-.055em;max-width:920px;margin:22px 0 18px;text-shadow:0 3px 24px #030d18a0}
.hero h1 span{color:#e3eff8}
.hero p{max-width:520px;font-size:18px;line-height:1.55;color:#d4e2ed;margin-bottom:24px}
.btn{border-color:#b4d7f2;background:linear-gradient(120deg,#326484bf,#7dbce49c,#1a425ec9);color:#f3faff;font-size:11px;letter-spacing:.2em;padding:17px 27px;font-weight:500;box-shadow:inset 0 0 16px #bfeaff36,0 0 12px #8fceff1a;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.btn:hover{background:#5585a6;color:white}.btn.ghost{background:#09131dcc;border-color:#a7c7dd}
.featured-rail{position:absolute;left:5.5%;right:5.5%;bottom:48px;z-index:2}
.featured-label{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:14px;color:#d8e7f2}.featured-label span{height:1px;width:50px;background:#c8e8ff80}
.featured-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.featured-card{position:relative;display:block;height:145px;border:1px solid #93bbd3a8;background:#0b1722;overflow:hidden;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:transform .25s,border-color .25s}
.featured-card img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .25s,transform .4s}
.featured-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#04101bef)}
.featured-card>span{position:absolute;z-index:1;left:18px;bottom:16px;font:18px Georgia,serif;text-transform:uppercase;letter-spacing:.06em}
.featured-card b{position:absolute;right:14px;bottom:13px;z-index:1;border:1px solid #bdd9eb90;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:400}
.featured-card:hover{transform:translateY(-4px);border-color:#e2f5ff}.featured-card:hover img{opacity:1;transform:scale(1.04)}
.scrollcue{left:2.5%;right:auto;bottom:40%;font-size:10px}
.video-toggle{bottom:12px;right:5.5%}
.section h2,.intro h2,.page-title,.contact-intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
.game-card,.ark-card{border-color:#7299b24d}.footer{font-size:12px;letter-spacing:.08em}
@media(max-width:1250px){.nav{grid-template-columns:190px 1fr auto;gap:18px}.nav .brand{width:190px}.journey-link{display:none}.nav .navlinks{gap:23px}.hero-content{width:84%}}
@media(max-width:1050px){.nav{height:136px;grid-template-columns:190px 1fr;grid-template-rows:1fr 1fr;gap:0 20px}.nav .brand{grid-row:1/3}.nav .navlinks{align-self:end}.nav>.socials{align-self:start}.hero{min-height:950px}.hero h1{font-size:64px}.hero-content{padding-top:205px}.featured-card{height:125px}.featured-card>span{font-size:14px;left:10px;bottom:16px}.featured-card b{right:8px;bottom:10px;width:20px;height:20px}.featured-cards{gap:9px}}
@media(max-width:650px){.nav{padding:8px 14px;grid-template-columns:125px 1fr;column-gap:10px}.nav .brand{width:125px;height:100px}.studio-monogram{left:8px;top:5px;width:105px;height:64px;background-size:125px 125px;background-position:-10px -21px}.studio-wordmark{font-size:10px;bottom:12px}.nav .navlinks{font-size:10px;gap:11px;letter-spacing:.07em}.nav>.socials{margin-right:4px}.nav>.socials .social-icon{width:28px}.nav>.socials .social-icon svg{width:20px;height:20px}.hero{height:auto;min-height:0;display:block;padding-bottom:32px}.hero-content{width:86%;padding-top:195px;padding-bottom:42px}.hero h1{font-size:clamp(38px,8.5vw,54px);line-height:1.03}.hero .eyebrow{font-size:9px;letter-spacing:.25em}.hero p{font-size:16px}.hero .actions{gap:10px}.btn{font-size:9px;padding:15px 18px}.featured-rail{position:relative;left:auto;right:auto;bottom:auto;margin:0 7% 18px}.featured-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{height:122px}.featured-card>span{font-size:12px;max-width:75%}.scrollcue{display:none}.video-toggle{bottom:6px;font-size:10px}.featured-label{font-size:9px}.hero-video{height:100%;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-card img{transition:none}}

/* Match the supplied alpine composition with live navigation and controls. */
.hero{background:#08111b url('alpine-train.png') center center/cover no-repeat;min-height:720px;height:100svh;position:relative}
.hero::before{background:linear-gradient(90deg,#02081215,transparent 62%);transform:none}
.hero::after{content:'';position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(transparent,#040c1680);pointer-events:none}
.nav{height:12.9vh;min-height:92px;max-height:118px;padding:0 2% 0 4%;grid-template-columns:190px 1fr auto auto auto;gap:22px;background:#07121e80;border-top:1px solid #c6e7fa70;border-bottom:1px solid #b6ddf76e}
.nav .brand{height:110px;width:190px;align-self:start;border-bottom:1px solid #badcf8a0;position:relative}
.studio-monogram{left:25px;top:0;width:135px;height:82px;background-size:155px 155px;background-position:-10px -25px}.studio-wordmark{bottom:9px;font-size:15px}
.nav::before{background-size:100% 580%;opacity:.22;filter:saturate(.2)}
.nav .navlinks{gap:clamp(20px,2.6vw,46px);font-size:11px;letter-spacing:.19em}
.nav>.socials{margin-right:0}.nav>.socials .social-icon{width:32px;height:36px}.nav>.socials .social-icon svg{width:20px;height:20px}.nav>.socials [aria-label="Reddit"]{display:none}
.journey-link{display:block;padding:14px 18px;font-size:9px}.language-control{color:#d7e6f2;display:flex;gap:7px;align-items:center;border-left:1px solid #b7d7ed60;padding-left:15px;font-size:23px}.language-control select{border:0;color:#dcebf6;background:transparent;font:11px Manrope,sans-serif;cursor:pointer}.language-control option{background:#0d1c2a}
.hero-content{position:absolute;top:23.6%;left:8.8%;width:46%;margin:0;padding:0;z-index:2}
.hero .eyebrow{font-size:clamp(9px,.7vw,12px);letter-spacing:.45em}.hero h1{font-size:clamp(48px,4.45vw,82px);letter-spacing:-.055em;line-height:.95;white-space:nowrap;margin:22px 0 18px;font-family:Georgia,'Times New Roman',serif;color:#edf5fc}.hero h1 span{color:inherit}.hero p{width:440px;max-width:85%;font-size:clamp(15px,1.05vw,19px);line-height:1.42;margin-bottom:22px}.hero .actions{gap:24px}.hero .btn{font-size:10px;letter-spacing:.22em;padding:17px 28px}.hero .btn:first-child{background:linear-gradient(115deg,#6dbee57a,#206192ad),url('nav-ice-frame.png') center/100% 580%;box-shadow:inset 0 0 15px #c9edff85}.hero .btn.ghost{min-width:200px}
.featured-rail{left:5.5%;right:9.5%;bottom:8.8%;z-index:3}.featured-label{font-size:10px;margin-bottom:13px}.featured-card{height:auto;aspect-ratio:2.5;background-image:url('design-reference.png');background-size:478.5% 625%;background-position:var(--art-x) 89.5%;border:1px solid #9bc4de;box-shadow:inset 0 0 10px #acd4ef40}
.featured-card:nth-child(1){--art-x:6.84%}.featured-card:nth-child(2){--art-x:33.92%}.featured-card:nth-child(3){--art-x:60.99%}.featured-card:nth-child(4){--art-x:88.14%}
.featured-card img,.featured-card>span,.featured-card b,.featured-card::after{display:none}.featured-card:focus-visible{outline:3px solid white;outline-offset:3px}
.featured-controls{position:absolute;left:calc(100% + 20px);bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#c5dbea}.featured-controls button{color:inherit;background:#07131c90;border:1px solid #9dbcd2;padding:5px 12px;cursor:pointer;font-size:20px}.featured-counter{grid-column:1/3;font-size:10px;letter-spacing:.25em;text-align:center}
.scene-links{position:absolute;right:1.4%;top:36%;display:grid;gap:22px;z-index:2}.scene-links a{text-align:right;text-transform:uppercase;font-size:9px;letter-spacing:.23em;padding:7px 20px;border-right:1px solid #a6c8df80}.scene-links a:hover{border-color:white;color:white}.scene-footer{position:absolute;bottom:3.1%;left:4.7%;right:2.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.29em;text-transform:uppercase;color:#c3d7e6;z-index:2}.scrollcue{bottom:40%;left:2.5%;letter-spacing:.3em}.frozen-glass-overlay{opacity:.13;filter:saturate(.2) brightness(.7)}
@media(max-width:1250px){.nav{grid-template-columns:160px 1fr auto auto;gap:12px;padding-left:2%}.nav .brand{width:160px}.studio-monogram{left:10px}.studio-wordmark{font-size:12px}.nav .navlinks{gap:18px;font-size:10px}.language-control{display:none}.journey-link{padding:12px;font-size:8px}.hero .actions{gap:12px}.hero .btn{padding:15px 18px;font-size:9px}.hero .btn.ghost{min-width:170px}}
@media(max-width:1050px){.nav{height:110px;grid-template-columns:160px 1fr auto;grid-template-rows:1fr;gap:12px}.nav .brand{grid-row:auto}.nav .navlinks,.nav>.socials{align-self:center}.journey-link{display:none}.hero{min-height:760px}.hero-content{top:25%;width:65%}.hero h1{font-size:clamp(45px,5.2vw,60px)}.scene-links{display:none}.featured-rail{right:5.5%;bottom:12%}.featured-controls{left:auto;right:0;bottom:-45px;display:flex;align-items:center}.featured-controls button{font-size:15px;padding:2px 10px}.scene-footer{font-size:7px}.featured-counter{font-size:9px}}
@media(max-width:650px){.nav{height:136px;max-height:none;grid-template-columns:110px 1fr;grid-template-rows:1fr 1fr;padding:8px 14px;gap:0 10px}.nav .brand{width:110px;height:104px;grid-row:1/3}.studio-monogram{left:0;width:105px;height:70px;background-size:125px 125px;background-position:-10px -21px}.studio-wordmark{font-size:9px;bottom:15px}.nav .navlinks{align-self:end;gap:10px;font-size:9px;letter-spacing:.02em}.nav>.socials{align-self:start;justify-content:center}.hero{height:auto;min-height:950px;background-position:60% center}.hero-content{position:relative;top:auto;left:auto;width:86%;padding-top:200px;margin:auto}.hero h1{font-size:clamp(31px,7.5vw,46px);white-space:normal}.hero .eyebrow{font-size:8px;letter-spacing:.26em}.hero p{font-size:16px;max-width:100%;width:330px}.hero .actions{gap:10px;flex-wrap:wrap}.hero .btn{padding:15px;font-size:9px}.featured-rail{position:relative;left:auto;right:auto;bottom:auto;margin:85px 7% 75px}.featured-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{aspect-ratio:2.5;height:auto}.featured-label{font-size:9px}.scene-footer{bottom:18px;gap:18px;font-size:6px}.scene-footer span:nth-child(2){display:none}.featured-controls{bottom:-43px}.scrollcue{display:none}}

/* Keep the owner's original moving backdrop. */
.hero{background:#08111b}.hero::before{z-index:1;background:linear-gradient(90deg,#030a1566,transparent 65%),linear-gradient(0deg,#050e1980,transparent 40%)}.hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-toggle{z-index:4;right:2.5%;bottom:1%;font-size:9px}

/* Reference header: lowered logo bay, two angled steps, organic edge frost. */
.nav{height:100px;min-height:100px;max-height:100px;border:0;background:transparent;box-shadow:none;isolation:isolate}
.nav-outline{position:absolute;inset:0;width:100%;height:120px;z-index:-2;pointer-events:none;overflow:visible}
.nav-glass{fill:#07121e;fill-opacity:.5;stroke:none}
.nav-rim{fill:none;stroke:url(#navLine);stroke-opacity:.5;stroke-width:1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #9bceee60)}
.nav::before{content:'';position:absolute;inset:0 0 auto;height:120px;background:url('nav-fern-frost.png') center -8px/100% 260px no-repeat;opacity:.5;filter:saturate(.2) brightness(.65);mask-image:none;-webkit-mask-image:none;z-index:-1;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 83%,22.4% 83%,21.6% 89%,16.6% 89%,16% 98%,3.6% 98%,2.4% 92%,1.4% 73%,0 50%)}
.nav::after{display:none}
.nav .brand{height:113px;border:0;box-shadow:none}
@media(min-width:1251px){.nav{grid-template-columns:240px 1fr auto auto auto;padding-left:3%;gap:22px}.nav .brand{width:205px}.studio-monogram{left:24px;top:0}.studio-wordmark{bottom:9px}}
@media(max-width:1050px){.nav{height:100px;min-height:100px;max-height:100px}.nav .brand{height:113px}}
@media(max-width:650px){.nav{height:136px;min-height:136px;max-height:none}.nav-outline{height:150px}.nav::before{height:150px;background-size:100% 260px}.nav .brand{height:110px}}

/* Give the monogram more breathing room inside its ice frame. */
.studio-monogram{transform:translateY(6px) scale(.8);transform-origin:center center}

/* ARK portfolio: editorial feature and compact, filterable project gallery. */
.projects-page{background:#070f18}
.portfolio-page{position:relative;background:linear-gradient(#081421a6,#07101aee 850px,#070f18),url('alpine-train.png') center top/100% auto no-repeat;padding-top:160px}
.portfolio-shell{width:min(1500px,92%);margin:auto}
.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.portfolio-heading .eyebrow{font-size:10px;letter-spacing:.35em;margin-bottom:19px}
.portfolio-heading h1{font:500 clamp(42px,5.4vw,88px)/.98 Georgia,serif;letter-spacing:-.045em;text-transform:uppercase;margin:0;color:#e9f3fb}
.portfolio-heading>p{font-size:15px;line-height:1.8;letter-spacing:.03em;color:#b9cddd;max-width:320px;margin-bottom:4px}
.portfolio-feature{display:grid;grid-template-columns:1.25fr 1fr;min-height:340px;border:1px solid #8cb8d27d;background:#071421b8;box-shadow:0 20px 65px #0005;position:relative;overflow:hidden;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.portfolio-feature-art{display:grid;place-items:center;background:radial-gradient(ellipse,#2b485f65,#07111e);overflow:hidden;border-right:1px solid #7faac14d;min-height:340px}
.portfolio-feature-art img{width:100%;height:360px;object-fit:contain;padding:18px;filter:drop-shadow(0 8px 20px #0005)}
.portfolio-feature-copy{padding:clamp(28px,3.6vw,60px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#142b3d55,transparent)}
.portfolio-kicker{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#b7d8ec}
.portfolio-feature-copy h2{font:500 clamp(32px,3.5vw,56px)/1.06 Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:22px 0 16px}
.portfolio-feature-copy p{font-size:16px;line-height:1.8;color:#bbcedd;margin:0 0 28px;max-width:490px}
.portfolio-feature-copy .btn{font-size:10px;padding:17px 22px;letter-spacing:.15em}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 24px}
.portfolio-filters{display:flex;gap:9px;flex-wrap:wrap}
.portfolio-filters button{cursor:pointer;background:#081522b8;color:#b8ccdc;border:1px solid #789cb35c;padding:13px 22px;font:500 10px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.16em;transition:background .2s,border-color .2s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.portfolio-filters button[aria-pressed=true]{color:#f2fbff;background:linear-gradient(115deg,#305873,#16394f);border-color:#b6dff7;box-shadow:inset 0 0 12px #b9e6ff32}
.portfolio-filters button:hover{border-color:#c6e8ff;background:#25485d}.portfolio-filters button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.portfolio-count{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#b7d0e2;white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.portfolio-card{position:relative;display:block;background:#0b1925bb;border:1px solid #6d94ad80;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.portfolio-card .ark-image{aspect-ratio:16/9;background:radial-gradient(ellipse,#233e52,#0b1824);overflow:hidden;border-bottom:1px solid #5e839b65}
.portfolio-card .ark-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.portfolio-card .ark-body{padding:19px 52px 19px 21px;position:relative;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.portfolio-card .kind{order:2;color:#91b4cb;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.portfolio-card h3{order:1;color:#e6f2fa;margin:0;font:500 15px/1.4 Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.portfolio-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid #aecfe48a;border-radius:50%;display:grid;place-items:center;font-size:17px}
.portfolio-card:hover{transform:translateY(-4px);border-color:#d4edfc;box-shadow:0 10px 28px #0005}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-card:focus-visible{outline:3px solid white;outline-offset:3px}
.portfolio-page [hidden]{display:none!important}
.portfolio-note{font-size:12px;color:#8ea9bc;margin-top:24px;letter-spacing:.04em}
.portfolio-outro{text-align:center;padding:85px 24px 100px;border-top:1px solid #7096af33;margin-top:64px;background:radial-gradient(ellipse at center,#19334850,transparent 70%)}
.portfolio-outro h2{font:400 clamp(32px,4vw,54px) Georgia,serif;margin:20px 0 28px;color:#deedf6}
@media(max-width:1000px){.portfolio-heading{align-items:start;flex-direction:column;gap:16px}.portfolio-heading h1 br{display:none}.portfolio-heading>p{max-width:none}.portfolio-feature{grid-template-columns:1fr 1fr}.portfolio-feature-copy{padding:28px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-toolbar{align-items:flex-start}.portfolio-count{padding-top:15px}}
@media(max-width:650px){.portfolio-page{padding-top:180px;background-size:auto 780px}.portfolio-shell{width:89%}.portfolio-heading{margin-bottom:25px}.portfolio-heading h1{font-size:42px}.portfolio-heading>p{font-size:14px}.portfolio-feature{grid-template-columns:1fr}.portfolio-feature-art{min-height:240px;border-right:0;border-bottom:1px solid #7faac14d}.portfolio-feature-art img{height:260px}.portfolio-feature-copy{padding:27px}.portfolio-feature-copy h2{font-size:34px}.portfolio-feature-copy p{font-size:14px}.portfolio-toolbar{flex-direction:column;gap:0}.portfolio-filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.portfolio-filters button{font-size:9px;padding:13px 10px;letter-spacing:.07em}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-outro{padding:55px 20px 65px;margin-top:45px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card .ark-image img,.portfolio-filters button{transition:none}}

/* Original games and contact share the refined ARK portfolio palette. */
.games-page,.contact-page{background:#070f18}
.games-showcase{padding:165px 0 80px;background:linear-gradient(#081421ba,#07101af2 760px,#070f18),url('alpine-train.png') center top/100% auto no-repeat}
.original-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:45px}
.original-card{border:1px solid #729cb46b;background:linear-gradient(145deg,#142c3e80,#08131fe6);overflow:hidden;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 20px 50px #0003}
.original-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #83afc983}
.original-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.original-card:hover .original-art img{transform:scale(1.035)}
.game-status{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:8px;background:#06101bd9;border:1px solid #b9daeb60;padding:9px 12px;color:#d9eaf4;font-size:9px;letter-spacing:.17em;text-transform:uppercase;backdrop-filter:blur(10px)}
.game-status i{width:5px;height:5px;background:#a8ddec;border-radius:50%;box-shadow:0 0 8px #b9edff}
.original-info{padding:32px 34px 38px}.original-meta{display:flex;justify-content:space-between;gap:15px;color:#97b9d0;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.original-info h2{font:400 clamp(32px,3.1vw,50px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:20px 0 15px;color:#e6f2fb}
.original-info p{font-size:16px;line-height:1.8;color:#b3c8d8;min-height:58px;max-width:520px;margin:0 0 28px}
.original-info .text-link{font-size:10px;letter-spacing:.15em;display:inline-flex;justify-content:space-between;gap:38px;padding:12px 0;border-color:#83b2ce80}
.games-community{margin-top:55px;border:1px solid #7199b250;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(ellipse at left,#24435955,transparent 75%)}
.games-community h2{font:400 clamp(28px,3vw,42px)/1.1 Georgia,serif;margin:18px 0 12px;color:#dbeaf5}.games-community p{font-size:15px;color:#a9c1d3;line-height:1.7;margin:0}.games-community .eyebrow{font-size:9px;letter-spacing:.25em}.games-community .btn{font-size:10px;flex-shrink:0}
.games-ark-link{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:38px;font-size:13px;color:#9cb7ca}.games-ark-link .text-link{font-size:10px}
.contact-page .contact-main{background:linear-gradient(90deg,#07111abc,#081522e8 65%),url('alpine-train.png') center top/cover no-repeat;min-height:calc(100svh - 100px)}
.contact-page .contact-layout{width:min(1380px,88%);padding-top:185px;padding-bottom:95px;gap:clamp(40px,7vw,110px);grid-template-columns:.95fr 1.05fr;align-items:start}
.contact-page .contact-intro{padding-top:28px}.contact-page .contact-intro>.eyebrow{font-size:10px;letter-spacing:.3em}
.contact-page .contact-intro h1{font:400 clamp(66px,7.8vw,120px)/.95 Georgia,serif;text-transform:uppercase;letter-spacing:-.045em;margin:28px 0}.contact-page .contact-intro h1 span{color:#bbd8eb}
.contact-page .contact-intro>p{font-size:17px;line-height:1.85;color:#aec4d4;max-width:450px}
.contact-email-label{font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:#8caec5;margin-top:42px}
.contact-page .contact-address{margin-top:13px;font-size:clamp(19px,2vw,29px);letter-spacing:-.025em;padding-bottom:12px;border-color:#87b1cb80;color:#e3f1fa}.contact-page .contact-address:hover{color:#a5dffd}
.contact-page .contact-follow{border-top:1px solid #7799b03d;padding-top:25px;margin-top:35px}.contact-page .contact-follow h2{font-size:10px;text-transform:uppercase;letter-spacing:.23em;color:#9ebdd2;margin:0 0 18px}
.contact-page .contact-follow .socials{gap:8px}.contact-page .contact-follow .social-icon{border:1px solid #87adc54d;border-radius:0;width:44px;height:44px;background:#0c203042}.contact-page .contact-follow .social-icon svg{width:23px;height:23px}
.contact-page .contact-form{padding:35px 38px;border:1px solid #83abc366;background:linear-gradient(135deg,#183348aa,#091724ed);box-shadow:0 20px 65px #0004;position:relative;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.contact-form-heading{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #8bb4cb40}.contact-form-heading .eyebrow{font-size:8px;letter-spacing:.23em}.contact-form-heading h2{font:400 clamp(26px,2.6vw,38px) Georgia,serif;letter-spacing:-.025em;margin:14px 0 0;color:#e0eff8}
.contact-page .required-note{font-size:11px;color:#9eb8ca;margin-bottom:22px}.contact-details-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-page .form-field{margin-bottom:24px}.contact-page .form-field label{font-size:10px;letter-spacing:.09em;font-weight:500;margin-bottom:10px;color:#cee2ef}
.contact-page .form-field input,.contact-page .form-field select,.contact-page .form-field textarea{font-size:14px;padding:12px;background:#06131d70;border:1px solid #607e934d;border-radius:0;color:#e5f2fb;transition:border-color .2s,background .2s}
.contact-page .form-field textarea{min-height:135px}.contact-page .form-field input:focus,.contact-page .form-field select:focus,.contact-page .form-field textarea:focus{border-color:#b2daf1;background:#102b3e;outline:1px solid #b2daf1;outline-offset:1px}
.contact-page .form-field input::placeholder,.contact-page .form-field textarea::placeholder{color:#7795a9}.contact-page .contact-form .btn{width:100%;font-size:10px;letter-spacing:.2em;padding:16px}.contact-page .form-help{font-size:11px;line-height:1.6;margin:14px 0 0;color:#9eb7c9;max-width:none}.contact-page .form-status{font-size:12px;color:#c7e9fc}
@media(max-width:950px){.original-gallery{gap:20px}.original-info{padding:25px}.original-meta{font-size:8px;letter-spacing:.07em}.games-community{padding:30px}.contact-page .contact-layout{width:90%;gap:35px;grid-template-columns:1fr 1fr}.contact-page .contact-form{padding:26px}.contact-details-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.games-showcase{padding-top:180px;background-size:auto 800px}.original-gallery{grid-template-columns:1fr;margin-top:30px;gap:30px}.original-info{padding:27px}.original-info h2{font-size:36px}.original-info p{min-height:0;font-size:15px}.game-status{left:14px;top:14px;font-size:8px}.games-community{flex-direction:column;align-items:flex-start;padding:28px;margin-top:35px}.games-community .btn{width:100%}.games-ark-link{gap:16px;text-align:center}.contact-page .contact-layout{padding-top:175px;grid-template-columns:1fr;gap:40px;padding-bottom:65px;width:88%}.contact-page .contact-intro{padding-top:0}.contact-page .contact-intro h1{font-size:72px}.contact-page .contact-intro>p{font-size:16px}.contact-page .contact-address{font-size:24px}.contact-page .contact-form{padding:26px 22px}.contact-page .contact-follow{margin-top:28px}.contact-email-label{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.original-art img{transition:none}}

/* Show four featured projects; the existing arrows rotate the remaining cards into view. */
.featured-cards>.featured-card:nth-child(n+5){display:none}

/* Keep project names readable over the replacement artwork. */
.featured-card[style*="background-image"]>span,.featured-card[style*="background-image"] b,.featured-card[style*="background-image"]::after{display:block}
.featured-card[style*="background-image"]>span{max-width:calc(100% - 52px);color:#edf5fc;text-shadow:0 2px 5px #000,0 0 12px #000;line-height:1.15}
.featured-card[style*="background-image"]::after{background:linear-gradient(transparent 25%,#04101b55 50%,#04101be8 100%);pointer-events:none}