/* INDALO v285 — tablet/mobile polish + strict project palette.
   Palette: #A9855F #635549 #A39A8D #DAD6CD #151311 */

:root{
  --indalo-caramel:#A9855F;
  --indalo-suede:#635549;
  --indalo-sandstone:#dfdfdf !important;
  --indalo-ivory:#DAD6CD;
  --indalo-noir:#151311;
  --bg:#DAD6CD !important;
  --surface:#DAD6CD !important;
  --beige:#A9855F !important;
  --beige-dark:#A9855F !important;
  --beige-soft:#DAD6CD !important;
  --text:#151311 !important;
  --muted:#635549 !important;
  --dark:#151311 !important;
  --dark-2:#151311 !important;
  --header:#151311 !important;
  --line:rgba(169,133,95,.34) !important;
}

html,body{max-width:100%;overflow-x:clip}
body{background:var(--indalo-ivory) !important;color:var(--indalo-noir) !important}
main .section--white,.main .section--white{background:var(--indalo-ivory) !important}
main .section--tint,.main .section--tint{background:var(--indalo-sandstone) !important}
.header{background:rgba(21,19,17,.985) !important}

/* ---------- Homepage color rhythm ---------- */
#facts.home-trust{background:var(--indalo-sandstone) !important}
#facts .home-trust-card{background:#dfdfdf !important;border-color:rgba(169,133,95,.46) !important}
#facts .home-trust-card__icon{background:transparent !important;border-color:rgba(169,133,95,.36) !important;box-shadow:none !important}
#facts .home-trust-card h3,#facts .home-trust-card p{color:var(--indalo-noir) !important}

#scenarios{background:var(--indalo-ivory) !important}
#scenarios .home-scenario-shell{background:transparent !important}
#scenarios .home-scenario-card{background:var(--indalo-ivory) !important;border:1px solid rgba(169,133,95,.38) !important;box-shadow:none !important}
#scenarios .home-scenario-card__lead,#scenarios .check li{color:var(--indalo-suede) !important}
#scenarios .scenario__icon{background:var(--indalo-noir) !important;color:var(--indalo-ivory) !important}

#projects{background:var(--indalo-sandstone) !important}
#projects .filter-btn{background:transparent !important;border-color:rgba(21,19,17,.24) !important;color:var(--indalo-noir) !important}
#projects .filter-btn:hover,#projects .filter-btn.is-active{background:var(--indalo-noir) !important;border-color:var(--indalo-noir) !important;color:var(--indalo-ivory) !important}
#projects .slider-btn{background:var(--indalo-ivory) !important;border-color:rgba(21,19,17,.16) !important;box-shadow:none !important}
#projects .slider-dot::before,#projects .slider-dot{background:rgba(21,19,17,.23) !important}
#projects .slider-dot.is-active::before,#projects .slider-dot.is-active{background:var(--indalo-caramel) !important}

#case{background:var(--indalo-ivory) !important}
#case .home-case-copy,#case .case__body{background:var(--indalo-ivory) !important;border-color:rgba(169,133,95,.38) !important;box-shadow:none !important}
#case .home-case-copy__tag{background:var(--indalo-sandstone) !important;color:var(--indalo-noir) !important}
#case .case-list div{background:rgba(163,154,141,.20) !important;border-left-color:var(--indalo-caramel) !important}

#trust.home-benefits-section{background:var(--indalo-sandstone) !important}
#trust.home-benefits-section::before{display:none !important}
#trust .home-benefit{background:var(--indalo-ivory) !important;border-color:rgba(169,133,95,.42) !important;box-shadow:none !important}
#trust .home-benefit__icon{background:transparent !important;border:1px solid rgba(169,133,95,.38) !important;color:var(--indalo-caramel) !important}
#trust .home-benefit p{color:var(--indalo-suede) !important}
#trust .home-benefit__num{color:rgba(169,133,95,.28) !important}

