/* Independent Robocam compositions, inspired by the requested references. */
.mode-toggle{border:1px solid #ffffff65;border-radius:50%;width:34px;height:34px;flex-shrink:0;background:transparent;color:#fff;font-size:21px;cursor:pointer;line-height:1}.mode-toggle:focus-visible{outline:3px solid #ffb798;outline-offset:4px}
html{color-scheme:light}html[data-color=dark]{color-scheme:dark}
html[data-template=dewi] .studio-hero-grid{display:block;text-align:center}html[data-template=dewi] .studio-hero .hero-content{margin-inline:auto;text-align:center;max-width:1000px}html[data-template=dewi] .studio-kicker,html[data-template=dewi] .hero-actions{justify-content:center}html[data-template=dewi] .studio-hero h1{margin-inline:auto;font-size:clamp(44px,5vw,76px);line-height:1.55}html[data-template=dewi] .studio-hero .hero-description{margin-inline:auto!important;max-width:700px}html[data-template=dewi] .studio-hero-note{display:none}html[data-template=dewi] .hero-shade{background:linear-gradient(#10182396,#101823a8)}html[data-template=dewi] .studio-hero{min-height:760px}html[data-template=dewi] .studio-about-images figure{border-radius:4px}html[data-template=dewi] .studio-service-card{box-shadow:0 14px 35px #15233012}
html[data-template=multi] .public-site{--accent:#ed502e;--ink:#173650;--dark:#142e45}html[data-template=multi] .site-header{background:#112d45f5}html[data-template=multi] .studio-hero{height:auto;min-height:760px;padding-block:210px 180px;background:#122e46}html[data-template=multi] .studio-hero .hero-media img{content:url('/images/hero-construction.jpg');object-position:center;filter:saturate(.8)}html[data-template=multi] .hero-shade{background:linear-gradient(90deg,#102b459c,#102b45dc)}html[data-template=multi] .studio-hero-grid{grid-template-columns:minmax(0,1fr) 220px;gap:40px}html[data-template=multi] .studio-hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.55;max-width:840px}html[data-template=multi] .studio-hero-note{padding:24px;border:1px solid #ffffff42;background:#ffffff0b;backdrop-filter:blur(8px)}html[data-template=multi] .studio-proof{background:#edf2f6}html[data-template=multi] .button-primary{background:#ed502e;border-color:#ed502e}html[data-template=multi] .studio-section-label{color:#ed502e}html[data-template=multi] .studio-service-card{border:1px solid #dbe3e9;box-shadow:0 10px 32px #1c3a5112}html[data-template=multi] .studio-final,html[data-template=multi] .site-footer{background:#142e45}html[data-template=multi] .section{padding-block:85px}
html[data-template=devin] .public-site{--accent:#7357e8;--ink:#28263d;--dark:#242139;--soft:#f5f3fc}html[data-template=devin] .site-header{position:relative;background:#fff;border-bottom:1px solid #eae6f4}html[data-template=devin] .site-header :is(.brand,.navigation-links a,.language-switch,.mode-toggle,.header-quote){color:#28263d;border-color:#aaa1c4}html[data-template=devin] .studio-hero{background:#f5f3fc;min-height:720px;height:auto;max-height:none;padding:110px 0 160px;color:#28263d;overflow:hidden}html[data-template=devin] .studio-hero .hero-media{position:absolute;inset:75px 5% 115px auto;width:43%;height:auto;border-radius:120px 28px 120px 28px;overflow:hidden;box-shadow:0 30px 70px #46377426}html[data-template=devin][dir=rtl] .studio-hero .hero-media{inset:75px auto 115px 5%}html[data-template=devin] .studio-hero .hero-media img{height:100%;width:100%;object-fit:cover;content:url('/images/solar-gallery.jpg');filter:none}html[data-template=devin] .hero-shade{display:none}html[data-template=devin] .studio-hero-grid{grid-template-columns:minmax(0,1fr) 1fr;gap:60px}html[data-template=devin] .studio-hero-note{visibility:hidden}html[data-template=devin] .studio-hero h1{font-size:clamp(36px,4vw,62px);line-height:1.6;color:#28263d}html[data-template=devin] .studio-hero h1 em{color:#7357e8}html[data-template=devin] .studio-hero .hero-description{color:#696278}html[data-template=devin] :is(.studio-kicker,.studio-watch,.studio-scroll,.trust-items){color:#51476b}html[data-template=devin] .hero-bottom{border-color:#d8d1e8}html[data-template=devin] .button{border-radius:40px}html[data-template=devin] .button-primary{background:#7357e8;border-color:#7357e8}html[data-template=devin] .studio-proof{background:#fff}html[data-template=devin] :is(.studio-service-card,.studio-journal-card,.studio-about-images figure){border-radius:20px;overflow:hidden}html[data-template=devin] .studio-section-label{color:#7357e8}html[data-template=devin] .studio-final{background:#7357e8}html[data-template=devin] .site-footer{background:#242139}
html[data-color=dark] .public-site{--ink:#e9edf3;--muted:#b2bbc9;--soft:#1b222d;--dark:#0d131c;background:#101720;color:#e9edf3}html[data-color=dark] .public-site :is(h2,h3,h4,.studio-section-label,.eyebrow){color:#edf1f7}html[data-color=dark] .public-site :is(.section,.studio-about,.studio-services,.studio-journal,.studio-faq,.studio-proof,.inner-content){background:#101720;color:#e9edf3}html[data-color=dark] .public-site :is(.studio-service-card,.studio-journal-card,.content-card,.browse-card,.gallery-card,.form-card,.faq-list details,details,.planner-result){background:#1b2532;color:#e9edf3;border-color:#3e4b5b}html[data-color=dark] .public-site :is(.studio-about p,.section p,.studio-proof span,.studio-proof p,.studio-section-heading p,.inner-content p,.inner-content li){color:#bfc9d7}html[data-color=dark] .public-site :is(input,select,textarea){background:#182331;color:#eef3fa;border-color:#586779}html[data-color=dark] .public-site :is(.studio-service-card a,.studio-journal-card a,.inner-content a:not(.button)){color:#e4c7ff}html[data-color=dark] .public-site :is(.site-footer,.studio-final){background:#0a1018}html[data-color=dark][data-template=devin] .site-header{background:#141b28;border-color:#384254}html[data-color=dark][data-template=devin] .site-header :is(.brand,.navigation-links a,.language-switch,.mode-toggle,.header-quote){color:#f1edff}html[data-color=dark][data-template=devin] .studio-hero{background:#171d2c}html[data-color=dark][data-template=devin] .studio-hero h1{color:#f4efff}html[data-color=dark][data-template=devin] .studio-hero h1 em{color:#b7a5ff}html[data-color=dark][data-template=devin] :is(.studio-hero .hero-description,.studio-kicker,.studio-watch,.studio-scroll,.trust-items){color:#c9c2dd}
@media(max-width:1000px){html[data-template=devin] .navigation-links{background:#171d2c}html[data-template=devin] .navigation-links a{color:#fff!important}html[data-template=devin] .studio-hero-grid{gap:28px}html[data-template=multi] .studio-hero-grid{grid-template-columns:1fr}html[data-template=multi] .studio-hero-note{display:none}}
@media(max-width:768px){.navigation-actions{gap:9px!important}.mode-toggle{width:31px;height:31px}html[data-template=dewi] .studio-hero{min-height:790px;padding-top:150px}html[data-template=dewi] .studio-hero h1{font-size:42px}html[data-template=multi] .studio-hero{padding-top:155px;min-height:780px}html[data-template=devin] .studio-hero{padding:55px 0 125px;display:flex;flex-direction:column}html[data-template=devin] .studio-hero-grid{display:block;order:0}html[data-template=devin] .studio-hero-note{display:none}html[data-template=devin] .studio-hero .hero-media,html[data-template=devin][dir=rtl] .studio-hero .hero-media{position:relative;inset:auto;order:1;width:calc(100% - 48px);height:300px;margin:35px auto 0;border-radius:65px 18px 65px 18px}html[data-template=devin] .studio-hero h1{font-size:39px}html[data-template=devin] .hero-bottom{position:static;order:2;margin-top:30px}.studio-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html[data-template] .hero-media img{animation:none}}
html[data-template=devin] .trust-items strong{color:inherit}html[data-template=devin] .brand small{color:#696278}html[data-color=dark][data-template=devin] .brand small{color:#c9c2dd}
html[data-template=devin] .menu-toggle span{background:#28263d}html[data-color=dark][data-template=devin] .menu-toggle span{background:#eee8ff}
