/* Veykora Studio — self-contained, responsive design system */
:root{--bg:#101411;--panel:#191f1a;--panel2:#202821;--text:#f2f4ed;--muted:#b1baad;--accent:#c9f36b;--line:#333d33;--dark:#152013;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.2vw,86px);font-weight:600}h2{font-size:clamp(32px,3.5vw,48px);font-weight:500}h3{font-size:23px;font-weight:500}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--dark)}[hidden]{display:none!important}.container{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.section{padding-block:72px}.accent{color:var(--accent)}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent);margin-bottom:26px;display:flex;align-items:center;gap:10px}.lead{font-size:18px;line-height:1.7;max-width:560px;margin-top:26px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--dark);padding:12px 24px}.skip:focus{top:10px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(16,20,17,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:30px;letter-spacing:-1.3px;font-weight:700;line-height:1}.brand-sub{font-size:9px;letter-spacing:4px;font-weight:400;display:block;margin-top:7px}nav{display:flex;align-items:center;gap:26px}nav>a{font-size:13px;color:var(--muted);transition:color .2s}nav>a:hover,nav>a[aria-current]{color:var(--accent)}nav>.button[aria-current]{color:var(--dark)}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:16px 24px;background:var(--accent);color:var(--dark);border:1px solid var(--accent);border-radius:7px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;line-height:1.4}.button:hover{background:#ddffa3;transform:translateY(-2px)}.button.small{padding:13px 18px;gap:18px;font-size:12px}.button span{font-size:21px;font-weight:400}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:14px;color:var(--text);transition:color .2s}.text-link:hover{color:var(--accent)}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 14px;font-size:13px}.menu-toggle span{margin-left:8px}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent);width:0}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:54px;padding-block:90px 74px;min-height:720px}.hero h1{max-width:620px}.hero .lead{font-size:16px;max-width:440px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(201,243,107,.1)}.hero-foot{border-top:1px solid var(--line);margin-top:60px;padding-top:19px;display:flex;flex-direction:column;gap:5px}.hero-foot>span:last-child{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-width:0;padding:54px 0;isolation:isolate}.orbit{position:absolute;inset:-12% -12%;border-radius:50%;background:radial-gradient(ellipse,rgba(130,166,78,.14),transparent 68%);z-index:-1}.orbit:before,.orbit:after{content:'';position:absolute;width:85%;height:85%;top:7.5%;left:7.5%;border:1px solid rgba(201,243,107,.09);border-radius:50%;transform:rotate(-24deg) scaleY(.8)}.orbit:after{transform:rotate(36deg) scaleY(.8)}.product-window{border:1px solid #46523f;background:#1d251e;border-radius:13px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 75px #0005;animation:window-enter .9s ease both}.window-bar{display:flex;align-items:center;gap:18px;padding:15px 16px;background:#262f25;border-bottom:1px solid #394436;font-size:11px;color:#c2cdba}.window-dots{font-size:8px;color:#a1b98a;letter-spacing:3px}.window-state{margin-left:auto;background:#c9f36b1a;color:var(--accent);padding:1px 8px;border-radius:10px}.product-body{display:grid;grid-template-columns:52px 1fr}.mock-sidebar{display:flex;align-items:center;flex-direction:column;gap:26px;padding-top:20px;border-right:1px solid #394436;background:#1a211b}.mock-square{height:12px;width:12px;border:1px solid #718566;border-radius:3px}.mock-content{padding:26px}.mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#becbb4}.tag{font-size:10px;background:#ffffff08;border:1px solid #43503d;padding:2px 8px;border-radius:5px}.mock-content h2{font-size:35px;line-height:1.13;font-weight:400}.mock-chart{height:132px;display:flex;align-items:flex-end;gap:8px;margin-block:26px 22px;padding-bottom:12px;border-bottom:1px solid #405039}.mock-chart span{flex:1;min-width:0;background:linear-gradient(to top,#58743a,#c9f36b);border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow 1.2s ease both}.mock-chart span:nth-child(1){height:28%}.mock-chart span:nth-child(2){height:45%}.mock-chart span:nth-child(3){height:35%}.mock-chart span:nth-child(4){height:65%}.mock-chart span:nth-child(5){height:53%}.mock-chart span:nth-child(6){height:76%}.mock-chart span:nth-child(7){height:68%}.mock-chart span:nth-child(8){height:95%}.mock-bottom{display:flex;justify-content:space-between;align-items:center;color:#becbb4}.mock-pills{display:flex;gap:7px;margin-top:14px}.mock-pills span{border:1px solid #45513f;border-radius:5px;padding:5px 10px;font-size:10px;color:#c6d0be}.floating-label{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #556249;border-radius:10px;padding:12px 16px;background:#2a3327;color:#e6efd9;font-size:12px;box-shadow:0 10px 30px #0003;animation:float 5s ease-in-out 1s 3}.label-top{top:26px;right:-12px}.label-bottom{bottom:20px;left:-30px;animation-delay:2s;background:#c9f36b;color:#162010;border-color:#c9f36b}.mini-icon{font-family:var(--mono);font-size:18px}.visual-caption{position:absolute;bottom:-23px;right:0;color:#86927e;font-size:9px}.stack-strip{border-block:1px solid var(--line);background:#141914}.stack-strip .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:28px}.stack-strip span:not(.mono){color:#d4dcce;font-size:16px}.stack-strip .mono{color:#8f9b86}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:18px}.section-head>p{max-width:330px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:border-color .3s,background .3s}.service-card:hover{border-color:#6a7e51;background:#20291e}.card-index{font-family:var(--mono);font-size:10px;color:#a5b19d;letter-spacing:.07em}.service-glyph{font-family:var(--mono);font-size:30px;color:var(--accent);margin:35px 0 30px;line-height:1}.service-card h3{font-size:23px;max-width:220px;line-height:1.2}.service-card p{font-size:14px;margin-block:16px 28px}.service-card .text-link{margin-top:auto;font-size:12px}.service-card>.card-index+h3{margin-top:40px}.featured-project{display:grid;grid-template-columns:1.4fr 1fr;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}.project-art{position:relative;overflow:hidden;min-height:390px;padding:34px;isolation:isolate}.art-atlas{background:#d5dccf;color:#182c29}.art-top{position:relative;z-index:2;color:inherit;display:block;font-size:10px;letter-spacing:.12em}.atlas-title{position:relative;z-index:2;font-size:clamp(38px,4vw,65px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin-top:72px}.atlas-title em{font-family:Georgia,serif;font-weight:400}.atlas-shape{position:absolute;width:260px;height:300px;bottom:-68px;right:-17px;transform:rotate(-30deg);border:46px solid #2c5147;border-radius:135px;box-shadow:0 0 0 20px #9eafa25c;z-index:1}.art-bottom{position:absolute;bottom:30px;left:34px;font-size:11px;z-index:2}.project-summary{padding:48px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-summary h3{font-size:38px;margin-bottom:20px}.project-summary p{font-size:14px;margin-bottom:22px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-block:10px 25px}.tags span{font-size:10px;color:var(--muted);border:1px solid #46513e;border-radius:30px;padding:5px 10px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process{padding:30px 24px 0 0}.process+.process{padding-left:24px;border-left:1px solid var(--line)}.process>.mono{color:var(--accent)}.process h3{margin-top:35px;font-size:22px}.process p{font-size:13px;line-height:1.7;margin-top:14px}.studio-strip{display:grid;grid-template-columns:.7fr 1fr;gap:90px;align-items:center;border-block:1px solid var(--line);padding-block:60px}.studio-strip p:not(.eyebrow){font-size:14px;max-width:520px;margin-top:22px}.studio-strip .text-link{margin-top:28px}.layer-art{position:relative;height:290px;display:flex;align-items:center;justify-content:center}.layer-art span{position:absolute;width:165px;height:165px;border:2px solid #c9f36b;border-radius:15px;transform:rotate(-30deg) skew(16deg,16deg);background:#c9f36b0a;box-shadow:0 0 60px #c9f36b09;animation:layer-enter 1s ease both}.layer-art span:nth-child(1){margin-top:-80px;z-index:3;background:#333f28}.layer-art span:nth-child(2){z-index:2;opacity:.7}.layer-art span:nth-child(3){margin-top:80px;opacity:.4;z-index:1}.cta{background:var(--accent);color:var(--dark);padding:58px 64px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden}.cta .eyebrow,.cta p{color:#3d5328}.cta p:not(.eyebrow){margin-top:22px;font-size:14px}.cta h2{font-size:clamp(36px,4vw,53px)}.cta .button{background:var(--dark);color:var(--accent);border-color:var(--dark);flex-shrink:0}.cta .button:hover{background:#2a3d22}.site-footer{border-top:1px solid var(--line);margin-top:16px;padding-top:55px}.footer-main{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:50px;padding-bottom:50px}.footer-main p{font-size:13px;margin-top:22px}.footer-main h2{font-size:12px;letter-spacing:0;margin:10px 0 25px;font-weight:600}.footer-main>div>a:not(.brand),.footer-main>div>span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px;overflow-wrap:anywhere}.footer-main a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9ba793}.back-top{position:fixed;bottom:24px;right:24px;background:var(--panel2);color:var(--accent);border:1px solid #596a44;border-radius:8px;width:44px;height:44px;font-size:20px;z-index:25}
.page-intro{padding-block:85px 60px;border-bottom:1px solid var(--line)}.page-intro .lead{max-width:650px}.page-intro .button{margin-top:32px}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:center}.brand-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:65px 36px;display:flex;align-items:center;flex-direction:column;gap:35px;text-align:center}.brand-panel h2{font-size:32px}.brand-panel .mono{color:var(--muted);font-size:10px}.prose p:not(.eyebrow){margin-top:24px;font-size:15px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.tech-grid article{padding:32px 24px 0 0}.tech-grid .mono{color:var(--accent)}.tech-grid h3{font-size:21px;letter-spacing:-.02em;margin-block:24px 16px}.tech-grid p{font-size:13px}.services-list{display:flex;flex-direction:column;gap:24px}.service-detail{display:grid;grid-template-columns:70px 1fr 160px;gap:30px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:45px;scroll-margin-top:110px}.detail-number{font-family:var(--mono);font-size:20px;color:var(--accent);padding-top:4px}.service-detail h2{font-size:36px}.service-detail p:not(.eyebrow){font-size:15px;margin-top:22px;max-width:650px}.checklist{list-style:none;padding:0;margin:25px 0;color:var(--muted);font-size:14px;display:grid;gap:10px}.checklist li{position:relative;padding-left:25px}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.detail-code{font-size:36px;color:#7f965c;font-family:var(--mono);align-self:center;justify-self:end}.notice{padding:28px;background:#c9f36b09;border:1px solid #445536;border-radius:10px;color:var(--muted)}.notice h3{font-size:24px;color:var(--text);margin-bottom:12px}.notice p{font-size:14px;max-width:800px}.notice.compact{padding:18px 20px;font-size:13px}.notice.compact p{font-size:12px;margin-top:10px}.notice a{color:var(--accent);text-decoration:underline}.faq{margin-top:34px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding-block:20px}summary{font-size:16px;cursor:pointer;padding-right:24px}details p{font-size:14px;max-width:720px;margin-top:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-block:30px 40px}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:40px;padding:10px 18px;font-size:12px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--dark);border-color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:40px}.project-case{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:120px}.project-case .project-art{min-height:460px}.case-body{padding:38px}.case-body h2{font-size:40px;margin-bottom:20px}.case-body p{font-size:14px}.case-body dl,.contact-panel dl{margin-top:28px;font-size:13px;display:grid;gap:8px}.case-body dt,.contact-panel dt{color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.case-body dd,.contact-panel dd{margin:0 0 10px;color:var(--muted)}.art-akis{background:#1d2540;color:#dbe4ff}.dashboard{margin-top:70px;background:#111a31;border:1px solid #46516d;border-radius:10px;transform:rotate(-4deg);padding:22px 17px;box-shadow:0 20px 50px #0004}.dash-head{font-size:25px;font-weight:600;padding-bottom:20px}.dash-head small{font-size:8px;font-weight:400;float:right;margin-top:14px;color:#a7b3d3}.dash-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-columns>div{min-width:0}.dash-columns span{font-size:8px;display:block;color:#b2c1e4;margin-bottom:14px}.dash-columns i{display:block;background:#273354;border:1px solid #435178;font-style:normal;font-size:9px;padding:14px 8px;border-radius:6px;margin-bottom:8px}.dash-columns>div:last-child i{background:#3d5148;color:#d2f6c6}.art-form{background:#e1c7b1;color:#533d30}.shop-title{position:relative;z-index:2;font-size:54px;font-weight:500;line-height:1.03;letter-spacing:-.06em;margin-top:70px}.shop-title em{font-family:Georgia,serif}.vase{position:absolute;right:35px;bottom:65px;width:105px;height:170px;background:linear-gradient(90deg,#6e4d36,#b18765 40%,#8f664b);border-radius:35% 35% 45% 45%;box-shadow:20px 30px 24px #6b453e38;transform:rotate(10deg)}.vase:before{content:'';position:absolute;top:-21px;width:55px;height:45px;left:25px;background:linear-gradient(90deg,#6e4d36,#b18765 50%,#8f664b);border-radius:6px 6px 30% 30%}.contact-panel p:not(.eyebrow){margin-top:24px;font-size:15px}.contact-panel a{color:var(--accent);overflow-wrap:anywhere}.contact-cta{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:45px}.contact-cta p{margin-block:20px 30px;font-size:15px}.large-arrow{font-size:70px;color:var(--accent);display:block;margin-bottom:35px;line-height:1}.contact-cta .checklist{margin-top:35px}
.form-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:60px;align-items:start}.form-aside>p:not(.eyebrow){margin-top:24px;font-size:14px}.contact-steps{list-style:none;counter-reset:step;padding:0;margin:35px 0;display:grid;gap:20px;color:var(--muted);font-size:13px}.contact-steps li{counter-increment:step;display:flex;align-items:center;gap:14px}.contact-steps li:before{content:counter(step,decimal-leading-zero);color:var(--accent);font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.form-card{padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.form-card h2{font-size:28px}.form-hint{font-size:11px;margin:12px 0 24px;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:22px;min-width:0}.field>label{display:block;font-size:12px;color:var(--text);margin-bottom:9px}.field>label>span{color:var(--muted)}input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;min-width:0;background:#101710;border:1px solid #47513f;border-radius:6px;color:var(--text);padding:12px;font-size:14px;line-height:1.5}textarea{resize:vertical;min-height:160px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#f2a7a7}::placeholder{color:#91a087}.field-error{font-size:11px;color:#ffb6ac;display:block;margin-top:8px}.field>.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.checkbox input{accent-color:var(--accent);margin:3px 0 0;width:16px;height:16px;flex-shrink:0}.checkbox a{color:var(--accent);text-decoration:underline}.form-result{padding:20px;margin-bottom:24px;border-radius:8px;font-size:13px;scroll-margin-top:120px}.form-result.error{background:#572a2430;border:1px solid #a6685e;color:#ffcabf}.form-result.success{background:#c9f36b10;border:1px solid #758a50;color:#d8f7ab}.form-result ul{padding-left:20px;margin:12px 0 0}.form-result a{text-decoration:underline}.form-card>.notice{margin-bottom:28px}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.policy{max-width:800px}.policy h2{font-size:28px;margin-bottom:20px}.policy p{font-size:15px;margin-bottom:40px}.policy a{color:var(--accent)}
.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.will-reveal.visible{opacity:1;transform:none}@keyframes bar-grow{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}@keyframes window-enter{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes layer-enter{from{opacity:0;translate:0 15px}to{translate:0 0}}
@media(min-width:1440px){.hero{gap:80px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:16px}.hero{gap:35px}.hero h1{font-size:68px}.service-card{padding:24px}.label-bottom{left:-14px}.project-summary{padding:32px}.split{gap:40px}.service-detail{grid-template-columns:45px 1fr 110px;padding:32px}.detail-code{font-size:26px}}
@media(max-width:960px){.nav-row{min-height:80px;flex-wrap:wrap;padding-block:15px}.menu-toggle:not([hidden]){display:inline-block}nav{display:flex;width:100%;flex-wrap:wrap;gap:14px;padding:15px 0}body:has(.menu-toggle:not([hidden])) nav{display:none}body:has(.menu-toggle:not([hidden])) nav.open{display:flex}nav>a:not(.button){padding:9px 5px}nav .button{margin-left:auto}.hero{padding-block:65px;min-height:0;gap:35px}.hero h1{font-size:clamp(42px,6vw,60px)}.hero .eyebrow{font-size:9px;letter-spacing:.06em}.hero .lead{font-size:14px}.hero-visual{padding-block:45px}.mock-content{padding:20px}.mock-content h2{font-size:28px}.mock-chart{height:100px}.window-bar{gap:10px}.window-bar .mono{font-size:8px}.floating-label{font-size:10px;padding:10px}.service-grid{gap:12px}.service-card h3{font-size:20px}.studio-strip{gap:50px}.process-grid{grid-template-columns:repeat(2,1fr);gap:32px 0}.process:nth-child(3){border-left:0;padding-left:0}.tech-grid{gap:20px}.project-case{grid-template-columns:1fr}.project-case .project-art{min-height:390px}.case-body{padding:32px}.form-layout{gap:30px;grid-template-columns:1fr 1.5fr}.form-row{grid-template-columns:1fr}.contact-cta{padding:30px}}
@media(max-width:720px){.container{width:calc(100% - 40px)}.section{padding-block:45px}.brand{font-size:25px;gap:10px}.brand img{width:35px;height:35px}.brand-sub{font-size:8px;letter-spacing:3px}.nav-row{min-height:75px}.hero{grid-template-columns:1fr;padding-top:52px;gap:45px}.hero h1{font-size:clamp(49px,10vw,72px)}.hero .eyebrow{font-size:10px}.hero .lead{font-size:16px;max-width:480px}.hero-foot{margin-top:32px}.hero-visual{width:min(460px,95%);margin-inline:auto;padding-block:35px 65px}.window-bar .mono{font-size:9px}.mock-content h2{font-size:34px}.mock-chart{height:115px}.label-top{top:12px;right:-7px}.label-bottom{bottom:32px;left:-7px}.visual-caption{bottom:5px;font-size:8px}.orbit{inset:-5%}.stack-strip .container{justify-content:flex-start;gap:16px 25px;padding-block:23px}.stack-strip .mono{width:100%;font-size:10px}.stack-strip span:not(.mono){font-size:14px}.section-head{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-head>p{max-width:440px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:28px}.service-card h3{max-width:none;font-size:24px}.service-glyph{margin-block:25px}.service-card p{max-width:440px}.featured-project{grid-template-columns:1fr}.project-art{min-height:360px;padding:28px}.atlas-title{font-size:55px}.art-bottom{left:28px}.project-summary{padding:30px}.process-grid{gap:24px 0}.process{padding-right:16px}.process+.process{padding-left:16px}.process:nth-child(3){padding-left:0}.process h3{font-size:20px;margin-top:25px}.studio-strip{grid-template-columns:1fr;gap:10px;padding-block:35px}.layer-art{height:235px}.layer-art span{width:130px;height:130px}.studio-strip h2{font-size:36px}.cta{padding:36px 28px;flex-direction:column;align-items:flex-start;gap:32px}.cta h2{font-size:40px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding-block:55px 40px}.page-intro h1{font-size:clamp(40px,8.5vw,62px)}.page-intro .lead{font-size:16px}.split{grid-template-columns:1fr;gap:35px}.brand-panel{padding-block:40px}.tech-grid{grid-template-columns:1fr;gap:25px}.tech-grid article{padding-top:24px}.service-detail{grid-template-columns:1fr;padding:28px;gap:15px}.service-detail h2{font-size:30px}.service-detail .eyebrow{margin-bottom:16px}.detail-code{display:none}.checklist{font-size:13px}.project-case .project-art{min-height:370px}.case-body{padding:28px}.case-body h2{font-size:34px}.dash-head small{font-size:8px}.dashboard{margin-top:65px}.shop-title{font-size:49px}.vase{right:30px;width:90px;height:150px}.vase:before{left:18px}.form-layout{grid-template-columns:1fr;gap:35px}.form-card{padding:24px}.form-row{grid-template-columns:1fr}.form-aside .contact-steps{margin-block:24px}.policy h2{font-size:25px}.back-top{bottom:16px;right:16px}}
@media(max-width:400px){.container{width:calc(100% - 32px)}.hero .eyebrow{font-size:8px}.hero h1{font-size:48px}.actions{gap:22px}.mock-content{padding:17px}.mock-content h2{font-size:29px}.mock-pills span{padding:4px 6px;font-size:9px}.window-state{display:none}.dash-columns i{font-size:8px;padding:10px 5px}.process h3{font-size:18px}.cta h2{font-size:34px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.form-card{padding:20px}.shop-title{font-size:43px}.vase{right:14px;width:85px}.atlas-title{font-size:49px}.atlas-shape{right:-60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.product-window{transform:rotate(-3deg)}}
@media print{.site-header,.back-top,.filters{display:none}body{background:white;color:black}.container{width:95%}p{color:#333}.will-reveal{opacity:1;transform:none}.section{padding-block:20px}.hero{min-height:0}.service-card,.project-case{break-inside:avoid}}
@media(min-width:1101px){.hero h1{font-size:68px}.hero{padding-block:78px 65px}}
/* Keep decorative orbit strokes within their own canvas. */
.hero-visual .orbit{inset:0;overflow:hidden}

/* Delivery and support page */
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.delivery-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.delivery-card>.mono{color:var(--accent);display:block;margin-bottom:26px}.delivery-card h3{font-size:26px;margin-bottom:18px}.delivery-card p{font-size:14px}.delivery-notice{margin-top:28px}.delivery-more{margin-top:18px}
@media(max-width:1080px){.nav-row{min-height:80px;flex-wrap:wrap;padding-block:15px}.menu-toggle:not([hidden]){display:inline-block}nav{display:flex;width:100%;flex-wrap:wrap;gap:14px;padding:15px 0}body:has(.menu-toggle:not([hidden])) nav{display:none}body:has(.menu-toggle:not([hidden])) nav.open{display:flex}nav>a:not(.button){padding:9px 5px}nav .button{margin-left:auto}}
@media(max-width:720px){.delivery-grid{grid-template-columns:1fr}.delivery-card{padding:26px}}