#reviews.client-reviews{background:var(--indalo-ivory) !important}
#reviews.client-reviews::before{display:none !important}
#reviews .client-video-card{background:var(--indalo-ivory) !important;border-color:rgba(169,133,95,.40) !important;box-shadow:none !important}
#reviews .client-video-card p{color:var(--indalo-suede) !important}
#reviews .client-video-card__index{color:var(--indalo-caramel) !important}
#reviews .client-video-card__play{background:var(--indalo-ivory) !important;color:var(--indalo-caramel) !important}
#reviews .yandex-reviews-block,#reviews .yandex-review{background:transparent !important;border-color:rgba(169,133,95,.34) !important;box-shadow:none !important}

#expert.home-expert-section{background:var(--indalo-noir) !important;color:var(--indalo-ivory) !important}
#expert .home-expert-shell{background:var(--indalo-noir) !important;border:1px solid rgba(169,133,95,.44) !important;box-shadow:none !important}
#expert .home-expert-head .title,#expert .home-mistakes h3{color:var(--indalo-ivory) !important}
#expert .home-expert-head .eyebrow,#expert .home-mistakes article>span{color:var(--indalo-caramel) !important}
#expert .home-expert-head p,#expert .home-mistakes p{color:rgba(218,214,205,.74) !important}
#expert .home-mistakes article{background:rgba(99,85,73,.38) !important;border-color:rgba(169,133,95,.28) !important}
#expert .expert__aside,#expert [class*="expert"] .home-expert-cta{border-color:rgba(169,133,95,.38) !important}

#requests{background:var(--indalo-sandstone) !important}
#requests .request-card{background:var(--indalo-ivory) !important;border-color:rgba(169,133,95,.42) !important;box-shadow:none !important}
#requests .request-card p{color:var(--indalo-suede) !important}
#requests .request-card__num{background:var(--indalo-noir) !important;color:var(--indalo-ivory) !important}

#process.home-process-v270-exact{background:var(--indalo-ivory) !important}
#process.home-process-v270-exact .hp270-list{border-color:rgba(169,133,95,.52) !important}
#process.home-process-v270-exact .hp270-row + .hp270-row::before{background:rgba(169,133,95,.52) !important}
#process.home-process-v270-exact .hp270-copy p{color:var(--indalo-suede) !important}

#team{background:var(--indalo-sandstone) !important}
#team .team-card{background:var(--indalo-ivory) !important;border-color:rgba(169,133,95,.42) !important;box-shadow:none !important}
#team .team-card p{color:var(--indalo-suede) !important}
#team .team-role{color:var(--indalo-caramel) !important}
#team .team-photo{border-color:rgba(169,133,95,.62) !important;background:var(--indalo-ivory) !important}

#faq.home-faq{background:var(--indalo-ivory) !important}
#faq .home-faq__list,#faq .home-faq__item{border-color:rgba(169,133,95,.42) !important}
#faq .home-faq__toggle{background:transparent !important;border-color:rgba(169,133,95,.40) !important;color:var(--indalo-noir) !important}
#faq .home-faq__answer,#faq .home-faq__copy p{color:var(--indalo-suede) !important}
#faq .home-faq__more{background:transparent !important;border-color:rgba(169,133,95,.42) !important;box-shadow:none !important}
#faq .home-faq__more-copy strong{color:var(--indalo-noir) !important}
#faq .home-faq__more-copy span{color:var(--indalo-suede) !important}

#contact.contact,.contact{background-color:var(--indalo-noir) !important}
.footer{background:var(--indalo-noir) !important}

/* Remove legacy light-card shades from the most visible home components. */
:is(.home-trust-card,.home-scenario-card,.home-benefit,.client-video-card,.request-card,.team-card,.home-case-copy) .btn--line,
.btn--line{background:transparent !important;border-color:rgba(169,133,95,.55) !important;color:var(--indalo-noir) !important}
.btn--gold{background:var(--indalo-caramel) !important;color:var(--indalo-noir) !important;box-shadow:none !important}
.btn--gold:hover{background:var(--indalo-noir) !important;color:var(--indalo-ivory) !important}

