/* Sahaj Solutions site refresh: compact services, about and contact layouts. */
:root{--r-line:#dcdbd0;--r-card:#fbfaf5}
.intro{padding:44px 0 30px!important}
.intro h1{font-size:clamp(40px,6.2vw,76px)!important;line-height:1.02!important;margin-bottom:18px!important}
.intro .lede{max-width:640px}
/* services */
.service-grid.detailed{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0 0 8px}
.service-grid.detailed .service{display:flex;flex-direction:column;border:1px solid var(--r-line)!important;border-radius:16px!important;padding:22px 24px 18px!important;background:var(--r-card);transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}
.service-grid.detailed .service:hover{border-color:#20211d;transform:translateY(-2px)}
.service-grid.detailed .service-number{margin:0 0 14px!important;font-size:11px;letter-spacing:.14em}
.service-grid.detailed .service h2{font-size:26px!important;letter-spacing:-.8px;margin:0 0 8px}
.service-grid.detailed .service>p{font-size:14px;line-height:1.6;margin:0 0 14px}
.service-grid.detailed .deliverables{margin:auto 0 14px!important;padding-top:12px!important;font-size:12.5px;line-height:1.5}
.service-grid.detailed .quiet-inquiry{align-self:flex-start;padding:2px 0;font-size:12.5px;border-bottom:1px solid #20211d;color:#20211d}
.service-grid.detailed .service:last-child:nth-child(odd){grid-column:1/-1}
/* lower service blocks */
main:has(.service-grid) .about-grid,main:has(.service-grid)>section:not(.service-grid){padding-top:34px!important;padding-bottom:34px!important}
main:has(.service-grid) h2{line-height:1.08}
/* about */
.about-grid{padding:34px 0!important;gap:32px!important;align-items:start}
.about-grid h2{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.08!important;margin:0}
.about-grid p{font-size:15px!important;line-height:1.7!important;margin:0 0 14px!important}
.about-grid p:last-child{margin-bottom:0!important}
.about-grid .audit-note{padding-top:14px;border-top:1px solid var(--r-line);font-size:13px!important}
.ceo{padding:18px 0 38px!important;gap:36px!important;grid-template-columns:minmax(0,.8fr) 1.2fr!important;align-items:center}
.ceo img{max-height:380px!important;object-position:50% 20%;border-radius:14px!important}
.ceo h2{font-size:34px;letter-spacing:-1px;margin:0 0 4px}
.ceo p{font-size:15px!important;line-height:1.65!important;margin:0 0 12px!important}
.step-tiles:not(.mini)>.cap-tile{min-height:0!important;padding:18px 20px!important}
.step-tiles{margin:6px 0 30px!important}
/* contact: two columns, brief form beside the context */
@media(min-width:900px){
 main:has(.contact-editorial){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:start}
 main:has(.contact-editorial)>.intro,main:has(.contact-editorial)>.faq-section{grid-column:1/-1}
 main:has(.contact-editorial)>.contact-editorial{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:22px!important;padding:0 0 30px!important}
 main:has(.contact-editorial)>.contact-brief{grid-column:2;grid-row:2;padding:0 0 30px!important}
 main:has(.contact-editorial)>.faq-section{grid-row:3}
}
.contact-editorial h2{font-size:clamp(26px,3vw,36px)!important;margin:0 0 6px}
.contact-editorial p{font-size:15px!important;line-height:1.65!important;margin:0 0 10px}
.contact-editorial aside{padding:22px 24px!important;border-radius:16px;background:#e8ebde;border:1px solid var(--r-line)}
.contact-editorial aside h3{font-size:24px!important;margin:0 0 6px}
.contact-whatsapp{margin-top:14px!important;padding:14px 16px!important;border-radius:12px;transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}
.contact-whatsapp:hover{border-color:#20211d}.contact-whatsapp:active{transform:scale(.99)}
.brief-form{max-width:none!important;gap:14px!important;padding:24px!important;border-radius:16px;background:var(--r-card)!important}
.brief-form h3{font-size:26px!important}
.brief-form input,.brief-form select,.brief-form textarea{border-radius:10px!important;background:#fff!important}
.brief-form textarea{min-height:96px}
.brief-form .cta{border-radius:99px!important;transition:transform .16s cubic-bezier(.23,1,.32,1)}.brief-form .cta:active{transform:scale(.97)}
.faq-section{padding:34px 0 48px!important}
.faq-list{max-width:none!important;margin-top:16px!important}
.faq-list summary{font-size:17px}
.faq-list details{padding:15px 0!important}
footer{padding:30px 0!important}
.footer-brand{cursor:pointer}
@media(max-width:760px){
 .service-grid.detailed{grid-template-columns:1fr!important}
 .ceo{grid-template-columns:1fr!important;gap:20px!important}
 .ceo img{max-height:340px!important}
 .intro{padding:30px 0 22px!important}
 .about-grid{grid-template-columns:1fr!important;gap:14px!important}
}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}

.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.brief-form .cta[disabled]{opacity:.6;cursor:progress}
.thanks-actions{display:flex;gap:22px;align-items:center;padding:6px 0 60px}
.thanks-actions .cta{display:inline-flex;gap:8px;align-items:center;text-decoration:none}

/* v2: section breaks + footer layout */
main>section,main>div>section,section.products-show,.faq-section,.contact-brief,.contact-editorial,.about-grid,.ceo,.steps,.plain-section,.selected-work{border-top:1px solid #d6d3c6!important;border-radius:0}
main>section:first-child,main>div>section:first-child,.editorial-hero{border-top:0!important}
main>section,main>div>section{padding-top:clamp(40px,6vw,72px)!important;padding-bottom:clamp(32px,5vw,56px)!important}
.home-studio{padding-bottom:40px!important}
.home-studio .step-tiles+*,.home-studio a[href="/approach"]{margin-top:8px}
footer{border-top:1px solid #cfccbd!important;background:#ecebe1!important;margin-top:0!important;padding:44px 0 34px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:32px 24px;align-items:start}
footer>p{grid-column:1/-1;margin:0!important;padding-top:22px;border-top:1px solid #d6d3c6;line-height:1.9}
footer>div:not(.social-links){display:flex;flex-direction:column;gap:10px}
@media(min-width:900px){footer{grid-template-columns:1.4fr 1fr 1.4fr}footer>p{grid-column:auto;border-top:0;padding-top:0}}
footer{box-shadow:0 0 0 100vmax #ecebe1;clip-path:inset(0 -100vmax);border-top:0!important}
footer{position:relative}

footer{border-top:1px solid #cfccbd!important}
html,body{overflow-x:clip;max-width:100%}
