/* Shared page rhythm and responsive layout, preserving the existing visual theme. */
:root{--qk-page-gutter:clamp(20px,5vw,108px);--qk-section-gap:clamp(64px,6vw,120px);--qk-grid-gap:clamp(24px,3vw,56px)}
#quickkads-work{padding-inline:var(--qk-page-gutter);padding-bottom:var(--qk-section-gap)}
#quickkads-work .quickkads-work-layout{gap:var(--qk-grid-gap)}
#quickkads-work .quickkads-work-card{min-width:0;max-width:100%}
#quickkads-work .quickkads-work-card:focus-visible{outline:2px solid #b68d00;outline-offset:6px;border-radius:18px}
#quickkads-services-container,#quickkads-about-container{padding-inline:var(--qk-page-gutter);max-width:2136px;margin-inline:auto}
#quickkads-services-container>div>div,#quickkads-services-heading,#quickkads-services-copy-column,#quickkads-about-layout>div{padding-inline:0}
#quickkads-services-section{margin-bottom:var(--qk-section-gap)}
#quickkads-about-section{padding-bottom:var(--qk-section-gap)}
#quickkads-about-layout{gap:var(--qk-grid-gap)}
#quickkads-about-primary{width:calc(56.25% - var(--qk-grid-gap)/2)}
#quickkads-about-secondary{width:calc(43.75% - var(--qk-grid-gap)/2)}
#contact.quickkads-cloud-footer{padding-inline:var(--qk-page-gutter)}
.qs-main{padding-inline:var(--qk-page-gutter);max-width:2136px}
.qs-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.qs-section-copy,.qa-company-copy{min-width:0}
.qc-form-panel,.qc-story{min-width:0}
@media(max-width:1023px){
 #quickkads-work .quickkads-work-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 #quickkads-work .quickkads-work-intro{max-width:none;width:100%;margin:0;text-align:left}
 #quickkads-work .quickkads-work-description{max-width:560px;margin-left:0;margin-right:0}
 #quickkads-work .quickkads-work-carousel{max-width:none;width:100%;margin:0}
 #quickkads-work-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0;gap:24px}
 #quickkads-work .quickkads-work-card h3{font-size:clamp(24px,3.2vw,30px);margin-top:20px}
 #quickkads-about-primary,#quickkads-about-secondary{width:100%}
 #quickkads-about-layout{gap:40px}
 #quickkads-about-intro{width:100%;order:0}
 #quickkads-about-heading{padding-right:0}
 #quickkads-about-secondary>div{margin-bottom:0}
 .qs-hero{padding-top:144px;padding-bottom:64px}
 .qs-label{position:static;justify-content:center;margin-bottom:24px;font-size:16px}
 .qs-title{width:100%;font-size:clamp(34px,7.2vw,64px);line-height:1.06;text-align:center}
 .qs-title-line{margin-inline:auto;max-width:100%}
 .qs-title-line:first-child{padding-left:0}
 .qs-intro{width:100%;max-width:720px;margin:28px auto 0;font-size:clamp(23px,3.6vw,32px);line-height:1.4;text-align:center}
 .qs-section{padding-top:40px;padding-bottom:64px}
 .qs-section-title{margin-bottom:36px}
 .qs-section-body{grid-template-columns:minmax(0,1fr);gap:32px}
 .qs-section-copy{font-size:clamp(24px,3.6vw,32px);max-width:720px}
 .qs-capability:first-child{margin-top:0}
 .qc-layout{grid-template-columns:minmax(0,1fr);margin-top:100px;min-height:0}
 .qc-form-panel{padding:36px var(--qk-page-gutter) 56px}
 #contact-title,.qc-intro{text-align:center}
 .qc-story{border-left:0;border-top:1px solid #ededed;padding:56px var(--qk-page-gutter);align-items:center}
 .qc-story>p{text-align:center;max-width:720px}
 .qc-direct{align-items:center}
 .qc-logo{margin-bottom:8px}
}
@media(max-width:639px){
 #quickkads-work-cards{grid-template-columns:minmax(0,1fr);gap:36px}
 #quickkads-work .quickkads-work-headline{font-size:38px}
 #quickkads-work .quickkads-work-card h3{font-size:28px}
 #quickkads-services-section{padding-top:64px;padding-bottom:64px}
 #quickkads-about-layout{gap:36px}
 #quickkads-navbar{padding-inline:var(--qk-page-gutter)}
 #quickkads-hero{padding-inline:var(--qk-page-gutter)}
 #quickkads-hero .quickkads-hero-description{font-size:clamp(16px,4.4vw,18px);line-height:1.5}
 #quickkads-hero .quickkads-hero-art{width:min(60vw,300px);margin-top:32px}
 .qs-title{font-size:clamp(31px,7.6vw,46px)}
 .qs-intro{font-size:clamp(22px,5.4vw,28px)}
 .qs-section-title{font-size:clamp(56px,16vw,100px)}
 #contact .quickkads-footer-information{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 20px}
 #contact #quickkads-footer-links nav:first-child{grid-column:1/-1}
 #contact #quickkads-footer-links nav:first-child ul{flex-direction:row;flex-wrap:wrap;gap:14px 24px}
 #contact .quickkads-footer-location{grid-column:auto}
 #contact #quickkads-footer-links a,#contact .quickkads-footer-location address{font-size:16px}
 #contact .quickkads-footer-location h3{font-size:16px}
}
@media(max-width:359px){
 #quickkads-hero .quickkads-hero-actions{gap:16px}
 #quickkads-hero .quickkads-hero-experience{font-size:16px}
 #quickkads-work .quickkads-work-headline{font-size:36px}
 .qc-field input,.qc-field textarea{padding-left:14px}
}

/* Shared interaction and editorial finish. */
:root{--qk-ink:#080808;--qk-muted:#656565;--qk-yellow:#ffec99;--qk-focus:#947100}
html{scroll-padding-top:112px}
.qk-skip-link{position:fixed;top:12px;left:20px;z-index:300;padding:12px 18px;border-radius:8px;background:#111;color:#fff;transform:translateY(-180%);text-decoration:none}
.qk-skip-link:focus{transform:none;outline:2px solid var(--qk-yellow);outline-offset:3px}
#quickkads-navbar .quickkads-nav-links>a.qk-nav-current{color:var(--qk-ink);font-weight:400}
#quickkads-navbar .quickkads-nav-links>a{min-height:28px;display:inline-flex;align-items:center}
#quickkads-work .quickkads-work-card h3{display:flex;align-items:center;justify-content:space-between;gap:20px}
#quickkads-about-secondary p{max-width:38em;line-height:1.65}
#quickkads-bhima-thanks{padding-top:28px;border-top:1px solid #e4e4e4}
#quickkads-bhima-thanks h3{font-size:clamp(20px,1.6vw,28px)}
#quickkads-ready{padding:clamp(64px,7vw,128px) var(--qk-page-gutter);position:relative;z-index:41}
.qk-ready-inner{max-width:900px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.qk-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 24px;font-size:16px;line-height:1.4;font-weight:300}
.qk-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#quickkads-ready-title{font:inherit;font-size:clamp(34px,5.3vw,80px);font-weight:400;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;margin:0}
.qk-ready-copy{max-width:36em;font-size:clamp(17px,1.4vw,22px);line-height:1.55;color:var(--qk-muted);margin:24px 0 0;text-wrap:pretty}
.qk-ready-action{margin-top:32px}
.qk-ready-services{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;margin-top:32px}
.qk-ready-services a{font-size:15px;line-height:1.5;color:#555;text-decoration:none;padding:8px 0;min-height:40px;display:inline-flex;align-items:center}
.qk-ready-services a:hover{text-decoration:underline;text-underline-offset:.25em;color:#080808}
.qk-ready-services a:focus-visible{outline:2px solid var(--qk-focus);outline-offset:5px;border-radius:2px}
#contact .quickkads-footer-social{min-width:44px;min-height:44px}
#contact .quickkads-footer-socials{gap:12px}
#contact .quickkads-footer-meta{font-size:14px;line-height:1.5}
#contact #quickkads-footer-links li a{display:inline-block;padding-block:4px}
.qs-capability a{min-height:68px}
@media(max-width:1023px){
 #quickkads-navbar{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 #quickkads-navbar .quickkads-nav-toggle{width:44px;height:44px;border-radius:10px}
 #quickkads-navbar.quickkads-menu-open .quickkads-nav-links>a{min-height:44px}
 #quickkads-bhima-thanks{margin-top:40px}
 .qc-form-panel{padding:36px var(--qk-page-gutter) 56px}
}
@media(max-width:639px){
 #quickkads-ready-title{font-size:clamp(32px,8vw,46px)}
 .qk-eyebrow{margin-bottom:20px}
 .qk-ready-copy{margin-top:20px}
 .qk-ready-services{gap:4px 22px;margin-top:24px}
 #contact #quickkads-footer-links ul{gap:8px}
 .qs-section-title{font-size:clamp(56px,14vw,88px)}
}

#quickkads-main:focus{outline:none}
a.inline-flex:focus-visible{outline:2px solid var(--qk-focus)!important;outline-offset:5px;border-radius:999px}
.quickkads-wave{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;margin-left:4px}

/* The existing button animation is available without a mouse hover. */
.qk-animated-button .js-button-icon,.qk-animated-button .js-button-arrow{transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.qk-animated-button.qk-button-pressed .js-button-icon,.qk-animated-button.qk-button-pressed .js-button-arrow{transform:translateX(6px) rotate(45deg)}
@keyframes qk-mobile-arrow-primary{0%,12%,100%{transform:translate(0,0)}5%,8%{transform:translate(110%,-110%)}}
@keyframes qk-mobile-arrow-secondary{0%,12%,100%{transform:translate(-100%,100%)}5%,8%{transform:translate(0,0)}}
@media(max-width:1023px),(hover:none),(pointer:coarse){
 .qk-animated-button .js-button-arrow-icon-primary{animation:qk-mobile-arrow-primary 4.2s ease-in-out infinite;animation-delay:calc(.7s + var(--qk-button-delay,0s))}
 .qk-animated-button .js-button-arrow-icon-secondary{animation:qk-mobile-arrow-secondary 4.2s ease-in-out infinite;animation-delay:calc(.7s + var(--qk-button-delay,0s))}
 .qk-animated-button.qk-button-pressed .js-button-arrow-icon-primary,.qk-animated-button.qk-button-pressed .js-button-arrow-icon-secondary{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){
 .qk-animated-button .js-button-arrow-icon-primary,.qk-animated-button .js-button-arrow-icon-secondary{animation:none!important}
 .qk-animated-button .js-button-icon,.qk-animated-button .js-button-arrow{transition:none!important}
 #quickkads-services-list .quickkads-service-preview{transition:none!important}
}
@media(hover:none),(pointer:coarse){
 .qc-submit:active{background:#ffec99;color:#080808}
 .qc-submit>span{display:inline-block;transition:transform .2s ease}
 .qc-submit:active>span{transform:translate(3px,-3px)}
}
@media(prefers-reduced-motion:reduce){.qc-submit>span{transition:none!important}}

#services{scroll-margin-top:32px}

/* Main 2026 logo: preserve the supplied artwork’s visible proportions. */
#quickkads-navbar .quickkads-nav-logo{aspect-ratio:1232/368}
.qc-logo{aspect-ratio:1232/368}
.qc-privacy-note{font-size:13px;line-height:1.5;color:#656565;margin:0}
.qc-privacy-note a{color:#111;text-decoration:underline;text-underline-offset:.2em}
.qc-privacy-note a:focus-visible{outline:2px solid #947100;outline-offset:4px}