/* ---------- Tablet 768–1199 ---------- */
@media (max-width:1199.98px){
  :root{--header-h:72px}
  .header .header__inner.container-xl,
  .header__inner{padding-inline:28px !important}
  .header .logo img,.logo img{width:176px !important}
  .burger{width:46px !important;height:46px !important;border-color:rgba(169,133,95,.52) !important;border-radius:8px !important}
  .nav{background:rgba(21,19,17,.99) !important;border-color:rgba(169,133,95,.20) !important}
  .nav__link{color:var(--indalo-ivory) !important}

  main > section:not(.hero),.main > section:not(.hero),section.section{padding-top:64px !important;padding-bottom:64px !important}
  main > section:not(.hero) .container-xl,.main > section:not(.hero) .container-xl,
  main > section:not(.hero) .container,.main > section:not(.hero) .container{width:min(calc(100% - 56px),980px) !important;max-width:none !important;margin-inline:auto !important}

  .heading,.home-trust__heading,.home-scenarios-heading,.client-reviews__heading{margin-bottom:30px !important}
  :is(.title,.home-trust__title,.hp270-title,.home-process-v268__title,.s224-title){font-size:34px !important;line-height:1.08 !important}
  :is(.eyebrow,.home-trust__eyebrow,.hp270-eyebrow,[class*="__eyebrow"]){font-size:11px !important;letter-spacing:.16em !important}

  /* Hero becomes a tablet composition rather than a squeezed desktop composition. */
  #hero .hero__inner.container-xl{padding-left:72px !important;padding-right:72px !important}
  #hero .hero__content{width:min(100%,620px) !important;max-width:620px !important}
  #hero .hero__main .hero__title{font-size:clamp(42px,5.6vw,52px) !important;line-height:1.02 !important}
  #hero .hero__action{gap:10px !important;flex-wrap:wrap !important}
  #hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{min-width:0 !important;min-height:52px !important;height:52px !important;padding-inline:20px !important;font-size:13px !important}
  #hero .hero-av-slot{margin-top:28px !important}
  #hero .hero__nav-btn{width:48px !important;height:48px !important}
  #hero .hero__nav-btn--prev{left:14px !important}
  #hero .hero__nav-btn--next{right:14px !important}

  /* Trust: readable 2-column rhythm. */
  #facts.home-trust{padding:48px 0 52px !important}
  #facts.home-trust>.container-xl{width:min(calc(100% - 56px),940px) !important}
  #facts .home-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  #facts .home-trust-card{min-height:158px !important;padding:22px 20px !important;border-radius:14px !important}
  #facts .home-trust-card h3{font-size:18px !important}
  #facts .home-trust-card p{font-size:13px !important;line-height:1.5 !important}

  /* Scenario cards remain horizontal on tablet, with less dead space. */
  #scenarios .scenarios.row{row-gap:18px !important}
  #scenarios .home-scenario-card{grid-template-columns:42% 58% !important;min-height:330px !important;border-radius:16px !important}
  #scenarios .home-scenario-card__media{min-height:330px !important}
  #scenarios .home-scenario-card .scenario__body{padding:26px 24px !important}
  #scenarios .home-scenario-card h3{font-size:28px !important;margin-bottom:16px !important}
  #scenarios .home-scenario-card .check{gap:8px !important;margin:16px 0 !important}

  /* Projects filters use all available width without clipped pills. */
  #projects .toolbar{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;overflow:visible !important;margin-inline:auto !important;max-width:760px !important}
  #projects .filter-btn{width:100% !important;min-width:0 !important;min-height:42px !important;padding:8px 10px !important;white-space:normal !important;line-height:1.25 !important}

  /* Benefits/reviews/team should not become three tiny columns. */
  #trust .row.home-benefits,#trust .home-benefits.row{--bs-gutter-x:18px !important;--bs-gutter-y:18px !important}
  #trust .row.home-benefits > [class*="col-"],#trust .home-benefits.row > [class*="col-"]{flex:0 0 50% !important;max-width:50% !important;width:50% !important}
  #trust .home-benefit{min-height:0 !important;padding:24px !important;border-radius:16px !important}

  #reviews .client-video-reviews{grid-template-columns:1fr 1fr !important;gap:16px !important}
  #reviews .client-video-card{border-radius:16px !important}
  #reviews .client-video-card:last-child{grid-column:1/-1 !important;max-width:calc(50% - 8px) !important;width:100% !important;justify-self:center !important}

  #expert .home-expert-shell{padding:34px !important;border-radius:18px !important}
  #expert .home-expert-head{grid-template-columns:1fr !important;gap:16px !important;margin-bottom:26px !important}
  #expert .home-expert-grid{grid-template-columns:1fr !important;gap:18px !important}

  #requests .requests.row > [class*="col-"]{flex:0 0 50% !important;max-width:50% !important;width:50% !important}
  #requests .requests.row > [class*="col-"]:last-child{flex-basis:100% !important;max-width:100% !important;width:100% !important}
  #requests .requests.row > [class*="col-"]:last-child .request-card{max-width:calc(50% - 9px) !important;margin-inline:auto !important}
  #requests .request-card{border-radius:16px !important}

  #team .team-wrap.row{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;margin:0 !important}
  #team .team-wrap.row > [class*="col-"]{width:auto !important;max-width:none !important;padding:0 !important}
  #team .team-wrap.row > [class*="col-"]:last-child{grid-column:1/-1 !important;max-width:calc(50% - 8px) !important;width:100% !important;justify-self:center !important}
  #team .team-card{border-radius:16px !important}

  #faq .home-faq__intro{grid-template-columns:1fr !important;gap:24px !important}
  #faq .home-faq__media{aspect-ratio:16/7 !important;min-height:0 !important;border-radius:16px !important}
  #faq .home-faq__copy{text-align:center !important}
  #faq .home-faq__copy .eyebrow{justify-content:center !important}
  #faq .home-faq__copy p{margin-inline:auto !important}

  #contact .contact-grid,.contact .contact-grid{grid-template-columns:1fr !important;gap:18px !important}
  #contact .contact-box,.contact .contact-box{padding:28px !important;border-radius:16px !important}

  .footer-grid{grid-template-columns:1.2fr 1fr 1fr !important;gap:28px !important}
  .footer-grid > :first-child{grid-column:1/-1 !important}
}

