/*
Theme Name: Syntax Asia
Author: Syntax Asia
Description: Minimal blue and black agency theme with a connected-world Three.js hero.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: syntax-asia
*/
@font-face{font-family:Inter;src:url('assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--primary:#0852df;--mint:#4b83ff;--cream:#dce8ff;--lilac:#245bc6;--bg:#05070b;--surface:#0a101b;--text:#f3f6fc;--muted:#94a1b8;--border:#ffffff20;--heading-font:Inter;--body-font:Inter;--body-size:18px;--radius:0px;--button-radius:100px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--body-size)/1.6 var(--body-font),sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading-font),sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.03}h2{font-size:clamp(44px,6vw,88px);white-space:pre-line}h3{font-size:clamp(25px,3.3vw,47px);letter-spacing:-.04em}p{color:var(--muted)}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:6px}::selection{background:var(--primary);color:white}.skip{position:fixed;top:-80px;left:20px;z-index:1000;background:var(--primary);padding:12px}.skip:focus{top:10px}.site-header{height:112px;max-width:1560px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brand img{width:150px;height:49px;object-fit:contain}.site-header nav,.site-header ul{display:flex;align-items:center;gap:40px;list-style:none;padding:0;margin:0;font-size:16px}.nav-cta{border-bottom:1px solid var(--mint);padding:10px 0}.nav-cta span{margin-left:20px}.menu-toggle{display:none}.hero{max-width:1600px;min-height:calc(100svh - 112px);height:850px;max-height:1100px;margin:auto;position:relative;display:flex;align-items:center;padding:70px 6% 140px;isolation:isolate;overflow:hidden}.hero-heading{z-index:2;position:relative;max-width:1040px;pointer-events:none}.hero-heading a{pointer-events:auto}h1,.hero-accent{font-size:clamp(68px,8vw,126px);font-weight:500;line-height:1.02;letter-spacing:-.075em}.hero-accent{color:var(--text);max-width:850px}.hero-copy{font-size:20px;margin-top:32px;color:#acb8cc}.actions{margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:17px 29px;border-radius:var(--button-radius);background:var(--primary);color:white;font-size:16px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#2267ef;transform:translateY(-2px)}.world-stage{position:absolute;inset:0;z-index:0;pointer-events:none}.world-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,#05070bba 24%,transparent 63%);pointer-events:none}#globe{position:absolute;width:850px;height:850px;right:-150px;top:0;pointer-events:auto;cursor:grab;touch-action:pan-y}#globe:active{cursor:grabbing}#globe canvas{position:relative;width:100%;height:100%;display:block;z-index:1}.globe-fallback{position:absolute;width:70%;height:70%;top:15%;left:15%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 22px,#376eee40 23px 24px),radial-gradient(circle at 35% 30%,#123e7e,#07162f 65%,#020610);box-shadow:inset -20px -10px 70px #000,0 0 100px #07398938}.globe-ready .globe-fallback{display:none}.hero-bottom{position:absolute;bottom:45px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--muted);z-index:2}.hero-bottom a{font-size:32px;color:var(--text)}.section{max-width:1440px;padding:140px 6%;margin:auto}.intro-section{padding-top:170px;padding-bottom:170px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:110px;border-top:1px solid var(--border)}.lead{font-size:clamp(20px,2vw,28px);line-height:1.55;max-width:560px}.section-heading{margin-bottom:65px}.service-list{border-top:1px solid var(--border)}.service-row,.price-row{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--border);padding:34px 0;transition:color .2s,padding .2s}.service-row:hover{color:var(--mint);padding-inline:14px}.service-row span{font-size:34px;color:var(--mint)}.work-item{margin-bottom:85px}.work-item img{width:100%;max-height:650px;object-fit:cover}.work-line{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.work-line span{font-size:35px}.statement-section{margin-block:90px;padding-block:150px;border-block:1px solid var(--border);position:relative;background:radial-gradient(ellipse at 80% 50%,#08215177,transparent 65%)}.statement-section h2{font-size:clamp(64px,9vw,136px);margin-bottom:50px}.statement-section .lead{max-width:620px}.reviews-section figure{margin:0 0 70px}.reviews-section blockquote{font-size:clamp(28px,4vw,50px);line-height:1.3;letter-spacing:-.035em;margin:0 0 30px}.reviews-section figcaption{color:var(--muted);font-size:18px;display:flex;justify-content:space-between;gap:30px}.reviews-section a{color:var(--mint)}.price-row h3{font-size:30px}.price-row>span{font-size:22px;color:var(--muted)}.contact-section{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding-top:170px;padding-bottom:150px}.contact-section h2{font-size:clamp(52px,6vw,86px);margin-bottom:36px}.contact-section .lead{font-size:20px;margin-bottom:30px}.contact-email{font-size:clamp(20px,2vw,28px);color:var(--mint)}form label{font-size:16px;display:block}form input,form textarea,form select{width:100%;border:0;border-bottom:1px solid #ffffff35;padding:15px 0;background:transparent;color:var(--text);margin-bottom:28px;font-size:16px;border-radius:0;resize:vertical}form input::placeholder,form textarea::placeholder{color:var(--muted)}form select option{background:var(--bg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.consent{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:25px}.consent input{width:17px;height:17px;margin:3px 0 0;flex-shrink:0;accent-color:var(--primary)}.hp{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden}#contact-form .button{width:100%}#form-status{margin-top:20px;font-size:16px}.site-footer{max-width:1440px;margin:auto;padding:0 6% 50px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-top{padding-bottom:50px}.footer-top p,.footer-top>a:last-child{font-size:16px}.footer-bottom{border-top:1px solid var(--border);padding-top:25px;font-size:14px;color:var(--muted)}.motion-toggle{position:fixed;bottom:12px;right:16px;z-index:20;padding:9px 14px;background:#05070bd9;border:1px solid var(--border);border-radius:40px;color:var(--muted);font-size:14px}.scroll-progress{display:none}.reading-page{max-width:1000px;padding:100px 30px;margin:auto;min-height:65vh}.reading-page h1{font-size:70px;margin-bottom:50px}.prose p{margin:24px 0}.prose h2{font-size:40px;margin:35px 0}.prose a{color:var(--mint)}.eyebrow{font-size:16px;margin-bottom:28px}.motion-paused *{animation:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){#globe{right:-70px;width:1000px;height:1000px;top:-55px}}
@media(max-width:1000px){.site-header nav{gap:25px}.hero{height:800px}#globe{right:-240px;top:30px}.intro-section{gap:50px}.contact-section{gap:50px}.footer-top p{display:none}}
@media(max-width:700px){.site-header{height:90px;padding:22px 6%}.brand img{width:126px;height:41px}.menu-toggle{display:flex;gap:18px;font-size:16px}.menu-toggle span{font-size:22px}.site-header nav{display:none;position:absolute;top:85px;left:4%;right:4%;padding:28px;background:var(--surface);border:1px solid var(--border);align-items:stretch}.site-header nav.open,.site-header ul{display:flex;flex-direction:column;gap:24px}.hero{height:890px;min-height:0;max-height:none;align-items:flex-start;padding-top:65px;padding-bottom:80px}.hero-heading{max-width:100%}h1,.hero-accent{font-size:clamp(57px,12vw,80px);letter-spacing:-.07em;max-width:540px}.hero-copy{font-size:18px;margin-top:25px}.actions{margin-top:25px}.button{font-size:16px;min-height:54px;padding:15px 25px}#globe{width:600px;height:600px;top:345px;right:calc(50% - 300px)}.world-stage:after{background:linear-gradient(var(--bg) 0%,transparent 45%,transparent 85%,var(--bg) 100%)}.hero-bottom{font-size:14px;bottom:30px}.section{padding-block:90px}.intro-section{grid-template-columns:1fr;gap:35px}.lead{font-size:22px}.section-heading{margin-bottom:40px}h2{font-size:48px}.service-row{padding:27px 0}.service-row h3{font-size:28px}.service-row span{font-size:29px}.statement-section{margin-block:30px;padding-block:100px}.statement-section h2{font-size:75px;margin-bottom:35px}.contact-section{grid-template-columns:1fr;gap:60px}.contact-section h2{font-size:56px}.contact-section .lead{font-size:18px}.form-row{grid-template-columns:1fr;gap:0}.price-row{align-items:flex-start;flex-direction:column;gap:12px}.price-row h3{font-size:28px}.price-row span{font-size:20px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;font-size:14px}.site-footer{padding-bottom:75px}.reading-page h1{font-size:48px}.reviews-section figcaption{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}