/*
Theme Name: Manuel Promotion Child Theme
Description: Sito istituzionale Manuel Promotion, child theme di Flatsome.
Author: Manuel Promotion
Template: flatsome
Version: 1.2.0
Text Domain: manuel-promotion
*/

:root {
  --mp-black: #101114;
  --mp-black-soft: #191a1f;
  --mp-yellow: #f5b700;
  --mp-paper: #f4f3ef;
  --mp-white: #fff;
  --mp-muted: #4f5055;
  --mp-line: #d7d5ce;
  --mp-blue: #173f75;
  --mp-green: #14813b;
  --mp-red: #d9272d;
  --mp-shell: 1240px;
  --mp-gutter: clamp(20px, 4.2vw, 64px);
}

html { scroll-behavior: smooth; }
body { background: var(--mp-paper); color: var(--mp-black); font-family: "Helvetica Neue", Arial, sans-serif; }
body .header-wrapper, body #wide-nav, body .footer-wrapper, body .absolute-footer, body .page-title { display: none !important; }
body #wrapper, body #main, body #content { background: transparent; }
body #content > .row.row-main { margin: 0; max-width: none; width: 100%; }
body #content > .row.row-main > .col { padding: 0; }
body.page .page-inner { padding: 0; }
body.page .entry-content { padding: 0; }
.mp-main { overflow: hidden; }
.mp-shell { box-sizing: border-box; margin: 0 auto; max-width: var(--mp-shell); padding-left: var(--mp-gutter); padding-right: var(--mp-gutter); width: 100%; }
.mp-kicker { color: var(--mp-muted); display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
.mp-kicker::before { background: var(--mp-yellow); content: ""; display: inline-block; height: 8px; margin-right: 11px; width: 8px; }
.mp-kicker--yellow { color: #d9d9d9; }.mp-kicker--yellow::before { background: var(--mp-yellow); }
.mp-button { align-items: center; background: var(--mp-yellow); border: 1px solid var(--mp-yellow); border-radius: 0; color: var(--mp-black) !important; display: inline-flex; font-size: .78rem; font-weight: 800; gap: 28px; letter-spacing: .045em; line-height: 1; min-height: 54px; padding: 0 22px; text-transform: uppercase; transition: background .2s, color .2s, transform .2s; }
.mp-button:hover { background: var(--mp-black); border-color: var(--mp-black); color: var(--mp-white) !important; transform: translateY(-2px); }
.mp-button--small { gap: 15px; min-height: 42px; padding: 0 17px; }
.mp-button--light { background: var(--mp-yellow); border-color: var(--mp-yellow); }
.mp-button--outline { background: transparent; border-color: var(--mp-black); }
.mp-arrow-link, .mp-text-link { color: var(--mp-black); display: inline-flex; font-size: .8rem; font-weight: 800; gap: 20px; letter-spacing: .04em; padding-bottom: 8px; position: relative; text-transform: uppercase; }
.mp-arrow-link::after, .mp-text-link::after { background: currentColor; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: width .2s; width: 100%; }
.mp-arrow-link:hover::after, .mp-text-link:hover::after { width: 45%; }
.mp-arrow-link span, .mp-text-link span { color: var(--mp-yellow); font-size: 1.15em; }

.mp-header { background: rgba(244,243,239,.94); border-bottom: 1px solid rgba(16,17,20,.1); left: 0; position: sticky; right: 0; top: 0; z-index: 90; backdrop-filter: blur(12px); }
.admin-bar .mp-header { top: 32px; }
.mp-header__inner { align-items: center; display: flex; height: 84px; justify-content: space-between; }
.mp-header__logo { color: var(--mp-black); display: inline-block; }
.mp-brand { display: inline-block; line-height: 0; }
.mp-brand img { display: block; height: auto; width: 190px; }
.mp-menu { align-items: center; display: flex; gap: clamp(17px, 2.2vw, 34px); }
.mp-menu > a:not(.mp-button) { color: var(--mp-black); font-size: .73rem; font-weight: 700; letter-spacing: .045em; padding: 33px 0; position: relative; text-transform: uppercase; }
.mp-menu > a:not(.mp-button)::after { background: var(--mp-yellow); bottom: 24px; content: ""; height: 3px; left: 0; position: absolute; transition: width .2s; width: 0; }
.mp-menu > a:hover::after, .mp-menu > a.is-current::after { width: 100%; }
.mp-menu-button { background: none; border: 0; display: none; height: 44px; padding: 9px; width: 44px; }
.mp-menu-button span { background: var(--mp-black); display: block; height: 2px; margin: 5px 0; width: 25px; }

.mp-hero { background: var(--mp-paper); min-height: calc(100vh - 84px); padding: clamp(70px, 8vw, 128px) 0 32px; position: relative; }
.mp-hero::after { background-image: linear-gradient(rgba(16,17,20,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(16,17,20,.045) 1px, transparent 1px); background-size: 54px 54px; bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.mp-hero__grid { align-items: center; display: grid; gap: clamp(40px, 6vw, 88px); grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr); position: relative; z-index: 1; }
.mp-hero h1, .mp-page-hero h1, .mp-contact h1 { font-size: clamp(3.15rem, 5.5vw, 5.9rem); font-weight: 900; letter-spacing: -.07em; line-height: .88; margin: 26px 0 30px; text-transform: uppercase; }
.mp-hero h1 em, .mp-page-hero h1 em { color: var(--mp-yellow); font-style: normal; }
.mp-hero__copy > p { color: #35363b; font-size: clamp(1.05rem, 1.35vw, 1.25rem); line-height: 1.58; max-width: 590px; }
.mp-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; margin-top: 36px; }
.mp-hero__visual { aspect-ratio: 1 / .92; background: var(--mp-yellow); box-shadow: 14px 14px 0 var(--mp-black); display: flex; flex-direction: column; justify-content: space-between; max-width: 500px; padding: clamp(22px, 3vw, 38px); position: relative; }
.mp-hero__visual::before { border: 1px solid rgba(16,17,20,.45); content: ""; inset: 13px; pointer-events: none; position: absolute; }
.mp-hero__visual-kicker { font-size: .68rem; font-weight: 900; letter-spacing: .15em; position: relative; text-transform: uppercase; }
.mp-hero__logo-card { align-items: center; background: var(--mp-white); box-shadow: 10px 10px 0 var(--mp-black); display: flex; min-height: 34%; padding: clamp(22px, 3vw, 38px); position: relative; }
.mp-hero__logo-card img { display: block; height: auto; width: 100%; }
.mp-hero__disciplines { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); position: relative; }
.mp-hero__disciplines span { background: rgba(255,255,255,.88); border: 1px solid rgba(16,17,20,.18); color: var(--mp-black); font-size: .65rem; font-weight: 900; letter-spacing: .08em; padding: 10px 12px; text-align: center; text-transform: uppercase; }
.mp-hero__visual small { font-size: .64rem; font-weight: 900; letter-spacing: .13em; position: relative; text-align: center; text-transform: uppercase; }
.mp-hero__foot { border-top: 1px solid rgba(16,17,20,.18); display: flex; font-size: .65rem; font-weight: 700; justify-content: space-between; letter-spacing: .1em; margin-top: clamp(55px, 8vw, 110px); padding-top: 22px; position: relative; text-transform: uppercase; z-index: 1; }

.mp-section { padding: clamp(82px, 10vw, 150px) 0; }
.mp-section-heading { align-items: end; display: grid; gap: 60px; grid-template-columns: 1.25fr .75fr; margin-bottom: clamp(54px, 7vw, 96px); }
.mp-section-heading h2, .mp-method h2, .mp-mobile-ad h2, .mp-experience h2, .mp-split h2, .mp-editorial-grid h2 { font-size: clamp(2.45rem, 4.25vw, 4.8rem); font-weight: 900; letter-spacing: -.06em; line-height: .93; margin: 21px 0 0; text-transform: uppercase; }
.mp-section-heading > p { color: var(--mp-muted); font-size: 1.04rem; line-height: 1.65; margin: 0; max-width: 480px; }
.mp-services-grid { border-top: 1px solid var(--mp-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.mp-service-card { border-bottom: 1px solid var(--mp-line); border-right: 1px solid var(--mp-line); display: flex; flex-direction: column; min-height: 340px; padding: 28px 30px 34px; transition: background .25s, transform .25s; }
.mp-service-card:nth-child(3n) { border-right: 0; }
.mp-service-card:hover { background: var(--mp-white); transform: translateY(-5px); }
.mp-service-card__top { align-items: start; display: flex; justify-content: space-between; }
.mp-service-card__top > span { color: var(--mp-muted); font-size: .68rem; font-weight: 800; }
.mp-icon { fill: none; height: 38px; stroke: var(--mp-black); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 38px; }
.mp-service-card h3 { font-size: clamp(1.35rem, 1.7vw, 1.7rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; margin: auto 0 16px; text-transform: uppercase; }
.mp-service-card p { color: var(--mp-muted); font-size: 1rem; line-height: 1.58; margin: 0; max-width: 315px; }
.mp-services .mp-arrow-link { margin-top: 40px; }

.mp-dark-section { background: var(--mp-black); color: var(--mp-white); padding: clamp(88px, 11vw, 165px) 0; }
.mp-method { display: grid; gap: clamp(60px, 9vw, 135px); grid-template-columns: .85fr 1.15fr; }
.mp-method h2 em { color: var(--mp-yellow); font-style: normal; }
.mp-method__steps { border-top: 1px solid #424348; display: grid; grid-template-columns: repeat(2, 1fr); }
.mp-method__steps article { border-bottom: 1px solid #424348; min-height: 240px; padding: 24px 28px 30px 0; }
.mp-method__steps article:nth-child(odd) { border-right: 1px solid #424348; }
.mp-method__steps article:nth-child(even) { padding-left: 28px; }
.mp-method__steps span { color: var(--mp-yellow); font-size: .68rem; font-weight: 800; }
.mp-method__steps h3 { color: var(--mp-white); font-size: 1.6rem; font-weight: 800; margin: 70px 0 10px; text-transform: uppercase; }
.mp-method__steps p { color: #a8a9ae; line-height: 1.5; margin: 0; }

.mp-mobile-ad { background: var(--mp-white); }
.mp-mobile-ad__grid { align-items: center; display: grid; gap: clamp(55px, 9vw, 130px); grid-template-columns: 1.15fr .85fr; }
.mp-mobile-ad__art { background: var(--mp-paper); min-height: 500px; position: relative; }
.mp-mobile-ad__art > svg { left: 3%; position: absolute; top: 12%; width: 94%; }
.mp-mobile-ad__art svg > path:first-child, .mp-mobile-ad__art svg > circle { fill: var(--mp-black); }.mp-mobile-ad__art svg .yellow { fill: var(--mp-yellow); }.mp-mobile-ad__art svg .paper, .mp-mobile-ad__art svg .hub { fill: var(--mp-paper); }.mp-mobile-ad__art svg text { fill: var(--mp-white); font: 900 35px Arial; letter-spacing: 2px; }.mp-mobile-ad__art svg text.small { fill: var(--mp-yellow); font-size: 15px; letter-spacing: 7px; }
.mp-mobile-ad__badge { background: var(--mp-yellow); bottom: -22px; font-size: .76rem; font-weight: 900; letter-spacing: .08em; padding: 22px 26px; position: absolute; right: -22px; text-transform: uppercase; }
.mp-mobile-ad h2 { margin-bottom: 30px; }
.mp-mobile-ad p { color: var(--mp-muted); font-size: 1.04rem; line-height: 1.65; }
.mp-mobile-ad ul { list-style: none; margin: 30px 0 36px; padding: 0; }
.mp-mobile-ad li { border-top: 1px solid var(--mp-line); font-size: .77rem; font-weight: 800; letter-spacing: .04em; padding: 13px 0 13px 20px; position: relative; text-transform: uppercase; }
.mp-mobile-ad li::before { color: var(--mp-yellow); content: "+"; left: 0; position: absolute; }

.mp-sebino-teaser { background: #f1efe8; border-bottom: 10px solid var(--mp-red); border-top: 10px solid var(--mp-green); padding: clamp(78px, 9vw, 135px) 0; position: relative; }
.mp-sebino-teaser::before { background: var(--mp-blue); content: ""; height: 10px; left: 42%; position: absolute; right: 23%; top: -10px; }
.mp-sebino-teaser__grid { align-items: end; display: grid; gap: clamp(70px, 12vw, 180px); grid-template-columns: 1.15fr .85fr; }
.mp-sebino-wordmark { color: var(--mp-blue); font-family: Georgia, serif; font-size: clamp(4rem, 8vw, 8rem); font-weight: 700; letter-spacing: -.08em; line-height: .8; margin: 30px 0; text-shadow: 2px 2px 0 var(--mp-yellow); }
.mp-sebino-wordmark i { color: var(--mp-red); font-family: Arial, sans-serif; font-size: .2em; font-style: normal; letter-spacing: .05em; text-shadow: none; text-transform: uppercase; }
.mp-sebino-teaser__grid > div > p { color: #36373c; font-family: Georgia, serif; font-size: 1.18rem; line-height: 1.58; max-width: 650px; }
.mp-sebino-teaser aside { border-left: 1px solid var(--mp-black); padding: 5px 0 5px 26px; }
.mp-sebino-teaser aside span { font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mp-sebino-teaser aside p { color: var(--mp-muted); line-height: 1.55; margin: 20px 0 0; }
.mp-sebino-teaser__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; margin-top: 30px; }

.mp-experience__grid { align-items: center; display: grid; gap: clamp(70px, 12vw, 175px); grid-template-columns: .8fr 1.2fr; }
.mp-experience__grid > *, .mp-editorial-grid > *, .mp-split > *, .mp-contact__grid > * { min-width: 0; }
.mp-experience__number { color: var(--mp-yellow); font-size: clamp(9rem, 19vw, 18rem); font-weight: 900; letter-spacing: -.12em; line-height: .7; text-shadow: 10px 10px 0 var(--mp-black); }
.mp-experience__number sup { color: var(--mp-black); font-size: .22em; letter-spacing: 0; text-shadow: none; top: -2.3em; }
.mp-experience p { color: var(--mp-muted); font-size: 1.04rem; line-height: 1.65; margin: 28px 0 34px; max-width: 600px; }

.mp-cta { background: var(--mp-yellow); padding: clamp(85px, 11vw, 155px) 0; }
.mp-cta .mp-kicker::before { background: var(--mp-black); }
.mp-cta h2 { font-size: clamp(3rem, 5.7vw, 6rem); font-weight: 900; letter-spacing: -.07em; line-height: .87; margin: 26px 0; text-transform: uppercase; }
.mp-cta p { font-size: 1.05rem; line-height: 1.6; max-width: 570px; }
.mp-cta .mp-button { background: var(--mp-black); border-color: var(--mp-black); color: var(--mp-white) !important; margin-top: 25px; }

.mp-page-hero { background: var(--mp-paper); border-bottom: 1px solid var(--mp-line); padding: clamp(95px, 12vw, 180px) 0 clamp(75px, 10vw, 145px); }
.mp-page-hero p { color: var(--mp-muted); font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.6; max-width: 720px; }
.mp-page-hero--sebino { background: #f1efe8; border-bottom: 10px solid var(--mp-red); border-top: 10px solid var(--mp-green); }
.mp-sebino-wordmark--hero { font-size: clamp(5rem, 11vw, 10rem); margin: 46px 0; }
.mp-split { align-items: start; display: grid; gap: clamp(70px, 12vw, 170px); grid-template-columns: 1fr 1fr; }
.mp-split > div:last-child { padding-top: 40px; }
.mp-split p { color: #dedee1; font-size: 1.08rem; line-height: 1.68; margin: 0 0 32px; }
.mp-editorial-grid { display: grid; gap: clamp(70px, 11vw, 165px); grid-template-columns: .9fr 1.1fr; margin-bottom: clamp(70px, 9vw, 125px); }
.mp-editorial-grid .mp-lead { color: var(--mp-black); font-size: 1.3rem; font-weight: 600; line-height: 1.52; }
.mp-editorial-grid p { color: var(--mp-muted); font-size: 1.04rem; line-height: 1.68; }
.mp-benefits { border-top: 1px solid var(--mp-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.mp-benefits article { border-right: 1px solid var(--mp-line); min-height: 280px; padding: 25px 32px 30px 0; }
.mp-benefits article + article { padding-left: 32px; }.mp-benefits article:last-child { border-right: 0; }
.mp-benefits span { color: var(--mp-yellow); font-size: .7rem; font-weight: 900; }
.mp-benefits h3 { font-size: 1.5rem; font-weight: 800; margin: 85px 0 12px; text-transform: uppercase; }
.mp-benefits p { color: var(--mp-muted); line-height: 1.5; }
.mp-values { border-top: 1px solid var(--mp-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.mp-values article { border-right: 1px solid var(--mp-line); padding: 35px 35px 10px 0; }.mp-values article + article { padding-left: 35px; }.mp-values article:last-child { border-right: 0; }
.mp-values strong { font-size: 1.4rem; text-transform: uppercase; }.mp-values p { color: var(--mp-muted); line-height: 1.55; }
.mp-statement { align-items: start; display: flex; gap: clamp(35px, 6vw, 90px); }
.mp-statement > span { color: var(--mp-yellow); font-family: Georgia, serif; font-size: 9rem; line-height: .7; }
.mp-statement p { font-size: clamp(2.4rem, 4.6vw, 5rem); font-weight: 900; letter-spacing: -.06em; line-height: .98; margin: 0; max-width: 1000px; text-transform: uppercase; }

.mp-contact { padding: clamp(85px, 10vw, 150px) 0; }
.mp-contact__grid { align-items: start; display: grid; gap: clamp(65px, 10vw, 150px); grid-template-columns: .85fr 1.15fr; }
.mp-contact h1 { font-size: clamp(3.1rem, 5.25vw, 5.5rem); }
.mp-contact__grid > div:first-child > p { color: var(--mp-muted); font-size: 1.05rem; line-height: 1.65; max-width: 530px; }
.mp-contact__direct { border-top: 1px solid var(--mp-line); display: flex; flex-direction: column; margin-top: 55px; padding-top: 24px; }
.mp-contact__direct span, .mp-contact__direct small { color: var(--mp-muted); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mp-contact__direct a { color: var(--mp-black); font-size: clamp(2rem, 4vw, 3.8rem); font-weight: 900; letter-spacing: -.055em; margin: 9px 0; }
.mp-form-card { background: var(--mp-white); box-shadow: 18px 18px 0 var(--mp-yellow); padding: clamp(28px, 4vw, 55px); }
.mp-form label { color: var(--mp-black); display: block; font-size: .7rem; font-weight: 800; letter-spacing: .06em; margin-bottom: 24px; text-transform: uppercase; }
.mp-form input, .mp-form select, .mp-form textarea { background: transparent; border: 0; border-bottom: 1px solid #aaa; border-radius: 0; box-shadow: none; color: var(--mp-black); font-size: 1rem; font-weight: 400; margin: 8px 0 0; padding: 12px 0; text-transform: none; width: 100%; }
.mp-form textarea { border: 1px solid #aaa; margin-top: 13px; padding: 14px; }
.mp-form input:focus, .mp-form select:focus, .mp-form textarea:focus { border-color: var(--mp-yellow); box-shadow: none; }
.mp-form__row { display: grid; gap: 25px; grid-template-columns: repeat(2, 1fr); }
.mp-form .mp-form__privacy { align-items: start; display: flex; font-size: .66rem; font-weight: 600; gap: 10px; letter-spacing: 0; line-height: 1.4; text-transform: none; }
.mp-form__privacy input { flex: 0 0 auto; margin-top: 2px; width: auto; }
.mp-honeypot { display: none !important; }
.mp-form-message { background: #e6f3df; margin-bottom: 25px; padding: 15px; }.mp-form-message--error { background: #f9e1df; }
.mp-form-card .wpcf7 { margin: 0; }
.mp-cf7-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mp-cf7-field--full { grid-column: 1 / -1; }
.mp-cf7-field label { color: var(--mp-black); display: block; font-size: .72rem; font-weight: 800; letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; }
.mp-cf7-field label > .wpcf7-form-control-wrap { display: block; margin-top: 9px; }
.mp-form-card .wpcf7 input:not([type="checkbox"]), .mp-form-card .wpcf7 select, .mp-form-card .wpcf7 textarea { background: #f7f6f1; border: 1px solid #aaa8a0; border-radius: 0; box-shadow: none; color: var(--mp-black); font-size: 1rem; line-height: 1.35; margin: 0; min-height: 50px; padding: 12px 13px; text-transform: none; width: 100%; }
.mp-form-card .wpcf7 textarea { min-height: 144px; resize: vertical; }
.mp-form-card .wpcf7 input:focus, .mp-form-card .wpcf7 select:focus, .mp-form-card .wpcf7 textarea:focus { border-color: var(--mp-black); box-shadow: 0 0 0 3px rgba(245,183,0,.4); outline: 0; }
.mp-cf7-privacy { color: var(--mp-black); font-size: .82rem; line-height: 1.5; }
.mp-cf7-privacy .wpcf7-list-item { margin: 0; }
.mp-cf7-privacy input { accent-color: var(--mp-yellow); height: 18px; margin: 0 9px 0 0; vertical-align: -4px; width: 18px; }
.mp-cf7-submit { align-items: start; display: flex; flex-direction: column; gap: 12px; }
.mp-form-card .wpcf7 input[type="submit"] { background: var(--mp-yellow); border: 1px solid var(--mp-yellow); color: var(--mp-black); cursor: pointer; font-size: .78rem; font-weight: 800; letter-spacing: .045em; min-height: 54px; padding: 0 22px; text-transform: uppercase; transition: background .2s, color .2s, transform .2s; width: auto; }
.mp-form-card .wpcf7 input[type="submit"]:hover { background: var(--mp-black); border-color: var(--mp-black); color: var(--mp-white); transform: translateY(-2px); }
.mp-cf7-submit small { color: var(--mp-muted); font-size: .78rem; line-height: 1.45; }
.mp-form-card .wpcf7-not-valid-tip { color: #a22525; font-size: .82rem; font-weight: 700; margin-top: 6px; }
.mp-form-card .wpcf7-response-output { border: 1px solid var(--mp-black); color: var(--mp-black); font-size: .92rem; line-height: 1.5; margin: 0 0 24px; padding: 14px 16px; }
.mp-form-card .wpcf7 form.sent .wpcf7-response-output { background: #e7f2e1; border-color: #4c7b36; }
.mp-form-card .wpcf7 form.invalid .wpcf7-response-output, .mp-form-card .wpcf7 form.failed .wpcf7-response-output { background: #fbe6e3; border-color: #a22525; }
.mp-form-unavailable { color: var(--mp-muted); margin: 0; }

.mp-footer { background: var(--mp-black); color: var(--mp-white); padding: 70px 0 22px; }
.mp-footer .mp-brand { background: var(--mp-white); padding: 9px 11px; }.mp-footer .mp-brand img { width: 200px; }.mp-footer__grid { display: grid; gap: 60px; grid-template-columns: 1.5fr .6fr .7fr; }
.mp-footer__grid > div { align-items: start; display: flex; flex-direction: column; }
.mp-footer p { color: #96979b; line-height: 1.55; margin-top: 25px; }
.mp-footer__label { color: var(--mp-yellow); font-size: .66rem; font-weight: 900; letter-spacing: .15em; margin-bottom: 20px; text-transform: uppercase; }
.mp-footer__grid a:not(:first-child) { color: #c8c9cc; font-size: .82rem; margin-bottom: 10px; }
.mp-footer__grid .mp-footer__phone { color: var(--mp-white); font-size: 1.45rem; font-weight: 800; }
.mp-footer__bottom { border-top: 1px solid #37383d; color: #77787d; display: flex; font-size: .63rem; justify-content: space-between; letter-spacing: .08em; margin-top: 55px; padding-top: 20px; text-transform: uppercase; }
.mp-text-link--light { color: var(--mp-white); }
.mp-text-link--light span { color: var(--mp-yellow); }
.mp-sebino-page__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; }

@media (max-width: 1120px) {
  .admin-bar .mp-header { top: 46px; }
  .mp-menu-button { display: block; }
  .mp-menu { align-items: stretch; background: var(--mp-paper); border-bottom: 1px solid var(--mp-line); display: none; flex-direction: column; gap: 0; left: 0; padding: 15px var(--mp-gutter) 28px; position: absolute; right: 0; top: 84px; }
  .mp-menu { max-height: calc(100vh - 84px); overflow-y: auto; overscroll-behavior: contain; }
  .mp-menu.is-open { display: flex; }
  .mp-menu > a:not(.mp-button) { border-bottom: 1px solid var(--mp-line); padding: 15px 0; }.mp-menu > a:not(.mp-button)::after { display: none; }.mp-menu .mp-button { justify-content: center; margin-top: 18px; }
  .mp-hero__grid, .mp-section-heading, .mp-method, .mp-mobile-ad__grid, .mp-sebino-teaser__grid, .mp-experience__grid, .mp-split, .mp-editorial-grid, .mp-contact__grid { grid-template-columns: minmax(0, 1fr); }
  .mp-hero { min-height: 0; }.mp-hero__visual { justify-self: center; width: min(100%, 500px); }
  .mp-section-heading, .mp-method, .mp-sebino-teaser__grid { gap: 50px; }
  .mp-services-grid { grid-template-columns: repeat(2, 1fr); }.mp-service-card:nth-child(3n) { border-right: 1px solid var(--mp-line); }.mp-service-card:nth-child(2n) { border-right: 0; }
  .mp-mobile-ad__grid > div:last-child { padding-top: 25px; }
  .mp-experience__number { max-width: 460px; }
  .mp-split > div:last-child { padding-top: 0; }
}

@media (max-width: 620px) {
  .mp-header__inner { height: 72px; }.mp-menu { max-height: calc(100vh - 72px); top: 72px; }.mp-header .mp-brand img { width: 164px; }
  .mp-hero { padding-top: 62px; }.mp-hero h1, .mp-page-hero h1, .mp-contact h1 { font-size: clamp(2.45rem, 11.5vw, 3.2rem); }.mp-hero__foot { align-items: start; flex-direction: column; gap: 10px; }
  .mp-hero__actions { align-items: stretch; flex-direction: column; }.mp-hero__actions .mp-button { gap: 12px; justify-content: space-between; max-width: 100%; width: 100%; }.mp-text-link { align-self: flex-start; }
  .mp-hero__visual { box-shadow: 9px 9px 0 var(--mp-black); min-height: 360px; padding: 22px; }.mp-hero__logo-card { box-shadow: 7px 7px 0 var(--mp-black); }.mp-hero__disciplines span { font-size: .61rem; padding: 9px 6px; }
  .mp-section-heading h2, .mp-method h2, .mp-mobile-ad h2, .mp-experience h2, .mp-split h2, .mp-editorial-grid h2 { font-size: clamp(2.2rem, 11vw, 4rem); overflow-wrap: anywhere; }
  .mp-services-grid { grid-template-columns: 1fr; }.mp-service-card, .mp-service-card:nth-child(3n) { border-right: 0; min-height: 290px; padding-left: 0; padding-right: 0; }
  .mp-method__steps { grid-template-columns: 1fr; }.mp-method__steps article:nth-child(odd) { border-right: 0; }.mp-method__steps article:nth-child(even) { padding-left: 0; }.mp-method__steps article { min-height: 210px; }.mp-method__steps h3 { margin-top: 55px; }
  .mp-mobile-ad__art { min-height: 340px; }.mp-mobile-ad__badge { bottom: -15px; right: -8px; }
  .mp-benefits, .mp-values { grid-template-columns: 1fr; }.mp-benefits article, .mp-benefits article + article, .mp-values article, .mp-values article + article { border-bottom: 1px solid var(--mp-line); border-right: 0; min-height: 230px; padding: 25px 0; }.mp-benefits h3 { margin-top: 55px; }
  .mp-experience__number { font-size: clamp(7.2rem, 38vw, 9rem); letter-spacing: -.1em; max-width: 100%; }
  .mp-statement { display: grid; gap: 8px; grid-template-columns: 1fr; }.mp-statement > span { font-size: 5rem; line-height: .45; }.mp-statement p { font-size: clamp(2rem, 10vw, 2.4rem); overflow-wrap: anywhere; }
  .mp-form__row, .mp-cf7-grid { grid-template-columns: 1fr; }.mp-form-card { box-shadow: 10px 10px 0 var(--mp-yellow); }
  .mp-footer__grid { grid-template-columns: 1fr; }.mp-footer__bottom { align-items: start; flex-direction: column; gap: 8px; }
  .mp-sebino-teaser__actions, .mp-sebino-page__actions { align-items: stretch; flex-direction: column; }.mp-sebino-teaser__actions .mp-button, .mp-sebino-page__actions .mp-button { justify-content: space-between; }
}

@media (max-width: 360px) {
  .mp-header .mp-brand img { width: 150px; }
  .mp-hero h1, .mp-page-hero h1, .mp-contact h1 { font-size: 2.45rem; overflow-wrap: anywhere; }
  .mp-button { gap: 16px; padding-left: 17px; padding-right: 17px; }
  .mp-form-card { padding-left: 22px; padding-right: 22px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }