:root{
  --bg:#070806;
  --bg-2:#0b0d0b;
  --panel:#0f120f;
  --panel-2:#121612;
  --line:rgba(244,197,90,.28);
  --line-strong:rgba(255,211,105,.62);
  --gold:#f3c45b;
  --gold-2:#ffd978;
  --gold-3:#b87a19;
  --text:#f7f4ec;
  --muted:#aaa89f;
  --shadow:0 20px 60px rgba(0,0,0,.55);
  --container:min(1180px,calc(100vw - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.container{width:var(--container);margin-inline:auto;position:relative;z-index:2}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.11;background:var(--gold)}
.ambient-a{left:-240px;top:30vh}.ambient-b{right:-260px;bottom:10vh}
.site-header{height:78px;position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(5,6,5,.96),rgba(5,6,5,.78));border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.header-inner{height:100%;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:24px}
.brand{display:inline-flex;flex-direction:column;width:max-content;line-height:.86}
.brand-main{font-size:25px;font-weight:950;letter-spacing:.03em;background:linear-gradient(180deg,#fff3ad 0%,#f6ca61 45%,#b9781a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(244,194,76,.18)}
.brand-sub{font-size:10px;letter-spacing:.48em;padding-left:.2em;margin-top:8px;color:#f7f3e8;font-weight:700}
.main-nav{display:flex;justify-content:center;gap:34px;font-size:13px;color:#bcbdb7}
.main-nav a{padding:29px 0 25px;position:relative;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:#fff1c0}
.main-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:15px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px rgba(243,196,91,.8)}
.btn{min-height:54px;border:1px solid transparent;border-radius:10px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:800;font-size:15px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:none;color:var(--text)}
.btn:hover{transform:translateY(-2px)}
.btn-gold{color:#171007;background:linear-gradient(180deg,#ffe695 0%,#f5c65d 42%,#d49a31 100%);border-color:#ffdf80;box-shadow:0 0 0 2px rgba(255,219,121,.12),0 12px 30px rgba(221,154,39,.2),inset 0 1px rgba(255,255,255,.75)}
.btn-gold:hover{box-shadow:0 0 0 2px rgba(255,219,121,.17),0 17px 38px rgba(221,154,39,.31),inset 0 1px rgba(255,255,255,.8)}
.btn-dark{border-color:rgba(244,197,90,.4);background:linear-gradient(180deg,#111410,#090b09);color:#e8e7df}
.btn-small{min-height:44px;padding:0 18px;font-size:13px;gap:14px}
.btn-wide{min-width:290px}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:#f0d17a;margin:8px 0}
.hero{min-height:770px;padding:132px 0 72px;position:relative;isolation:isolate;border-bottom:1px solid rgba(244,197,90,.18);overflow:hidden;background:radial-gradient(circle at 69% 37%,rgba(242,190,68,.15),transparent 28%),linear-gradient(180deg,#080a08 0%,#080a08 58%,#0b0c0a 100%)}
.city-grid{position:absolute;inset:0;z-index:-3;opacity:.16;background-image:linear-gradient(rgba(255,201,75,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,201,75,.14) 1px,transparent 1px);background-size:86px 86px;transform:perspective(800px) rotateX(72deg) translateY(350px) scale(1.3);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 15%,black 70%,transparent)}
.city-silhouette{position:absolute;inset:auto 0 0;height:66%;z-index:-2;opacity:.26;background:linear-gradient(to top,rgba(0,0,0,.1),transparent),repeating-linear-gradient(90deg,transparent 0 52px,#171b16 52px 100px,transparent 100px 120px);clip-path:polygon(0 100%,0 45%,4% 45%,4% 20%,8% 20%,8% 58%,13% 58%,13% 36%,19% 36%,19% 18%,24% 18%,24% 53%,29% 53%,29% 28%,35% 28%,35% 12%,40% 12%,40% 61%,45% 61%,45% 38%,51% 38%,51% 22%,56% 22%,56% 50%,63% 50%,63% 17%,68% 17%,68% 56%,73% 56%,73% 31%,78% 31%,78% 9%,83% 9%,83% 44%,89% 44%,89% 25%,94% 25%,94% 57%,100% 57%,100% 100%)}
.hero-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:20px;align-items:center}
.hero-copy{padding-top:20px;z-index:5}
.eyebrow{font-size:11px;letter-spacing:.42em;color:#e5b956;font-weight:800;margin-bottom:24px}
h1,h2,h3,h4,p{margin-top:0}
.hero h1{font-size:clamp(48px,5vw,72px);line-height:.94;letter-spacing:-.055em;margin-bottom:24px;font-weight:950;text-shadow:0 2px 30px rgba(0,0,0,.6)}
.hero h1 span{background:linear-gradient(180deg,#ffe8a0 0%,#f5c35a 58%,#d49229 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:560px;color:#c3c2bb;font-size:16px;line-height:1.62;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.play{width:28px;height:28px;border:1px solid rgba(244,197,90,.6);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:10px}
.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px;max-width:620px}
.hero-features>div{display:flex;gap:10px;align-items:center;color:#b9b8b2;font-size:11px;line-height:1.3}
.feature-icon{font-size:24px;color:#e4b64d;min-width:30px;text-align:center;text-shadow:0 0 14px rgba(232,183,73,.35)}
.hero-visual{height:600px;position:relative;margin-right:-50px}
.hero-glow{position:absolute;width:520px;height:520px;right:90px;top:60px;border-radius:50%;background:radial-gradient(circle,rgba(254,205,92,.25),rgba(192,115,13,.08) 40%,transparent 68%);filter:blur(10px)}
.mascot{position:absolute;height:585px;width:auto;object-fit:contain;left:20px;bottom:-24px;z-index:5;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(250,190,47,.08))}
.phone{position:absolute;z-index:3;filter:drop-shadow(0 30px 30px rgba(0,0,0,.55));transition:transform .3s ease}
.phone img{width:100%;height:auto}
.phone-office{width:304px;right:150px;top:20px;transform:rotate(-5deg)}
.phone-map{width:292px;right:-55px;top:58px;transform:rotate(5deg)}
.hero-visual:hover .phone-office{transform:rotate(-7deg) translateY(-5px)}
.hero-visual:hover .phone-map{transform:rotate(7deg) translateY(-2px)}
.scribble{position:absolute;z-index:7;color:#d7aa48;font-size:15px;line-height:1.15;font-family:"Segoe Print","Comic Sans MS",cursive;font-style:italic;transform:rotate(-9deg);text-shadow:0 0 18px rgba(217,168,60,.2)}
.scribble-left{left:18px;bottom:22px}.scribble-right{right:6px;bottom:62px;transform:rotate(-7deg)}
.section{padding:72px 0;border-bottom:1px solid rgba(244,197,90,.12);position:relative;overflow:hidden}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.section-head .eyebrow{margin-bottom:14px}
.section h2{font-size:clamp(38px,4.2vw,58px);line-height:1;letter-spacing:-.05em;margin-bottom:0;font-weight:950;background:linear-gradient(180deg,#fff1b8,#e5ad43);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-head>p{max-width:320px;color:#b5b3ab;font-size:14px;line-height:1.5;margin:0 0 6px}
.mechanics{background:linear-gradient(180deg,#080a08,#0b0d0b)}
.mechanics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mechanic-card{min-height:390px;position:relative;padding:24px;border-radius:9px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,rgba(16,19,15,.92),rgba(8,10,8,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.mechanic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,3,2,.9));z-index:0}
.mechanic-card>*{position:relative;z-index:2}
.card-number{font-size:12px;color:#d6a64a;border-bottom:1px solid rgba(244,197,90,.5);width:32px;padding-bottom:8px;margin-bottom:38px}
.card-icon{position:absolute;top:24px;right:24px;width:62px;height:62px;border:1px solid rgba(244,197,90,.35);transform:rotate(45deg);display:grid;place-items:center;color:#f5c75d;font-size:26px;background:rgba(13,15,12,.7)}
.card-icon::first-letter{transform:rotate(-45deg)}
.mechanic-card h3{font-size:32px;margin-bottom:3px;letter-spacing:-.04em}
.mechanic-card h4{font-size:15px;color:#f1ede1;margin-bottom:14px}
.mechanic-card p{font-size:13px;line-height:1.5;color:#aaa99f;max-width:82%}
.mechanic-map{background-image:linear-gradient(180deg,rgba(7,9,7,.25),rgba(7,9,7,.94)),url('/assets/img/game-map.png');background-size:150%;background-position:center 38%}
.mechanic-office{background-image:linear-gradient(180deg,rgba(7,9,7,.12),rgba(7,9,7,.94)),url('/assets/img/game-office.png');background-size:145%;background-position:center 41%}
.mechanic-team{background:radial-gradient(circle at 65% 37%,rgba(243,190,68,.12),transparent 35%),linear-gradient(180deg,#11140f,#080a08)}
.market-chip{position:absolute;left:24px;bottom:24px;border:1px solid rgba(244,197,90,.35);border-radius:6px;padding:10px 12px;display:flex;gap:8px;align-items:baseline;background:rgba(8,10,8,.72);backdrop-filter:blur(12px)}
.market-chip span{font-size:11px;color:#e4d9bc}.market-chip b{color:#f6c45d}.market-chip small{font-size:9px;color:#aaa}
.round-arrow{position:absolute;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,197,90,.55);display:grid;place-items:center;font-size:26px;color:#f1c153;background:#11130f}
.team-silhouettes{position:absolute!important;right:26px;bottom:12px;height:176px;width:190px;display:flex;justify-content:flex-end;align-items:end;gap:0;opacity:.72}
.team-silhouettes i{width:70px;height:150px;background:linear-gradient(#161913,#060706);clip-path:polygon(40% 0,60% 0,68% 10%,68% 22%,78% 34%,87% 100%,13% 100%,22% 34%,32% 22%,32% 10%);border:1px solid rgba(244,197,90,.25)}
.team-silhouettes i:nth-child(2){height:172px;margin-inline:-22px;z-index:2}.team-silhouettes i:nth-child(3){height:144px}
.growth{background:radial-gradient(circle at 70% 50%,rgba(241,184,49,.06),transparent 26%),#090b09}
.career-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0b0d0b}
.career-card{min-height:190px;padding:20px;display:grid;grid-template-columns:28px 105px 1fr 24px;gap:12px;align-items:center;position:relative;border-right:1px solid rgba(244,197,90,.18)}
.career-card:last-child{border-right:0;grid-template-columns:28px 105px 1fr}
.career-index{align-self:start;font-weight:900;color:#f6c75e;font-size:20px}
.career-avatar{height:120px;width:100px;position:relative;filter:drop-shadow(0 0 20px rgba(236,183,59,.12))}
.career-avatar:before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;left:23px;top:4px;background:#131612;border:1px solid rgba(244,197,90,.6);box-shadow:inset 0 0 0 8px #070807}
.career-avatar:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:72px;background:linear-gradient(180deg,#181b16,#070807);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);border:1px solid rgba(244,197,90,.34)}
.career-avatar span{position:absolute;left:31px;top:28px;width:39px;height:15px;border:3px solid #efc057;border-radius:12px;z-index:2;box-shadow:0 0 12px rgba(242,190,65,.32)}
.avatar-head span{border-radius:4px;border-top:0}.avatar-director span{width:42px;left:30px;transform:skew(-12deg)}
.career-copy h3{font-size:16px;line-height:1.2;margin-bottom:12px}.career-copy h3 em{font-style:normal;color:#f4c05a}.career-copy p{font-size:11px;line-height:1.48;color:#aaa89f;margin:0}.career-arrow{font-size:30px;color:#f0c35b}
.city-section{min-height:440px;background:radial-gradient(circle at 50% 115%,rgba(241,181,44,.24),transparent 36%),linear-gradient(180deg,#0a0d0b,#080a08)}
.city-section:before{content:"";position:absolute;inset:0;opacity:.24;background:linear-gradient(180deg,transparent 45%,#020302),repeating-linear-gradient(90deg,transparent 0 58px,#171b16 58px 109px,transparent 109px 128px);clip-path:polygon(0 100%,0 68%,5% 68%,5% 45%,9% 45%,9% 75%,15% 75%,15% 58%,21% 58%,21% 32%,26% 32%,26% 69%,31% 69%,31% 51%,36% 51%,36% 67%,42% 67%,42% 37%,47% 37%,47% 73%,53% 73%,53% 48%,59% 48%,59% 29%,64% 29%,64% 68%,70% 68%,70% 44%,76% 44%,76% 16%,81% 16%,81% 65%,87% 65%,87% 38%,93% 38%,93% 71%,100% 71%,100% 100%)}
.city-river{position:absolute;width:130%;height:110px;left:-15%;bottom:17px;transform:rotate(-3deg);background:linear-gradient(180deg,rgba(111,107,74,.06),rgba(238,183,53,.11),rgba(8,10,8,.08));filter:blur(7px);border-top:1px solid rgba(247,196,65,.15)}
.city-layout{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px}
.city-copy h2{font-size:clamp(40px,4vw,56px);color:#f0d481;background:none;-webkit-text-fill-color:initial;margin-bottom:16px}
.city-copy p{max-width:510px;color:#b7b5ae;line-height:1.6}.city-quote{color:#d5a64b;font-family:"Segoe Print","Comic Sans MS",cursive;font-style:italic;margin-top:35px;transform:rotate(-4deg);width:max-content}
.city-picker{border:1px solid rgba(244,197,90,.42);border-radius:12px;padding:20px;background:linear-gradient(180deg,rgba(14,17,14,.96),rgba(8,10,8,.96));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04)}
.picker-title{font-weight:700;font-size:13px;margin-bottom:13px}.pin{color:#efbd4e;margin-right:8px}.city-search{height:42px;border:1px solid rgba(255,255,255,.12);border-radius:7px;display:flex;align-items:center;padding:0 12px;background:#0b0d0b;margin-bottom:14px}.city-search span{color:#c5a24e;margin-right:8px}.city-search input{border:0;outline:0;background:transparent;color:#e9e6dc;width:100%}.city-search input::placeholder{color:#6f716b}.city-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.city-option{min-height:80px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#0d100d;color:#91938d;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;transition:.2s}.city-option b{font-size:22px;color:#7c7e78}.city-option.active,.city-option:hover{border-color:#e9ba52;color:#f2d58d;background:linear-gradient(180deg,#17170e,#11120e);box-shadow:0 0 18px rgba(237,180,54,.1)}.city-option.active b,.city-option:hover b{color:#e9b64e}.picker-current{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#8f918b}.picker-current strong{color:#efc45f}
.final-cta{padding-top:52px;padding-bottom:52px;background:#070806}.cta-panel{min-height:190px;border:1px solid rgba(244,197,90,.55);border-radius:10px;display:grid;grid-template-columns:185px 1fr 370px;align-items:center;gap:24px;padding:24px 26px;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 65%,rgba(248,190,51,.22),transparent 24%),linear-gradient(90deg,#0b0d0b,#17150d 57%,#0b0d0b);box-shadow:0 0 44px rgba(237,181,48,.07),inset 0 1px rgba(255,255,255,.05)}.cta-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(255,207,89,.06) 55%,transparent 65%);pointer-events:none}.cta-speng{height:240px;object-fit:contain;align-self:end;margin-bottom:-55px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.cta-copy .eyebrow{margin-bottom:10px}.cta-copy h2{font-size:40px;margin-bottom:10px}.cta-copy p{font-size:13px;color:#aaa89f;margin:0}.cta-action{text-align:center}.cta-meta{display:flex;justify-content:center;gap:12px;margin-top:10px;color:#8e908a;font-size:8px;white-space:nowrap}.cta-meta span:first-child{color:#b9a361}
.faq{padding-top:60px;padding-bottom:80px}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.faq-grid .section-head{display:block}.accordion details{border-top:1px solid rgba(244,197,90,.16);padding:18px 0}.accordion details:last-child{border-bottom:1px solid rgba(244,197,90,.16)}.accordion summary{cursor:pointer;font-weight:700;list-style:none;padding-right:30px;position:relative}.accordion summary:after{content:"+";position:absolute;right:0;color:#e6b64d;font-size:20px;top:-4px}.accordion details[open] summary:after{content:"−"}.accordion p{color:#aaa89f;line-height:1.6;font-size:13px;margin:14px 0 0;max-width:720px}
.site-footer{padding:34px 0 42px;border-top:1px solid rgba(244,197,90,.14);background:#060706}.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:28px;align-items:start}.footer-brand small{font-size:8px;color:#c79b42;margin-top:10px;font-style:italic;letter-spacing:.08em}.footer-nav{display:flex;gap:18px;font-size:10px;color:#9c9d97;padding-top:4px}.footer-nav a:hover{color:#ecc25d}.footer-meta{font-size:9px;line-height:1.55;color:#6e706b;text-align:right}.footer-studio{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.05);padding-top:18px;font-size:9px;color:#6c6e69;text-align:right}.footer-studio a{color:#caa34b;letter-spacing:.12em}
.trailer-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center}.trailer-modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.modal-card{position:relative;z-index:2;width:min(720px,calc(100vw - 30px));aspect-ratio:16/9;border:1px solid rgba(244,197,90,.38);background:#090b09;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.7);display:grid;place-items:center}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#e8c768;font-size:28px;cursor:pointer}.trailer-placeholder{text-align:center;color:#aaa}.trailer-logo{display:flex;flex-direction:column;line-height:1}.trailer-logo b{font-size:38px;color:#efc15c}.trailer-logo span{font-size:12px;letter-spacing:.5em;color:#eee;margin-top:6px}.trailer-placeholder p{margin-top:24px}
.error-page{min-height:100vh;background:radial-gradient(circle at 50% 50%,rgba(245,190,54,.09),transparent 35%),#070806}.error-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.error-card{width:min(840px,100%);display:grid;grid-template-columns:260px 1fr;align-items:center;border:1px solid rgba(244,197,90,.34);border-radius:14px;padding:30px;background:#0d100d}.error-card img{height:320px;object-fit:contain}.error-card h1{font-size:100px;color:#f0bd50;margin-bottom:4px}.error-card p{color:#aaa89f;margin-bottom:24px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){
  .header-inner{grid-template-columns:170px 1fr 160px}.main-nav{gap:20px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-visual{height:610px;margin:0}.mascot{left:50%;transform:translateX(-58%)}.phone-office{right:27%;}.phone-map{right:5%}.scribble-left{left:15%}.mechanics-grid{grid-template-columns:1fr 1fr}.mechanic-team{grid-column:1/-1}.career-track{grid-template-columns:1fr}.career-card,.career-card:last-child{border-right:0;border-bottom:1px solid rgba(244,197,90,.18);grid-template-columns:28px 105px 1fr 24px}.career-card:last-child{border-bottom:0}.city-layout{grid-template-columns:1fr;gap:35px}.cta-panel{grid-template-columns:160px 1fr}.cta-action{grid-column:2}.cta-speng{grid-row:1/3}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{text-align:left}}
@media(max-width:760px){
  :root{--container:min(100% - 28px,680px)}.site-header{height:66px}.header-inner{grid-template-columns:1fr 44px}.site-header .btn-small,.main-nav{display:none}.menu-toggle{display:block}.site-header.menu-open{height:auto;background:#070806}.site-header.menu-open .header-inner{grid-template-columns:1fr 44px;align-items:start;padding-top:14px;padding-bottom:14px}.site-header.menu-open .main-nav{grid-column:1/-1;display:flex;flex-direction:column;gap:0;align-items:stretch}.site-header.menu-open .main-nav a{padding:13px 0;border-top:1px solid rgba(255,255,255,.05)}.site-header.menu-open .main-nav a.active:after{display:none}.brand-main{font-size:22px}.hero{padding-top:104px;min-height:auto}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-actions .btn{width:100%}.hero-features{grid-template-columns:1fr 1fr;margin-top:30px}.hero-visual{height:540px;margin-top:16px}.mascot{height:440px;left:42%;bottom:-24px}.phone-office{width:225px;right:22%;top:32px}.phone-map{width:214px;right:-7%;top:61px}.scribble{font-size:11px}.scribble-left{left:3%}.scribble-right{right:2%;bottom:35px}.section{padding:54px 0}.section-head{display:block}.section-head>p{margin-top:16px}.section h2{font-size:40px}.mechanics-grid{grid-template-columns:1fr}.mechanic-team{grid-column:auto}.mechanic-card{min-height:360px}.career-card,.career-card:last-child{grid-template-columns:24px 92px 1fr;min-height:180px}.career-arrow{display:none}.career-avatar{transform:scale(.88);transform-origin:left center}.city-list{grid-template-columns:repeat(2,1fr)}.cta-panel{grid-template-columns:110px 1fr;padding:20px}.cta-speng{height:180px;margin-left:-26px}.cta-copy h2{font-size:30px}.cta-action{grid-column:1/-1}.btn-wide{width:100%;min-width:0}.cta-meta{font-size:7px;gap:8px;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}.footer-meta,.footer-studio{text-align:left}.footer-nav{flex-wrap:wrap}.error-card{grid-template-columns:1fr;text-align:center}.error-card img{height:250px;margin:auto}.error-card h1{font-size:72px}}
@media(max-width:480px){.hero h1{font-size:39px}.hero-visual{height:470px}.mascot{height:360px;left:38%}.phone-office{width:185px;right:20%;top:30px}.phone-map{width:177px;right:-6%;top:65px}.section h2{font-size:35px}.mechanic-card p{max-width:100%}.team-silhouettes{opacity:.4;right:-15px}.city-option{min-height:68px}.cta-panel{grid-template-columns:86px 1fr}.cta-speng{height:145px}.cta-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.phone{transition:none}}