/* ---------- Mobile <=767 ---------- */
@media (max-width:767.98px){
  :root{--header-h:66px}
  .header .header__inner.container-xl,.header__inner{padding-inline:16px !important;gap:12px !important}
  .header .logo img,.logo img{width:148px !important}
  .burger{width:44px !important;height:44px !important}
  .nav{top:var(--header-h) !important;padding:14px 16px 22px !important;max-height:calc(100svh - var(--header-h)) !important;overflow-y:auto !important}
  .nav__link{min-height:48px !important;justify-content:flex-start !important;font-size:13px !important}

  main > section:not(.hero),.main > section:not(.hero),section.section{padding-top:46px !important;padding-bottom:46px !important}
  main > section:not(.hero) .container-xl,.main > section:not(.hero) .container-xl,
  main > section:not(.hero) .container,.main > section:not(.hero) .container{width:calc(100% - 32px) !important;max-width:none !important;margin-inline:auto !important;padding-left:0 !important;padding-right:0 !important}

  .heading,.home-trust__heading,.home-scenarios-heading,.client-reviews__heading{margin-bottom:24px !important}
  :is(.title,.home-trust__title,.hp270-title,.home-process-v268__title,.s224-title){font-size:28px !important;line-height:1.08 !important;letter-spacing:-.02em !important}
  :is(.eyebrow,.home-trust__eyebrow,.hp270-eyebrow,[class*="__eyebrow"]){font-size:10px !important;letter-spacing:.14em !important;margin-bottom:10px !important}
  .eyebrow::before,.eyebrow::after{width:24px !important}
  .heading p{font-size:14px !important;line-height:1.6 !important}

  .btn{min-height:46px !important;padding:11px 16px !important;border-radius:7px !important;font-size:13px !important}

  /* Hero: stable one-screen composition, no desktop overflow. */
  #hero .hero__slider{min-height:0 !important;height:max(650px,calc(100svh - var(--header-h))) !important}
  #hero .hero__inner.container-xl{padding:48px 20px 46px !important;align-items:center !important}
  #hero .hero__content{width:100% !important;max-width:100% !important}
  #hero .hero__main{max-width:calc(100% - 20px) !important}
  #hero .hero__main .hero__title{font-size:clamp(34px,10.2vw,42px) !important;line-height:1.02 !important;max-width:340px !important}
  #hero .hero__action{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;width:min(100%,340px) !important;margin-top:22px !important}
  #hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{width:100% !important;min-width:0 !important;height:48px !important;min-height:48px !important;padding-inline:14px !important;font-size:12.5px !important}
  #hero .hero-av-slot{width:min(100%,340px) !important;margin-top:22px !important}
  #hero #heroAvTools .hero-av-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:9px !important;width:100% !important}
  #hero #heroAvTools .hero-av-tool,#hero #heroAvTools .hero-av-btn{width:100% !important;min-width:0 !important}
  #hero #heroAvTools .hero-av-btn{height:52px !important;min-height:52px !important;padding-inline:13px !important;gap:10px !important}
  #hero #heroAvTools .hero-av-btn__icon{width:28px !important;height:28px !important;flex-basis:28px !important}
  #hero #heroAvTools .hero-av-btn__copy strong{font-size:13px !important}
  #hero .hero__controls{margin-top:18px !important;height:36px !important}
  #hero .hero__dot,#hero .hero__dot.is-active{height:36px !important;min-width:44px !important}
  #hero .hero__nav-btn{width:44px !important;height:44px !important;top:50% !important}
  #hero .hero__nav-btn--prev{left:8px !important}
  #hero .hero__nav-btn--next{right:8px !important}

  #facts.home-trust{padding:42px 0 44px !important}
  #facts.home-trust>.container-xl{width:calc(100% - 32px) !important}
  #facts .home-trust__grid{grid-template-columns:1fr !important;gap:10px !important}
  #facts .home-trust-card{display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;min-height:0 !important;padding:16px !important;border-radius:12px !important;column-gap:12px !important;row-gap:6px !important}
  #facts .home-trust-card__icon{width:44px !important;height:44px !important;border-radius:9px !important}
  #facts .home-trust-card h3{font-size:17px !important;line-height:1.18 !important;margin-top:2px !important}
  #facts .home-trust-card p{font-size:13px !important;line-height:1.46 !important}

  #scenarios .scenarios.row{row-gap:14px !important}
  #scenarios .home-scenario-card{display:flex !important;flex-direction:column !important;min-height:0 !important;border-radius:13px !important}
  #scenarios .home-scenario-card__media{min-height:0 !important;aspect-ratio:16/10 !important}
  #scenarios .home-scenario-card .scenario__body{padding:20px 18px 18px !important}
  #scenarios .home-scenario-card .scenario__icon{width:38px !important;height:38px !important;margin-bottom:14px !important}
  #scenarios .home-scenario-card h3{font-size:24px !important;line-height:1.06 !important;margin-bottom:12px !important}
  #scenarios .home-scenario-card__lead{font-size:14px !important}
  #scenarios .home-scenario-card .check{margin:14px 0 !important;gap:7px !important}
  #scenarios .home-scenario-card .check li{font-size:13px !important}

  #projects .toolbar{grid-template-columns:1fr 1fr !important;max-width:none !important;margin-bottom:20px !important}
  #projects .filter-btn:first-child{grid-column:1/-1 !important}
  #projects .filter-btn{min-height:44px !important;font-size:11px !important}
  #projects .proj-slider{padding-inline:0 !important}
  #projects .proj-viewport{min-height:350px !important}
  #projects .proj-track{height:350px !important}
  #projects .proj-card{width:min(76vw,300px) !important;height:min(100vw,390px) !important}
  #projects .proj-card.is-active{transform:translate(-50%,-50%) scale(1.02) !important}
  #projects .proj-card.is-side{transform:translate(-50%,-50%) translateX(calc(var(--offset) * 31vw)) scale(.78) !important;opacity:.58 !important}
  #projects .slider-btn{width:44px !important;height:44px !important}

  #case .home-case-grid{gap:14px !important}
  #case .home-before-after{min-height:330px !important;border-radius:13px !important}
  #case .home-case-copy{padding:22px 18px !important;border-radius:13px !important}
  #case .home-case-copy h3{font-size:25px !important;line-height:1.08 !important;margin-top:16px !important}
  #case .home-case-copy>p{font-size:14px !important;line-height:1.6 !important}
  #case .case-list{gap:8px !important;margin:16px 0 !important}
  #case .case-list div{padding:11px 12px !important}

  #trust .row.home-benefits,#trust .home-benefits.row{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin:0 !important}
  #trust .row.home-benefits > [class*="col-"],#trust .home-benefits.row > [class*="col-"]{width:auto !important;max-width:none !important;padding:0 !important}
  #trust .home-benefit{padding:18px !important;border-radius:12px !important}
  #trust .home-benefit__icon{width:44px !important;height:44px !important}
  #trust .home-benefit h3{margin:16px 0 8px !important;font-size:21px !important}
  #trust .home-benefit p{font-size:13.5px !important;line-height:1.58 !important}
  #trust .home-benefit__num{font-size:38px !important}

  #reviews .client-video-reviews{grid-template-columns:1fr !important;gap:10px !important}
  #reviews .client-video-card,#reviews .client-video-card:last-child{grid-column:auto !important;max-width:none !important;border-radius:12px !important}
  #reviews .client-video-card__media{aspect-ratio:16/9 !important}
  #reviews .client-video-card__body{padding:18px !important}
  #reviews .client-video-card h3{font-size:20px !important}
  #reviews .client-video-card p{font-size:13.5px !important}

  #expert .home-expert-shell{padding:22px 16px !important;border-radius:14px !important}
  #expert .home-mistakes{grid-template-columns:1fr !important;gap:8px !important}
  #expert .home-mistakes article{padding:16px !important;border-radius:10px !important;gap:12px !important}
  #expert .home-mistakes h3{font-size:17px !important}
  #expert .home-mistakes p{font-size:13px !important}

  #requests .requests.row{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin:0 !important}
  #requests .requests.row > [class*="col-"]{width:auto !important;max-width:none !important;padding:0 !important}
  #requests .requests.row > [class*="col-"]:last-child .request-card{max-width:none !important;margin:0 !important}
  #requests .request-card{border-radius:12px !important}
  #requests .request-card__media{aspect-ratio:16/9 !important}
  #requests .request-card__body{min-height:0 !important;padding:18px !important}
  #requests .request-card h3{font-size:22px !important}
  #requests .request-card p{font-size:13.5px !important;line-height:1.58 !important}
  #requests .request-card .btn{width:100% !important}

  /* Compact 5-in-1 rows: thumbnail + number + copy, instead of five huge full-width photos. */
  #process.home-process-v270-exact{padding-top:46px !important;padding-bottom:46px !important}
  #process.home-process-v270-exact .hp270-head{margin-bottom:22px !important}
  #process.home-process-v270-exact .hp270-row{display:grid !important;grid-template-columns:92px 38px minmax(0,1fr) !important;column-gap:10px !important;align-items:start !important;min-height:0 !important;padding:14px 0 !important}
  #process.home-process-v270-exact .hp270-media{grid-column:1 !important;width:92px !important;height:72px !important;border-radius:6px !important}
  #process.home-process-v270-exact .hp270-num{grid-column:2 !important;justify-self:start !important;width:auto !important;padding:8px 0 0 !important;text-align:left !important;font-size:20px !important}
  #process.home-process-v270-exact .hp270-copy{grid-column:3 !important;padding:6px 0 0 !important}
  #process.home-process-v270-exact .hp270-copy h3{font-size:19px !important;line-height:1.08 !important}
  #process.home-process-v270-exact .hp270-copy p{margin-top:7px !important;font-size:12.5px !important;line-height:1.46 !important}

  #team .team-wrap.row{grid-template-columns:1fr !important;gap:10px !important}
  #team .team-wrap.row > [class*="col-"],#team .team-wrap.row > [class*="col-"]:last-child{grid-column:auto !important;max-width:none !important;width:auto !important}
  #team .team-card{padding:18px !important;border-radius:12px !important}
  #team .team-photo{width:58px !important;height:58px !important}
  #team .team-card h3{font-size:20px !important}
  #team .team-card p{font-size:13.5px !important;line-height:1.55 !important;margin-top:12px !important}
  #team .team-links{margin-top:12px !important}

  #faq .home-faq__intro{gap:18px !important;margin-bottom:24px !important}
  #faq .home-faq__media{aspect-ratio:16/9 !important;border-radius:12px !important}
  #faq .home-faq__item summary{min-height:62px !important;padding:14px 48px 14px 0 !important;font-size:17px !important;line-height:1.28 !important}
  #faq .home-faq__toggle{right:0 !important;width:40px !important;height:40px !important}
  #faq .home-faq__answer{padding:0 42px 16px 0 !important;font-size:13px !important;line-height:1.58 !important}
  #faq .home-faq__more{padding:18px !important;border-radius:12px !important}
  #faq .home-faq__more-copy{padding:0 !important}
  #faq .home-faq__more-copy strong{font-size:20px !important}
  #faq .home-faq__more-copy span{font-size:13.5px !important;line-height:1.58 !important}

  #contact.contact,.contact{padding-top:46px !important;padding-bottom:46px !important}
  #contact .contact-box,.contact .contact-box{padding:20px 16px !important;border-radius:12px !important;background:rgba(99,85,73,.26) !important;border-color:rgba(169,133,95,.34) !important}
  #contact .form-row,.contact .form-row{grid-template-columns:1fr !important}
  #contact .consult-points,.contact .consult-points{grid-template-columns:1fr !important}
  .field{min-height:48px !important;border-color:rgba(169,133,95,.36) !important;background:rgba(99,85,73,.24) !important}

  .footer{padding:42px 0 24px !important}
  .footer .container-xl{width:calc(100% - 32px) !important;margin-inline:auto !important}
  .footer-grid{grid-template-columns:1fr !important;gap:26px !important}
  .footer-grid > :first-child{grid-column:auto !important}
  .footer .logo img{width:170px !important}
  .footer-bottom{margin-top:30px !important;padding-top:16px !important;display:grid !important;gap:12px !important}

  /* Common inner pages: avoid cramped desktop grids and oversized hero copy. */
  .complete-page .cp-hero h1,
  .about-page h1,.services-page h1,.projects-page h1,.pro-page h1,
  .contacts-page h1,.estate-page h1{font-size:clamp(34px,10vw,46px) !important;line-height:1.02 !important;overflow-wrap:break-word !important;word-break:normal !important}
  .complete-page .cp-hero,.about-hero,.services-hero,.projects-hero,.pro-hero,.contacts-hero,.estate-hero{min-height:0 !important;padding-top:46px !important;padding-bottom:46px !important}
  .complete-page :is(.cp-grid,.cp-columns),
  .about-page :is(.about-grid,.about-story__grid,.about-benefits__grid),
  .services-page :is(.services-grid,.s224-grid),
  .projects-page :is(.projects-grid,.pv154-grid),
  .pro-page :is(.pro-grid,.pro-section-grid),
  .contacts-page :is(.contact-grid,.contacts-grid){grid-template-columns:1fr !important}
}

@media (max-width:420px){
  main > section:not(.hero) .container-xl,.main > section:not(.hero) .container-xl,
  main > section:not(.hero) .container,.main > section:not(.hero) .container{width:calc(100% - 24px) !important}
  #facts.home-trust>.container-xl{width:calc(100% - 24px) !important}
  #hero .hero__inner.container-xl{padding-inline:16px !important}
  #hero .hero__main .hero__title{font-size:clamp(31px,10.2vw,38px) !important}
  #process.home-process-v270-exact .hp270-row{grid-template-columns:82px 32px minmax(0,1fr) !important;column-gap:8px !important}
  #process.home-process-v270-exact .hp270-media{width:82px !important;height:66px !important}
  #process.home-process-v270-exact .hp270-num{font-size:18px !important}
  #process.home-process-v270-exact .hp270-copy h3{font-size:17px !important}
  #process.home-process-v270-exact .hp270-copy p{font-size:12px !important}
}