.home-page .services-section {--ink:#302722;--muted:#775b4a;--line:#e6b999;background:linear-gradient(125deg,#f9c8a6,#ffdcc1 58%,#f8c49e);color:var(--ink);font-family:Onest,Arial,sans-serif}
.services-heading {display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:60px;margin-bottom:54px}
.home-page .services-heading h2 {font-size:clamp(48px,4.5vw,80px);line-height:1.07;font-weight:500;letter-spacing:-.06em}
.home-page .services-heading h2 span {color:#a84c25}
.services-heading>p {font-size:clamp(18px,1.35vw,23px);line-height:1.65;color:#75503c;max-width:490px;justify-self:end}
.services-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.service-card {--card-art:#f6e6d4;position:relative;display:flex;flex-direction:column;min-width:0;isolation:isolate;overflow:hidden;background:#fff9f0;border:1px solid #f8e4d1;border-radius:26px;box-shadow:0 5px 15px #8e431905;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s}
.service-art {background:var(--card-art);overflow:hidden;position:relative;aspect-ratio:480/280;display:grid;place-items:center}
.service-art svg {display:block;width:100%;height:100%;font-family:Onest,Arial,sans-serif;overflow:visible}
.service-art svg text {letter-spacing:-.04em}
.service-art .art-float {transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.service-art .art-secondary {transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.service-card-content {padding:28px 30px 25px;display:flex;flex-direction:column;flex:1}
.service-card h3 {font-size:clamp(23px,1.65vw,30px);line-height:1.17;letter-spacing:-.045em;font-weight:500;margin:0 0 14px;max-width:17ch}
.service-card-trigger {font:inherit;letter-spacing:inherit;text-align:left;color:inherit;padding:0;background:none;border:0}
.service-card-trigger:after {content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;cursor:pointer}
.service-card-trigger:focus-visible {outline:none}
.service-card:focus-within {outline:3px solid #ad441a;outline-offset:5px}
.service-card-copy {font-size:clamp(17px,1.1vw,19px);line-height:1.55;color:#786253;max-width:34ch;margin:0 0 26px}
.service-card-action {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;font-size:16px;font-weight:500;color:#78533d}
.service-card-arrow {width:43px;height:43px;border-radius:50%;border:1px solid #d9c8b4;display:grid;place-items:center;font-size:26px;color:#3d2c21;transition:transform .35s,background .35s,color .35s}
.service-card--web {--card-art:#f5dfca}
.service-card--avito {--card-art:#eae5f3}
.service-card--yandex {--card-art:#f8dfc3}
.service-card--gis {--card-art:#e7eddd}
.service-card--signs {--card-art:#ecccb3}
.service-card--brand {--card-art:#edddd1}
.service-card--promotion {--card-art:#f4d4c3}
.service-card--social {--card-art:#e9e3f1}
.service-card--custom {--card-art:#ff9a58;background:#ffb97f;border-color:#ffb97f}
.service-card--custom .service-card-copy,.service-card--custom .service-card-action {color:#693814}
.service-card--custom .service-card-arrow {background:#38291f;color:#fff3e4;border-color:#38291f}
.service-card--custom .service-art {background:radial-gradient(ellipse at 60% 80%,#ffd5a3,#ffa15f 72%)}
@media(hover:hover){.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 38px #8e431915;border-color:#d9ae8d}.service-card:hover .art-float{transform:translateY(-7px) rotate(-2deg)}.service-card:hover .art-secondary{transform:translateY(5px) rotate(3deg)}.service-card:hover .service-card-arrow{background:#353026;color:#fff4e6;transform:rotate(8deg)}}

/* One shared dialog keeps the card, description and chosen service in sync. */
.home-page .service-dialog {font-family:Onest,Arial,sans-serif;position:fixed;width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #f1d5bc;border-radius:28px;background:#fff9f0;color:#302722;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.home-page .service-dialog::backdrop {background:#33251fcc;backdrop-filter:blur(8px)}
.service-dialog .dialog-close {position:sticky;float:right;z-index:5;top:17px;right:0;margin:17px 17px -61px 0;width:44px;height:44px;font-size:30px;border:1px solid #ddc5b1;background:#fff9f0;color:#493223;display:grid;place-items:center;line-height:1}
.service-dialog-layout {display:grid;grid-template-columns:.78fr 1.22fr;min-height:580px}
.service-dialog-visual {--card-art:#f6dfc9;background:var(--card-art);display:flex;flex-direction:column;justify-content:center;padding:20px;overflow:hidden}
.service-dialog-visual .service-art {aspect-ratio:480/300;background:transparent;width:100%}
.service-dialog-visual>p {font-size:26px;line-height:1.3;letter-spacing:-.045em;margin:30px 16px 0;max-width:16ch;color:#604633;font-weight:500}
.service-dialog-visual.service-card--avito {--card-art:#eae5f3}
.service-dialog-visual.service-card--gis {--card-art:#e7eddd}
.service-dialog-visual.service-card--social {--card-art:#e9e3f1}
.service-dialog-visual.service-card--custom {--card-art:#ffb97f}
.service-dialog-copy {padding:58px 44px 40px}
.service-dialog-copy h2 {font-size:clamp(31px,3vw,43px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0 0 21px;max-width:18ch;outline:none}
.service-dialog-intro {font-size:18px;line-height:1.65;color:#755b49;margin-bottom:27px}
.service-dialog-copy h3 {font-size:19px;font-weight:500;letter-spacing:-.025em;margin:0 0 15px}
.service-detail-list {list-style:none;padding:0;margin:0 0 27px;display:grid;gap:11px}
.service-detail-list li {position:relative;padding-left:25px;font-size:17px;line-height:1.5;color:#625143}
.service-detail-list li:before {content:'↗';position:absolute;left:0;top:0;color:#bc5528}
.service-deliverable {background:#f8e8d7;border-radius:15px;padding:19px 21px;margin:0 0 26px;font-size:17px;line-height:1.55;color:#72533d}
.service-deliverable strong {display:block;font-weight:500;color:#4b3323;margin-bottom:6px}
.service-dialog-copy .service-order {display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;background:#302720;color:#fff8ed;border:0;border-radius:50px;padding:10px 10px 10px 25px;min-height:66px;font-size:18px;font-weight:500;transition:background .25s}
.service-order>span {display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#ff995d;color:#39291d;font-size:28px}
.service-order:hover {background:#6e3b22}
.home-page .services-section :is(button,a):focus-visible {outline-color:#ad441a}
.home-page .brief-dialog {font-family:Onest,Arial,sans-serif;width:min(650px,calc(100% - 28px));padding:42px}
.home-page .brief-dialog h2 {font-size:38px;letter-spacing:-.045em;font-weight:500}
.home-page .brief-dialog .brief-intro {font-size:17px;line-height:1.6}
.home-page #brief-form>label {font-size:16px}
.home-page #brief-form :is(input,select,textarea) {font-size:16px;padding:13px 14px;background:#fffaf2}
.home-page #brief-form .btn {font-size:16px;min-height:60px}
.home-page #brief-form .draft-notice,.home-page .brief-estimate {font-size:14px;line-height:1.55}
@media(min-width:1800px){.services-grid{gap:30px}.service-card-content{padding:32px 36px 29px}.service-card-action{font-size:18px}}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card-content{padding:26px}.services-heading{gap:36px}.home-page .services-heading h2{font-size:54px}.services-heading>p{font-size:18px}.service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.service-card:last-child .service-art{height:100%;min-height:270px;aspect-ratio:auto}.service-card:last-child .service-card-content{justify-content:center}.service-card:last-child .service-card-action{margin-top:5px}}
@media(max-width:760px){.services-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.services-heading>p{justify-self:start;max-width:450px}.service-dialog-layout{grid-template-columns:1fr;min-height:0}.service-dialog-visual{height:200px;padding:0;display:block}.service-dialog-visual .service-art{height:100%;max-width:360px;margin:auto}.service-dialog-visual>p{display:none}.service-dialog-copy{padding:30px}.service-dialog-copy h2{font-size:34px}.home-page .service-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);border-radius:22px}.service-dialog .dialog-close{top:12px;margin:12px 12px -56px 0}.service-card h3{font-size:24px}.service-card-content{padding:24px}.service-card-copy{font-size:17px}}
@media(max-width:600px){.services-grid{grid-template-columns:1fr;gap:24px}.home-page .services-heading h2{font-size:clamp(43px,10vw,57px)}.services-heading>p{font-size:18px}.service-card .service-art{aspect-ratio:480/255}.service-card h3{font-size:29px;max-width:19ch}.service-card-copy{font-size:18px;max-width:32ch}.service-card-content{padding:26px}.service-card:last-child{display:flex;grid-column:auto}.service-card:last-child .service-art{min-height:0;aspect-ratio:480/255;height:auto}.service-card:last-child .service-card-action{margin-top:auto}.service-card-action{font-size:17px}.service-dialog-copy{padding:27px 23px}.service-dialog-copy h2{font-size:33px}.service-dialog-intro{font-size:17px}.service-dialog-visual{height:180px}.home-page .brief-dialog{padding:54px 24px 28px}.home-page .brief-dialog h2{font-size:32px}.home-page .brief-dialog .draft-notice{font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-card,.service-art .art-float,.service-art .art-secondary,.service-card-arrow{transition:none;transform:none!important}}
.reduce-motion .service-card,.reduce-motion .service-art .art-float,.reduce-motion .service-art .art-secondary,.reduce-motion .service-card-arrow {transform:none!important}