/* Black glass theme: translucent layers, refractive 3D, and pointer-lit edges. */
.hero-art canvas{transform:translateX(-3%) scale(1.18);transform-origin:50% 50%}.hero-art .logo-fallback{width:65%;left:22%;top:14%}
@media(max-width:760px){.hero-art{right:0;width:100%}.hero-art canvas{transform:scale(1.05)}.hero-art .logo-fallback{width:65%;left:17%;top:17%}}
.games .section-heading,.studio .studio-body,.contact .contact-main{margin-top:0}
:root{color-scheme:dark;--paper:#07080b;--ink:#f1f2f6;--red:#ff353c;--line:#ffffff14;--muted:#9598a3;--glass-border:#ffffff29;--glass-fill:linear-gradient(135deg,#ffffff12,#ffffff04 45%,#ffffff08);--glass-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 12px 40px #0005}
body{background:#07080b;background-image:radial-gradient(ellipse 700px 1100px at 95% 35%,#1b101b45,transparent);color:var(--ink)}
.header{position:sticky;top:18px;height:76px;margin:18px var(--space) 0;padding:0 24px;border:1px solid var(--glass-border);border-radius:28px;background:linear-gradient(115deg,#ffffff13,#ffffff05 40%,#ffffff0d);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);box-shadow:var(--glass-shadow);isolation:isolate}
.header:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 260px 120px at var(--glass-x,25%) var(--glass-y,0%),#ffffff1b,transparent 80%);opacity:.8}
.brand-type{color:#f5f6fa}.brand-type>span{color:#a6a8b2}.desktop-nav{gap:8px;margin:0}.desktop-nav a{padding:12px 21px;border-radius:30px;color:#c6c8d1;transition:color .3s,background .3s,box-shadow .3s}.desktop-nav a:hover{color:white;background:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff1a}.desktop-nav a:after{display:none}.desktop-nav a>span{color:#848894}.header-contact{padding:12px 19px;border:1px solid #ffffff1f;border-radius:24px;gap:22px;background:linear-gradient(130deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px 0 #ffffff21;font-size:11px}
.hero{height:calc(100svh - 94px);padding-top:41px}.hero-grid{opacity:.35}.hero-grid i{background:linear-gradient(transparent 5%,#ffffff16 40%,transparent)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 47%,#6d102b19,transparent 47%)}.hero:after{background:radial-gradient(ellipse 350px 350px at var(--glow-x,70%) var(--glow-y,50%),#8baeff0a,transparent)}.hero-edition,.hero-corner,.hero-footnote{color:#868995}.hero-intro .eyebrow{color:#c4c7d0}.status-dot{box-shadow:0 0 12px #ff353c88,0 0 0 4px #ff353c0c}.hero-content p{color:#9b9daa}.hero-content h1{color:#f4f5f8;text-shadow:0 0 55px #ffffff05}.hero-content h1 .red{color:var(--red);text-shadow:0 0 50px #ff353c18}.hero-content h1 .play-word:hover{text-shadow:0 0 45px #ff353c5c}
.button{border-radius:30px;border:1px solid #ffffff33;height:54px;padding:0 23px;background:linear-gradient(125deg,#ffffff24,#ffffff08 50%,#ffffff13);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff45,inset 1px 0 0 #ffffff10,0 12px 30px #0006;color:white}.button:before{background:radial-gradient(ellipse at 50% 100%,#ff353c45,transparent 80%);transform:translateY(40%);opacity:0;transition:transform .5s,opacity .5s}.button:hover:before{opacity:1;transform:none}.button:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,#ffffff18 40%,transparent 65%);translate:-120% 0;transition:translate .7s}.button:hover:after{translate:120% 0}
.motion-toggle{border:1px solid #ffffff1f;border-radius:24px;padding:8px 13px 8px 8px;background:linear-gradient(125deg,#ffffff10,#ffffff04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff16;color:#bec1cb}.motion-icon{border-color:#ffffff26;background:#ffffff08}.scroll-line{background:#ffffff25}.scroll-cue{color:#adb0ba}.scroll-line:after{background:#f2f3f6}
.art-halo{inset:0;background:radial-gradient(ellipse at 52% 43%,#8d233336,transparent 57%);filter:blur(25px)}.orbit{border-color:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff09,0 1px 0 #6e8dff07}.orbit-two{border-color:#ffffff12}.art-cross{color:#7b808d}.art-tag{color:#8f93a0}.logo-fallback{filter:drop-shadow(24px 28px 0 #343945) drop-shadow(15px 25px 35px #e3e9ff25)}
.glass-orb{position:absolute;pointer-events:none;z-index:1;border:1px solid #ffffff24;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffffff1f,transparent 43%),radial-gradient(circle at 80% 83%,#7890bd13,transparent 50%),#ffffff03;box-shadow:inset 2px 3px 8px #ffffff1f,inset -2px -3px 10px #ffffff0a,0 10px 50px #0004;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);animation:glass-float 11s ease-in-out infinite}
.glass-orb-one{width:106px;height:106px;top:8%;right:17%;z-index:4}.glass-orb-two{width:57px;height:57px;bottom:18%;left:15%;animation-delay:-4s;z-index:4}
.brand-strip{background:linear-gradient(90deg,#ffffff04,#ffffff09 50%,#ffffff03);color:#b2b5c0;border-block:1px solid #ffffff12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:22px 0}.strip-track>i{color:var(--red)}.strip-track>span{font-size:11px;letter-spacing:1.8px}
.section-no,.small-note{color:#777d8c}.eyebrow{color:#c2c6d0}.muted{color:#565b67}.section-heading>p{color:#959aa6}.games{background:radial-gradient(ellipse at 10% 80%,#4921311a,transparent 60%)}
.platform-card{border:1px solid #ffffff24;border-radius:35px;background:linear-gradient(115deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px 0 #ffffff28,0 30px 60px #0003;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%)}.platform-card:hover{box-shadow:inset 0 1px 0 #ffffff3d,0 25px 70px #0008,0 0 60px #ff353c08}.platform-card:after{border-radius:inherit;background:radial-gradient(ellipse 500px 400px at var(--light-x,40%) var(--light-y,40%),#e1eaff1c,transparent)}.game-art{background:radial-gradient(ellipse at 48% 48%,#262331,#101014 65%)}.game-art:after{background:radial-gradient(ellipse at 56% 45%,transparent 5%,#07080b75 85%)}.game-grid{background-image:linear-gradient(#c2cbf117 1px,transparent 1px),linear-gradient(90deg,#c2cbf117 1px,transparent 1px)}.orbit-label,.game-coord{color:#959aaa}.game-art-plus{color:#777f90}.portal-front{border-color:#fa2538;box-shadow:inset 5px 4px 7px #ffd1df91,6px 3px 0 #a20720,11px 6px 0 #7e0a1a,18px 11px 0 #4c0610,22px 16px 18px #000a,0 0 75px #ff203226}.portal-back{border-color:#b3bbd225}.cube-front{background:linear-gradient(140deg,#f2f5ff8c,#8792b333);border-color:#ffffff59;box-shadow:inset 0 1px 2px #ffffffa1,inset 0 0 20px #ffffff25,0 0 18px #dce5ff15;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.cube-right{background:linear-gradient(120deg,#a9bddf45,#8190ae0d);border-color:#e5eeff59}.cube-top{background:linear-gradient(120deg,#ffffffbd,#b0bfff52);border-color:#ffffff7a}.cube-front svg{fill:#ffffffd9;filter:drop-shadow(0 2px 3px #0005)}.platform-info{position:relative;background:linear-gradient(130deg,#ffffff0b,transparent);border-left:1px solid #ffffff12}.platform-info:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 0,#ffffff0c,transparent 55%)}.live-label{color:#b5bac6}.platform-info p{color:#949aaa}.platform-cta{border-color:#ffffff23;color:#e1e4ec}.external-arrow{color:#d2d7e3}
.studio{background:radial-gradient(ellipse at 90% 50%,#28314615,transparent 60%);border-color:#ffffff12}.studio-detail>p:first-child{color:#e4e7ee}.studio-description,.studio-footer{color:#969dab}.studio-footer{border-color:#ffffff15}.disciplines>span{border-color:#ffffff20;background:linear-gradient(125deg,#ffffff0f,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12;color:#b8bdc9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.disciplines>span:hover{background:#ffffff19;border-color:#ffffff38;color:#fff}
.contact{margin:0 var(--space) 70px;padding:60px 55px 65px;background:radial-gradient(ellipse at 90% 30%,#35212c52,transparent 70%),linear-gradient(130deg,#ffffff0c,#ffffff03);border:1px solid #ffffff28;border-radius:38px;box-shadow:inset 0 1px 0 #ffffff29,inset 1px 0 0 #ffffff08,0 25px 80px #0005;-webkit-backdrop-filter:blur(35px) saturate(160%);backdrop-filter:blur(35px) saturate(160%)}.contact:after{background:radial-gradient(ellipse 450px 450px at var(--contact-x,80%) var(--contact-y,40%),#b2c9ff14,transparent)}.contact h2{font-size:clamp(45px,6.2vw,98px)}.contact-circle{border-color:#ffffff36;background:linear-gradient(135deg,#ffffff22,#ffffff05);box-shadow:inset 0 1px 0 #ffffff45,0 8px 20px #0004;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact:hover .contact-circle{background:linear-gradient(135deg,#ff768660,#ff353c35);border-color:#ff8c9870;box-shadow:inset 0 1px 0 #ffc5ce66,0 0 25px #ff353c22}.contact-pending{color:#8e95a4}.contact-email{color:#d1d7e3;border-color:#ffffff40}
.footer{background:#050609;border-top:1px solid #ffffff10;color:#e4e7ef}.footer-brand{background:linear-gradient(175deg,#f1f3f8,#b7bdca 52%,#555d70);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #ffffff12)}.footer-brand:hover{color:transparent;filter:drop-shadow(0 0 25px #ffffff17)}.footer-brand>span{background:none;color:var(--red);-webkit-text-fill-color:var(--red)}.footer-bottom{border-color:#ffffff1a;color:#8d95a5}.footer-bottom>a{color:#c5cbd8}.skip-link{background:#e8ebf5;color:#101116}.cursor-ring{border-color:#ffffff70}.is-link .cursor-ring{background:#ffffff0b;border-color:#ffffff88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.is-game .cursor-ring{background:#ffffff17;border-color:#ffffff88;box-shadow:inset 0 1px 0 #ffffff5c,0 10px 30px #0004;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.scroll-progress{box-shadow:0 0 15px #ff353c50}
@keyframes glass-float{0%,100%{translate:0 0}50%{translate:0 -20px}}
@supports not (backdrop-filter:blur(1px)){.header,.mobile-nav{background:#15161beF}.button,.platform-card,.contact,.motion-toggle{background-color:#17191feF}}
@media(max-width:1100px){.header{padding-inline:20px}.desktop-nav a{padding-inline:16px}.contact{padding:50px 38px 55px}.contact h2{font-size:60px}.glass-orb-one{width:85px;height:85px}}
@media(max-width:760px){.header{top:12px;height:68px;margin:12px 16px 0;padding-inline:17px;border-radius:25px}.hero{height:auto;padding-top:30px;min-height:920px}.menu-toggle>span{background:#f0f2f8}.mobile-nav{top:77px;left:-1px;right:-1px;border:1px solid #ffffff26;border-radius:25px;background:linear-gradient(140deg,#252730ee,#121318f5);-webkit-backdrop-filter:blur(35px) saturate(170%);backdrop-filter:blur(35px) saturate(170%);box-shadow:var(--glass-shadow);padding:18px 24px 24px}.mobile-nav>a{border-color:#ffffff17}.mobile-nav>a>span{color:#858e9f}.hero-art{top:400px}.glass-orb-one{width:62px;height:62px;right:18%;top:17%}.glass-orb-two{width:38px;height:38px;left:14%;bottom:13%}.hero-art .art-halo{background:radial-gradient(ellipse at 50% 50%,#8d233323,transparent 62%)}.platform-card{border-radius:26px}.platform-info{border-left:0;border-top:1px solid #ffffff14}.contact{margin:0 16px 50px;padding:34px 24px 40px;border-radius:29px}.contact h2{font-size:clamp(45px,10.5vw,75px)}.contact-main{gap:32px}.contact .eyebrow{font-size:8px}.footer{padding-top:36px}.hero-bottom{bottom:25px}.hero-corner{color:#626978}.motion-toggle{font-size:8px}.brand-strip{padding:18px 0}.strip-track>span{font-size:9px}.logo-fallback{filter:drop-shadow(15px 18px 0 #343945) drop-shadow(10px 20px 25px #e3e9ff25)}}
@media(max-width:380px){.hero{min-height:900px}.header .brand{gap:10px}.header .brand-type{font-size:18px}.header .brand-type>span{font-size:6px;letter-spacing:3.5px}.hero-art{top:404px}.contact{padding-inline:21px}.contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.glass-orb{animation:none}.button:after{display:none}}
.motion-paused .glass-orb{animation-play-state:paused}.motion-paused .header:before,.motion-paused .button:after{display:none}

/* Contact composer and a familiar native arrow cursor. */
.contact-main{grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.contact-heading>p{color:#a5adbd;font-size:13px;line-height:1.6;margin-top:28px}.contact-form{display:flex;flex-direction:column;min-width:0}.contact-form label{font-size:11px;color:#d6dbe7;margin-bottom:10px}.contact-form label>span{color:#7e879a;font-size:10px;margin-left:4px}.contact-form input,.contact-form textarea{width:100%;font:14px/1.65 var(--body);color:#f1f3f8;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff22;border-radius:15px;padding:13px 16px;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .25s,box-shadow .25s,background .25s}.contact-form input{min-height:48px;margin-bottom:23px}.contact-form textarea{min-height:145px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#717b8e}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#ff535b99;box-shadow:0 0 0 3px #ff353c0c;background:#ffffff07}.form-actions{display:flex;justify-content:flex-end;margin-top:19px}.form-send{margin-top:0;min-width:154px;justify-content:space-between}.form-note{font-size:10px;line-height:1.6;color:#8f99ac;margin-top:14px;text-align:right}.form-error{color:#ff9399;font-size:11px;line-height:1.6;margin-top:10px}.studio-cursor{display:none!important}.hero-art .art-halo{animation:emblem-aura 7s ease-in-out infinite}.art-cross{animation:cross-shimmer 5s ease-in-out infinite}.cross-two{animation-delay:-2.8s}.play-spark{animation-duration:12s;filter:drop-shadow(0 0 7px #ff353c50)}.orbit-one{animation:orbit-drift 22s ease-in-out infinite}.orbit-two{animation:orbit-drift-alt 28s ease-in-out infinite}.games{border-top:1px solid #ffffff12}
@keyframes emblem-aura{0%,100%{opacity:.55;scale:.94}50%{opacity:1;scale:1.06}}@keyframes cross-shimmer{0%,100%{opacity:.35;scale:.8;rotate:0deg}50%{opacity:1;scale:1.25;rotate:90deg}}@keyframes orbit-drift{0%,100%{transform:rotate(-30deg) scale(1)}50%{transform:rotate(-12deg) scale(1.025)}}@keyframes orbit-drift-alt{0%,100%{transform:rotate(42deg)}50%{transform:rotate(62deg)}}
@media(pointer:fine){html,body,a,button,.cursor-active,.cursor-active a,.cursor-active button{cursor:url('assets/cursor-arrow.svg?v=red-outline-02') 6 5,auto}.contact-form input,.contact-form textarea{cursor:text}}
@media(max-width:1100px){.contact-main{gap:36px}.contact h2{font-size:clamp(43px,5.5vw,60px)}}
@media(max-width:760px){.contact-main{grid-template-columns:1fr;gap:33px}.contact h2{font-size:clamp(43px,10vw,70px)}.contact-heading>p{font-size:12px;margin-top:20px}.contact-form input,.contact-form textarea{font-size:16px}.form-actions{justify-content:stretch}.form-send{width:100%}.form-note{text-align:left;font-size:10px}.hero-art .art-halo{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.hero-art .art-halo,.art-cross,.orbit-one,.orbit-two{animation:none}}

/* Real game covers lead the portfolio. */
.game-list{gap:26px;margin-bottom:0}.game-link{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff25;border-radius:28px;padding-bottom:0;background:linear-gradient(140deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px 0 #ffffff23,0 18px 45px #0004;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}.game-link:hover,.game-link:focus-visible{transform:translateY(-6px);border-color:#ffffff45;box-shadow:inset 0 1px 0 #ffffff36,0 30px 60px #0008}.game-link:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 400px 350px at var(--card-x,50%) var(--card-y,40%),#ffffff16,transparent 80%);opacity:0;transition:opacity .4s}.game-link:hover:after{opacity:1}.game-cover{position:relative;overflow:hidden}.game-cover img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#171920;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.game-link:hover .game-cover img{transform:scale(1.035)}.game-play{position:absolute;bottom:20px;right:20px;width:48px;height:48px;display:grid;place-items:center;font-size:23px;border-radius:50%;border:1px solid #ffffff6b;background:linear-gradient(135deg,#15182077,#101116bb);box-shadow:inset 0 1px 0 #ffffff4d,0 8px 20px #0004;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);color:#fff;transition:background .4s,transform .4s}.game-link:hover .game-play{transform:rotate(45deg);background:#ff353ce6;border-color:#ff909699}.game-caption{padding:26px 28px 28px}.game-caption h3{font:600 30px/1.1 var(--display);letter-spacing:-1.1px;margin:0}.game-caption p{font-size:10px;letter-spacing:.15px;color:#98a3b7;margin-top:12px}.motion-paused .game-link,.motion-paused .game-cover img,.motion-paused .game-play{transition:none!important}.motion-paused .game-link:hover,.motion-paused .game-link:hover .game-cover img,.motion-paused .game-link:hover .game-play{transform:none}
@media(max-width:760px){.game-list{gap:23px}.game-link{border-radius:23px}.game-caption{padding:22px 23px 24px}.game-caption h3{font-size:27px}.game-play{width:43px;height:43px;right:16px;bottom:16px;font-size:21px}.game-link:hover{transform:none}}

/* A single uninterrupted black base around the rendered emblem. */
body,.hero,.footer{background:#07080b}.hero:before,.hero:after{content:none;display:none}

/* A simple digital-development introduction and a solid white wordmark. */
.brand-type>span{letter-spacing:2px}
.hero{min-height:680px;max-height:850px}
.hero-content{padding-top:100px}
.hero-content h1{font-size:clamp(48px,5.6vw,86px);line-height:.98}
.hero-content p{max-width:470px;font-size:14px;line-height:1.8;margin-top:27px}
.footer-brand{display:block;background:none;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;filter:none}.footer-brand:hover{color:#fff}.footer-letter-e{font:inherit;margin-right:.04em}
@media(max-width:760px){.hero{min-height:790px;height:auto;max-height:none}.hero-content{padding-top:34px}.hero-content h1{font-size:clamp(34px,8.6vw,56px)}.hero-content p{font-size:13px;line-height:1.75;margin-top:23px}.hero-art{top:390px;height:350px}.brand-type>span{font-size:6px;letter-spacing:1.7px}}

/* Independent letter reels retain the wordmark's shape and accessible name. */
.hero-content .intro-identity{font-size:18px;line-height:1.6;color:#e4e7ee}
.hero-content .intro-copy{margin-top:14px}
.form-privacy{font-size:11px;line-height:1.65;color:#a5adbd;margin-top:12px;text-align:right}
@media(max-width:760px){.form-privacy{text-align:left}}
.contact-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:64px;margin-top:24px;color:#f4f5f8}
.contact-arrow svg{width:28px;height:42px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease,color .3s ease}
.contact-arrow:hover{color:var(--red)}.contact-arrow:hover svg{transform:translateY(6px)}
.motion-paused .contact-arrow svg{transition:none}
@media(prefers-reduced-motion:reduce){.contact-arrow svg{transition:none}}
.footer{container-type:inline-size}
.footer-brand{display:flex;align-items:baseline;font-size:clamp(44px,20cqw,330px);line-height:1;letter-spacing:0}
.footer-reels{display:inline-flex;align-items:baseline;font:inherit;letter-spacing:-.075em}
.footer-reel{position:relative;display:block;flex:none;height:1em;line-height:1;letter-spacing:0;overflow:hidden}
.footer-reel+.footer-reel{margin-left:-.075em}
.footer-reel:nth-child(3){margin-left:-.035em}
.footer-reel-sizer{display:block;visibility:hidden}
.footer-reel-track{position:absolute;inset:0 0 auto;will-change:transform}
.footer-brand[data-reel-state="settled"] .footer-reel-track{will-change:auto}
.footer-reel-cell{display:block;height:1em;line-height:1;text-align:center;letter-spacing:0}
.footer-stop{display:block;font:inherit;line-height:1;margin-left:-.05em;color:var(--red);-webkit-text-fill-color:var(--red)}
@media(max-width:760px){.hero-content .intro-identity{font-size:16px;line-height:1.6}}

/* Email service chooser */
.contact-form .contact-service{width:100%;min-height:48px;margin-bottom:23px;padding:12px 44px 12px 16px;font:14px/1.65 var(--body);color:#f1f3f8;color-scheme:dark;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff22;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff08;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23a5adbd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E"),linear-gradient(135deg,#ffffff08,#ffffff03);background-repeat:no-repeat,no-repeat;background-position:right 18px center,0 0;transition:border-color .25s,box-shadow .25s}
.contact-form .contact-service option{background:#12141a;color:#f1f3f8}
.contact-form .contact-service:focus{outline:none;border-color:#ff535b99;box-shadow:0 0 0 3px #ff353c0c}
@media(pointer:fine){.contact-form .contact-service{cursor:pointer}}
@media(max-width:760px){.contact-form .contact-service{font-size:16px}}

/* Phones: keep the emblem directly under the intro text instead of at a fixed offset */
@media(max-width:760px){
  .hero{min-height:0;height:auto;padding-bottom:92px}
  .hero .hero-art{position:relative;top:auto;right:auto;left:auto;width:100%;height:min(88vw,360px);margin-top:-4px}
  .hero .hero-art canvas{transform:scale(1.08)}
}

/* What we do: same glass panel and pointer glow as Contact (it also carries the .contact class) */
.contact.services{margin-bottom:28px}
.contact.services .services-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:center}
.contact.services h2{font-size:clamp(40px,5.4vw,78px);line-height:.98}
.services-intro{max-width:420px;margin-top:26px;font-size:15px;line-height:1.75;color:#a5adbd}
.services-list{list-style:none;margin:0;padding:0;border-bottom:1px solid #ffffff1f}
.service{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:36px;align-items:baseline;padding:34px 0;border-top:1px solid #ffffff1f}
.service h3{margin:0;font:600 28px/1.15 var(--display);letter-spacing:-.03em;color:#f1f3f8}
.service p{font-size:15px;line-height:1.7;color:#a5adbd}
@media(max-width:1100px){.contact.services .services-main{column-gap:40px}.service{grid-template-columns:1fr;row-gap:10px;padding:28px 0}.service h3{font-size:26px}}
@media(max-width:760px){.contact.services{margin-bottom:16px}.contact.services .services-main{grid-template-columns:1fr;row-gap:30px}.contact.services h2{font-size:clamp(40px,12vw,56px)}.services-intro{font-size:14px;margin-top:20px}.service{padding:24px 0}.service h3{font-size:24px}.service p{font-size:14px}}
.contact-form label[for=contact-service]{margin-top:23px}

/* Email us directly panel, below Get in touch */
#contact.contact{margin-bottom:28px}
.email-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:center}
.email-panel h2{font-size:clamp(34px,4.2vw,60px);line-height:.98}
.email-heading>p{color:#a5adbd;font-size:13px;line-height:1.6;margin-top:20px}
.contact-direct{display:flex;flex-direction:column;gap:18px;min-width:0}
.contact-direct[hidden]{display:none}
.contact-direct-link{align-self:flex-start;max-width:100%;font:600 clamp(26px,3.6vw,52px)/1.1 var(--display);letter-spacing:-.03em;color:#f4f5f8;text-decoration:none;border-bottom:2px solid #ff353c;padding-bottom:6px;overflow-wrap:anywhere;transition:color .25s,border-color .25s}
.contact-direct-link:hover,.contact-direct-link:focus-visible{color:#ff535b;border-color:#ff535b;outline:none}
.contact-direct-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.contact-direct-hint{font-size:11px;color:#8f99ac}
.contact-copy{font:500 12px/1 var(--body);color:#e6e9f0;background:linear-gradient(135deg,#ffffff12,#ffffff04);border:1px solid #ffffff2e;border-radius:24px;padding:11px 18px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.contact-copy:hover,.contact-copy:focus-visible{border-color:#ff535b99;color:#fff;background:#ff353c1a;outline:none}
@media(max-width:1100px){.email-main{column-gap:40px}}
@media(max-width:760px){#contact.contact{margin-bottom:16px}.email-main{grid-template-columns:1fr;row-gap:26px}.email-panel h2{font-size:clamp(34px,10.5vw,48px)}.contact-direct-link{font-size:clamp(17px,5.8vw,30px)}}