/* Shared public-site visual system */
:root{--navy:#071426;--blue:#64bdeb;--yellow:#fed565;--line:#294566;--muted:#9aabbc;--ink:#e9edf1}.shell{max-width:1180px!important;padding-left:28px!important;padding-right:28px!important}.top{min-height:78px!important;border-color:var(--line)!important}.wordmark{font-size:13px!important;letter-spacing:.12em!important}.wordmark img{width:36px!important;height:36px!important;border:0!important}.navlinks{gap:20px!important}.navlink{font-size:13px!important}.navlink:hover{color:var(--blue)!important;text-decoration:none!important}.hero{border-bottom:1px solid var(--line)!important;padding:62px 0 38px!important}.hero h1{font-size:clamp(48px,7vw,88px)!important;line-height:.88!important;letter-spacing:-.075em!important}.hero p{line-height:1.55!important;color:var(--muted)!important}.eyebrow{color:var(--blue)!important;letter-spacing:.17em!important}.button{border-radius:0!important;padding:12px 15px!important}.button.alt{border-color:var(--blue)!important}.creator,.contact-card,.block{background:transparent!important;border-color:var(--line)!important;border-radius:0!important}.creator{border-width:1px 0!important;padding:18px 0!important}.grid{gap:0!important;border-top:1px solid var(--line)!important}.piece{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.piece:hover{transform:none!important;background:#0a1b32!important}.piece img{height:230px!important}.caption{padding:15px!important}.contact-card{padding:30px 0!important;border-width:1px 0!important}.contact-card .email{border-radius:0!important}.content{max-width:900px!important}.block{padding:28px 0!important;border-width:0 0 1px!important}.block h2{font-size:29px!important;letter-spacing:-.04em!important}.leaders{gap:0!important;border-top:1px solid var(--line)!important}.leader{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding:24px!important}.leader:last-child{border-right:0!important}.portrait{border-radius:50%!important}.advert{background:transparent!important;padding:0!important}.terms{max-width:860px!important}.terms section{border-color:var(--line)!important}.notice{border-radius:0!important}main>.intro{padding:57px 0 38px!important;border-bottom:1px solid var(--line)!important}main>.intro h1{font-size:clamp(48px,7vw,82px)!important;letter-spacing:-.075em!important;line-height:.9!important}main>.intro .banner{border-radius:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}main>.intro .banner img{border-radius:0!important;mix-blend-mode:normal!important;border:1px solid var(--line)!important}.desk{border-radius:0!important;border-left:0!important;border-right:0!important}.desk article{background:transparent!important}.ticket{border-radius:0!important}.workflow{border-color:var(--line)!important}.notice{border-left:3px solid var(--yellow)!important}footer{border-color:var(--line)!important}@media(max-width:720px){.shell{padding-left:18px!important;padding-right:18px!important}.top{padding:14px 0!important}.navlinks{gap:12px!important}.hero{padding:47px 0 30px!important}.hero h1{font-size:54px!important}.leaders{display:block!important}.leader{border-right:0!important;border-bottom:1px solid var(--line)!important}.leader:last-child{border-bottom:0!important}}
/* Home: a more editorial, design-studio forward direction. */
body{background:#080a10!important;color:#f7f8fa!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.shell{max-width:1280px!important}.top{border-color:#292d3a!important;position:relative;z-index:4}.wordmark{color:#fff!important}.wordmark img{border-radius:8px!important}.navlink{color:#b8bdc8!important}.nav-cta{display:inline-flex;align-items:center;background:#b9f43d;color:#0a0e09;text-decoration:none;font-weight:800;font-size:12px;padding:11px 14px;border-radius:999px;white-space:nowrap}.hero-new{min-height:650px!important;display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:42px!important;padding:76px 0 64px!important;overflow:hidden;border-bottom:0!important}.hero-copy{position:relative;z-index:2;align-self:center}.hero-new .eyebrow,.intro-section .eyebrow,.feature-copy .eyebrow{color:#b9f43d!important}.hero-new h1{max-width:730px;font-size:clamp(59px,7.7vw,112px)!important;line-height:.82!important;letter-spacing:-.085em!important;margin:18px 0 25px!important}.hero-new h1 em,.intro-section h2 em{font-family:Georgia,serif;font-weight:400}.hero-lead{max-width:515px!important;font-size:17px!important;color:#b9bdc5!important}.button{background:#b9f43d!important;color:#090d08!important;border-radius:999px!important;padding:14px 19px!important}.button span{padding-left:8px}.button.alt{background:transparent!important;color:#f6f8fa!important;border-color:#515866!important}.hero-note{display:flex;align-items:flex-start;gap:16px;margin-top:60px;color:#8e96a3;max-width:370px}.hero-note span{font-weight:800;color:#b9f43d}.hero-note p{font-size:12px!important;margin:0!important}.hero-art{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 43%,#27344b 0,#151923 32%,#0e1016 68%);border:1px solid #2f3543;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(132deg,transparent 0 54%,rgba(185,244,61,.1) 54% 55%,transparent 55%);pointer-events:none}.hero-art>img{position:relative;width:62%;border-radius:50%;filter:grayscale(1) contrast(1.25) brightness(1.2);mix-blend-mode:screen;z-index:1}.art-orbit{position:absolute;border:1px solid rgba(185,244,61,.36);border-radius:50%;transform:rotate(-26deg)}.orbit-a{width:108%;height:48%;top:13%;left:-21%}.orbit-b{width:98%;height:44%;bottom:8%;right:-19%;border-color:rgba(255,255,255,.15)}.art-card{position:absolute;z-index:2;background:rgba(10,13,18,.9);border:1px solid #4b5260;padding:15px 17px;backdrop-filter:blur(10px);display:grid;gap:7px}.art-card small{font-size:9px;letter-spacing:.15em;color:#b9f43d;font-weight:800}.art-card strong{font-size:16px;line-height:1.05}.card-top{top:9%;right:7%}.card-bottom{bottom:8%;left:7%}.client-row{border-top:1px solid #292d3a;border-bottom:1px solid #292d3a;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0}.client-row p{font-size:10px;letter-spacing:.13em;color:#858d98;font-weight:800;margin:0}.client-row div{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.client-row span{font-size:14px;letter-spacing:-.04em;font-weight:800;color:#e1e4e7}.intro-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;padding:125px 0 54px}.intro-section h2{font-size:clamp(43px,5.5vw,76px);line-height:.92;letter-spacing:-.075em;margin:12px 0 0}.intro-section>p{color:#aeb4be;margin:0 0 8px;max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292d3a;border-left:1px solid #292d3a}.service-grid article{min-height:265px;padding:26px;border-right:1px solid #292d3a;border-bottom:1px solid #292d3a;background:linear-gradient(135deg,#10131a,transparent);transition:background .2s}.service-grid article:hover{background:#171c25}.service-grid span{font-size:11px;color:#b9f43d;font-weight:800}.service-grid h3{font-size:25px;letter-spacing:-.05em;margin:47px 0 10px}.service-grid p{color:#aab1bc;font-size:14px;max-width:255px}.service-grid a{color:#f5f6f7;text-decoration:none;font-size:12px;font-weight:800}.feature-band{margin:120px 0 0;display:grid;grid-template-columns:1.02fr .98fr;background:#12161f;border:1px solid #292d3a}.feature-image{min-height:445px;overflow:hidden}.feature-image img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(.8)}.feature-copy{padding:68px 55px;align-self:center}.feature-copy h2{font-size:clamp(36px,4vw,57px);letter-spacing:-.07em;line-height:.91;margin:15px 0 22px}.feature-copy>p:not(.eyebrow){color:#abb2bc;max-width:420px}.feature-copy .button{margin-top:15px}.notice{margin-top:55px!important;background:#141821!important;border:1px solid #363d49!important;border-left:3px solid #b9f43d!important;color:#d6dae0!important}.notice a{color:#d8ff7a!important}@media(max-width:800px){.hero-new{grid-template-columns:1fr!important;padding-top:48px!important}.hero-art{min-height:380px}.intro-section{grid-template-columns:1fr;padding-top:78px;gap:25px}.service-grid{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr;margin-top:75px}.feature-image{min-height:290px}.feature-copy{padding:42px 26px}.client-row{display:block}.client-row div{justify-content:flex-start;margin-top:14px;gap:14px}.nav-cta{padding:8px 10px}.hero-note{margin-top:35px}}
/* Shared second-level pages: same studio treatment as the home page. */
body:not(:has(.hero-new)){background:#080a10!important}.top{border-color:#292d3a!important}.nav,.navlinks{align-items:center!important}.nav a,.navlink{color:#b8bdc8!important}.nav a:hover,.nav a.current,.navlink:hover{color:#b9f43d!important}.brand,.wordmark{color:#fff!important}.brand img,.wordmark img{border-radius:8px!important}.hero:not(.hero-new),.intro{position:relative!important;padding-top:82px!important;padding-bottom:55px!important;border-color:#292d3a!important}.hero:not(.hero-new):before,.intro:before{content:"VORTEX / STUDIO";display:block;color:#b9f43d;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.hero:not(.hero-new) h1,.intro h1{font-size:clamp(52px,7vw,94px)!important;line-height:.84!important;letter-spacing:-.085em!important;max-width:850px}.hero:not(.hero-new) p,.intro p{color:#aeb4be!important}.creator{border-color:#292d3a!important;gap:16px!important}.creator strong{font-size:18px!important}.creator img{border:1px solid #b9f43d!important}.grid{border-color:#292d3a!important;gap:0!important}.piece{background:#10131a!important;border-color:#292d3a!important;position:relative}.piece:hover{background:#161c25!important;border-color:#b9f43d!important}.piece img{filter:saturate(.76) contrast(1.05)}.caption strong{font-size:18px!important}.caption span{color:#aeb4be!important}.contact-card{border-color:#292d3a!important;background:#10131a!important;padding:42px!important}.contact-card h2{font-size:34px!important}.contact-card .email{background:#b9f43d!important;color:#0a0e09!important;border-radius:999px!important}.content{max-width:1020px!important}.block{border-color:#292d3a!important;padding:43px 0!important}.block h2{font-size:clamp(32px,4vw,54px)!important;line-height:.92!important}.block p{color:#afb5be!important}.leaders{border-color:#292d3a!important}.leader{border-color:#292d3a!important;min-height:340px}.leader-role{color:#b9f43d!important;letter-spacing:.14em!important;font-weight:900!important;font-size:10px!important}.portrait{border:1px solid #b9f43d!important}.advert ul{color:#afb5be!important}.terms section{background:#10131a!important;border-color:#292d3a!important;padding:25px!important}.intro .hub{border-color:#b9f43d!important}.hub a,.buy,.button{background:#b9f43d!important;color:#090d08!important;border-radius:999px!important;border-color:#b9f43d!important}.buy:hover,.button:hover{background:#d4ff76!important}.catalog,.product{border-color:#292d3a!important}.catalog-head strong{letter-spacing:.14em;font-size:11px}.product h2{font-size:clamp(24px,3vw,38px)!important}.price{color:#b9f43d!important}.featured h2:after{background:#b9f43d!important;color:#090d08!important}.afterword{border-color:#292d3a!important}.afterword a{color:#d8ff7a!important}.notice{border-left-color:#b9f43d!important}.section,.desk,.workflow,.workflow div+div{border-color:#292d3a!important}.desk article{background:#10131a!important;border-color:#292d3a!important}.desk article:hover{background:#161c25!important}.num,.kicker,.workflow span{color:#b9f43d!important}.ticket{border-color:#b9f43d!important;border-radius:999px!important}.ticket:hover{background:#b9f43d!important;color:#090d08!important}.banner{background:#161c25!important;border:1px solid #292d3a!important;box-shadow:none!important}.banner img{mix-blend-mode:normal!important}.join{border-top:1px solid #292d3a}.join h2{font-size:42px!important;letter-spacing:-.06em!important}footer{border-color:#292d3a!important;color:#838c98!important}footer a{color:#b9f43d!important}@media(max-width:760px){.hero:not(.hero-new),.intro{padding-top:52px!important}.contact-card{padding:28px!important}.leader{min-height:0}.product h2{font-size:27px!important}}
/* Base layout for the page templates that now share this stylesheet. */
*{box-sizing:border-box}.shell{width:min(100% - 48px,1280px);margin:0 auto;padding:0!important}.top{min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px}.wordmark{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;letter-spacing:.1em!important}.wordmark img{display:block!important;width:38px!important;height:38px!important;object-fit:cover!important}.navlinks{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:20px!important}.navlink{font-size:12px!important;font-weight:800!important;text-decoration:none!important}.hero-new{width:100%!important}footer{display:flex!important;justify-content:space-between!important;gap:20px!important}@media(max-width:760px){.shell{width:min(100% - 36px,1280px)}.top{height:auto!important;padding:14px 0!important;align-items:flex-start!important}.navlinks{gap:12px!important;flex-wrap:wrap!important}.hero-new{gap:28px!important}footer{display:block!important}}

/* Motion system: quiet, deliberate movement with a reduced-motion fallback. */
@keyframes vortex-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes vortex-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes vortex-orbit{to{transform:rotate(334deg)}}
@keyframes vortex-sheen{0%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(180%) skewX(-18deg)}}
body{animation:vortex-enter .58s cubic-bezier(.2,.7,.2,1) both}.top{animation:vortex-enter .6s .04s cubic-bezier(.2,.7,.2,1) both}.hero-new .hero-copy,.hero:not(.hero-new)>*,.intro>*{animation:vortex-enter .72s .12s cubic-bezier(.2,.7,.2,1) both}.hero-art{animation:vortex-enter .82s .2s cubic-bezier(.2,.7,.2,1) both}.hero-art>img{animation:vortex-drift 6s ease-in-out infinite}.art-orbit{animation:vortex-orbit 24s linear infinite}.orbit-b{animation-direction:reverse;animation-duration:31s}.art-card{transition:transform .28s ease,border-color .28s ease}.hero-art:hover .card-top{transform:translate(-5px,5px)}.hero-art:hover .card-bottom{transform:translate(5px,-5px)}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .68s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .68s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
a.button,.nav-cta,.submit-button,.buy,.email,.ticket{position:relative;isolation:isolate;transform:translate(var(--button-x,0),var(--button-y,0));transition:transform .2s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease!important;overflow:hidden}a.button:before,.nav-cta:before,.submit-button:before,.buy:before,.email:before,.ticket:before{content:"";position:absolute;inset:-30% auto -30% 0;width:35%;background:rgba(255,255,255,.24);z-index:-1;pointer-events:none;transform:translateX(-130%) skewX(-18deg)}a.button:hover:before,.nav-cta:hover:before,.submit-button:hover:before,.buy:hover:before,.email:hover:before,.ticket:hover:before{animation:vortex-sheen .56s ease}.navlink{transition:color .2s ease,transform .2s ease}.navlink:hover{transform:translateY(-2px)}.service-grid article,.piece,.work-card,.product,.leader,.contact-card,.desk article{transition:transform .26s ease,border-color .26s ease,background-color .26s ease,box-shadow .26s ease!important}.service-grid article:hover,.piece:hover,.work-card:hover,.product:hover,.leader:hover,.contact-card:hover,.desk article:hover{transform:translateY(-5px);box-shadow:0 17px 34px rgba(0,0,0,.18)}.work-card img,.piece img,.feature-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.work-card:hover img,.piece:hover img,.feature-band:hover .feature-image img{transform:scale(1.045)}.portrait{transition:transform .35s ease,filter .35s ease}.leader:hover .portrait{transform:scale(1.055) rotate(-2deg);filter:brightness(1.12)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}

/* Keeps the older one-line page templates in step with the shared footer wording. */
body:not(:has(.terms)) footer>span:first-child{font-size:0}body:not(:has(.terms)) footer>span:first-child:after{content:"© 2026 Vortex Studios. All rights reserved.";font-size:12px}

/* A public-service-inspired footer: structured, clear, and unmistakably Vortex. */
footer{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px 34px!important;margin-top:96px!important;padding:27px 0 31px!important;border-top:2px solid #b9f43d!important;color:#aab1bc!important;background:linear-gradient(90deg,rgba(185,244,61,.08),transparent 42%)!important}footer:before{content:"VORTEX STUDIOS";grid-column:1/-1;color:#f7f8fa;font-size:11px;font-weight:950;letter-spacing:.2em;line-height:1}footer:after{content:"CREATIVE SERVICES · ERLC · ROBLOX";grid-column:1/-1;order:4;color:#7f8895;font-size:10px;font-weight:800;letter-spacing:.13em;padding-top:17px;border-top:1px solid #292d3a}footer>span:first-child{font-size:12px!important;font-weight:700;line-height:1.45}body:not(:has(.terms)) footer>span:first-child{font-size:0!important}body:not(:has(.terms)) footer>span:first-child:after{font-size:12px!important;letter-spacing:.01em}footer>span:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 9px;font-size:12px;line-height:1.45}footer>span:last-child a{font-weight:750;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}footer>span:last-child a:hover{border-color:#b9f43d;color:#fff!important}@media(max-width:760px){footer{grid-template-columns:1fr!important;margin-top:64px!important;padding:23px 0 27px!important}footer>span:last-child{justify-content:flex-start}footer:after{font-size:9px;line-height:1.5}}

/* Compact refinement: removes the empty third row while retaining the official feel. */
footer{grid-template-columns:minmax(0,1fr) auto!important;gap:8px 30px!important;margin-top:76px!important;padding:22px 0 24px!important;background:linear-gradient(90deg,rgba(185,244,61,.055),transparent 58%)!important}footer:before{grid-column:1!important;align-self:end;font-size:10px!important}footer:after{display:none!important}footer>span:first-child{grid-column:1;grid-row:2}footer>span:last-child{grid-column:2;grid-row:1/3;align-self:end}@media(max-width:760px){footer{grid-template-columns:1fr!important;gap:9px!important;margin-top:55px!important;padding:20px 0 24px!important}footer:before,footer>span:first-child,footer>span:last-child{grid-column:1!important;grid-row:auto!important}footer>span:last-child{align-self:auto!important}}

/* Four-column studio footer, inspired by the supplied reference but in Vortex black. */
footer{display:grid!important;grid-template-columns:1.28fr .95fr .9fr 1.05fr!important;gap:32px!important;margin-top:92px!important;padding:54px 0 22px!important;border-top:1px solid #303640!important;background:#080a10!important;color:#a7afba!important}footer:before{content:"VORTEX STUDIOS\A\A Custom ERLC liveries, Roblox uniforms, branding, and virtual design work for communities that want to look their best.";white-space:pre-line;grid-column:1!important;grid-row:1!important;align-self:start!important;color:#aeb5c0;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.65!important}footer:before::first-line{color:#f8f9fa;font-size:15px;font-weight:950;letter-spacing:.04em}footer:after{display:block!important;content:"START A PROJECT\A\A Tell us what your community needs and we’ll help bring it together.\A\A Join Vortex Discord  ↗";white-space:pre-line;grid-column:4!important;grid-row:1!important;align-self:start;color:#aeb5c0;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.65;padding:0;border:0}footer>span:first-child{position:relative;grid-column:1/-1!important;grid-row:2!important;margin-top:27px!important;padding-top:18px!important;border-top:1px solid #292d3a!important;color:#85909d!important;font-size:12px!important;font-weight:500!important;line-height:1.45!important}body:not(:has(.terms)) footer>span:first-child{font-size:0!important}body:not(:has(.terms)) footer>span:first-child:after{font-size:12px!important;color:#85909d!important}footer>span:first-child:before{content:"SERVICES\A\A ERLC liveries\A Roblox uniforms\A Branding and logos\A Community graphics";position:absolute;left:34%;top:-209px;white-space:pre-line;color:#aeb5c0;font-size:13px;font-weight:500;line-height:1.75}footer>span:first-child:before::first-line{color:#f8f9fa;font-weight:850}footer>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:9px!important;grid-column:3!important;grid-row:1!important;align-self:start!important;font-size:13px!important;line-height:1.5!important}footer>span:last-child:before{content:"EXPLORE";color:#f8f9fa;font-size:13px;font-weight:850;margin-bottom:4px}footer>span:last-child a{color:#aeb5c0!important;font-weight:500!important;border:0!important}footer>span:last-child a:hover{color:#b9f43d!important}@media(max-width:900px){footer{grid-template-columns:1fr 1fr!important}footer:before{grid-column:1!important}footer:after{grid-column:2!important}footer>span:last-child{grid-column:2!important;grid-row:2!important}footer>span:first-child:before{position:static;display:block;margin-top:25px;padding-top:18px;border-top:1px solid #292d3a}footer>span:first-child{grid-row:3!important}}@media(max-width:620px){footer{grid-template-columns:1fr!important;gap:28px!important;padding-top:38px!important}footer:before,footer:after,footer>span:last-child,footer>span:first-child{grid-column:1!important;grid-row:auto!important}footer>span:first-child:before{margin-top:0;margin-bottom:2px;border-top:0;padding-top:0}footer>span:first-child{margin-top:0!important}}

/* Footer link cleanup and commission callout. */
footer:after{content:"START A PROJECT\A\A Tell us what your community needs and we’ll help bring it together.\A\A Start a commission  ↗\A Join Vortex Discord  ↗"!important}footer>span:last-child{font-size:0!important}footer>span:last-child:before{font-size:13px!important}footer>span:last-child a{font-size:13px!important}