/*
Theme Name: Code S Labs
Author: Code S Labs
Description: An editable portfolio block theme inspired by spacious technology websites. Built for WordPress on Spaceship hosting.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: codeslabs
*/
:root{--ink:#191e29;--paper:#faf9f6;--blue:#244bff;--muted:#636b7a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}a{text-underline-offset:5px}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #5474ff;outline-offset:6px}.wp-site-blocks>*{margin-block-start:0}.section-shell{padding:100px max(6vw,24px);margin:0}.site-header{background:#111620;color:#faf9f6;padding:22px max(6vw,24px);margin:0}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;max-width:1400px;margin:auto}.nav-inner p{margin:0}.wordmark{font-size:25px;font-weight:700;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.wordmark span,.cursor{color:var(--blue)}.main-nav{font-size:14px;font-weight:600}.main-nav a{text-decoration:none}.main-nav a:hover{color:#94a8ff}.hero{padding-top:115px;padding-bottom:42px;min-height:700px;background:radial-gradient(ellipse at 85% 10%,#253558 0%,#151c2a 38%,#111620 72%);color:var(--paper);position:relative}.hero h1{font-size:clamp(48px,6.8vw,96px);line-height:1.02;letter-spacing:-.055em;max-width:1100px;margin:24px 0 28px}.eyebrow{font-size:14px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;margin-bottom:26px}.hero .eyebrow{color:#aab6d4}.hero-description{color:#c2c8d5;max-width:660px;font-size:21px;line-height:1.6}.wp-block-button__link{display:inline-block;background:var(--blue);color:white;text-decoration:none;border-radius:100px;padding:14px 26px;font-size:16px;font-weight:600;transition:transform .2s,background .2s}.wp-block-button__link:hover{color:white;background:#1639db;transform:translateY(-2px)}.hero .wp-block-buttons{margin-top:34px}.hero-index{display:flex;gap:70px;border-top:1px solid #ffffff26;margin-top:90px;padding-top:23px;color:#aab6d4;font-size:12px;letter-spacing:.08em}.section-heading{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:0 40px}.section-heading .eyebrow{grid-column:1/-1}.section-shell h2{font-size:clamp(36px,4.3vw,62px);letter-spacing:-.045em;line-height:1.08;margin:0 0 28px}.section-description{max-width:400px;color:var(--muted);margin-bottom:30px}.project-query{margin-top:42px}.project-query .wp-block-post-template{gap:36px;list-style:none;padding:0}.project-card{padding-bottom:24px;border-bottom:1px solid #d8dbe2}.project-card .wp-block-post-featured-image{margin:0 0 25px;overflow:hidden;border-radius:22px;background:#e8ebf3}.project-card img{width:100%;height:auto;transition:transform .35s}.project-card:hover img{transform:scale(1.025)}.project-card h3{font-size:29px;letter-spacing:-.03em;margin:8px 0}.project-card h3 a{text-decoration:none}.project-category{font-size:13px;color:var(--muted)}.wp-block-post-excerpt{color:var(--muted);font-size:16px}.empty-work{padding:45px;border:1px solid #d8dbe2;border-radius:24px;color:var(--muted);max-width:none}.expertise{background:#eef0f5}.services-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:46px}.service{padding:44px;border-radius:28px;min-height:360px;display:flex;flex-direction:column;align-items:flex-start}.service h3{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.04em;line-height:1.1;margin:18px 0}.service p{max-width:480px}.service-number{font-size:14px;margin:0;opacity:.7}.service-tags{font-size:13px;margin-top:auto;padding-top:26px}.service-web{background:var(--ink);color:var(--paper);grid-row:span 2;justify-content:center}.service-web h3{font-size:clamp(44px,4.5vw,68px);max-width:380px}.service-web .service-number{margin-bottom:65px}.service-web .service-tags{margin-top:60px}.service-store{background:#dce4ff}.service-grow{background:white}.studio{display:grid;grid-template-columns:1fr 1fr;gap:100px}.studio>div>p:not(.eyebrow){color:var(--muted);max-width:480px}.step{border-top:1px solid #d8dbe2;padding:24px 0;display:grid;grid-template-columns:42px 1fr;gap:0 16px}.step-number{color:var(--blue);font-size:14px;margin:0}.step h3{margin:0;font-size:24px}.step p:last-child{grid-column:2;color:var(--muted);font-size:16px;margin:12px 0 0}.faq{border-top:1px solid #e1e3e8;max-width:1100px;margin:auto;padding-top:75px}.wp-block-details{padding:25px 0;border-bottom:1px solid #d8dbe2;margin:0}.wp-block-details summary{cursor:pointer;font-weight:600;font-size:20px}.wp-block-details p{color:var(--muted);max-width:760px}.contact{background:#191e29;color:var(--paper);border-radius:32px;margin:25px max(3vw,14px);padding:80px max(4vw,24px)}.contact h2{font-size:clamp(44px,6vw,82px)}.contact>p:not(.eyebrow){color:#c2c8d5}.contact-pending{font-size:15px;border-top:1px solid #ffffff26;padding-top:24px}.site-footer{padding:55px max(6vw,24px) 30px}.site-footer>div{display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer p{font-size:14px}.site-footer a{text-decoration:none}.muted,.footer-small{color:var(--muted)}.footer-small{margin-top:50px;font-size:13px}.article-main{min-height:65vh;max-width:1400px;margin:auto}.article-main h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.04em}.article-main .wp-block-post-featured-image img{border-radius:24px;max-width:100%;height:auto}.article-main .wp-block-post-content{padding:40px 0}.archive-main{min-height:65vh}.wp-block-navigation__responsive-container.is-menu-open{background:var(--paper);color:var(--ink);padding:30px}.wp-block-navigation__responsive-container.is-menu-open a{color:var(--ink)}
@media(min-width:1500px){.section-shell{padding-left:max(6vw,calc((100vw - 1240px)/2));padding-right:max(6vw,calc((100vw - 1240px)/2))}}
@media(max-width:780px){.section-shell{padding:65px 24px}.hero{min-height:650px;padding-top:80px}.hero h1{font-size:clamp(43px,9vw,66px)}.hero-description{font-size:18px}.hero-index{gap:0;justify-content:space-between;margin-top:70px;font-size:11px}.section-heading,.studio,.services-grid{grid-template-columns:1fr;gap:24px}.service{padding:32px;min-height:320px}.service-web{grid-row:auto}.service-web .service-number{margin-bottom:25px}.service-web .service-tags{margin-top:25px}.studio{gap:38px}.project-query .wp-block-post-template{grid-template-columns:1fr!important}.site-footer>div{display:block}.contact{padding:55px 26px}.nav-inner{gap:16px}.empty-work{padding:26px}.hero br{display:none}.section-description{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}