:root{--lime:#9ae424;--ink:#0b0c0b;--paper:#f3f4f0;--line:#2b2d29;--copy:#adb0a7;--font-display:"Lalezar", cursive, sans-serif;--font-sans:"Space Grotesk", Arial, sans-serif}html{scroll-behavior:smooth;scroll-padding-top:104px}body{font-family:var(--font-sans);background:var(--ink)}::selection{background:var(--lime);color:var(--ink)}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}img{max-width:100%}.site-shell{width:min(1280px,100% - 96px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#0b0c0bf5;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:28px;min-height:92px;display:flex}.brand-link{flex-shrink:0}.brand-link img{width:142px;height:auto}.desktop-nav{gap:32px;display:flex}.desktop-nav a{color:#d0d2cb;padding-block:16px;font-size:14px;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.button{min-height:52px;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:14px 26px;font-size:19px;font-weight:400;line-height:1.15;transition:background .2s,color .2s,transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink);border:1px solid var(--lime);box-shadow:0 4px 20px -4px #9ae42447}.button-lime:hover{background:#b0f24e;border-color:#b0f24e;box-shadow:0 8px 25px -4px #9ae42473}.button-outline{color:#f4f5f1;background:0 0;border:1px solid #42463d}.button-outline:hover{border-color:var(--lime);color:var(--lime)}.nav-cta{min-height:44px;padding:10px 20px;font-size:17px}.menu-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}.mobile-nav{border-top:1px solid var(--line);background:#121411;padding:12px 24px 22px;overflow:hidden}.mobile-nav a{border-bottom:1px solid var(--line);font-family:var(--font-display);letter-spacing:.02em;justify-content:space-between;padding:14px 0;font-size:18px;display:flex}.hero-section{background:var(--ink);padding-top:78px;overflow:clip}.hero-grid{grid-template-columns:1.23fr 1fr;align-items:center;gap:48px;padding-bottom:100px;display:grid}.eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--copy);align-items:center;gap:11px;margin:0 0 24px;font-size:16px;font-weight:400;display:flex}.eyebrow>span{background:var(--lime);width:22px;height:2px;box-shadow:0 0 10px var(--lime);flex-shrink:0}.hero-copy h1{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:clamp(44px,4.6vw,70px);font-weight:400;line-height:1.05}.hero-copy h1>span{color:var(--lime)}.hero-copy{animation:.65s ease-out both hero-entry}.hero-visual{animation:.8s ease-out both hero-entry}@keyframes hero-entry{0%{transform:translateY(14px)}to{transform:translateY(0)}}.hero-description{max-width:470px;color:var(--copy);margin-top:24px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:35px;display:flex}.hero-note{color:#989e92;max-width:450px;margin-top:23px;font-size:13px;line-height:1.7}.hero-visual-wrap{flex-direction:column;display:flex;position:relative}.hero-visual{min-height:480px;color:var(--ink);background:var(--lime);isolation:isolate;border-radius:12px 72px 12px 12px;flex-direction:column;justify-content:space-between;padding:32px 32px 36px;display:flex;position:relative}.visual-topline,.visual-bottomline{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.visual-topline{font-family:var(--font-display);letter-spacing:.12em;font-size:14px;font-weight:400}.visual-bottomline{font-family:var(--font-display);letter-spacing:.08em;border-top:1px solid #0b0c0b33;margin-top:18px;padding-top:18px;font-size:14px}.hero-symbol{-o-object-fit:contain;object-fit:contain;filter:brightness(0);z-index:1;width:auto;max-width:58%;height:165px;margin:4px auto 16px;position:relative;transform:rotate(-9deg)}.visual-caption{font-family:var(--font-display);letter-spacing:.01em;z-index:2;margin-top:10px;font-size:30px;font-weight:400;line-height:1.15;display:block;position:relative}.brand-orbit{z-index:-1;pointer-events:none;border:1px solid #0b0c0b26;border-radius:50%;position:absolute}.orbit-one{width:320px;height:320px;top:26px;left:10%}.orbit-two{width:390px;height:230px;top:70px;left:3%;transform:rotate(-35deg)}.craft-label{color:var(--lime);background:#141711;border:1px solid #2d3624;border-radius:8px;align-self:flex-end;align-items:center;gap:16px;margin-top:16px;padding:14px 20px;font-size:14px;display:flex;box-shadow:0 10px 30px #0006}.craft-label span{color:#b7beaf;margin-top:3px;font-size:12px;display:block}.hero-footnote{border-top:1px solid var(--line);color:#919789;letter-spacing:.09em;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;font-size:11px;display:flex}.hero-footnote a{color:#cdd1c7;letter-spacing:0;align-items:center;gap:15px;font-size:13px;display:flex}.skip-link{z-index:100;background:var(--lime);color:var(--ink);padding:12px 20px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.jota-site{background:var(--ink);color:#f1f3ed}.section-space{padding-block:112px}.section-heading{grid-template-columns:1.35fr 1fr;align-items:end;gap:70px;margin-bottom:56px;display:grid}.section-heading .eyebrow,.about-copy .eyebrow,.faq-grid .eyebrow{margin-bottom:24px}.jota-site h2{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(38px,3.8vw,56px);font-weight:400;line-height:1.08}.muted-heading{color:#8c9383}.section-heading>p,.section-description{color:var(--copy);max-width:430px;font-size:16px;line-height:1.8}.section-description{margin-top:25px}.tech-strip{border-block:1px solid var(--line);background:#141610;overflow:hidden}.tech-strip-inner{align-items:center;width:100%;padding-block:22px;display:flex}.tech-marquee-mask{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.tech-marquee-track{will-change:transform;align-items:center;gap:38px;width:max-content;transition:animation-duration .8s cubic-bezier(.2,.8,.2,1);animation:28s linear infinite tech-marquee-scroll;display:flex}.tech-marquee-mask:hover .tech-marquee-track{animation-duration:90s}.tech-marquee-item{color:#c5cdbd;font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;padding:4px 6px;font-size:21px;transition:color .2s,transform .2s;display:inline-flex}.tech-marquee-item:hover{color:var(--lime);transform:translateY(-2px)}.tech-marquee-icon{color:#939f8a;flex-shrink:0;font-size:22px;transition:color .2s}.tech-marquee-item:hover .tech-marquee-icon{color:var(--lime)}@keyframes tech-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skeleton-shimmer{isolation:isolate;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";pointer-events:none;z-index:6;background:linear-gradient(70deg,#0000 38%,#ffffff08 46%,#9ae4241f 50%,#ffffff08 54%,#0000 62%);width:220%;height:220%;animation:7s cubic-bezier(.4,0,.2,1) infinite skeleton-light-shimmer;position:absolute;top:-60%;left:-60%;transform:translate(-100%)rotate(25deg)}@keyframes skeleton-light-shimmer{0%{transform:translate(-100%)rotate(25deg)}35%,to{transform:translate(100%)rotate(25deg)}}.glow-card{transition:border-color .3s,box-shadow .3s,transform .3s}.glow-card:hover{border-color:#9ae42473;box-shadow:0 12px 35px -10px #9ae4242e}.service-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.service-card{background:#141710;border:1px solid #363b2f;border-radius:12px;padding:40px}.service-card.service-featured{background:var(--paper);color:var(--ink);border-color:var(--paper)}.service-top{justify-content:space-between;align-items:center;margin-bottom:52px;display:flex}.service-top>span{font-family:var(--font-display);opacity:.7;font-size:20px}.service-top>svg{color:var(--lime)}.service-featured .service-top>svg{color:#4f771c}.service-kicker{font-family:var(--font-display);letter-spacing:.08em;color:#b1b8a6;margin-bottom:16px;font-size:13px}.service-featured .service-kicker{color:#626954}.service-card h3{font-family:var(--font-display);letter-spacing:.01em;margin-bottom:21px;font-size:38px;font-weight:400;line-height:1.12}.service-card>p:not(.service-kicker){color:#b5bdac;font-size:16px;line-height:1.75}.service-featured>p:not(.service-kicker){color:#585f51}.service-card ul{gap:13px;margin-block:28px 35px;display:grid}.service-card li{align-items:center;gap:12px;font-size:14px;display:flex}.service-card li svg{color:var(--lime);flex-shrink:0}.service-featured li svg{color:#50771b}.service-cta{font-family:var(--font-display);letter-spacing:.02em;border-top:1px solid #363b2f;justify-content:space-between;align-items:center;padding-top:24px;font-size:18px;font-weight:400;display:flex}.service-featured .service-cta{border-color:#d0d5c7}.service-cta svg{transition:transform .2s}.service-cta:hover svg{transform:translate(3px,-3px)}.extra-services{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px;display:grid}.extra-services article>svg{color:var(--lime);margin-bottom:22px}.extra-services h3{font-family:var(--font-display);letter-spacing:.01em;margin-bottom:13px;font-size:24px;font-weight:400;line-height:1.2}.extra-services p{color:var(--copy);font-size:14px;line-height:1.85}.service-note{border-top:1px solid var(--line);color:#a7ae9e;justify-content:space-between;gap:24px;margin-top:45px;padding-top:28px;font-size:14px;display:flex}.text-link{color:#e3e8da;min-height:36px;font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:17px;font-size:17px;font-weight:400;display:inline-flex}.text-link:hover{color:var(--lime)}.portfolio-section{background:var(--ink);border-block:1px solid var(--line)}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.portfolio-toolbar>p{font-family:var(--font-display);letter-spacing:.1em;color:#a7b29a;font-size:14px}.project-filters{flex-wrap:wrap;gap:8px;display:flex}.project-filters button{font-family:var(--font-display);letter-spacing:.03em;color:#c3cbb9;cursor:pointer;background:0 0;border:1px solid #3d4435;border-radius:30px;min-height:44px;padding:10px 20px;font-size:16px;transition:color .2s,border-color .2s;position:relative}.project-filters button:hover{border-color:var(--lime);color:#fff}.project-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--lime)}.filter-pill-active{background:var(--lime);z-index:1;border-radius:30px;position:absolute;inset:0}.filter-label{z-index:2;position:relative}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px;display:grid}.project-featured{grid-column:1/-1}.project-visual{aspect-ratio:1.48;border-radius:10px;padding:38px 38px 0;display:block;position:relative;overflow:hidden}.project-featured .project-visual{aspect-ratio:2.15;padding:58px 95px 0}.project-window{background:#111;border-radius:8px 8px 0 0;transition:transform .55s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(12px);box-shadow:0 20px 45px #0005}.project-visual:hover .project-window{transform:translateY(0)}.window-bar{background:#22251f;align-items:center;gap:5px;min-height:26px;padding:0 12px;display:flex;position:relative}.window-bar i{background:#77816e;border-radius:100%;width:5px;height:5px}.window-bar span{color:#c0c7b9;margin-left:auto;font-size:9px}.project-window img{width:100%;height:auto}.project-open{background:var(--paper);width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 3px 20px #0002}.project-visual:hover .project-open{transform:scale(1.08)}.project-info{justify-content:space-between;align-items:start;gap:20px;padding-top:25px;display:flex}.project-type{font-family:var(--font-display);letter-spacing:.06em;color:#c2ccb6;margin-bottom:8px;font-size:14px}.project-type span{color:#939f86;margin-left:9px}.project-info h3{font-family:var(--font-display);letter-spacing:.01em;font-size:34px;font-weight:400;line-height:1.15}.project-info h3 a:hover{color:var(--lime)}.project-description{color:#a4af97;max-width:700px;margin-top:10px;font-size:14px;line-height:1.8}.project-index{font-family:var(--font-display);color:#97a08d;font-size:20px}.project-details{border-top:1px solid #363e2d;margin-top:22px;font-size:14px}.project-details summary{cursor:pointer;color:#c8d1bf;justify-content:space-between;padding-block:16px;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{color:var(--lime);font-size:20px}.project-details[open] summary span{transform:rotate(45deg)}.project-details dl{gap:15px;padding:8px 0 12px;display:grid}.project-details dt{color:#e1e7d9;margin-bottom:5px;font-weight:500}.project-details dd{color:#aab59e;line-height:1.75}.portfolio-bottom{border-top:1px solid #363e2d;justify-content:space-between;align-items:center;gap:25px;margin-top:48px;padding-top:25px;display:flex}.portfolio-bottom>p{color:#a9b29f;font-size:12px;line-height:1.8}.process-grid{grid-template-columns:repeat(4,1fr);gap:35px;display:grid}.step-number{font-family:var(--font-display);letter-spacing:0;color:var(--lime);align-items:center;gap:24px;margin-bottom:25px;font-size:46px;font-weight:400;display:flex}.step-number span{background:#38402e;flex:1;height:1px}.process-grid h3{font-family:var(--font-display);letter-spacing:.01em;margin-bottom:12px;font-size:26px;font-weight:400}.process-grid p{color:var(--copy);font-size:14px;line-height:1.85}.about-section{color:var(--ink);background:#fff;border:1px solid #e2e8dc;border-radius:24px;margin-inline:20px}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}.portrait{border-radius:10px;max-width:370px;position:relative;overflow:hidden}.portrait img{aspect-ratio:.79;-o-object-fit:cover;object-fit:cover;-o-object-position:center 36%;object-position:center 36%;width:100%}.portrait-caption{color:var(--paper);background:linear-gradient(#0000,#070907ef);padding:62px 24px 25px;position:absolute;inset:auto 0 0}.portrait-caption strong{font-family:var(--font-display);letter-spacing:.02em;font-size:22px;font-weight:400;display:block}.portrait-caption span{color:#c1c9b8;margin-top:4px;font-size:12px;display:block}.about-copy .eyebrow{color:#535d47}.about-copy .eyebrow>span{background:#577c24}.about-copy .muted-heading{color:#747e68}.about-copy h2{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(36px,3.5vw,52px);font-weight:400}.about-copy>p:not(.eyebrow){color:#59624f;margin-top:23px;font-size:16px;line-height:1.85}.about-points{gap:12px;margin-block:27px;font-size:14px;display:grid}.about-points li{align-items:center;gap:12px;display:flex}.about-points svg{color:#557e1e;flex-shrink:0}.about-copy .text-link{color:#28381c}.about-section :focus-visible{outline-color:#375612}.faq-grid{grid-template-columns:.85fr 1.15fr;gap:95px;display:grid}.faq-list>div{border-color:var(--line)}.faq-trigger{text-align:left;gap:22px;padding-block:24px;font-size:16px;font-weight:500;line-height:1.5}.faq-trigger:hover{color:var(--lime);text-decoration:none}.faq-trigger svg{color:var(--lime)}.faq-answer{color:var(--copy);padding-bottom:25px;padding-right:28px;font-size:15px;line-height:1.85}.contact-section{border-top:1px solid var(--line);background:var(--ink);color:#f1f3ed}.contact-grid{grid-template-columns:1fr 1.07fr;gap:95px;display:grid}.contact-copy .eyebrow{color:var(--copy)}.contact-copy .eyebrow>span{background:var(--lime);box-shadow:0 0 10px var(--lime)}.contact-copy h2{font-family:var(--font-display);letter-spacing:.01em;color:#f1f3ed;font-size:clamp(42px,4.2vw,62px);font-weight:400;line-height:1.05}.contact-copy h2>span{color:var(--lime)}.contact-copy>p:not(.eyebrow){color:var(--copy);max-width:410px;margin-top:25px;font-size:16px;line-height:1.85}.contact-links{margin-top:35px;display:grid}.contact-links a{color:var(--lime);border-bottom:1px solid #293022;align-items:center;gap:18px;padding-block:20px;display:flex}.contact-links a>span{font-family:var(--font-display);letter-spacing:.04em;color:#a3b196;flex:1;font-size:15px}.contact-links strong{color:#f1f3ed;overflow-wrap:anywhere;font-size:16px;font-weight:500;font-family:var(--font-sans);margin-top:5px;display:block}.contact-copy>.contact-location{color:#7b8571;font-size:13px!important}.contact-form{background:#141711;border:1px solid #2d3525;border-radius:12px;gap:26px;padding:35px;display:grid;box-shadow:0 16px 40px #0000004d}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{min-width:0}.form-field label,.project-choice legend{font-family:var(--font-display);letter-spacing:.03em;color:#e0e7d7;margin-bottom:11px;font-size:16px;display:block}.form-field label>span{color:var(--lime)}.form-field label .optional{font-size:12px;font-family:var(--font-sans);color:#8c9783}.contact-form input:not([type=radio]),.contact-form textarea{color:#f2f5ed;height:50px;font-family:var(--font-sans);background:#0d100a;border-color:#36402d;border-radius:6px;font-size:16px}.contact-form textarea{resize:vertical;min-height:125px;line-height:1.7}.contact-form input::-moz-placeholder{color:#6a7462}.contact-form textarea::-moz-placeholder{color:#6a7462}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6a7462}.project-choice>div{flex-wrap:wrap;gap:8px;display:flex}.project-choice label{cursor:pointer;position:relative}.project-choice input{opacity:0;width:1px;height:1px;position:absolute}.project-choice label>span{color:#c6d1bb;font-family:var(--font-display);letter-spacing:.02em;background:#191e14;border:1px solid #38422e;border-radius:6px;min-height:42px;padding:10px 16px;font-size:15px;transition:border-color .2s,background .2s,color .2s;display:block}.project-choice input:checked+span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.project-choice input:focus-visible+span{outline:3px solid var(--lime);outline-offset:3px}.contact-form>.button{justify-content:space-between;width:100%}.contact-form>.button:disabled{opacity:.6;cursor:wait}.form-notice{color:#7d8873;font-size:12px;line-height:1.8}.site-footer{background:var(--ink);padding-block:66px 0}.footer-main{grid-template-columns:1.2fr .8fr 1fr;gap:50px;padding-bottom:50px;display:grid}.footer-main img{width:142px;height:auto}.footer-main p{color:var(--copy);margin-top:22px;font-size:14px;line-height:1.8}.footer-main nav{flex-direction:column;align-items:start;gap:5px;display:flex}.footer-main nav a{color:#b8c0ae;align-items:center;gap:12px;min-height:36px;padding-block:6px;font-size:14px;display:inline-flex}.footer-main nav a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);color:#929c88;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:12px;display:flex}.footer-bottom a{border:1px solid var(--line);color:#d5ddcc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.catalog-intro{padding-top:42px}.breadcrumbs{font-family:var(--font-display);color:#b4bdab;gap:13px;margin-bottom:65px;font-size:15px;display:flex}.breadcrumbs a:hover{color:var(--lime)}.catalog-intro h1{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(40px,4.8vw,72px);font-weight:400;line-height:1.08}.catalog-intro h1 span{color:var(--lime)}.catalog-intro>p:last-child{max-width:600px;color:var(--copy);margin-top:27px;font-size:17px;line-height:1.85}.catalog-projects{background:var(--ink);border:none;padding-top:60px}.catalog-cta{justify-content:space-between;align-items:center;gap:35px;padding:40px 0 90px;display:flex}.catalog-cta h2{font-family:var(--font-display);letter-spacing:.01em;font-size:38px;font-weight:400}.confirmation{text-align:center;max-width:720px;margin:auto;padding:90px 24px}.confirmation>svg{color:var(--lime);margin:0 auto 28px}.confirmation h1{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(38px,5vw,54px);font-weight:400;line-height:1.1}.confirmation>p{color:var(--copy);max-width:530px;margin:25px auto;font-size:17px;line-height:1.8}.confirmation .button{margin:12px 6px}.confirmation ol{text-align:left;color:#becbb2;background:#192013;border:1px solid #38472b;border-radius:10px;gap:15px;margin:35px 0;padding:28px;display:grid}.confirmation small{color:var(--copy);font-size:13px;display:block}.demo-disclosure{color:#d5e1c8;text-align:center;background:#11170b;border-bottom:1px solid #455335;padding:12px 22px;font:13px/1.6 Space Grotesk,sans-serif}.demo-disclosure a{color:var(--lime);text-underline-offset:4px;margin-left:8px;text-decoration:underline}.briefing-page{font-family:Space Grotesk,Arial,sans-serif}.briefing-page .text-white.bg-primary,.briefing-page .bg-primary.text-white{color:#0b0c0b}.briefing-page input,.briefing-page textarea{font-size:16px}.briefing-page .text-gray-500{color:#a0a796}.briefing-page .bg-primary .text-white{color:#0b0c0b}.briefing-page [role=button]:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.briefing-page h1{letter-spacing:-.045em;font-weight:500}.briefing-page header{background:#10130d}@media (max-width:1100px){.section-heading{gap:45px}.service-card{padding:30px}.extra-services{gap:24px}.about-grid{gap:55px}.faq-grid,.contact-grid{gap:45px}.contact-form{padding:25px}.field-row{grid-template-columns:1fr}.portfolio-toolbar{align-items:start}}@media (max-width:850px){.section-space{padding-block:75px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:38px}.section-heading>p{max-width:600px}.extra-services,.process-grid{grid-template-columns:1fr 1fr;gap:36px}.service-card{padding:26px}.service-card h3{font-size:28px}.service-top{margin-bottom:35px}.service-card li{align-items:start;line-height:1.6}.service-card li svg{margin-top:3px}.service-note{flex-direction:column;gap:5px}.tech-strip-inner{padding-block:18px}.tech-strip ul{justify-content:start;gap:16px 25px}.tech-strip li{font-size:15px}.portfolio-toolbar{flex-direction:column;gap:18px}.project-visual{padding:20px 20px 0}.project-featured .project-visual{padding:32px 45px 0}.project-info h3{font-size:24px}.about-section{margin-inline:12px}.about-grid{grid-template-columns:.8fr 1.2fr;gap:30px}.portrait img{aspect-ratio:.6}.about-copy h2{font-size:32px}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form{padding:32px}.field-row{grid-template-columns:1fr 1fr}.contact-copy>p:not(.eyebrow){max-width:570px}.footer-main{gap:25px}.footer-bottom>span{display:none}.catalog-projects{padding-top:45px}}@media (max-width:580px){.jota-site h2{font-size:35px}.service-grid,.project-grid,.about-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-featured .project-visual{aspect-ratio:1.48;padding:25px 25px 0}.project-visual{padding:25px 25px 0}.service-card{padding:29px}.service-card h3{font-size:32px}.extra-services{grid-template-columns:1fr;gap:29px}.extra-services article{-moz-column-gap:15px;grid-template-columns:28px 1fr;column-gap:15px;display:grid}.extra-services h3{grid-column:2;margin:0 0 12px}.extra-services p{grid-column:2}.extra-services article>svg{grid-column:1;margin:0}.tech-strip-inner{padding-block:16px}.tech-strip ul{-moz-column-gap:23px;column-gap:23px}.project-filters{gap:6px}.project-filters button{padding:10px 13px;font-size:12px}.portfolio-bottom{flex-direction:column;align-items:start;gap:15px}.process-grid{grid-template-columns:1fr;gap:32px}.step-number{margin-bottom:18px;font-size:32px}.process-grid h3{margin-bottom:10px;font-size:22px}.portrait{width:100%;max-width:none}.portrait img{aspect-ratio:.95;-o-object-position:center 30%;object-position:center 30%}.about-grid{gap:42px}.about-section{padding-block:55px}.faq-trigger{font-size:16px}.contact-form{gap:23px;padding:24px 20px}.field-row{grid-template-columns:1fr}.contact-grid{gap:35px}.footer-main{grid-template-columns:1fr;gap:32px;padding-bottom:35px}.footer-main nav{gap:1px}.catalog-intro{padding-top:30px}.breadcrumbs{margin-bottom:40px}.catalog-intro>p:last-child{font-size:16px}.catalog-cta{flex-direction:column;align-items:start}.confirmation .button{width:100%;margin-inline:0}}@media (min-width:1600px){.hero-section{padding-top:100px}.hero-grid{padding-bottom:120px}}@media (max-width:1100px){.site-shell{width:calc(100% - 56px)}.hero-grid{gap:32px}.hero-copy h1{font-size:47px}.hero-visual{min-height:440px;padding:24px}.hero-symbol{height:200px}.desktop-nav{gap:22px}.brand-orbit{max-width:90%}}@media (max-width:850px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.nav-inner{min-height:76px}.hero-grid{grid-template-columns:1fr;gap:64px;padding-bottom:70px}.hero-section{padding-top:58px}.hero-copy h1{font-size:clamp(39px,7.5vw,62px)}.hero-description{max-width:560px}.hero-visual-wrap{justify-self:center;width:min(100%,560px)}.hero-visual{width:100%;min-height:430px}.craft-label{justify-content:center;align-self:stretch;margin-top:14px}.hero-symbol{height:210px}.orbit-one{left:20%}.orbit-two{left:10%}}@media (max-width:480px){.site-shell{width:calc(100% - 40px)}.hero-section{padding-top:42px}.hero-copy h1{font-size:clamp(32px,8.6vw,41px)}.eyebrow{letter-spacing:.1em;margin-bottom:23px;font-size:11px}.hero-description{margin-top:23px;font-size:16px}.hero-actions{gap:10px}.hero-actions .button{justify-content:space-between;width:100%}.hero-note{font-size:12px}.hero-visual{border-top-right-radius:55px;min-height:380px}.hero-symbol{height:165px}.visual-caption{font-size:25px}.craft-label{justify-content:center;align-self:stretch;padding:12px 16px;font-size:13px}.hero-footnote{align-items:start}.hero-footnote>span{max-width:170px;line-height:1.7}.hero-footnote a{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
