/* Language selector integrated into the header navigation. */
.nav .links{margin-inline-start:auto}
.viesla-header-language{flex:0 0 40px;width:40px;height:40px;direction:ltr}
.viesla-header-language .gt_switcher_wrapper{position:relative!important;top:0!important;right:0!important;left:auto!important;z-index:20!important}
@media(max-width:680px){.nav{gap:18px}.nav .menu{margin-inline-start:auto}.viesla-header-language{flex-basis:32px;width:32px;height:32px}.viesla-header-language .gglobe{width:32px!important;height:32px!important;background-size:32px!important}}
/*
Theme Name: Viesla Studio
Author: Viesla Studio
Description: Custom responsive Viesla Studio theme with editable homepage sections and Google Sheets contact integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: viesla-studio
*/

:root{--bg:#10111b;--paper:#f4f3ef;--ink:#191a24;--muted:#b1b1c2;--purple:#6658f0;--line:#ffffff22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:white;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff9179;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}header{border-bottom:1px solid var(--line);background:#10111bf5;position:sticky;top:0;z-index:10}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:174px;display:block}.links{display:flex;align-items:center;gap:32px;font-size:13px}.links a:hover{color:#b1a9ff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;background:var(--purple);color:#fff;border:0;border-radius:6px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#796cf8;transform:translateY(-2px)}.button.light{background:white;color:var(--ink)}.button.line{background:transparent;border:1px solid #ffffff40}.menu{display:none;background:none;color:white;border:1px solid var(--line);padding:10px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;text-transform:uppercase;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;border-radius:100%;background:#a397ff}.hero{padding:78px 0 68px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(45px,5.2vw,75px);line-height:1.06;letter-spacing:-3px;margin:27px 0}.hero h1 em{font-style:normal;color:#a69bff}.intro{font-size:17px;color:var(--muted);line-height:1.75;max-width:460px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 24px}.small{font-size:12px;color:var(--muted)}.visual{height:490px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#5145ac55,transparent 68%)}.orbit{position:absolute;width:440px;height:440px;border:1px solid #ffffff0e;border-radius:50%}.orbit:after{content:'';position:absolute;inset:35px;border:1px solid #ffffff0c;border-radius:50%}.browser{width:100%;background:#20212f;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 30px 70px #0005;transform:rotate(-3deg);overflow:hidden;position:relative}.bar{height:33px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:5px;padding:0 12px}.bar i{width:5px;height:5px;background:#747483;border-radius:50%}.address{margin:auto;color:#a2a1b3;font-size:9px;letter-spacing:.5px}.mock{background:#f0efea;color:#202126;padding:25px}.mocknav{display:flex;justify-content:space-between;font-size:10px;align-items:center}.mocknav b{letter-spacing:2px;font-size:14px}.mockbody{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:40px 0 23px}.mockbody h2{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.03;margin:10px 0 20px;letter-spacing:-1px}.mockbody p{font-size:9px;line-height:1.6;color:#676767}.mockcta{display:inline-block;background:#303c33;color:#fff;padding:11px 14px;font-size:8px}.sculpture{height:220px;background:#d5d6c9;position:relative;overflow:hidden;border-radius:90px 90px 4px 4px}.arch{position:absolute;width:120px;height:170px;background:#b3b59f;border-radius:65px 65px 0 0;bottom:0;left:26px;box-shadow:15px 10px 25px #535b4655}.arch:after{content:'';position:absolute;width:65px;height:125px;background:#e8e6dc;border-radius:40px 40px 0 0;bottom:0;left:28px}.ball{position:absolute;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4f3eb,#b3b29d);bottom:10px;right:-8px;box-shadow:5px 12px 15px #363b3c33}.mockfoot{border-top:1px solid #0002;padding-top:16px;font-size:8px;display:flex;justify-content:space-between}.float{position:absolute;background:#2c2b40;border:1px solid #ffffff28;border-radius:8px;box-shadow:0 15px 30px #0003;z-index:2;padding:15px 20px}.float.top{right:-12px;top:32px;font-size:12px;display:flex;gap:12px;align-items:center}.check{background:#b5e7bd;color:#23452c;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.float.bottom{bottom:20px;left:-23px;width:215px}.float strong{font-size:15px}.mini-bars{display:flex;height:42px;align-items:end;gap:7px;margin-top:12px}.mini-bars i{background:#8f81ff;flex:1;border-radius:3px 3px 0 0}.visual-label{position:absolute;bottom:-12px;right:0;color:#9e9bac;font-size:10px}.platforms{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0;gap:20px;color:#bcbacb;font-size:17px}.platforms small{font-size:10px;letter-spacing:1.2px;max-width:130px;line-height:1.7}.section{padding:96px 0}.paper{background:var(--paper);color:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.12;font-weight:500;margin:18px 0 0}.section-head p{max-width:330px;color:#696974;font-size:14px;line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:29px;background:#fff;border:1px solid #dedee3;border-radius:8px;display:flex;flex-direction:column;align-items:start}.icon{font-size:24px;color:#6658e8;margin:0 0 35px}.service h3{font-size:21px;font-weight:500;margin:0 0 12px}.service p{color:#696974;font-size:13px;line-height:1.75;margin:0 0 22px}.service ul{padding:0;list-style:none;font-size:12px;line-height:2.3;margin:0 0 25px}.service li:before{content:'↗';margin-right:10px;color:#7665da}.service a{margin-top:auto;font-size:12px;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:7px}.other{display:flex;justify-content:space-between;border-bottom:1px solid #d6d5dc;padding:24px 0 0;font-size:13px;gap:20px;line-height:1.8}.showcase{background:#e7e4f2;color:var(--ink)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid #bab7c8;background:transparent;border-radius:30px;padding:11px 19px;font-size:12px;color:#4e4b5a}.tab[aria-selected=true]{background:#292638;color:white;border-color:#292638}.example{display:grid;grid-template-columns:1.3fr 1fr;margin-top:28px;background:#fff;border-radius:10px;overflow:hidden}.example-art{min-height:320px;background:#c8cdbf;display:grid;place-items:center;padding:35px}.concept{background:#f7f4eb;width:100%;max-width:440px;box-shadow:0 20px 30px #0002;padding:24px;transition:background .2s}.concept small{font-size:9px;letter-spacing:2px}.concept h3{font-family:Georgia,serif;font-size:43px;font-weight:400;margin:30px 0 22px;line-height:1.06}.concept-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #0002;padding-top:20px;font-size:10px}.concept-button{background:#303c33;color:white;padding:10px 15px}.example-copy{padding:42px;align-self:center}.example-copy h3{font-size:27px;font-weight:500;letter-spacing:-.7px}.example-copy p{font-size:14px;line-height:1.8;color:#6c6976}.tag{font-size:10px;border:1px solid #d6d3df;border-radius:4px;padding:6px 9px;display:inline-block;margin:4px 3px 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:55px}.step{border-top:1px solid var(--line);padding-top:22px}.step span{font-size:12px;color:#a99cff}.step h3{font-size:18px;font-weight:500;margin-top:28px}.step p{font-size:13px;color:var(--muted);line-height:1.8}.faqgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}details{border-bottom:1px solid #d4d3dc;padding:22px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:#7564db;font-size:20px}details[open] summary:after{content:'−'}details p{color:#696974;line-height:1.8;font-size:13px;max-width:490px}.contact{padding:75px 0;background:#6658e9}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:clamp(35px,4vw,56px);max-width:650px;margin:0;letter-spacing:-2px;font-weight:500;line-height:1.1}.contact p{font-size:14px;color:#e3deff;line-height:1.7}.contact .button{white-space:nowrap}footer{padding:45px 0 25px}.foot-top{display:flex;justify-content:space-between;align-items:start;gap:35px}.foot-top p{color:var(--muted);font-size:12px;line-height:1.8;max-width:300px}.foot-links{display:flex;gap:35px;font-size:12px}.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:32px;font-size:10px;color:#9998ac}.skip{position:fixed;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:0}@media(max-width:900px){.hero-grid{gap:30px}.hero h1{font-size:52px}.visual{height:420px}.mockbody h2{font-size:29px}.sculpture{height:180px}.mock{padding:20px}.float.top{right:0}.float.bottom{left:0}.links{gap:18px}.services{gap:10px}.service{padding:23px}.faqgrid{gap:40px}.contact-inner{align-items:start;flex-direction:column}}@media(max-width:680px){.nav{height:75px}.logo{width:145px}.menu{display:block}.links{display:none;position:absolute;left:0;right:0;top:75px;background:#171724;padding:25px 5%;flex-direction:column;align-items:stretch}.links.open{display:flex}.hero{padding:48px 0 35px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:51px;letter-spacing:-2.5px}.intro{font-size:15px}.visual{height:400px;margin:0 12px}.browser{max-width:420px}.mockbody h2{font-size:35px}.mock{padding:22px}.sculpture{height:190px}.float.top{top:0;font-size:10px}.float.bottom{bottom:0;padding:12px 16px}.platforms{flex-wrap:wrap;justify-content:center;font-size:14px;gap:22px}.platforms small{max-width:none;width:100%;text-align:center}.section{padding:62px 0}.section-head{display:block;margin-bottom:28px}.section-head p{max-width:100%}.services{grid-template-columns:1fr}.icon{margin-bottom:20px}.other{flex-direction:column;padding-bottom:20px;gap:8px}.example{grid-template-columns:1fr}.example-art{min-height:280px;padding:25px}.example-copy{padding:28px}.concept h3{font-size:36px}.process{grid-template-columns:1fr 1fr;gap:22px}.faqgrid{grid-template-columns:1fr;gap:20px}.contact{padding:55px 0}.foot-top{flex-direction:column}.foot-links{flex-wrap:wrap;gap:22px}.foot-bottom{gap:20px;line-height:1.6}.orbit{width:310px;height:310px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-email{display:inline-block;margin:15px 0;font-size:20px;border-bottom:1px solid #ffffff70;padding-bottom:8px}.contact .contact-note{font-size:12px;max-width:360px}.contact-form{background:#fff;color:#191a24;padding:32px;border-radius:12px;box-shadow:0 15px 45px #25205230}.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin-bottom:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;width:100%;padding:13px;border:1px solid #d4d3df;border-radius:5px;background:#faf9fd;color:#191a24}.contact-form textarea{resize:vertical}.contact-form :is(input,select,textarea):focus-visible{outline:3px solid #b3aaff;outline-offset:2px}.contact-form .consent{flex-direction:row;font-size:12px;font-weight:400;line-height:1.6;align-items:start}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:#6658f0}.contact .delivery-note{font-size:12px;color:#615c72;line-height:1.6}.contact-form .button{width:100%}#contact-status{font-size:13px;line-height:1.6;margin-bottom:0;color:#484156}@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:30px}}@media(max-width:480px){.field-grid{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.contact-email{font-size:18px}}

body.admin-bar header{top:32px}.wp-content{padding:60px 0;min-height:50vh}.wp-content a{color:#b3aaff}.wp-content img{max-width:100%;height:auto}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}}

/* Space between service photos and titles. */
.elementor .service .elementor-widget-image.viesla-service-photo{margin-bottom:28px!important}
@media(max-width:680px){.elementor .service .elementor-widget-image.viesla-service-photo{margin-bottom:22px!important}}

/* Viesla language selector */
.gt_switcher_wrapper{top:138px!important;right:18px!important;left:auto!important;direction:ltr!important}
.gt_switcher_wrapper .gglobe{border-radius:50%;background-color:#fff;box-shadow:0 0 0 5px #fff,0 4px 18px #0004}
.gt_switcher_wrapper a:focus-visible{outline:3px solid #9d8cff;outline-offset:3px}
@media(max-width:767px){.gt_switcher_wrapper{top:112px!important;right:14px!important}}

/* Header language control */
.nav .links{margin-inline-start:auto}
.viesla-header-language{flex:0 0 40px;width:40px;height:40px;direction:ltr}
.viesla-header-language .gtranslate_wrapper{position:relative}
.viesla-header-language .gsatelite{top:58px!important;left:0!important}
.viesla-header-language .gsatelite:nth-child(1){left:-114px!important}
.viesla-header-language .gsatelite:nth-child(2){left:-76px!important}
.viesla-header-language .gsatelite:nth-child(3){left:-38px!important}
.viesla-header-language .gsatelite img{background:#10111b;border-radius:50%;box-shadow:0 0 0 6px #10111b}
@media(max-width:680px){.nav{gap:14px}.nav .menu{margin-inline-start:auto}.viesla-header-language{flex-basis:32px;width:32px;height:32px}.viesla-header-language .gglobe{width:32px!important;height:32px!important;background-size:32px!important}}