:root {
  /* Approved corporate palette. Pink is an accent; dark pink supports white small text. */
  --brand-blue: #ce145f;
  --blue-mid: #b51e5c;
  --brand-pink: #f0287a;
  --blue-deep: #681a40;
  --blue-strong: #ae1553;
  --blue-ink: #791e47;
  --pink-strong: #ce145f;
  --accent-soft: #ffb9d5;
  --ink: #261b24;
  --muted: #68545f;
  --paper: #ffffff;
  --surface: #fdf5f8;
  --white: #ffffff;
  --line: #ebd5df;
  --night: #291323;
  --night-soft: #582039;
  --on-dark: #ffecf4;
  --light-line: #937b8a;
  --heading: var(--brand-blue);
  --action: var(--brand-blue);
  --focus: var(--brand-blue);
  
  --whatsapp-green: #25d366;
  --whatsapp-dark: #075e54;
  --whatsapp-light: #d9fbe6;
  --whatsapp-soft: #eafff1;
  --whatsapp-line: #71d99a;
  /* Compatibility aliases for existing custom CSS. */
  --brand-violet: var(--blue-mid);
  --brand-magenta: var(--brand-pink);
  --violet-strong: var(--blue-strong);
  --violet-deep: var(--blue-ink);
  --magenta-strong: var(--pink-strong);
  --container: min(1440px, calc(100% - clamp(40px, 12vw, 208px)));
  --ease: cubic-bezier(.22, 1, .36, 1);
  --radius: 24px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
svg, img { display: block; }
img { max-width: 100%; height: auto; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
::selection { background: var(--blue-strong); color: var(--white); }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 16px; left: 16px; padding: 14px 20px; border-radius: 8px; background: var(--white); color: var(--blue-strong); clip-path: inset(50%); }
.skip-link:focus { clip-path: none; }
.marke-hero, .footer-v5 { --focus: var(--accent-soft); }
.services-wrap, .works-wrap, .inquiry-wrap, .blog-wrap, .footer-shell { width: var(--container); margin-inline: auto; }
.services-section, .works-section, .inquiry-section, .blog-section { padding: clamp(64px, 6vw, 96px) 0; }
.section-kicker, .about-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; font-size: 12px; line-height: 1.5; font-weight: 750; letter-spacing: .16em; }
.demo-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
.marke-hero { position: relative; isolation: isolate; min-height: 0; overflow: clip; display: flex; flex-direction: column; color: var(--white); background: var(--night); }
.hero-decoration { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 90% 32%, var(--hero-glow), transparent 52%), linear-gradient(120deg, var(--hero-start), var(--hero-end)); }
.hero-decoration::before { content: ""; position: absolute; width: min(80vw, 1100px); aspect-ratio: 1; right: -28%; top: -55%; border: 1px solid #f0287a40; border-radius: 50%; box-shadow: 0 0 0 90px #ce145f10, 0 0 0 180px #ad15510c, 0 0 0 270px #f0287a08; }
.hero-decoration::after { content: ""; position: absolute; width: 140%; height: 320px; left: -20%; top: 47%; transform: rotate(-22deg); background: linear-gradient(180deg, transparent, #ce145f0c 49%, #f0287a18 50%, transparent 51%); }
.mh-nav { position: relative; z-index: 20; }
.mh-nav-inner { width: var(--container); min-height: 96px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.mh-menu { display: flex; align-items: center; gap: clamp(16px, 1.8vw, 30px); margin-left: auto; }
.mh-nav-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 12px 0; border: 0; background: transparent; color: var(--on-dark); font-size: 15px; font-weight: 600; white-space: nowrap; }
.mh-nav-link:hover, .mh-nav-link[aria-expanded="true"] { color: var(--white); }
.mh-chevron { width: 12px; height: 12px; }
.mh-services-wrap { position: relative; }
.mh-dropdown { --focus: var(--blue-mid); position: absolute; top: calc(100% + 10px); left: 50%; width: 610px; max-width: 85vw; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); color: var(--ink); box-shadow: 0 24px 60px #2913232b; transform: translateX(-50%); }
.mh-dropdown-title { padding-bottom: 14px; border-bottom: 1px solid var(--line); font-weight: 750; font-size: 12px; color: var(--blue-strong); letter-spacing: .1em; text-transform: uppercase; }
.mh-dropdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.mh-service-link { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 650; }
.mh-service-link:hover { color: var(--blue-mid); }
.mh-service-icon { width: 23px; height: 23px; flex: none; color: var(--blue-strong); }
.mh-right { display: flex; align-items: center; gap: 20px; }
.mh-contact { --focus: var(--accent-soft); display: inline-flex; align-items: center; gap: 18px; min-height: 46px; padding: 5px 6px 5px 19px; border-radius: 99px; background: var(--action); color: var(--white); border: 1px solid #ecd4e0; font-size: 13px; font-weight: 750; transition: transform .2s var(--ease); }
.mh-contact:hover { transform: translateY(-2px); }
.mh-socials { display: flex; gap: 3px; }
.mh-socials a { display: grid; place-items: center; width: 28px; height: 44px; color: var(--on-dark); }
.mh-socials svg { width: 17px; height: 17px; }
.mh-socials a:hover { color: var(--white); }
.mh-mobile-toggle { display: none; }
.whatsapp-surface { --focus: var(--whatsapp-dark); position: relative; color: var(--whatsapp-dark); background: linear-gradient(135deg, #c7f7d9, var(--whatsapp-soft)); border: 1px solid var(--whatsapp-line); box-shadow: inset 0 0 0 3px #ffffff45, 0 0 24px #25d36628; }
.whatsapp-eyebrow { color: var(--whatsapp-dark); font-size: 8px; line-height: 1.5; font-weight: 750; letter-spacing: .1em; }
.mh-featured-heading { margin: 0 0 12px; color: var(--muted); font-size: 10px; line-height: 1.6; font-weight: 750; letter-spacing: .13em; }
.mh-featured-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; }
.mh-featured-list a { --feature-bg: #ce145f; position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 36px; padding: 8px 13px; border: 1px solid #ffffff40; border-radius: 999px; background: var(--feature-bg); color: var(--white); transform: perspective(700px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .18s ease-out, box-shadow .2s; }
.mh-featured-list a:nth-child(2) { --feature-bg: #ce145f; }
.mh-featured-list a:nth-child(3) { --feature-bg: #ae1553; }
.mh-featured-list a:nth-child(4) { --feature-bg: #a6114d; }
.mh-featured-list a:nth-child(5) { --feature-bg: var(--blue-deep); }
.mh-featured-list a:nth-child(6) { --feature-bg: var(--blue-mid); }
.mh-featured-list a::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; background: radial-gradient(160px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), #ffffff0a, transparent 75%); transition: opacity .2s; pointer-events: none; }
.mh-featured-list a:hover::before { opacity: 1; }
.mh-featured-list a:hover { box-shadow: 0 6px 14px #29132320; }
.mh-featured-list a:focus-visible { outline: 2px solid var(--white); outline-offset: 3px; }
.mh-featured-label { font-size: 12.5px; line-height: 1.4; font-weight: 650; letter-spacing: -.02em; text-align: center; }
.mh-bottom { width: var(--container); margin: 0 auto 22px; }
.marke-intro { padding: clamp(72px, 7vw, 112px) 0; overflow: clip; }
.marke-intro-inner { width: var(--container); margin-inline: auto; }
.about-showcase { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr); align-items: center; gap: clamp(44px, 6vw, 92px); }
.about-kicker { color: var(--heading); }
.word-reveal { margin: 0 0 26px; font-size: clamp(36px, 3.8vw, 58px); line-height: 1.12; letter-spacing: -.055em; font-weight: 700; }
.word-reveal .word { color: #775769; transition: color .18s linear; }
.word-reveal .word.is-active { color: var(--heading); }
.about-description { margin: 0 0 26px; max-width: 640px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.about-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.marke-about-btn { display: inline-flex; align-items: center; gap: 22px; min-height: 46px; padding: 5px 5px 5px 20px; border-radius: 99px; background: var(--action); color: var(--white); font-size: 13px; font-weight: 650; }
.marke-about-btn span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--white); color: var(--action); font-size: 20px; }
.about-team-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; font-weight: 650; color: var(--action); }
.about-studio { position: relative; isolation: isolate; margin: 14px 18px 26px 8px; max-width: 440px; width: calc(100% - 26px); justify-self: end; }
.about-studio::before { content: ""; position: absolute; z-index: -1; inset: 15px -14px -15px 14px; border-radius: 30px 110px 30px 30px; background: var(--brand-blue); transform: rotate(3deg); }
.about-studio::after { content: ""; position: absolute; z-index: -2; inset: -10px 15px 10px -15px; border: 1px solid var(--accent-soft); border-radius: 30px 110px 30px 30px; transform: rotate(-3deg); }
.studio-frame { position: relative; }
.studio-frame > img { width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 26px 105px 26px 26px; box-shadow: 0 22px 50px #66183e1a; }
.about-studio figcaption { position: absolute; bottom: 26px; left: -26px; padding: 19px 24px; max-width: calc(100% + 12px); border-radius: 14px; background: var(--blue-deep); color: var(--white); box-shadow: 0 10px 30px #29132322; }
.about-studio figcaption > span { display: block; font-size: clamp(16px, 1.6vw, 22px); font-weight: 650; letter-spacing: -.03em; }
.about-studio figcaption small { display: block; margin-top: 6px; font-size: 10px; color: var(--accent-soft); }
.marke-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 52px; }
.marke-proof-card { position: relative; padding: 26px 28px 23px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); transition: transform .25s var(--ease); }
.marke-proof-card:hover { transform: translateY(-4px); }
.stat-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.marke-proof-label { color: var(--muted); font-size: 13px; font-weight: 600; line-height: 1.5; }
.stat-number { margin: 24px 0 22px; color: var(--heading); font-size: clamp(54px, 5vw, 78px); font-weight: 700; line-height: 1; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.stat-affix { font-size: .7em; vertical-align: .1em; }
.stat-rule { display: block; width: 46px; height: 4px; border-radius: 4px; background: var(--accent-soft); }
.marke-proof-card:nth-child(2) .stat-rule { background: var(--brand-pink); }
.marke-proof-card:nth-child(3) .stat-rule { background: var(--brand-blue); }
.services-section { background: var(--surface); }
.section-title { margin: 0; color: var(--heading); font-size: clamp(56px, 6.35vw, 100px); line-height: 1.03; font-weight: 720; letter-spacing: -.065em; }
.section-lede { max-width: 760px; margin: 24px 0 0; font-size: clamp(23px, 2.15vw, 32px); line-height: 1.35; font-weight: 450; letter-spacing: -.035em; color: var(--ink); }
.section-heading { margin-bottom: 48px; }
.services-head { display: block; }
.services-intro { margin-top: 24px; }
.services-intro p { max-width: 650px; margin: 0 0 26px; font-size: 15px; line-height: 1.8; color: var(--muted); }
.services-all { display: inline-flex; min-height: 44px; align-items: center; gap: 20px; border-bottom: 1px solid var(--action); padding-bottom: 8px; font-size: 14px; font-weight: 650; color: var(--blue-strong); }
.services-all span { font-size: 24px; }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.service-card { --card-bg: var(--blue-deep); --card-ink: var(--white); --card-muted: var(--white); --focus: var(--ink); position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 360px; min-width: 0; padding: 28px; border: 1px solid transparent; border-radius: var(--radius); background: var(--card-bg); color: var(--card-ink); transition: transform .25s var(--ease), box-shadow .25s; }
.service-card:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 16px 32px #66183e1c; }
.service-card--social { --card-bg: #ce145f; }
.service-card--marketing { --card-bg: var(--brand-blue); }
.service-card--seo { --card-bg: #ae1553; }
.service-card--identity { --card-bg: var(--pink-strong); }
.service-card--production { --card-bg: var(--blue-strong); }
.service-card--events { --card-bg: var(--pink-strong); }
.service-card--creative { --card-bg: #a6114d; }
.service-card--strategy { --card-bg: var(--blue-deep); }
.service-card--ugc { --card-bg: var(--blue-ink); }
.service-card--ecommerce { --card-bg: var(--brand-blue); }
.service-card--web { --card-bg: #791e47; }
.service-card--pr { --card-bg: var(--pink-strong); }
.service-pattern { position: absolute; z-index: -1; top: 24px; right: -35px; width: 220px; height: 220px; color: var(--white); opacity: .08; pointer-events: none; transition: transform .6s var(--ease); }
.service-card:hover .service-pattern { transform: translate(-5px, 5px) rotate(-5deg); }
.service-card-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.service-category { max-width: calc(100% - 54px); font-size: 9px; font-weight: 750; line-height: 1.6; letter-spacing: .1em; color: var(--card-muted); }
.service-detail { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid currentColor; border-radius: 50%; font-size: 23px; }
.service-icon { display: grid; place-items: center; width: 62px; height: 62px; color: var(--card-ink); border: 1px solid currentColor; border-radius: 17px; }
.service-icon svg { width: 38px; height: 38px; }
.service-card-content { display: grid; gap: 14px; }
.service-card-content strong { font-size: clamp(27px, 2.3vw, 37px); line-height: 1.12; letter-spacing: -.045em; font-weight: 680; overflow-wrap: anywhere; }
.service-card-content > span { max-width: 360px; font-size: 13px; line-height: 1.7; color: var(--card-muted); }
.works-head { max-width: 1000px; }
.works-head > p:not(.section-lede) { max-width: 690px; margin: 18px 0 0; font-size: 15px; line-height: 1.8; color: var(--muted); }
.works-head > .demo-note:not(.section-lede) { margin-top: 12px; font-size: 12px; }
.blog-card { min-width: 0; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); background: var(--white); }
.work-media, .blog-thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--surface); }
.work-media img, .blog-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--ease); }
.blog-card:hover .blog-thumb img { transform: scale(1.025); }
.blog-meta { color: var(--muted); font-size: 11px; line-height: 1.6; letter-spacing: .09em; text-transform: uppercase; }
.blog-copy a { display: inline-flex; align-items: center; justify-self: start; gap: 12px; min-height: 44px; color: var(--action); font-size: 13px; font-weight: 700; }
.blog-copy a:hover { text-decoration: underline; text-underline-offset: 5px; }
.blog-section { padding-top: 96px; }
.blog-head { display: block; }
.blog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.blog-card { display: flex; flex-direction: column; border-radius: 20px; }
.blog-thumb { aspect-ratio: 16 / 11; }
.blog-copy { display: flex; flex-direction: column; flex: 1; gap: 12px; padding: 20px; }
.blog-copy h3 { color: var(--heading); margin: 0; font-size: 21px; line-height: 1.3; letter-spacing: -.025em; font-weight: 650; }
.blog-copy a { margin-top: auto; }
.inquiry-section { background: var(--surface); padding-block: clamp(64px, 7vw, 110px); }
.inquiry-panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(40px, 5vw, 80px); }
.inquiry-copy { padding-top: 20px; }
.inquiry-copy .section-kicker { color: var(--heading); }
.inquiry-copy h2 { margin: 0 0 26px; max-width: 510px; color: var(--heading); font-size: clamp(36px, 4.1vw, 60px); font-weight: 650; line-height: 1.1; letter-spacing: -.055em; }
.inquiry-copy > p { max-width: 405px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.inquiry-direct { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 25px; color: var(--brand-blue); font-size: 13px; font-weight: 650; }
.inquiry-direct svg { width: 18px; height: 18px; }
.inquiry-form { min-width: 0; --focus: var(--accent-soft); overflow: hidden; color: var(--white); padding: 32px; border: 1px solid #c9a0b4; border-radius: 28px; background: var(--blue-deep); box-shadow: 0 22px 60px #66183e25; }
.form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 34px; }
.form-step { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 48px; padding: 0 0 16px; border: 0; border-bottom: 3px solid #c9a0b4; background: transparent; color: var(--on-dark); font-size: 12px; line-height: 1.5; text-align: left; font-weight: 650; }
.form-step svg { width: 19px; height: 19px; flex: none; }
.form-step[aria-current="step"] { color: var(--white); border-bottom-color: var(--accent-soft); }
.form-step.is-complete { border-bottom-color: #ecd4e0; }
.form-step:disabled { cursor: default; opacity: 1; }
.form-intro { margin-bottom: 28px; }
.form-intro h3, .form-success h3 { color: var(--white); margin: 0 0 10px; font-size: clamp(24px, 2.4vw, 34px); font-weight: 650; letter-spacing: -.045em; line-height: 1.2; }
.form-intro h3:focus, .form-success h3:focus { outline: none; }
.form-intro p { margin: 0; color: var(--on-dark); font-size: 13px; line-height: 1.7; }
.inquiry-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 27px 22px; }
.form-field { display: grid; gap: 10px; min-width: 0; }
.form-field > span, .service-choices legend { color: var(--white); font-size: 12px; font-weight: 650; line-height: 1.6; }
.form-field small { color: var(--on-dark); font-size: 10px; font-weight: 400; }
.form-field input, .form-field textarea { width: 100%; min-width: 0; padding: 14px; border: 1px solid #c9a0b4; border-radius: 11px; background: var(--blue-ink); color: var(--white); font-size: 16px; line-height: 1.5; }
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--on-dark); opacity: 1; }
.form-field input:focus, .form-field textarea:focus { outline: 2px solid var(--accent-soft); outline-offset: 2px; border-color: var(--accent-soft); background: var(--blue-ink); }
.form-field [aria-invalid="true"] { border-color: #ffd0e2; }
.form-field textarea { resize: vertical; min-height: 100px; }
.form-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 34px; }
.form-hint { max-width: 140px; color: var(--on-dark); font-size: 12px; line-height: 1.6; }
.form-primary { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; border: 0; border-radius: 12px; padding: 14px 22px; color: var(--blue-deep); background: var(--white); font-size: 13px; font-weight: 650; line-height: 1.5; transition: transform .2s; }
.form-primary:hover { transform: translateY(-2px); }
.form-primary svg { width: 22px; height: 22px; flex: none; }
.form-primary:disabled { cursor: default; }
.form-back { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; padding: 10px 0; border: 0; background: transparent; color: var(--white); font-size: 12px; font-weight: 650; }
.form-back svg { width: 22px; height: 22px; }
.form-back:hover, .contact-summary button:hover { text-decoration: underline; text-underline-offset: 5px; }
.contact-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; margin: 0 0 26px; border-radius: 10px; background: var(--brand-blue); }
.contact-summary > span { color: var(--on-dark); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.contact-summary button { flex: none; border: 0; background: transparent; padding: 10px 0; min-height: 44px; color: var(--white); font-size: 11px; font-weight: 650; }
.service-choices { min-width: 0; padding: 0; margin: 0; border: 0; }
.service-choices legend { padding: 0; margin-bottom: 12px; }
.choices-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.service-choice { position: relative; display: flex; align-items: center; gap: 9px; min-height: 38px; max-width: 100%; padding: 8px 12px; border: 1px solid #ecd4e0; border-radius: 99px; color: var(--on-dark); font-size: 11px; line-height: 1.5; cursor: pointer; transition: background .2s; }
.service-choice input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.choice-check { display: grid; place-items: center; flex: none; width: 16px; height: 16px; border: 1px solid #f4c8d9; border-radius: 4px; }
.choice-check svg { width: 13px; height: 13px; visibility: hidden; }
.service-choice:has(:checked) { background: var(--accent-soft); color: var(--blue-deep); border-color: var(--accent-soft); }
.service-choice:has(:checked) .choice-check { color: var(--white); background: var(--brand-blue); border-color: var(--brand-blue); }
.service-choice:has(:checked) .choice-check svg { visibility: visible; }
.service-choice:has(:focus-visible) { outline: 3px solid var(--accent-soft); outline-offset: 3px; }
.service-choice:hover { box-shadow: inset 0 0 0 1px var(--white); }
.message-field { margin-top: 26px; }
.field-error { margin: 12px 0 0; color: #ffd0e2; font-size: 12px; line-height: 1.7; }
.form-success { padding: 25px 0 34px; }
.success-mark { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 24px; border-radius: 16px; background: var(--accent-soft); color: var(--blue-deep); }
.success-mark svg { width: 30px; height: 30px; }
.form-success p { color: var(--on-dark); font-size: 14px; line-height: 1.8; }
.form-status { margin: 14px 0 0; min-height: 1.6em; color: var(--on-dark); font-size: 12px; line-height: 1.6; }
.form-banner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: -32px -32px 28px; padding: 25px 32px; background: var(--blue-strong); border-bottom: 1px solid #ffc0d980; font-size: 10px; font-weight: 750; letter-spacing: .14em; }
.form-banner::after { content: ""; position: absolute; right: 80px; top: -100px; width: 230px; height: 230px; border: 1px solid #f0287a50; border-radius: 50%; box-shadow: 0 0 0 24px #f0287a18, 0 0 0 48px #f0287a0a; }
.form-banner svg { width: 24px; height: 24px; color: var(--accent-soft); }
.footer-v5 { background: var(--night); color: var(--white); padding: 72px 0 32px; }
.footer-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px; padding-bottom: 64px; }
.footer-group { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.footer-group h3 { margin: 0 0 16px; font-size: 16px; font-weight: 650; }
.footer-group a { display: inline-flex; align-items: center; min-height: 36px; padding-block: 5px; font-size: 13px; line-height: 1.6; color: var(--on-dark); }
.footer-group a:hover { color: var(--white); text-decoration: underline; text-underline-offset: 5px; }
.footer-contact-row { display: flex; align-items: flex-start; gap: 12px; padding-block: 9px; font-size: 13px; line-height: 1.6; color: var(--on-dark); overflow-wrap: anywhere; }
.footer-contact-row svg { width: 18px; height: 18px; flex: none; margin-top: 1px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.footer-divider { height: 1px; background: #937b8a80; }
.footer-credit { color: var(--on-dark); font-size: 12px; line-height: 1.8; }
.footer-socials { display: flex; align-items: center; gap: 10px; }
.footer-socials strong { margin-right: 8px; font-size: 12px; font-weight: 600; color: var(--on-dark); }
.footer-socials a { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--light-line); border-radius: 50%; color: var(--white); background: transparent; transition: background .2s, transform .2s; }
.footer-socials svg { width: 20px; height: 20px; }
.footer-socials a:hover { transform: translateY(-3px); background: var(--blue-deep); border-color: var(--blue-deep); }
.media-preview { width: min(1000px, calc(100% - 32px)); max-height: calc(100svh - 48px); overflow: auto; padding: 0; border: 1px solid var(--line); border-radius: 20px; color: var(--ink); background: var(--paper); box-shadow: 0 32px 100px #29132370; }
.media-preview::backdrop { background: #291323d9; }
.preview-top { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px 24px; }
.preview-top h2 { margin: 0; font-size: clamp(18px, 2.5vw, 27px); letter-spacing: -.035em; }
.preview-close { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }
.preview-close svg { width: 20px; height: 20px; }
.preview-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.preview-note { padding: 0 24px; margin: 20px 0 24px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.demo-toast { --focus: var(--accent-soft); position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 80; width: min(520px, calc(100% - 32px)); padding: 18px 22px; border: 1px solid var(--light-line); border-radius: 16px; background: var(--night); color: var(--white); box-shadow: 0 12px 40px #29132333; font-size: 14px; line-height: 1.7; }
.demo-toast:empty { display: none; }
.contact-dock { position: fixed; z-index: 50; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); display: grid; justify-items: end; gap: 18px; width: min(310px, calc(100vw - 32px)); pointer-events: none; }
.contact-dock > * { pointer-events: auto; }
.chat-agent-avatar, .chat-agent-avatar img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.chat-agent-avatar { border: 2px solid var(--whatsapp-dark); overflow: hidden; }
.back-to-top { --focus: var(--heading); display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #c9a0b4; border-radius: 50%; background: var(--action); color: var(--white); box-shadow: 0 8px 25px #29132324; transition: transform .2s; }
.back-to-top svg { width: 23px; height: 23px; }
.back-to-top:hover { transform: translateY(-3px); }
@keyframes dock-enter { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.whatsapp-ribbon { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; gap: 11px; width: 100%; padding: 14px; border-radius: 20px; box-shadow: 0 8px 28px #075e5426, 0 0 0 4px #25d36618; }
.whatsapp-ribbon .chat-agent-avatar, .whatsapp-ribbon .chat-agent-avatar img { width: 42px; height: 42px; }
.whatsapp-ribbon-copy { min-width: 0; color: var(--whatsapp-dark); }
.whatsapp-ribbon-copy strong { display: block; font-size: 13px; line-height: 1.4; letter-spacing: -.02em; }
.whatsapp-ribbon-copy > span { display: block; margin-top: 5px; font-size: 11px; line-height: 1.5; }
.whatsapp-ribbon-icon { display: grid; place-items: center; width: 42px; height: 42px; background: var(--whatsapp-green); color: var(--white); border-radius: 50%; box-shadow: 0 0 0 4px #25d3661c; }
.whatsapp-ribbon-icon svg { width: 26px; height: 26px; }
.whatsapp-ribbon:hover { box-shadow: 0 8px 28px #075e5433, 0 0 0 5px #25d36628; }
@media (max-width: 600px) {.contact-dock { width: min(294px, calc(100vw - 32px)); }
.whatsapp-ribbon { gap: 8px; padding: 12px; grid-template-columns: 36px minmax(0, 1fr) 36px; }
.whatsapp-ribbon .chat-agent-avatar, .whatsapp-ribbon .chat-agent-avatar img, .whatsapp-ribbon-icon { width: 36px; height: 36px; }
.whatsapp-ribbon-copy strong { font-size: 12px; }
.whatsapp-ribbon-copy > span { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {.mh-featured-list a { transform: none; }
.mh-featured-list a::before { display: none; }
}
@media (max-width: 1180px) {.mh-socials { display: none; }
.services-head { grid-template-columns: 1fr; gap: 24px; }
.services-intro p { max-width: 620px; }
.services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-card-content strong { font-size: 32px; }
.about-showcase { gap: 40px; }
.word-reveal { font-size: 42px; }
.blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inquiry-panel { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 30px; }
.inquiry-form { padding: 26px; }
.form-banner { margin: -26px -26px 26px; padding: 24px 26px; }
.inquiry-grid { grid-template-columns: 1fr; gap: 22px; }
.footer-links { gap: 24px; }
}
@media (max-width: 980px) {:root { --container: calc(100% - 48px); }
.mh-nav-inner { min-height: 80px; gap: 16px; }
.mh-right { margin-left: auto; }
.mh-mobile-toggle { display: flex; flex: none; align-items: center; justify-content: center; flex-direction: column; gap: 6px; width: 44px; height: 44px; border: 1px solid var(--light-line); border-radius: 50%; background: transparent; }
.mh-mobile-toggle span { width: 17px; height: 1px; background: var(--white); transition: transform .2s; }
.mh-mobile-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.mh-mobile-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mh-menu { display: none; position: absolute; top: calc(100% - 1px); left: 24px; right: 24px; margin: 0; max-height: calc(100svh - 110px); overflow-y: auto; overscroll-behavior: contain; padding: 14px 22px; border: 1px solid var(--light-line); border-radius: 16px; background: var(--night); box-shadow: 0 18px 40px #29132340; }
.mh-nav.is-open .mh-menu { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
.mh-menu > .mh-nav-link, .mh-services-wrap > .mh-nav-link { width: 100%; min-height: 48px; border-bottom: 1px solid var(--light-line); justify-content: space-between; font-size: 16px; }
.mh-dropdown { position: static; width: 100%; max-width: none; margin-block: 10px; padding: 18px; transform: none; box-shadow: none; }
.mh-dropdown-grid { grid-template-columns: 1fr 1fr; }
.mh-service-link { font-size: 12px; }
.marke-hero { min-height: auto; }
.mh-bottom { margin-top: auto; }
.about-showcase { grid-template-columns: 1fr; gap: 38px; }
.about-studio { justify-self: center; max-width: 400px; }
.word-reveal { font-size: clamp(38px, 6vw, 58px); max-width: 760px; }
.marke-proof-card { padding: 22px; }
.inquiry-panel { grid-template-columns: 1fr; gap: 32px; }
.inquiry-copy h2 { max-width: 630px; font-size: 48px; }
.inquiry-copy > p { max-width: 590px; }
.inquiry-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px; }
}
@media (max-width: 600px) {:root { --container: calc(100% - 40px); --radius: 20px; }
.services-section, .works-section, .blog-section, .inquiry-section { padding-block: 64px; }
.section-title { font-size: clamp(43px, 11.3vw, 65px); }
.section-lede { font-size: 22px; margin-top: 20px; }
.section-heading { margin-bottom: 32px; }
.mh-nav-inner { min-height: 76px; gap: 10px; }
.mh-contact { gap: 10px; padding-left: 13px; font-size: 12px; }
.mh-menu { left: 20px; right: 20px; padding-inline: 18px; }
.mh-dropdown-grid { grid-template-columns: 1fr; }
.mh-service-link { min-height: 48px; }
.mh-bottom { margin-bottom: 22px; }
.marke-intro { padding-block: 64px; }
.about-studio { margin-inline: 22px; width: calc(100% - 44px); }
.about-studio figcaption { left: -18px; padding: 17px 20px; }
.studio-edge { left: -21px; }
.word-reveal { font-size: clamp(34px, 8.8vw, 52px); }
.about-description { font-size: 14px; }
.about-actions { gap: 16px; }
.marke-proof { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; }
.marke-proof-card { padding: 22px 24px; }
.stat-number { font-size: 66px; margin-block: 16px; }
.marke-proof-label { font-size: 12px; }
.services-head { gap: 22px; }
.services-intro p { font-size: 14px; }
.services-grid { grid-template-columns: 1fr; gap: 14px; }
.service-card { grid-column: auto; min-height: 330px; padding: 25px; }
.service-card-content strong { font-size: 32px; }
.service-card-content > span { font-size: 14px; }
.services-foot { flex-direction: column; gap: 8px; font-size: 9px; }
.blog-grid, .inquiry-grid { grid-template-columns: 1fr; }
.blog-thumb { aspect-ratio: 16 / 9; }
.blog-copy h3 { font-size: 23px; }
.inquiry-copy { padding-top: 0; }
.inquiry-copy h2 { font-size: 40px; }
.inquiry-copy > p { font-size: 14px; }
.inquiry-form { padding: 24px 20px; border-radius: 22px; }
.form-banner { margin: -24px -20px 25px; padding: 22px 20px; }
.contact-dock { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
.form-progress { gap: 12px; margin-bottom: 28px; }
.form-step { font-size: 11px; gap: 8px; }
.form-step svg { width: 17px; height: 17px; }
.form-intro h3 { font-size: 27px; }
.form-intro p { font-size: 12px; }
.form-actions { flex-wrap: wrap; gap: 14px; }
.form-primary { gap: 16px; padding-inline: 16px; }
.form-hint { max-width: 95px; font-size: 11px; }
.contact-summary { flex-wrap: wrap; gap: 0; }
.service-choice { font-size: 12px; }
.footer-v5 { padding-top: 52px; }
.footer-links { gap: 32px 20px; padding-bottom: 48px; }
.footer-group h3 { font-size: 15px; }
.footer-contact-row { font-size: 12px; gap: 7px; }
.footer-contact-row svg { width: 15px; height: 15px; }
.footer-socials { flex-wrap: wrap; gap: 9px; }
.footer-socials strong { width: 100%; margin-bottom: 5px; }
.preview-top { padding: 16px; gap: 12px; }
.preview-note { padding-inline: 16px; }
}
@media (max-width: 360px) {.mh-contact { justify-content: center; min-width: 66px; padding: 10px; }
.mh-nav-inner { gap: 9px; }
.whatsapp-eyebrow { font-size: 7px; }
.form-step { flex-direction: column; align-items: flex-start; }
.form-hint { max-width: none; }
}
@media (hover: none) {.service-card:hover, .marke-proof-card:hover, .form-primary:hover { transform: none; }
.blog-card:hover .blog-thumb img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition: none !important; }
.marke-intro { min-height: auto; }
.marke-intro-inner { position: static; min-height: 0; }
.word-reveal .word { color: var(--heading); }
}
@media print {.mh-nav, .inquiry-section, .demo-toast, .contact-dock { display: none; }
.marke-intro, .marke-hero { min-height: auto; }
.marke-intro-inner { position: static; min-height: auto; }
}
#inquiryForm { scroll-margin-top: 28px; }
.service-choice .choice-check { width: 14px; height: 14px; border-radius: 50%; }
@media (max-width: 600px) {.service-choice { font-size: 10px; min-height: 36px; padding: 8px 10px; gap: 6px; }
}
.reference-slider { display: grid; gap: 18px; }
.reference-lane { --logo-width: 226px; --logo-gap: 18px; display: block; width: 100%; padding: 2px 0; border: 0; background: transparent; overflow: hidden; cursor: pointer; -webkit-mask-image: linear-gradient(to right, transparent, #000000 10%, #000000 90%, transparent); mask-image: linear-gradient(to right, transparent, #000000 10%, #000000 90%, transparent); }
.reference-track { display: flex; width: max-content; animation: reference-drift 34s linear infinite; }
.reference-lane:nth-child(2) .reference-track { animation-duration: 39s; animation-delay: -12s; }
.reference-group { display: flex; flex: none; gap: var(--logo-gap); padding-right: var(--logo-gap); }
.reference-cell { display: grid; place-items: center; flex: 0 0 var(--logo-width); width: var(--logo-width); height: 88px; padding: 15px 23px; border: 1px solid #d8e2ef; border-radius: 10px; background: #ffffff90; }
.reference-cell img { width: 100%; height: auto; max-height: 54px; object-fit: contain; }
.reference-lane:hover .reference-track, .reference-lane:focus-visible .reference-track, .reference-lane[aria-pressed="true"] .reference-track { animation-play-state: paused; }
@keyframes reference-drift { to { transform: translateX(-50%); } }
.instagram-panel { margin-top: 28px; max-width: 440px; }
.instagram-panel h3 { margin: 0 0 16px; color: var(--heading); font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.instagram-card { overflow: hidden; border: 1px solid #d9e4f2; border-radius: 22px; background: #ffffff; box-shadow: 0 12px 32px #66183e09; }
.instagram-top { display: flex; align-items: center; gap: 9px; padding: 15px 20px; border-bottom: 1px solid #eaf0f9; font-size: 14px; font-weight: 650; color: #462233; }
.instagram-top svg, .instagram-follow svg { width: 20px; height: 20px; flex: none; }
.instagram-top svg { color: var(--pink-strong); }
.instagram-profile { display: flex; align-items: center; gap: 14px; padding: 22px 20px; }
.instagram-avatar { flex: none; display: grid; place-items: center; width: 65px; height: 65px; padding: 3px; border-radius: 50%; background: conic-gradient(#f0287a, #ad1551, #ce145f, #f0287a); }
.instagram-avatar > span { display: grid; place-items: center; width: 100%; height: 100%; border: 3px solid #ffffff; border-radius: 50%; background: var(--blue-deep); color: #ffffff; font-weight: 750; font-size: 32px; letter-spacing: -.06em; }
.instagram-profile strong { display: block; color: #462233; font-size: 15px; letter-spacing: -.02em; }
.instagram-profile div > span { display: block; margin-top: 4px; font-size: 11px; font-weight: 650; color: var(--heading); }
.instagram-profile p { margin: 6px 0 0; font-size: 11px; line-height: 1.6; color: var(--muted); }
.instagram-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin: 0 20px; border-radius: 10px; overflow: hidden; }
.instagram-gallery img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.instagram-follow { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; margin: 18px 20px 20px; padding: 10px 14px; border-radius: 11px; background: linear-gradient(110deg, #ad1551, #ce145f); color: #ffffff; font-size: 12px; font-weight: 650; }
.instagram-follow > span:last-child { margin-left: auto; font-size: 20px; }
.instagram-follow:hover { background: var(--blue-deep); }
@media (max-width: 600px) {.reference-lane { --logo-width: 180px; --logo-gap: 12px; }
.reference-slider { gap: 12px; }
.reference-cell { height: 76px; padding: 14px 18px; }
.instagram-profile { gap: 11px; padding-inline: 16px; }
.instagram-profile strong { font-size: 14px; }
.instagram-avatar { width: 55px; height: 55px; }
}
@media (prefers-reduced-motion: reduce) {.reference-lane { overflow-x: auto; }
.reference-track { animation: none !important; }
.reference-copy { display: none; }
}
@media print {.reference-lane { mask-image: none; -webkit-mask-image: none; }
.reference-track { animation: none; width: 100%; }
.reference-group { flex-wrap: wrap; }
.reference-copy { display: none; }
}
.marke-proof-label { font-size: clamp(16px, 1.45vw, 21px); font-weight: 740; letter-spacing: -.028em; color: var(--heading); }
.mh-dropdown { width: min(680px, 88vw); padding: 18px; border-color: #f8dfeb; border-radius: 24px; background: #ffffff; box-shadow: 0 25px 80px #2913234d, 0 0 0 6px #dbe9ff1c; }
.mh-dropdown::before { content: ""; position: absolute; top: -7px; left: calc(50% - 7px); width: 13px; height: 13px; border-top: 1px solid #f8dfeb; border-left: 1px solid #f8dfeb; transform: rotate(45deg); background: #ffffff; }
.mh-dropdown-title { position: relative; margin: -2px -2px 13px; padding: 15px 18px; border: 0; border-radius: 14px; background: linear-gradient(110deg, #e4edff, #fff0f6); color: var(--blue-deep); }
.mh-dropdown-grid { gap: 5px 8px; }
.mh-service-link { gap: 13px; min-height: 57px; padding: 8px 12px; border: 1px solid transparent; border-radius: 12px; transition: background .18s, transform .18s, border-color .18s; }
.mh-service-link:hover, .mh-service-link:focus-visible { background: #fff0f6; border-color: #f4c8d9; transform: translateX(3px); color: var(--blue-deep); }
.mh-service-icon { width: 27px; height: 27px; padding: 4px; border-radius: 8px; background: #ffedf4; color: var(--blue-strong); }
.form-lead { margin: 0 0 27px; font-size: 17px; color: var(--white); font-weight: 650; }
.form-subheading { margin: 28px 0 12px; font-size: 14px; font-weight: 650; }
.form-body .message-field { margin-top: 24px; }
.form-body .form-actions { margin-top: 24px; justify-content: flex-start; }
.instagram-panel { margin-top: 30px; }
.footer-wordmark { color: var(--white); font-size: clamp(28px, 3vw, 44px); font-weight: 760; letter-spacing: -.07em; }
.footer-contact-row a { overflow-wrap: anywhere; }
body:has(#inquiryForm:focus-within) .contact-dock { display: none; }
@media (max-width: 980px) {.mh-dropdown { width: 100%; max-width: none; padding: 12px; }
.mh-dropdown::before { display: none; }
}
.marke-hero { --hero-start: #291323; --hero-end: #66183e; --hero-glow: #f0287a30; }
.hero-references { padding-top: 20px; border-top: 1px solid #ffecf440; }
.hero-reference-lane { --logo-width: 226px; --logo-gap: 18px; }
.hero-reference-lane .reference-cell { background: transparent; border: 0; border-radius: 0; }
.hero-reference-lane .reference-track { animation-duration: 34s; }
.stat-icon { display: grid; place-items: center; flex: none; width: 74px; height: 74px; border: 1px solid #f5dbe7; border-radius: 22px; background: #fff0f6; color: #66183e; transition: transform .25s, background .25s; }
.stat-icon svg { width: 46px; height: 46px; color: inherit; }
.marke-proof-card:nth-child(2) .stat-icon { color: #b41556; background: #fff0f6; border-color: #f5c6d9; }
.marke-proof-card:nth-child(3) .stat-icon { color: #ae1553; background: #e8efff; border-color: #c8d8fa; }
.marke-proof-card:hover .stat-icon { transform: translateY(-2px); }
.instagram-card { transform-origin: 50% 60%; transition: box-shadow .25s; }
.instagram-card:focus-within { box-shadow: 0 16px 38px #66183e18; }
@media (hover: hover) and (pointer: fine) {.instagram-card:hover { animation: instagram-nudge .75s ease both; box-shadow: 0 18px 42px #66183e1a; }
}
@keyframes instagram-nudge {
  0% { transform: translateY(0) rotate(0); }
  24% { transform: translateY(-3px) rotate(-.6deg); }
  48% { transform: translateY(-3px) rotate(.45deg); }
  72% { transform: translateY(-3px) rotate(-.2deg); }
  100% { transform: translateY(-3px) rotate(0); }
}
.footer-top { display: block; margin-bottom: 44px; }
.footer-socials--contact { flex-wrap: wrap; gap: 9px; margin-bottom: 13px; }
.footer-partner-logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; gap: clamp(12px, 1.2vw, 20px); }
.footer-partner-logos img { width: 100%; height: auto; max-height: 62px; object-fit: contain; filter: brightness(0) invert(.86); }
@media (max-width: 1100px) {.stat-icon { width: 62px; height: 62px; border-radius: 18px; }
.stat-icon svg { width: 40px; height: 40px; }
.stat-top { gap: 10px; }
}
@media (max-width: 600px) {.hero-reference-lane { --logo-width: 180px; --logo-gap: 12px; }
.footer-partner-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 24px; }
.stat-icon { width: 70px; height: 70px; border-radius: 20px; }
.stat-icon svg { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {.instagram-card:hover { animation: none; transform: none; }
.stat-icon { transition: none; }
.marke-proof-card:hover .stat-icon { transform: none; }
}
.contact-dock { bottom: var(--dock-bottom, 24px); }
@media (max-width: 600px) {.footer-group:nth-child(3) { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.footer-group:last-child { grid-column: 1 / -1; }
}
.hero-reference-lane .reference-cell img { filter: brightness(0) invert(.87); }
.work-card { --work-bg: #66183e; --work-ink: #ffffff; --work-meta: #e0ebff; --work-button: #ffffff; --work-button-ink: #66183e; isolation: isolate; position: relative; min-width: 0; display: flex; flex-direction: column; padding: 12px; border: 1px solid #dce7f580; border-radius: 23px; overflow: hidden; background: var(--work-bg); color: var(--work-ink); transition: transform .3s var(--ease), box-shadow .3s; }
.work-card::before { content: ""; position: absolute; z-index: -1; bottom: -180px; right: -80px; width: 320px; height: 320px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; box-shadow: 0 0 0 26px #ffffff08, 0 0 0 52px #ffffff05; pointer-events: none; }
.work-card .work-media { position: relative; flex: none; border-radius: 18px; background: #29132315; overflow: hidden; }
.work-card .work-media img { transition: transform .7s var(--ease); }
.work-card .work-media::after { content: ""; position: absolute; inset: -10% -40%; pointer-events: none; background: linear-gradient(100deg, transparent 36%, #ffffff24 48%, transparent 62%); transform: translateX(-85%); opacity: 0; transition: transform .85s var(--ease), opacity .3s; }
.work-card:hover { transform: translateY(-5px); box-shadow: 0 20px 42px #0a254c20; }
.work-card:hover .work-media img { transform: scale(1.04); }
.work-card:hover .work-media::after { transform: translateX(85%); opacity: 1; }
.work-card:focus-within { outline: 3px solid var(--brand-blue); outline-offset: 5px; }
@media (max-width: 600px) {.work-card { padding: 12px; border-radius: 23px; }
.work-card .work-media { border-radius: 15px; }
.footer-partner-logos { gap: 22px 12px; }
}
@media (prefers-reduced-motion: reduce) {.work-card, .work-card .work-media img { transition: none; }
.work-card .work-media::after { display: none; }
.work-card:hover, .work-card:hover .work-media img { transform: none; }
}
.mh-scroll-button { position: absolute; z-index: 3; left: 50%; bottom: 157px; transform: translateX(-50%); display: grid; place-items: center; width: 44px; height: 66px; border: 1px solid #ffecf480; border-radius: 99px; background: #ffffff08; }
.mh-scroll-button svg { width: 23px; height: 30px; transition: transform .2s; }
.mh-scroll-button:hover svg { transform: translateY(4px); }
.mh-featured-heading { color: #682342; }
.mh-service-link { background: #fff3f8; }
.academy-section { position: relative; isolation: isolate; overflow: clip; padding: clamp(70px, 6vw, 96px) 0; border-block: 1px solid #d3dfef; color: var(--ink); background: #edf3ff; }
.academy-wrap { position: relative; z-index: 1; width: var(--container); margin-inline: auto; }
.academy-illustration { position: absolute; top: 50%; right: max(-40px, calc((100% - var(--container)) / 2 - 50px)); width: min(40vw, 510px); height: auto; color: var(--blue-strong); opacity: .075; transform: translateY(-50%) rotate(-8deg); pointer-events: none; }
.academy-head { max-width: 900px; }
.academy-head .section-title { color: var(--heading); }
.academy-head .section-kicker { color: var(--blue-strong); }
.academy-head p:last-child { max-width: 650px; margin: 24px 0 0; color: #68545f; font-size: 17px; line-height: 1.75; }
.academy-topics { display: flex; flex-wrap: wrap; gap: 10px; max-width: 1020px; margin: 31px 0; }
.academy-topics a { display: inline-flex; align-items: center; min-height: 43px; padding: 11px 18px; border: 1px solid #f5dbe7; border-radius: 99px; color: var(--blue-deep); background: #ffffffeb; font-size: 13px; font-weight: 650; transition: transform .2s, border-color .2s, box-shadow .2s; }
.academy-topics a:hover { transform: translateY(-2px); border-color: #c9a0b4; box-shadow: 0 7px 15px #66183e10; }
.academy-entry { display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; min-height: 53px; padding: 13px 21px; border-radius: 12px; color: var(--white); background: var(--action); font-size: 15px; font-weight: 700; }
.academy-entry:hover { background: var(--blue-deep); }
.academy-entry span { font-size: 24px; }
.footer-bottom-row { display: grid; justify-items: center; gap: 24px; padding: 38px 0 24px; }
.footer-credit { text-align: left; justify-self: start; }
.footer-privacy { max-width: 860px; margin: 0; color: #c7d5eb; font-size: 10.5px; line-height: 1.85; text-align: left; justify-self: start; width: 100%; }
.footer-privacy a { color: #ffecf4; text-decoration: underline; text-decoration-color: #91a3be; text-underline-offset: 3px; }
.footer-privacy a:hover { color: var(--white); }
.footer-partners { width: min(1100px, 100%); min-width: 0; margin-top: 6px; }
@media (max-width: 600px) {.mh-scroll-button { bottom: 145px; height: 60px; }
.academy-illustration { top: 70px; right: -70px; width: 310px; opacity: .05; transform: rotate(-9deg); }
.academy-head p:last-child { font-size: 15px; }
.academy-topics a { font-size: 12px; min-height: 42px; padding-inline: 15px; }
.footer-bottom-row { gap: 23px; padding-top: 32px; }
}
@media (prefers-reduced-motion: reduce) {.academy-topics a, .mh-scroll-button svg { transition: none; }
.academy-topics a:hover, .mh-scroll-button:hover svg { transform: none; }
}
.ui-icon { display: block; width: 22px; height: 22px; flex: none; }
.mh-brand { display: inline-flex; align-items: center; flex: none; }
.mh-brand img { display: block; width: 218px; height: auto; }
.footer-wordmark img { width: 265px; height: auto; }
.mh-contact { font-size: 14px; }
.mh-contact-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 12px; background: var(--white); color: var(--action); }
.mh-contact-icon svg { width: 21px; height: 21px; }
.mh-menu-indicator { width: 14px; height: 14px; transition: transform .2s; stroke-width: 2.6; }
.mh-nav-link[aria-expanded="true"] .mh-menu-indicator { transform: rotate(45deg); }
.services-all svg, .about-team-link svg { width: 20px; height: 20px; }
.marke-about-btn svg { width: 21px; height: 21px; }
.service-detail { border-radius: 12px; }
.service-detail svg { width: 22px; height: 22px; }
.instagram-follow > span:last-child svg { width: 20px; height: 20px; }
.academy-entry svg { width: 23px; height: 23px; }
.blog-copy a svg { width: 21px; height: 21px; }
.mh-featured-heading { font-size: 10.5px; margin-bottom: 13px; }
.meeting-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #f5dbe7; border-radius: 12px; background: #fff0f6; }
.meeting-icon svg { width: 25px; height: 25px; }
.meeting-copy { display: grid; gap: 4px; }
.meeting-copy strong { font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: -.025em; }
.meeting-copy > span { font-size: 11px; line-height: 1.5; color: #68545f; }
.work-card .work-media { border-radius: 15px; }
.inquiry-invitation { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--line); }
.inquiry-invitation div > span { display: block; max-width: 430px; margin-top: 16px; color: var(--muted); font-size: 12px; line-height: 1.85; }
.inquiry-quote { display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px; align-items: start; gap: 10px; margin: 0; color: var(--heading); }
.inquiry-quote p { margin: 0; font-size: clamp(19px, 1.8vw, 24px); font-weight: 650; line-height: 1.35; letter-spacing: -.035em; }
.inquiry-quote svg { width: 24px; height: 20px; opacity: .6; }
.quote-close { transform: rotate(180deg); align-self: end; }
@media (max-width: 600px) {.mh-brand img { width: 160px; }
.mh-contact { font-size: 13px; }
.mh-contact-icon { width: 30px; height: 30px; border-radius: 10px; }
.meeting-icon { width: 36px; height: 36px; }
.meeting-copy strong { font-size: 13px; }
.inquiry-invitation { margin-top: 26px; }
}
@media (max-width: 360px) {.mh-brand img { width: 138px; }
.mh-contact { font-size: 12px; }
.mh-contact-icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {.mh-menu-indicator { transition: none; }
}

/* Restored split hero: statement on the left, services and contact panel on the right. */
.mh-hero-main { display: grid; flex: 1; min-height: 0; grid-template-columns: minmax(0, 1.15fr) minmax(370px, .85fr); align-items: center; gap: clamp(40px, 5vw, 90px); width: var(--container); margin: 0 auto; padding: 32px 0 108px; }
.mh-hero-copy { width: 100%; min-width: 0; text-align: left; }
.mh-hero-title { margin: 0 0 26px; color: var(--white); font-size: clamp(50px, 5.35vw, 98px); font-weight: 720; letter-spacing: -.065em; line-height: 1.04; text-align: left; }
.mh-hero-title .dash { display: inline-block; width: .52em; height: .065em; margin: 0 .08em .2em 0; background: var(--brand-pink); vertical-align: middle; }
.mh-hero-description { max-width: 510px; margin: 0; color: var(--on-dark); font-size: clamp(14px, 1.05vw, 17px); line-height: 1.75; text-align: left; }
.mh-hero-aside { width: 100%; max-width: 470px; justify-self: end; }
.hero-connect { --focus: var(--accent-soft); display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 20px; border: 1px solid #ffffff40; border-radius: 26px; color: var(--ink); background: #f0f5ff40; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 24px 70px #06112730; }
.mh-featured-services { padding: 0; border: 0; background: transparent; }
.mh-featured-heading { color: var(--white); text-align: left; }
.hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; width: 100%; }
.mh-whatsapp-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; align-self: stretch; gap: 10px; margin: 0; padding: 15px 16px 0; border-radius: 18px; overflow: hidden; transition: box-shadow .25s, transform .25s; }
.mh-whatsapp-card:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 3px #ffffff70, 0 0 32px #25d36655; }
.mh-whatsapp-card:focus-visible { outline-offset: 4px; }
.mh-chat-avatar, .mh-chat-avatar img { display: block; width: 42px; height: 42px; object-fit: cover; border-radius: 50%; }
.mh-chat-avatar { outline: 2px solid #8ee6ac; outline-offset: 2px; overflow: hidden; }
.mh-chat-copy { display: grid; gap: 5px; }
.mh-chat-copy strong { font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: -.03em; }
.mh-chat-copy > span:not(.whatsapp-eyebrow) { font-size: 10px; line-height: 1.6; color: var(--whatsapp-dark); }
.mh-whatsapp-icon { display: grid; place-items: center; width: 42px; height: 42px; color: white; border-radius: 50%; background: var(--whatsapp-green); box-shadow: 0 0 0 5px #25d3661c, 0 0 20px #25d36655; }
.mh-whatsapp-icon svg { width: 25px; height: 25px; }
.whatsapp-inline-action { display: flex; grid-column: 1 / -1; justify-content: space-between; align-items: center; gap: 10px; min-height: 42px; padding: 10px 0 12px; border-top: 1px solid #71d99a; font-size: 11px; font-weight: 700; }
.whatsapp-inline-action svg { width: 19px; height: 19px; }
.hero-connect-cta { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; align-self: stretch; align-content: center; gap: 12px; margin: 0; min-height: 75px; padding: 14px 16px; border: 1px solid #ffffffa0; border-radius: 16px; color: var(--blue-deep); background: #f5f8ffeb; transition: background .2s, transform .2s; }
.hero-connect-cta:hover { background: white; transform: translateY(-2px); }
.hero-connect-cta:focus-visible { outline: 3px solid var(--blue-deep); outline-offset: 4px; }
.hero-actions .meeting-icon { width: 42px; height: 42px; }
.hero-actions .meeting-copy strong { font-size: 14px; }
.hero-actions .meeting-copy > span { font-size: 11px; }
/* Six covers in two columns. Only an overlaid icon remains for each future URL. */
.works-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.work-inspect { position: absolute; z-index: 2; right: 14px; bottom: 14px; display: grid; place-items: center; width: 46px; height: 46px; padding: 0; margin: 0; border: 1px solid #ffffff99; border-radius: 13px; color: var(--blue-deep); background: #ffffffed; box-shadow: 0 5px 18px #29132324; backdrop-filter: blur(8px); transition: transform .2s, background .2s; }
.work-inspect svg { width: 22px; height: 22px; }
.work-inspect:hover { background: white; transform: scale(1.05); }
.work-inspect:focus-visible { outline: 3px solid var(--accent-soft); outline-offset: 4px; }
@media (min-width: 981px) and (max-width: 1200px) {
  .mh-hero-main { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 980px) {
  .mh-hero-main { grid-template-columns: minmax(0, 1fr); margin-block: 0; gap: 42px; }
  .mh-hero-title { max-width: 740px; font-size: clamp(46px, 8.2vw, 72px); }
  .mh-hero-description { max-width: 590px; font-size: 15px; }
  .mh-hero-aside { max-width: 620px; justify-self: center; }
}
@media (min-width: 1200px) {
  .marke-hero { aspect-ratio: 16 / 9; }
  .mh-hero-main { grid-template-columns: minmax(0, 1fr) 470px; padding-block: 20px 88px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mh-nav-inner { min-height: 80px; }
  .mh-hero-main { padding-block: 8px 68px; }
  .mh-bottom { margin-bottom: 14px; }
  .hero-references { padding-top: 10px; }
  .hero-reference-lane .reference-cell { height: 60px; padding-block: 8px; }
  .mh-scroll-button { bottom: 104px; height: 50px; }
}
@media (max-width: 600px) {
  .mh-hero-main { gap: 34px; padding-top: 40px; padding-bottom: 112px; }
  .mh-hero-title { font-size: clamp(39px, 10.8vw, 62px); line-height: 1.09; letter-spacing: -.055em; margin-bottom: 23px; }
  .mh-hero-description { font-size: 14px; }
  .hero-connect { gap: 16px; padding: 16px; border-radius: 22px; }
  .hero-actions { gap: 16px; }
  .mh-whatsapp-card { grid-template-columns: 36px minmax(0, 1fr) 34px; gap: 9px; padding: 14px 12px 0; border-radius: 18px; }
  .mh-chat-avatar, .mh-chat-avatar img { width: 36px; height: 36px; }
  .mh-whatsapp-icon { width: 34px; height: 34px; }
  .mh-whatsapp-icon svg { width: 22px; height: 22px; }
  .mh-chat-copy strong { font-size: 15px; line-height: 1.35; }
  .hero-connect-cta { grid-template-columns: 36px minmax(0, 1fr); padding: 13px; gap: 10px; }
  .hero-actions .meeting-icon { width: 36px; height: 36px; }
  .hero-actions .meeting-copy strong { font-size: 13px; }
  .works-grid { grid-template-columns: 1fr; gap: 20px; }
  .work-inspect { right: 12px; bottom: 12px; width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-connect-cta, .mh-whatsapp-card, .work-inspect { transition: none; }
  .hero-connect-cta:hover, .mh-whatsapp-card:hover, .work-inspect:hover { transform: none; }
}

.mh-hero-aside, .hero-connect, .mh-featured-services, .mh-featured-list, .hero-actions, .mh-whatsapp-card, .hero-connect-cta { min-width: 0; }

/* WordPress layout and shared inner-page design. */
.mono-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px}
.mono-icon>svg{display:block;width:100%;height:100%;max-height:100%}
.mono-icon .mono-icon{width:100%;height:100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mh-brand .brand-image{height:auto;object-fit:contain}
.mh-dropdown-title{display:block}
.mh-dropdown-title:hover{text-decoration:underline;text-underline-offset:4px}
.mh-service-link[aria-current="page"]{background:#ffedf4;color:var(--blue-deep);box-shadow:inset 0 0 0 1px var(--blue-mid)}

.mh-menu-indicator{width:16px;height:16px}
.service-detail .mono-icon{width:24px;height:24px}
.service-icon>.mono-icon{width:38px;height:38px}
.service-card .mono-icon{color:inherit}
.mh-contact-icon>.mono-icon{width:22px;height:22px}
.mh-socials .mono-icon,.footer-socials .mono-icon{width:18px;height:18px}
.footer-contact-row .mono-icon{width:20px;height:20px}
.footer-contact-row .mono-icon svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-hero{position:relative;isolation:isolate;z-index:2;height:400px;display:flex;flex-direction:column;color:#fff;background:var(--night);--focus:var(--accent-soft)}
.page-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.page-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,23,54,.93),rgba(10,45,110,.90) 48%,rgba(166,17,77,.91))}
.page-hero-copy{width:min(1000px,calc(100% - 40px));margin:auto;text-align:center;padding:16px 0 40px;min-height:0}
.page-hero h1{font-size:clamp(28px,4.2vw,58px);font-weight:750;letter-spacing:-.045em;line-height:1.13;margin:0 0 22px;color:#fff;text-wrap:balance;overflow-wrap:anywhere}
.mono-breadcrumb ul{display:flex;align-items:center;justify-content:center;gap:8px 14px;list-style:none;padding:0;margin:0;flex-wrap:wrap;font-size:13px;line-height:1.65;color:#fff}
.mono-breadcrumb li{display:flex;gap:14px;align-items:center;min-width:0}
.mono-breadcrumb li+li::before{content:"";display:block;width:1px;height:12px;background:#fff8;transform:rotate(25deg);flex:none}
.mono-breadcrumb a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff60;text-underline-offset:5px}
.mono-breadcrumb span{color:#fff;overflow-wrap:anywhere}
.page-layout{width:var(--container);margin:0 auto;padding:72px 0 88px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,4.5vw,64px);align-items:start}
.page-main{min-width:0}
.page-main:focus{outline:none}
.page-sidebar{display:grid;gap:22px;min-width:0}
.sidebar-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface);min-width:0}
.sidebar-heading{display:flex;gap:12px;align-items:center;margin-bottom:19px;color:var(--brand-blue)}
.sidebar-title{font-size:18px;line-height:1.35;letter-spacing:-.03em;margin:0;font-weight:750;color:var(--heading)}
.sidebar-heading>.mono-icon{width:23px;height:23px}
.sidebar-nav{display:grid;gap:5px}
.sidebar-nav-link{padding:9px 11px;border-radius:9px;font-size:14px;line-height:1.4;font-weight:600;color:var(--ink)}
.sidebar-nav-link:hover,.sidebar-nav-link[aria-current="page"]{background:#ffedf4;color:var(--blue-deep)}
.sidebar-posts{display:grid;gap:16px}
.sidebar-post{display:grid;grid-template-columns:63px minmax(0,1fr);gap:12px;align-items:center;font-size:13px;line-height:1.5;font-weight:650}
.sidebar-post+.sidebar-post{padding-top:15px;border-top:1px solid var(--line)}
.sidebar-post:hover{color:var(--brand-blue)}
.sidebar-thumb{overflow:hidden;border-radius:10px;aspect-ratio:1;background:#ffedf4}
.sidebar-thumb img{width:100%;height:100%;object-fit:cover}
.sidebar-contact .footer-contact-row{color:var(--ink);font-size:13px;line-height:1.7;gap:12px;overflow-wrap:anywhere}
.sidebar-contact .footer-contact-row+.footer-contact-row{margin-top:16px}
.sidebar-contact .footer-contact-row .mono-icon{color:var(--brand-blue)}
.sidebar-contact a:hover{text-decoration:underline}
.sidebar-callback{--focus:#fff;border-radius:24px;padding:26px 23px;background:linear-gradient(145deg,var(--blue-deep),var(--blue-strong));color:#fff;box-shadow:0 14px 36px #66183e16}
.sidebar-callback h2{font-size:25px;letter-spacing:-.045em;line-height:1.2;margin:0 0 12px;color:#fff}
.sidebar-callback>p{font-size:14px;line-height:1.7;color:#ffecf4;margin:0 0 24px}
.mono-prose{font-size:16px;line-height:1.85;overflow-wrap:break-word;color:var(--ink)}
.mono-prose>h2:first-child{margin-top:0}
.mono-prose h2{font-size:clamp(27px,2.65vw,38px);line-height:1.22;letter-spacing:-.045em;color:var(--heading);margin:44px 0 22px;text-wrap:balance}
.mono-prose h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;color:var(--heading);margin:26px 0 12px}
.mono-prose p{margin:0 0 23px}
.mono-prose a:not(.mono-button){text-decoration:underline;text-underline-offset:4px;color:var(--brand-blue)}
.mono-prose ul{padding-left:23px}
.mono-prose li{margin:12px 0}
.mono-prose blockquote{margin:32px 0;border-left:4px solid var(--blue-mid);padding:10px 26px;font-size:22px;color:var(--blue-deep);background:var(--surface);border-radius:0 16px 16px 0}
.mono-prose img{border-radius:18px}
.mono-prose table{border-collapse:collapse;width:100%;font-size:14px}
.mono-prose td,.mono-prose th{padding:12px;border:1px solid var(--line);text-align:left}
.mono-prose iframe{max-width:100%}
.wp-block-table{overflow-x:auto}
.alignwide,.alignfull{max-width:100%;margin-inline:0}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted)}
.alignleft{float:left;margin:0 24px 18px 0}
.alignright{float:right;margin:0 0 18px 24px}
.aligncenter{margin-inline:auto}
.sticky{border-color:var(--blue-mid)}
.bypostauthor{border-left:2px solid var(--blue-mid)}
.service-intro-icon{display:flex;gap:16px;align-items:center;margin-bottom:26px;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.13em;color:var(--blue-strong)}
.service-intro-icon>.mono-icon{width:64px;height:64px;background:#ffecf4;padding:15px;border-radius:19px;color:var(--brand-blue)}
.content-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0 40px}
.content-feature{position:relative;padding:25px 20px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.content-features>.content-feature{margin:0}
.content-feature::before{content:"";display:block;width:28px;height:7px;border-radius:10px;background:linear-gradient(90deg,var(--brand-blue),var(--blue-mid));margin-bottom:18px}
.content-feature h3{margin:0 0 14px;font-size:17px;line-height:1.4}
.content-feature p{font-size:14px;line-height:1.75;margin:0}
.service-faq{margin-top:55px}
.service-faq .section-kicker{color:var(--muted);font-size:10px;margin:0 0 12px}
.service-faq h2{font-size:clamp(29px,3vw,38px);margin:0 0 25px;letter-spacing:-.045em;color:var(--heading)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:22px 4px;font-size:16px;line-height:1.6;font-weight:650;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#ffecf4;color:var(--brand-blue);border-radius:50%;transition:transform .2s}
.faq-list summary .mono-icon{width:18px;height:18px}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details[open] summary{color:var(--brand-blue)}
.faq-answer{padding:0 48px 22px 4px;color:var(--muted);font-size:15px;line-height:1.85}
.faq-answer p{margin:0}
.page-cta{margin-top:54px;padding:32px;border-radius:24px;background:var(--blue-deep);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:22px;--focus:#fff}
.page-cta h2{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin:0 0 14px;color:#fff}
.page-cta p{font-size:14px;line-height:1.7;color:var(--on-dark);margin:0}
.page-cta .section-kicker{font-size:10px;margin-bottom:15px;color:var(--accent-soft)}
.mono-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 21px;border-radius:14px;border:1px solid transparent;background:var(--action);color:#fff;font-weight:650;font-size:14px;line-height:1.5;transition:transform .2s;text-decoration:none}
.mono-button:hover{transform:translateY(-3px)}
.mono-button--light{background:#fff;color:var(--blue-deep)}
.mono-button .mono-icon{width:22px;height:22px}
.services-grid--inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}
.services-grid--inner .service-card{min-height:290px;padding:25px}
.services-grid--inner .service-card-content strong{font-size:23px}
.works-grid--inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:35px}
.blog-grid--inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:35px}
.blog-grid--inner .blog-card h3{font-size:21px}
.work-inspect .mono-icon{width:24px;height:24px}
.blog-copy a>.mono-icon{width:20px;height:20px}
.project-featured{margin:0 0 36px;overflow:hidden;border-radius:24px;background:var(--blue-deep);padding:10px}
.project-featured img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:17px}
.about-page-visual{position:relative;isolation:isolate;margin:0 12px 45px 0}
.about-page-visual::before{content:"";position:absolute;inset:12px -12px -12px 12px;border-radius:28px;background:linear-gradient(120deg,var(--brand-blue),var(--blue-mid));z-index:-1}
.about-page-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.about-page-visual .office-caption{position:absolute;bottom:20px;left:20px;background:#fff;color:var(--blue-deep);border-radius:99px;padding:10px 17px;font-size:13px;font-weight:700;z-index:1}
.academy-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}
.academy-topic-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:27px;transition:transform .2s,border-color .2s;overflow:hidden}
.academy-topic-card:hover{transform:translateY(-4px);border-color:var(--blue-mid)}
.academy-topic-card>.mono-icon{color:var(--blue-mid);width:35px;height:35px;margin-bottom:25px}
.academy-topic-card h2{margin:0 0 12px;font-size:23px;color:var(--heading);letter-spacing:-.035em;line-height:1.3}
.academy-topic-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.academy-topic-card>span:last-child{font-size:12px;font-weight:750;color:var(--blue-deep)}
.content-eyebrow{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.13em;color:var(--blue-strong);font-weight:750;margin:0 0 26px}
.academy-takeaway{margin:35px 0;padding:28px;background:#ffecf4;border-radius:22px;border-left:4px solid var(--blue-mid)}
.academy-takeaway h3{margin-top:0}
.academy-takeaway ul{padding-left:20px;margin-bottom:0}
.contact-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:22px}
.contact-detail-grid .footer-contact-row{color:var(--ink);font-size:14px;line-height:1.7;margin:0}
.contact-detail-grid .mono-icon{color:var(--brand-blue)}
.page-main>.inquiry-form{background:linear-gradient(140deg,var(--blue-deep),var(--blue-strong));border-radius:25px;color:#fff;padding:28px;--focus:#fff}
.page-main>.inquiry-form .form-banner{margin:-28px -28px 26px;padding:24px 28px}
.mono-form .form-body{min-width:0}
.mono-form .form-field{margin:0}
.mono-form .form-field input,.mono-form .form-field textarea{width:100%;min-width:0;max-width:100%}
.mono-form .form-field textarea{resize:vertical}
.mono-form .service-choices{margin:25px 0;border:0;padding:0}
.mono-form .service-choices legend{font-size:14px;font-weight:700;margin-bottom:14px;color:#fff}
.mono-form .message-field{display:grid;gap:9px}
.mono-form .form-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:#ffecf4;margin:22px 0}
.mono-form .form-consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#fff}
.mono-form .form-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mono-form .form-actions{display:flex;justify-content:flex-start;margin-top:22px}
.mono-form .form-next{display:inline-flex;gap:15px;align-items:center;background:#fff!important;color:var(--blue-deep);min-height:48px;border:0;padding:13px 19px;border-radius:13px;font-size:14px;font-weight:750;transition:transform .2s}
.mono-form .form-next:hover{transform:translateY(-3px)}
.mono-form .form-next:disabled{cursor:wait;opacity:.8}
.mono-form .form-status{font-size:13px;line-height:1.7;margin:18px 0 0;color:#fff}
.mono-form .form-status:empty{display:none}
.mono-form input[aria-invalid="true"]{outline:2px solid #fff;outline-offset:2px}
.mono-form--short{overflow:visible;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#fff}
.mono-form--short .form-panel{padding:0;background:transparent;border:0}
.mono-form--short .inquiry-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}
.mono-form--short .form-field>span{font-size:12px}
.mono-form--short input,.mono-form--short textarea{font-size:14px;padding:11px 12px}
.mono-form--short textarea{min-height:78px}
.mono-form--short .form-consent{font-size:11px}
.mono-form--short .form-next{width:100%;justify-content:center}
.mono-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.instagram-contact{display:inline-flex;align-items:center;gap:12px;color:var(--blue-deep);margin-top:24px;font-weight:650}
.post-meta{font-size:13px;color:var(--muted);margin-top:0}
.mono-pagination,.post-navigation{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:38px}
.mono-pagination a,.post-navigation a{padding:14px 17px;border:1px solid var(--line);border-radius:12px;color:var(--brand-blue);font-size:14px;font-weight:650}
.post-navigation a{max-width:46%;line-height:1.7}
.search-results-list article{padding:25px 0;border-bottom:1px solid var(--line)}
.search-results-list h2{font-size:24px;color:var(--heading);line-height:1.35}
.search-results-list p{font-size:15px;line-height:1.8}
.mono-search{display:flex;gap:12px;margin:25px 0 35px;align-items:stretch}
.mono-search label{flex:1;min-width:0}
.mono-search input{width:100%;height:100%;min-height:48px;border:1px solid var(--light-line);border-radius:13px;padding:12px;background:#fff;color:var(--ink)}
.mono-comments{margin-top:44px}
.mono-comments input:not([type=checkbox]),.mono-comments textarea{display:block;max-width:100%;border:1px solid var(--light-line);border-radius:12px;padding:12px}
.comment-list{list-style:none;padding:0!important}
.comment-list article{padding:20px;background:var(--surface);border-radius:18px;margin-bottom:20px}
.home-editor{width:var(--container);margin:60px auto}
.widget ul{padding-left:20px;line-height:1.8}
.widget a{overflow-wrap:anywhere}
@media (max-width:1200px){.page-layout{grid-template-columns:minmax(0,1fr) 290px;gap:30px}.content-features{grid-template-columns:1fr}.content-feature{padding:24px}.services-grid--inner{grid-template-columns:1fr}.page-hero .mh-socials{display:none}}
@media (max-width:980px){.page-layout{grid-template-columns:1fr;padding:48px 0 60px;gap:55px}.page-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-callback{grid-row:2;grid-column:2}.page-hero .mh-nav-inner{min-height:82px}.page-hero .mh-menu{max-height:calc(100svh - 110px);overflow-y:auto}.page-hero-copy{padding-bottom:38px}.page-hero h1{font-size:clamp(30px,5vw,48px)}.content-features{grid-template-columns:repeat(3,minmax(0,1fr))}.services-grid--inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.page-layout{gap:42px}.page-sidebar{grid-template-columns:1fr}.sidebar-callback{grid-row:auto;grid-column:auto}.page-hero{height:400px}.page-hero-copy{padding:15px 0 38px}.page-hero h1{font-size:clamp(27px,7.7vw,37px);line-height:1.16}.mono-breadcrumb ul{font-size:11px;gap:6px 9px}.mono-breadcrumb li{gap:9px}.mono-breadcrumb li:last-child{max-width:100%}.page-hero .mh-nav-inner{min-height:80px}.content-features,.contact-detail-grid,.academy-directory,.services-grid--inner,.works-grid--inner,.blog-grid--inner{grid-template-columns:1fr}.mono-prose{font-size:15px;line-height:1.85}.page-cta{padding:26px}.page-cta h2{font-size:27px}.page-main>.inquiry-form{padding:23px 19px}.mono-form .inquiry-grid{grid-template-columns:1fr}.faq-list summary{font-size:15px;gap:12px}.faq-answer{padding-right:4px}.mono-search{flex-direction:column}.post-navigation a{max-width:100%}.content-features{gap:14px}.mono-prose h2{font-size:29px}.academy-topic-card{padding:25px}.page-main .service-card{min-height:280px}.mono-prose .alignleft,.mono-prose .alignright{float:none;margin:20px 0}.page-sidebar .sidebar-card{padding:25px}}
@media(prefers-reduced-motion:reduce){.mono-button,.academy-topic-card,.faq-list summary>span,.mono-form .form-next{transition:none}.mono-button:hover,.academy-topic-card:hover,.mono-form .form-next:hover{transform:none}}
@media(max-width:600px){.page-main>.inquiry-form .form-banner{margin:-23px -19px 25px;padding:22px 19px}.mono-form--short input,.mono-form--short textarea{font-size:16px}}
@media print{.mh-nav,.page-sidebar,.contact-dock,.footer-v5,.mono-form{display:none!important}.page-hero{height:auto;min-height:130px}.page-hero-media{display:none}.page-hero h1,.mono-breadcrumb a,.mono-breadcrumb span{color:#000}.page-layout{display:block;width:100%;padding:25px 0}.page-hero-copy{padding:25px 0}.mono-prose a{color:#000}}

.home-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.home-hero-media img{width:100%;height:100%;object-fit:cover}.home-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#291323e8,#66183ed9)}
.footer-partner-logos>a{display:inline-flex;align-items:center;justify-content:center;min-width:0}.footer-partner-logos>a img{max-width:100%}
.form-banner>.mono-icon{width:26px;height:26px}.form-primary>.mono-icon{width:22px;height:22px}.mono-form .form-primary:disabled{opacity:.8;cursor:wait}.mono-form .form-primary:hover{background:#fff}
.service-choices .form-subheading{margin-top:0}.mono-form:not(.mono-form--short) .service-choices{margin:0 0 24px}.mono-form:not(.mono-form--short) .service-choices legend{font-size:12px;margin-bottom:12px}

/* Full-width editorial pages and clear, compact contact surfaces. */
.page-layout--wide{display:block}
.page-layout--wide .mono-prose{max-width:920px;margin-inline:auto}
.page-layout--wide .service-intro-icon,.page-layout--wide .service-faq{max-width:920px;margin-inline:auto}
.page-layout--wide .services-grid--inner{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-menu-link,.footer-menu-link:hover,.footer-menu-link:focus-visible,.footer-menu-link[aria-current="page"]{background:transparent;box-shadow:none;transform:none;border-radius:0;padding:0}
.footer-menu-link::before,.footer-menu-link::after{display:none}
.footer-socials .mono-icon{width:21px;height:21px}
.footer-socials .mono-icon svg{fill:currentColor;stroke:none}
.mono-form .form-field input,.mono-form .form-field textarea{background:#fff;color:#261b24;border:1px solid #f0d7e2;box-shadow:0 2px 6px #29132310;font-size:16px;min-height:49px}
.mono-form .form-field input::placeholder,.mono-form .form-field textarea::placeholder{color:#68545f;opacity:1}
.mono-form .form-field input:focus,.mono-form .form-field textarea:focus{background:#fff;border-color:#fff;outline:3px solid #ffb9d5;outline-offset:3px;color:#261b24}
.mono-form .form-field>span,.mono-form .form-field small{color:#fff}
.mono-form .form-consent input{accent-color:var(--brand-blue)}
.mh-parent-link{display:flex;align-items:center;gap:0}
.mh-submenu-toggle{display:grid;place-items:center;min-width:36px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.mh-submenu-toggle>.mono-icon{width:18px;height:18px;transition:transform .2s}
.mh-submenu-toggle[aria-expanded="true"]>.mono-icon{transform:rotate(45deg)}
.mh-submenu-toggle:hover{background:#ffffff18}
.mh-dropdown-grid{padding-top:4px}
.work-card.work-card--cover,.work-card.work-card--cover:hover{background:transparent;border:0;padding:0;box-shadow:none;transform:none;overflow:visible;border-radius:0}
.work-card--cover::before,.work-card--cover::after{display:none}
.work-cover{display:block;color:var(--blue-deep);border-radius:18px;text-decoration:none}
.work-cover-image{display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden}
.work-cover-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.work-cover-bottom{display:flex;align-items:center;gap:18px;padding-top:12px;min-height:48px}
.work-cover-line{flex:1;height:1px;background:#efd6e1;transition:background .2s}
.work-cover-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--blue-deep);transition:transform .2s}
.work-cover-icon>.mono-icon{width:23px;height:23px}
.work-cover:hover .work-cover-image img{transform:scale(1.025)}
.work-cover:hover .work-cover-line{background:var(--blue-mid)}
.work-cover:hover .work-cover-icon{transform:scale(1.12)}
.work-cover:focus-visible{outline:3px solid var(--brand-blue);outline-offset:5px}
.project-gallery{display:grid;gap:28px;margin:0 0 55px}
.project-gallery figure{margin:0}
.project-gallery img{display:block;width:100%;height:auto;border-radius:20px}
.project-gallery figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}
.project-return{display:flex;justify-content:center;margin-top:40px;gap:15px;flex-wrap:wrap}
.service-callback{padding:34px;margin-top:55px;border-radius:28px;background:linear-gradient(130deg,#66183e,#ae1553);color:#fff;--focus:#fff}
.service-callback-copy{margin-bottom:27px;max-width:730px}
.service-callback-copy .section-kicker{font-size:11px;color:#ffe3ed;margin:0 0 13px}
.service-callback h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.04em;line-height:1.2;color:#fff;margin:0 0 13px}
.service-callback-copy>p:last-child{font-size:14px;line-height:1.7;color:#ffecf4;margin:0}
.mono-form--horizontal .form-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto;align-items:end;gap:18px}
.mono-form--horizontal .inquiry-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:18px}
.mono-form--horizontal .form-actions{grid-row:1;grid-column:3;margin:0}
.mono-form--horizontal .form-consent{grid-column:1/-1;margin:0;font-size:12px;max-width:750px}
.mono-form--horizontal .form-status{grid-column:1/-1;margin:0}
.mono-form--horizontal .form-next{min-height:49px;white-space:nowrap}
.academy-search{padding:25px;background:#ffecf4;border-radius:22px;margin:30px 0}
.academy-search>label{display:block;font-weight:750;color:var(--heading);margin-bottom:12px}
.academy-search-fields{display:flex;gap:10px}
.academy-search input{min-width:0;flex:1;background:#fff;border:1px solid #937b8a;border-radius:12px;padding:13px 16px;font-size:16px;color:var(--ink)}
.academy-search p{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.academy-search a{color:var(--brand-blue);text-decoration:underline}
.academy-section-heading{font-size:29px;line-height:1.25;letter-spacing:-.04em;color:var(--heading);margin:38px 0 20px}
.academy-reading-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.academy-reading-list li{border-bottom:1px solid var(--line)}
.academy-reading-list a{display:block;padding:23px 0}
.academy-reading-list strong{display:block;font-size:19px;line-height:1.45;letter-spacing:-.02em;color:var(--heading)}
.academy-reading-list p{margin:9px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.academy-reading-list a:hover strong{text-decoration:underline;text-underline-offset:5px}
.academy-reading-list small{display:block;font-size:11px;letter-spacing:.06em;font-weight:700;color:var(--blue-strong);margin-bottom:7px}
.academy-toc{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);margin:0 0 32px}
.academy-toc h2{font-size:16px;margin:0 0 14px;color:var(--heading)}
.academy-toc ul{padding:0;margin:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.academy-toc a{display:block;padding:9px 12px;font-size:13px;line-height:1.5;background:#fff;border:1px solid #f0d7e2;border-radius:10px;color:var(--blue-deep)}
.academy-toc a:hover{border-color:var(--blue-mid)}
.academy-article h2[id]{scroll-margin-top:30px}
.academy-related{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.academy-related h2{font-size:24px;color:var(--heading);letter-spacing:-.03em}
.academy-related-links{display:flex;flex-wrap:wrap;gap:10px}
.academy-related-links a{padding:12px 15px;background:#ffecf4;color:var(--blue-deep);border-radius:12px;font-size:13px;font-weight:650}
.academy-back{display:inline-flex;gap:10px;align-items:center;color:var(--brand-blue);font-size:13px;font-weight:650;margin:0 0 25px}
@media(max-width:1100px){.page-layout--wide .services-grid--inner{grid-template-columns:repeat(2,minmax(0,1fr))}.mono-form--horizontal .form-body{grid-template-columns:repeat(2,minmax(0,1fr))}.mono-form--horizontal .inquiry-grid{grid-column:1/-1}.mono-form--horizontal .form-actions{grid-row:2;grid-column:2;justify-content:flex-start}.mono-form--horizontal .form-next{width:auto}}
@media(max-width:980px){.mh-parent-link{justify-content:space-between}.mh-parent-link{border-bottom:1px solid var(--light-line)}.mh-parent-link>.mh-nav-link{flex:1;min-height:48px;font-size:16px}.mh-submenu-toggle{min-width:48px;color:var(--on-dark)}.mh-submenu-toggle:hover{background:#ffffff18}}
@media(max-width:600px){.page-layout--wide .services-grid--inner{grid-template-columns:1fr}.service-callback{padding:27px 20px;border-radius:22px}.mono-form--horizontal .form-body,.mono-form--horizontal .inquiry-grid{grid-template-columns:1fr}.mono-form--horizontal .form-actions{grid-column:1;grid-row:auto;order:1}.mono-form--horizontal .form-status{order:2}.work-cover-image{border-radius:14px}.work-cover-bottom{padding-top:5px}.project-gallery{gap:18px;margin-bottom:35px}.project-gallery img{border-radius:14px}.academy-search{padding:21px}.academy-search-fields{flex-wrap:wrap}.academy-search input{flex-basis:100%}.academy-toc{padding:20px}.academy-directory{gap:14px}.academy-topic-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.work-cover-image img,.work-cover-icon,.mh-submenu-toggle>.mono-icon{transition:none}.work-cover:hover .work-cover-image img,.work-cover:hover .work-cover-icon{transform:none}}

/* Monofoni — pink-led corporate system and editorial inner pages. */
:root{--pink-deep:#a6114d;--hero-blue:#ce145f;--hero-pink:#ce145f;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-body);--body-size:16px;--heading-scale:1;--heading-weight:700}
body{font-family:var(--font-body);font-size:var(--body-size)}
h1,h2,h3,h4,.mh-hero-title,.section-title,.word-reveal,.service-card-content strong,.stat-number{font-family:var(--font-heading);font-weight:var(--heading-weight)}
.mono-prose{font-size:var(--body-size)}
.section-title{font-size:clamp(46px,calc(6.35vw * var(--heading-scale)),calc(100px * var(--heading-scale)))}
.mh-hero-title{font-size:clamp(46px,calc(5.35vw * var(--heading-scale)),calc(98px * var(--heading-scale)))}
.page-hero h1{font-size:clamp(28px,calc(4.2vw * var(--heading-scale)),calc(58px * var(--heading-scale)))}
.hero-decoration{background:linear-gradient(105deg,var(--hero-blue) 5%,var(--hero-pink) 95%)}
.hero-decoration::before{inset:-22%;width:144%;height:144%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;transform:translate3d(-3%,2%,0) rotate(-8deg);background:radial-gradient(ellipse at 20% 22%,var(--brand-pink),transparent 55%),radial-gradient(ellipse at 80% 76%,var(--brand-blue),transparent 55%);opacity:.20;animation:monofoni-aurora 20s ease-in-out infinite alternate}
.hero-decoration::after{inset:-15%;width:130%;height:130%;border-radius:42%;transform:translate3d(-3%,-2%,0) rotate(-12deg);background:radial-gradient(ellipse at 30% 110%,transparent 45%,#ffffff18 46%,transparent 47%),radial-gradient(ellipse at 105% 5%,transparent 47%,#ffffff18 48%,transparent 49%);opacity:.55;animation:monofoni-water 16s ease-in-out infinite alternate;filter:blur(1px)}
@keyframes monofoni-aurora{to{transform:translate3d(5%,-4%,0) rotate(7deg) scale(1.08)}}
@keyframes monofoni-water{to{transform:translate3d(3%,4%,0) rotate(6deg) scale(1.12,.93)}}
.hero-motion-paused .hero-decoration::before,.hero-motion-paused .hero-decoration::after{animation-play-state:paused}
.mh-hero-title .dash{background:#fff}
.mh-hero-description,.mh-nav-link{color:#fff}
.home-hero-media{opacity:.16;mix-blend-mode:luminosity}.home-hero-media::after{background:linear-gradient(110deg,var(--hero-blue),var(--hero-pink));opacity:.65}
.hero-connect{background:#ffffff1a;border-color:#ffffff66;box-shadow:0 24px 70px #4c062520}
.mh-featured-heading{display:table;padding:5px 10px;border-radius:8px;background:var(--pink-deep);color:#fff}
.mh-featured-list a{--feature-bg:var(--pink-strong)}
.mh-featured-list a:nth-child(2),.mh-featured-list a:nth-child(5){--feature-bg:var(--pink-deep)}
.mh-featured-list a:nth-child(3),.mh-featured-list a:nth-child(4),.mh-featured-list a:nth-child(6){--feature-bg:var(--pink-strong)}
.mh-contact{background:var(--pink-strong);color:#fff;border-color:#ffffff70}
.mh-contact-icon{background:#ffffff1a;color:#fff}
.mh-dropdown{background:var(--pink-strong);border-color:#ffffff60;--focus:#fff;box-shadow:0 24px 60px #4c06254d}
.mh-dropdown::before{background:var(--pink-strong);border-color:#ffffff60}
.mh-service-link,.mh-service-link[aria-current="page"]{background:var(--pink-deep);border-color:#ffffff20;color:#fff;box-shadow:none}
.mh-service-link:hover,.mh-service-link:focus-visible{background:var(--pink-deep);color:#fff;border-color:#ffffffa6}
.mh-service-icon{background:#ffffff12;color:#fff}
.mh-socials a{color:#fff;width:30px;min-height:44px}.mh-socials .mono-icon svg{fill:currentColor;stroke:none}
.mh-socials--mobile{display:none}
.about-studio figcaption{background:var(--pink-strong)}
.about-studio figcaption small{color:#fff}
.about-studio::before{background:var(--brand-pink)}
.marke-proof-card{background:var(--pink-strong);border-color:var(--pink-strong);color:#fff}
.marke-proof-card .marke-proof-label,.marke-proof-card .stat-number{color:#fff}
.marke-proof-card:nth-child(n) .stat-icon{background:transparent;color:#fff;border-color:#ffffff80}
.marke-proof-card:nth-child(n) .stat-rule{background:#fff;opacity:.7}
.service-card{background:linear-gradient(125deg,var(--pink-strong),var(--pink-deep));color:#fff;--card-ink:#fff;--card-muted:#fff;--focus:var(--pink-deep)}
.service-card:nth-child(3n+2){background:linear-gradient(155deg,var(--pink-deep),var(--pink-strong))}
.service-pattern{opacity:.07}
.inquiry-form,.page-main>.inquiry-form,.sidebar-callback,.service-callback{background:var(--pink-strong);color:#fff}
.form-banner{background:var(--pink-deep);color:#fff;border-color:#ffffff40}
.form-banner svg{color:#fff}.form-banner::after{border-color:#ffffff35;box-shadow:0 0 0 24px #ffffff0a,0 0 0 48px #ffffff05}
.mono-form .form-field input,.mono-form .form-field textarea,.mono-form .form-field input:focus,.mono-form .form-field textarea:focus{background:#fff;color:#261b24}
.mono-form .form-field input::placeholder,.mono-form .form-field textarea::placeholder{color:#68545f}
.mono-form .form-field input:focus,.mono-form .form-field textarea:focus{outline-color:#fff}
.service-choice,.mono-form .form-consent,.service-callback-copy>p:last-child,.service-callback-copy .section-kicker,.sidebar-callback>p{color:#fff}
.service-choice{border-color:#ffffff80}.choice-check{border-color:#ffffffb3}
.service-choice:has(:checked){background:#fff;color:var(--pink-deep);border-color:#fff}
.service-choice:has(:checked) .choice-check{background:var(--pink-deep);border-color:var(--pink-deep)}
.inquiry-form :focus-visible,.service-callback :focus-visible,.sidebar-callback :focus-visible,.academy-section :focus-visible{outline-color:#fff}
.service-choice:has(:focus-visible){outline-color:#fff}
.academy-section{background:var(--pink-strong);border-color:var(--pink-strong);color:#fff}
.academy-head .section-title,.academy-head .section-kicker,.academy-head p:last-child{color:#fff}
.academy-illustration{color:#fff;opacity:.10}.academy-illustration circle{fill:var(--pink-strong)}
.academy-topics a{background:#fff;color:var(--action);border-color:#fff}
.academy-topics a:hover{border-color:#fff;box-shadow:0 7px 18px #4c062526}
.academy-entry{background:#fff;color:var(--action)}.academy-entry:hover{background:#fff;transform:translateY(-2px)}
.footer-v5{background:var(--pink-strong);color:#fff;--focus:#fff}
.footer-group a,.footer-contact-row,.footer-credit,.footer-privacy,.footer-privacy a{color:#fff}
.footer-privacy a{text-decoration-color:#ffffffa6}
.footer-divider{background:#ffffff66}
.footer-socials a{border-color:#ffffff99}.footer-socials a:hover{background:var(--pink-deep);border-color:#fff}
.footer-partners{justify-self:start;width:100%;margin-right:auto}
.footer-partner-logos{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:24px 30px}
.footer-partner-logos>img,.footer-partner-logos>a{width:clamp(115px,12vw,175px);flex:0 0 auto}
.footer-partner-logos img{filter:brightness(0) invert(1);max-height:70px}
.footer-bottom-row{justify-items:start}
.footer-wordmark .brand-default,.mh-brand .brand-default{filter:brightness(0) invert(1)}
.back-to-top{background:var(--pink-strong);color:#fff;border-color:#ffffffb3;box-shadow:0 8px 22px #4c062526}
.back-to-top svg{width:25px;height:25px}
.back-to-top:focus-visible{outline-color:var(--pink-deep)}
.about-page-visual{width:min(780px,100% - 24px);margin:0 auto 60px}
.about-page-visual::before{background:linear-gradient(125deg,var(--brand-pink),var(--pink-deep))}
.about-page-visual img{aspect-ratio:16/10}
.about-page-visual .office-caption{background:var(--pink-strong);color:#fff}
.mono-team-section{margin:70px auto 0!important;max-width:none!important}
.mono-team-section>h2{color:var(--heading);font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;margin:0 0 20px}
.mono-team-section>p{max-width:650px;color:var(--muted);line-height:1.8;margin-bottom:32px}
.mono-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin-top:30px}
.mono-team-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px;margin:0!important}
.mono-team-card figure{margin:0 0 22px}.mono-team-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:22px}
.mono-team-card h3{font-size:24px;color:var(--heading);margin:0 0 8px;letter-spacing:-.03em;line-height:1.25}
.mono-team-card p{font-size:14px;line-height:1.75;margin:10px 0 0;color:var(--muted)}
.mono-team-card .team-role{font-size:12px;font-weight:750;color:var(--pink-strong);margin:0}
.page-main>.mono-team-section{width:min(1100px,100%)}
.service-directory{border-top:1px solid var(--line);margin-top:44px}
.service-row{border-bottom:1px solid var(--line)}
.service-row>a{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:28px;align-items:center;padding:34px 12px;border-radius:18px;transition:background .2s}
.service-row>a:hover{background:var(--surface)}
.service-row-symbol{display:grid;place-items:center;width:70px;height:70px;background:var(--pink-strong);color:#fff;border-radius:21px}
.service-row-symbol .mono-icon{width:35px;height:35px}
.service-row-copy{display:grid;gap:10px;max-width:850px}
.service-row-category{font-size:11px;line-height:1.4;letter-spacing:.08em;font-weight:700;color:var(--pink-strong)}
.service-row h2{margin:0;font-size:clamp(24px,2.7vw,36px);color:var(--heading);line-height:1.22;letter-spacing:-.04em}
.service-row-summary{font-size:14px;line-height:1.8;color:var(--muted)}
.service-row-action{display:flex;align-items:center;gap:12px;color:var(--pink-strong);font-size:13px;font-weight:700}
.work-cover-image{position:relative;isolation:isolate}
.work-cover-image::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#291323e6);pointer-events:none}
.work-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;padding:22px 24px;color:#fff;background:linear-gradient(transparent,#291323bf);font-size:12px;line-height:1.65}
.work-caption strong{font-size:14px;font-weight:750;letter-spacing:.025em}
.work-cover:hover .work-caption{background:#291323d9}
.work-cover-bottom,.work-cover-icon{display:none}
.project-overview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;margin-bottom:44px;padding-bottom:35px;border-bottom:1px solid var(--line)}
.project-overview .section-kicker{color:var(--pink-strong);font-size:11px}
.project-overview h2{font-size:clamp(36px,4vw,60px);line-height:1.15;letter-spacing:-.05em;margin:0;color:var(--heading)}
.project-overview dl{display:grid;gap:25px;margin:0}
.project-overview dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--pink-strong);margin-bottom:10px}
.project-overview dd{margin:0;font-size:16px;line-height:1.75;color:var(--ink)}
.page-template-page-project .mono-prose{max-width:1000px;margin-bottom:48px}
.project-gallery{gap:24px}.project-gallery figure{margin:0}.project-gallery img{border-radius:24px;width:100%;height:auto}
.page-bottom-sections{margin-top:65px}.page-bottom-sections .service-callback{margin-top:0}
.page-recent-posts{margin-top:70px}.page-recent-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.page-recent-heading .section-kicker{font-size:10px;color:var(--pink-strong);margin-bottom:12px}
.page-recent-heading h2{font-size:clamp(36px,4vw,58px);color:var(--heading);margin:0;letter-spacing:-.045em}
.page-recent-posts .blog-card h3{font-size:20px}
@media(min-width:981px) and (max-width:1399px){.mh-brand img{width:180px}.mh-menu{gap:17px}.mh-nav-inner{gap:16px}.mh-right{gap:12px}.mh-socials--desktop{display:grid;grid-template-columns:repeat(3,26px);gap:0}.mh-socials--desktop a{min-height:28px;height:28px;width:26px}.mh-socials .mono-icon{width:16px;height:16px}.mh-contact{gap:9px;padding-left:12px}.mh-nav-link{font-size:14px}}
@media(min-width:1400px){.mh-socials--desktop{display:flex}}
@media(max-width:980px){.mh-socials--desktop{display:none}.mh-nav.is-open .mh-socials--mobile{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;padding:16px 0 0}.mh-socials--mobile a{width:44px;border:1px solid #ffffff70;border-radius:12px}.mh-hero-title{font-size:clamp(44px,calc(8.2vw * var(--heading-scale)),72px)}.mono-team-grid{gap:26px 18px}.page-recent-posts .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview{gap:28px}.mh-dropdown{background:var(--pink-strong)}}
@media(max-width:600px){.mh-hero-title{font-size:clamp(36px,calc(10.8vw * var(--heading-scale)),62px)}.section-title{font-size:clamp(40px,calc(11vw * var(--heading-scale)),66px)}.page-hero h1{font-size:clamp(27px,calc(7.7vw * var(--heading-scale)),37px)}.mono-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.mono-team-card h3{font-size:20px}.mono-team-card p{font-size:12px}.mono-team-card img{border-radius:16px}.mono-team-card .team-role{font-size:11px}.service-row>a{grid-template-columns:48px minmax(0,1fr);gap:15px;padding:25px 0}.service-row-symbol{width:48px;height:48px;border-radius:15px}.service-row-symbol .mono-icon{width:27px;height:27px}.service-row-action{grid-column:2;font-size:12px}.service-row-summary{font-size:13px}.service-row h2{font-size:24px}.work-caption{padding:14px 16px;font-size:10px;gap:1px 5px}.work-caption strong{font-size:12px}.project-overview{grid-template-columns:1fr;gap:28px}.project-gallery img{border-radius:16px}.page-recent-heading{align-items:start}.page-recent-heading .services-all{font-size:12px}.page-recent-posts .blog-grid{grid-template-columns:1fr}.footer-partner-logos{gap:18px 22px}.footer-partner-logos>img,.footer-partner-logos>a{width:calc((100% - 44px)/3)}.about-page-visual{margin-bottom:44px}.about-page-visual .office-caption{font-size:11px;left:15px;bottom:15px}.mono-form--horizontal .form-next{white-space:normal}.page-bottom-sections{margin-top:48px}}
@media(max-width:380px){.mono-team-grid{grid-template-columns:1fr}.mono-team-card img{max-height:380px}}
@media(prefers-reduced-motion:reduce){.hero-decoration::before,.hero-decoration::after{animation:none}.service-row>a{transition:none}.academy-entry:hover{transform:none}}

/* 1.5 — notification services, four-column catalogues and shared content edges. */
.mh-featured-heading{display:block;padding:0;margin:0 0 12px;border-radius:0;background:none;color:#fff;font-size:14px;letter-spacing:.01em;text-transform:none}
.service-flow-toggle{padding:0;min-height:30px;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-align:left;text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:5px;cursor:pointer}
.service-flow-toggle:hover,.service-flow-toggle[aria-pressed="true"]{text-decoration-color:#fff}
.service-flow-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.service-notifications{display:grid;gap:10px;min-width:0}
.service-notification{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:90px;padding:16px;border:1px solid #ffffffa0;border-radius:16px;background:#f5f8ff;color:#141414;box-shadow:0 8px 22px #160c3314;overflow-wrap:anywhere}
.service-notification .meeting-icon{color:var(--pink-deep);background:#fff0f6;border-color:#f1ccdc}
.service-notification .mono-icon{width:25px;height:25px}
.service-notification .meeting-copy strong,.hero-connect-cta .meeting-copy strong{color:#141414}
.service-notification:hover{background:#fff}
.service-notification:focus-visible{outline:3px solid #fff;outline-offset:3px}
.service-notifications.is-ready{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:clip;border-radius:16px;perspective:900px}
.service-notifications.is-ready .service-notification{grid-area:1/1;min-height:104px}
.service-notification.is-entering{animation:notification-enter .46s cubic-bezier(.2,.75,.2,1) both;z-index:2}
.service-notification.is-leaving{animation:notification-leave .42s cubic-bezier(.4,0,.6,1) both;pointer-events:none}
@keyframes notification-enter{from{opacity:0;transform:translate3d(0,-95%,0) rotateX(12deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes notification-leave{to{opacity:0;transform:translate3d(0,65%,0) scale(.96)}}
.services-grid,.works-grid,.works-grid--inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.services-grid .service-card{padding:24px;gap:20px;min-height:330px}
.services-grid .service-card-content strong{font-size:clamp(21px,1.65vw,28px);line-height:1.2}
.services-grid .service-card-content>span{font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.work-cover-image::after{display:none}
.work-caption,.work-cover:hover .work-caption{background:var(--pink-strong);color:#fff;padding:12px 14px;gap:1px 5px;font-size:11px;line-height:1.5}
.work-caption strong{font-size:12px}
.form-banner::after{display:none}
.form-banner>.mono-icon{width:28px;height:28px;flex-shrink:0}
.marke-proof{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.marke-proof-card{padding:24px}
.marke-proof-label{font-size:clamp(16px,1.35vw,20px)}
.stat-icon{width:46px;height:46px;flex-shrink:0}
.stat-icon svg{width:33px;height:33px}
.stat-number{font-size:clamp(44px,3.9vw,64px);letter-spacing:-.05em}
.stat-unit{display:inline-block;max-width:72px;font-size:14px;line-height:1.2;letter-spacing:.01em;font-weight:750}
.page-layout--wide .mono-prose,.page-layout--wide .service-faq{width:100%;max-width:none;margin-inline:0;text-align:left;--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}
.page-layout--wide .service-intro-icon{margin-inline:0}
.page-layout--wide .mono-prose>*,.page-layout--wide .mono-team-section{max-width:100%}
.page-layout--wide .mono-team-section{width:100%}.page-layout--wide .mono-team-section>p{max-width:none}
.page-layout--wide .about-page-visual{width:100%;max-width:none;margin:0 0 52px}
.page-layout--wide .about-page-visual img{width:100%;aspect-ratio:21/9;max-height:540px}
.page-layout--wide .about-page-visual::before{inset:0;transform:none}
.page-layout--wide .mono-prose .wp-block-image{margin-inline:auto}
.page-layout--wide .mono-prose .wp-block-image img{max-width:100%;height:auto}
.page-layout--wide .mono-prose .alignfull,.page-layout--wide .mono-prose .alignwide{width:100%;margin-inline:0}
.blog-copy h3 a{display:inline;padding:0;border:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;min-height:0}
.blog-copy h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:1100px){.services-grid,.works-grid,.works-grid--inner,.marke-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-number{font-size:56px}.service-notification{padding:13px;gap:10px;grid-template-columns:36px minmax(0,1fr)}.service-notification .meeting-icon{width:36px;height:36px}}
@media(max-width:600px){.services-grid,.works-grid,.works-grid--inner{grid-template-columns:1fr;gap:18px}.services-grid .service-card{min-height:300px}.marke-proof{gap:12px}.marke-proof-card{padding:18px 15px}.stat-top{gap:8px;flex-wrap:wrap}.marke-proof-label{font-size:16px}.stat-icon{width:36px;height:36px}.stat-icon svg{width:28px;height:28px}.stat-number{font-size:38px;margin:22px 0}.stat-unit{font-size:10px;max-width:50px}.marke-proof-card--budget .stat-number{font-size:34px}.page-layout--wide .about-page-visual img{aspect-ratio:16/10}.work-caption{padding:14px 16px;font-size:12px}.work-caption strong{font-size:13px}.service-notification .meeting-copy strong{font-size:14px}}
@media(max-width:360px){.marke-proof{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.service-notification{animation:none!important}.service-notifications{grid-template-columns:repeat(2,minmax(0,1fr))}.service-notification{grid-template-columns:1fr;gap:8px;padding:12px}.service-notification .meeting-copy>span{display:none}.service-notification .meeting-copy strong{font-size:12px}}

/* v1.6.0 — scoped changes requested for the existing Monofoni theme. */
/* Service notification: no extra heading, faster transitions, soft-pink surface. */
.mh-featured-services{min-width:0}
.service-notification,.service-notification:hover{background:linear-gradient(120deg,#fff0f6 0%,#ffe0ed 100%);border:1px solid #ffd4e6;box-shadow:0 9px 28px #640d3b20;color:#301125}
.service-notification{border-radius:19px;padding:16px 18px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.service-notification .meeting-icon{background:#ffffffdc;border:1px solid #f5bfd5;color:var(--pink-deep);border-radius:14px}
.service-notification .meeting-copy>span{color:#74475f}
.service-notification:hover{background:linear-gradient(120deg,#fff4f9,#ffdaea);border-color:#f5b1ce;box-shadow:0 12px 32px #640d3b2c}
.service-notifications.is-ready .service-notification{min-height:100px}
/* Existing round controls remain; only triangle glyph and position change. */
.mh-scroll-button{bottom:170px;width:48px;height:48px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(6px)}
.mh-scroll-button svg{width:26px;height:26px}
.back-to-top svg{width:25px;height:25px}
@media(max-width:980px){.mh-scroll-button{bottom:117px}}
@media(max-width:600px){.mh-scroll-button{bottom:157px;width:45px;height:45px}}
/* About calls to action: preserve original illustrations. */
.marke-about-btn,.about-team-link{background:var(--pink-strong);color:#fff;border:1px solid var(--pink-strong);border-radius:100px;min-height:46px;transition:background .2s,border-color .2s,transform .2s}
.about-team-link{padding:5px 6px 5px 19px;gap:16px}
.marke-about-btn:hover,.about-team-link:hover{background:var(--pink-deep);border-color:var(--pink-deep);color:#fff;transform:translateY(-2px)}
.marke-about-btn span,.about-team-link>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--pink-deep)}
/* Header dropdown: white panel with pink service links. */
.mh-dropdown,.mh-nav.is-open .mh-dropdown{background:#fff;color:#222;border:1px solid #f5d9e5;box-shadow:0 22px 64px #540f3236}
.mh-dropdown::before{background:#fff;border-color:#f5d9e5}
.mh-dropdown .mh-service-link,.mh-dropdown .mh-service-link[aria-current="page"]{background:var(--pink-strong);color:#fff;border:1px solid #fff3;border-radius:13px;box-shadow:none}
.mh-dropdown .mh-service-icon{color:#fff;background:#ffffff20}
.mh-dropdown .mh-service-link:hover,.mh-dropdown .mh-service-link:focus-visible{background:var(--pink-deep);color:#fff;border-color:#ffe4ef}
@media(max-width:980px){.mh-dropdown,.mh-nav.is-open .mh-dropdown{background:#fff}}
/* The full contact form gets a white coffee cup icon. */
.form-banner .form-coffee-icon{width:31px;height:31px;flex:0 0 auto;color:#fff}
.form-banner .form-coffee-icon path{stroke:#fff}
/* Blog CTA link color only. */
.blog-card .blog-copy>a{color:var(--pink-strong)}
.blog-card .blog-copy>a:hover{color:var(--pink-deep)}
/* Academy: layered gradient without removing the existing mark and topics. */
.academy-section{background:linear-gradient(118deg,#6e238f 0%,#b51975 48%,#e13f75 100%);border-color:#b12780}
.academy-section::before{content:"";position:absolute;inset:-35% -10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 18%,#a273ff55 0,transparent 46%),radial-gradient(ellipse at 85% 85%,#ffb6d64d 0,transparent 47%);animation:monofoni-academy-glow 14s ease-in-out infinite alternate}
.academy-section::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff09 8%,transparent 28%,#ffffff09 60%,transparent 80%);background-size:180% 180%;animation:monofoni-academy-shine 18s linear infinite}
@keyframes monofoni-academy-glow{to{transform:translate3d(3%,-3%,0) scale(1.1)}}
@keyframes monofoni-academy-shine{to{background-position:100% 100%}}
/* Shared Google business and editable Instagram profile cards. */
.monofoni-profile-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:440px;margin-top:31px}
.monofoni-profile-grid .instagram-panel{margin:0;max-width:none;min-width:0}
.google-business-card{display:grid;gap:16px;padding:21px;border:1px solid #e7e7ee;border-radius:22px;background:#fff;color:#20242c;box-shadow:0 12px 32px #66183e0a;min-width:0}
.google-business-top{display:flex;align-items:center;gap:15px;min-width:0}
.google-g{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ebeff5;border-radius:16px;background:#fff;font-size:38px;font-weight:750;font-family:Arial,sans-serif;letter-spacing:-.1em;padding-right:5px;color:#4285f4;background-image:conic-gradient(#4285f4 0deg 105deg,#34a853 106deg 180deg,#fbbc05 181deg 255deg,#ea4335 256deg 312deg,#4285f4 313deg);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.google-business-identity{min-width:0;display:grid;gap:3px}
.google-business-identity strong{font-size:19px;line-height:1.3;color:#23222d}
.google-business-tag{font-size:11px;color:#707080;font-weight:650}
.google-rating-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.google-rating-line>strong{font-size:24px;line-height:1;color:#28252f}
.google-stars{display:flex;gap:1px;font-size:22px;line-height:1}
.google-stars span{color:#e8e8e8;background:linear-gradient(90deg,#fbbc05 var(--star-fill),#d0d3dc var(--star-fill));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.google-rating-caption{font-size:12px;color:#747784}
.google-business-actions{display:flex;gap:9px;flex-wrap:wrap}
.google-business-actions a{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:41px;padding:10px 16px;border-radius:100px;border:1px solid #e4e8ef;background:#fdf5f8;color:#813a5c;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s,transform .2s}
.google-business-actions a:first-child{background:#ffecf3;border-color:#f4cede;color:#ae1553}
.google-business-actions a:hover{background:#ffecf4;transform:translateY(-2px)}
.google-business-actions .mono-icon{width:17px;height:17px}
.google-profile-link{font-size:12px;font-weight:750;color:#b01655;display:inline-flex;gap:7px;align-items:center}
.instagram-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.monofoni-profile-grid .instagram-gallery img{width:100%;height:100%;object-fit:cover}
/* Horizontal version sits above the contact details, does not change the form. */
.contact-profile-integration{margin:26px 0 34px}
.monofoni-profile-grid--horizontal{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.monofoni-profile-grid--horizontal .google-business-card{align-content:start}
.contact-profile-socials{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0}
.contact-profile-socials a{display:grid;place-items:center;width:43px;height:43px;color:#fff;background:var(--pink-strong);border-radius:13px;transition:transform .2s,background .2s}
.contact-profile-socials a:hover{background:var(--pink-deep);transform:translateY(-2px)}
.contact-profile-socials .mono-icon{width:20px;height:20px}
.contact-profile-socials .mono-icon svg{width:100%;height:100%;fill:currentColor}
/* Keep six editable WordPress team blocks; display them as an auto-advancing track. */
.mono-team-grid.is-team-slider{display:flex!important;gap:20px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:16px;scroll-behavior:smooth}
.mono-team-grid.is-team-slider::-webkit-scrollbar{display:none}
.mono-team-grid.is-team-slider>.mono-team-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;scroll-snap-stop:always}
.mono-team-grid.is-team-slider>.mono-team-card[aria-hidden="true"]{pointer-events:none}
/* Headline: animated word reveal only when JS enhancement is active. */
.mh-hero-title.has-hero-word-motion .hero-word{display:inline-block;opacity:0;transform:translateY(18px);filter:blur(7px);animation:monofoni-hero-word .65s cubic-bezier(.18,.73,.24,1) forwards;animation-delay:var(--word-delay,0ms)}
.mh-hero-description.has-hero-description-motion{animation:monofoni-hero-description .8s ease-out both;animation-delay:var(--description-delay,850ms)}
@keyframes monofoni-hero-word{to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes monofoni-hero-description{from{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:900px){.monofoni-profile-grid--horizontal{grid-template-columns:1fr}}
@media(max-width:600px){.mono-team-grid.is-team-slider>.mono-team-card{flex-basis:calc((100% - 14px)/2)}.mono-team-grid.is-team-slider{gap:14px!important}.google-business-card{padding:17px}.google-business-actions a{padding:10px 13px}.monofoni-profile-grid{max-width:none}}
@media(max-width:380px){.mono-team-grid.is-team-slider>.mono-team-card{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){.academy-section::before,.academy-section::after{animation:none}.mh-hero-title.has-hero-word-motion .hero-word,.mh-hero-description.has-hero-description-motion{opacity:1;transform:none;filter:none;animation:none}.mono-team-grid.is-team-slider{scroll-behavior:auto}}


/* v1.8.0 — restore original v1.6 palette everywhere; three focused layout/motion changes. */
/* Notification: ~1.28 seconds per item (was ~2.51), with a shorter slide animation. */
.service-notification.is-entering{animation-duration:.28s}
.service-notification.is-leaving{animation-duration:.27s}

/* Contact: profiles use exactly the same stacked component as the homepage;
   the existing contact details form the independent vertical right-hand group. */
.contact-hub{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,2.4vw,32px);align-items:start;margin:27px 0 38px}
.contact-hub>div{min-width:0}
.contact-hub .contact-profile-integration{margin:0}
.contact-hub .monofoni-profile-grid{grid-template-columns:minmax(0,1fr);max-width:none;margin:0;gap:16px}
.contact-hub .contact-profile-socials{margin:18px 0 0}
.contact-hub-details{min-width:0;border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.contact-hub .contact-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:15px 21px;background:transparent;border:0;border-radius:0}
.contact-hub .contact-detail-grid .footer-contact-row{display:flex;align-items:flex-start;gap:14px;min-width:0;margin:0;padding:19px 2px;color:var(--ink);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.contact-hub .contact-detail-grid .footer-contact-row:not(:last-child){border-bottom:1px solid var(--line)}
.contact-hub .contact-detail-grid .footer-contact-row .mono-icon{flex:0 0 23px;width:23px;height:23px;color:var(--brand-blue)}
.contact-hub .contact-detail-grid .footer-contact-row a{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.contact-hub .contact-detail-grid .footer-contact-row a:hover{color:var(--pink-strong)}
@media(max-width:760px){.contact-hub{grid-template-columns:minmax(0,1fr);gap:24px}.contact-hub .contact-detail-grid{padding:8px 20px}}

/* Academy 2.0 — an editorial reading index, not the earlier chip cloud.
   Uses ONLY the original v1.6 Monofoni blue/pink/indigo family. */
.academy-section--index{padding:clamp(65px,7vw,116px) 0;background:linear-gradient(118deg,#6e238f 0%,#b51975 48%,#e13f75 100%);color:#fff}
.academy-section--index::before{inset:-15% -10%;background:radial-gradient(ellipse at 4% 14%,#a273ff55 0%,transparent 47%),radial-gradient(ellipse at 98% 90%,#ffb6d64d 0%,transparent 50%)}
.academy-section--index .academy-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,96px)}
.academy-section--index .academy-head{max-width:none;min-width:0;align-self:stretch;display:flex;align-items:center}
.academy-section--index .academy-editorial{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;min-height:540px;position:relative}
.academy-section--index .section-kicker{margin:0 0 20px;color:#ffe0f0;font-size:11px;letter-spacing:.19em}
.academy-section--index .academy-head .section-title{max-width:700px;margin:0;color:#fff;font-size:clamp(49px,5.7vw,92px);font-weight:800;line-height:1.03;letter-spacing:-.07em;text-wrap:balance}
.academy-section--index .academy-head p:last-of-type{max-width:430px;margin:26px 0 0;color:#fce6f1;font-size:clamp(15px,1.3vw,17px);line-height:1.8}
.academy-section--index .academy-entry{position:relative;z-index:2;margin-top:auto;min-height:56px;padding:12px 15px 12px 22px;gap:35px;border-radius:16px;background:#fff;color:#68165f;box-shadow:0 12px 28px #3e104635;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}
.academy-section--index .academy-entry span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffe7f2;color:#a71868}
.academy-section--index .academy-entry:hover{color:#68165f;transform:translateY(-3px);box-shadow:0 17px 34px #3e10464d}
.academy-section--index .academy-entry:focus-visible{outline:3px solid #fff;outline-offset:5px}
.academy-orbit{position:absolute;z-index:0;right:clamp(5px,3vw,50px);bottom:70px;width:clamp(155px,17vw,270px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;opacity:.76}
.academy-orbit-ring{position:absolute;inset:6%;border:1px solid #ffd0e9a0;border-radius:50%;box-shadow:0 0 0 18px #ffd0e910,0 0 0 40px #fff5ff0b,0 0 0 63px #ffc2e609;transform:rotate(-20deg)}
.academy-orbit-ring::before{content:"";position:absolute;inset:19%;border:1px dashed #fff9;border-radius:50%}
.academy-orbit-mark{position:relative;font-size:clamp(82px,9vw,138px);font-weight:850;letter-spacing:-.13em;color:#fff;transform:translateX(-.08em)}
.academy-orbit-dot{position:absolute;right:7%;top:10%;width:18px;aspect-ratio:1;border-radius:50%;background:#ffb9d5;box-shadow:0 0 0 11px #ffffff16;animation:monofoni-academy-dot 5s ease-in-out infinite alternate}
@keyframes monofoni-academy-dot{to{transform:translate(-12px,12px) scale(.85)}}
.academy-section--index .academy-topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:12px;margin:0;align-items:stretch}
.academy-section--index .academy-topic-index>a{min-width:0;min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 18px 20px 22px;border:1px solid #fff9;border-radius:18px;background:#fff;color:#331633;text-decoration:none;box-shadow:0 10px 32px #3b0b371e;transition:transform .23s cubic-bezier(.22,1,.36,1),box-shadow .23s,border-color .23s}
.academy-section--index .academy-topic-index>a:hover{transform:translateY(-4px);border-color:#fff;box-shadow:0 17px 32px #3b0b373d;background:#fff}
.academy-section--index .academy-topic-index>a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.academy-topic-name{min-width:0;font-size:clamp(14px,1.12vw,18px);font-weight:760;line-height:1.34;letter-spacing:-.03em}
.academy-topic-arrow{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff0f6;color:#ae1a6c;font-size:19px;line-height:1;transition:transform .2s,background .2s,color .2s}
.academy-section--index .academy-topic-index>a:hover .academy-topic-arrow{background:#ce145f;color:#fff;transform:translate(2px,-2px)}
@media(max-width:1100px){.academy-section--index .academy-shell{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.academy-section--index .academy-topic-index>a{min-height:97px;padding:17px 14px}.academy-orbit{bottom:90px}}
@media(max-width:800px){.academy-section--index .academy-shell{grid-template-columns:1fr;gap:38px}.academy-section--index .academy-editorial{min-height:0;padding-bottom:0}.academy-section--index .academy-head p:last-of-type{margin:18px 0 0}.academy-section--index .academy-entry{margin-top:28px}.academy-orbit{right:0;bottom:15px;opacity:.25;width:185px}.academy-section--index .academy-topic-index>a{min-height:90px}}
@media(max-width:480px){.academy-section--index .academy-head .section-title{font-size:clamp(46px,13vw,64px)}.academy-section--index .academy-topic-index{grid-template-columns:1fr;gap:10px}.academy-section--index .academy-topic-index>a{min-height:68px;padding:15px 18px;border-radius:15px}.academy-topic-name{font-size:16px}.academy-orbit{width:132px;bottom:10px;right:0}.academy-section--index .academy-entry{gap:20px}.academy-section--index .academy-orbit-mark{font-size:80px}}
@media(prefers-reduced-motion:reduce){.academy-orbit-dot{animation:none}.academy-section--index .academy-topic-index>a,.academy-topic-arrow,.academy-section--index .academy-entry{transition:none}.academy-section--index .academy-topic-index>a:hover,.academy-section--index .academy-entry:hover{transform:none}}


/* v1.9.0 — Focused updates to contact, service interest controls, academy and home service cards. */

/* Contact: two balanced paper panels. Home page's Google/Instagram pair is untouched. */
.page-template-page-contact .contact-hub,
.contact-hub{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.contact-hub .contact-hub-profiles,
.contact-hub .contact-hub-details{display:flex;flex-direction:column;min-width:0;min-height:350px;padding:clamp(17px,2.1vw,27px);background:#fff;border:1px solid #e7e7ee;border-radius:22px;box-shadow:0 12px 32px #66183e0a}
.contact-hub .contact-profile-integration{display:flex;flex:1;min-width:0;flex-direction:column}
.contact-hub .monofoni-profile-grid{flex:1;margin:0;max-width:none;grid-template-columns:minmax(0,1fr)}
.contact-hub .google-business-card{padding:0;gap:20px;align-content:start;border:0;border-radius:0;box-shadow:none}
.contact-hub .google-business-actions{margin-top:2px}
.contact-hub .contact-profile-socials{margin-top:auto;padding-top:23px;gap:10px}
.contact-hub .contact-profile-socials a{width:47px;height:47px;display:grid;place-items:center;background:#fff;color:var(--pink-strong);border:1px solid #e7e7ee;border-radius:15px;transition:background .22s,color .22s,transform .22s,border-color .22s}
.contact-hub .contact-profile-socials a:hover{color:#fff;background:var(--pink-strong);border-color:var(--pink-strong);transform:translateY(-2px)}
.contact-hub .contact-profile-socials a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}
.contact-hub .contact-hub-details{overflow:visible}
.contact-hub .contact-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));flex:1;gap:0;min-height:0;padding:0;margin:0}
.contact-hub .contact-detail-grid .footer-contact-row{display:flex;align-items:center;gap:15px;padding:14px 0;color:#20242c;font-size:14px;line-height:1.5}
.contact-hub .contact-detail-grid .footer-contact-row:first-child{padding-top:0}
.contact-hub .contact-detail-grid .footer-contact-row:last-child{padding-bottom:0}
.contact-hub .contact-detail-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:#f7f9fd;border:1px solid #e7e7ee;border-radius:16px;color:var(--brand-blue)}
.contact-hub .contact-detail-icon .mono-icon{width:24px;height:24px;display:grid;place-items:center;color:inherit}
.contact-hub .contact-detail-icon .mono-icon svg{width:24px;height:24px}
.contact-hub .contact-detail-copy{min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}
.contact-hub .contact-detail-label{display:block;font-size:11px;font-weight:650;color:#707080}
.contact-hub .contact-detail-copy>a,.contact-hub .contact-detail-copy>span:last-child{font-size:14px;color:#20242c;font-weight:650;line-height:1.6}
.contact-hub .contact-detail-copy>a:hover{color:var(--pink-strong)}

/* Accessible multi-choice fields: native checkboxes retained, white fill like text inputs. */
.mono-form .service-choice{min-height:43px;gap:10px;padding:10px 15px;background:#fff;color:#261b24;border:1px solid #d6e0ed;border-radius:13px;font-size:12px;font-weight:650;line-height:1.45;box-shadow:0 1px 0 #09183709;transition:border-color .18s,box-shadow .18s,background .18s}
.mono-form .service-choice .choice-check{flex:0 0 19px;width:19px;height:19px;border:1.7px solid #aebbcf;border-radius:50%;background:#fff;color:#fff;transition:border-color .18s,background .18s,transform .18s}
.mono-form .service-choice .choice-check svg{width:13px;height:13px;stroke-width:2.8}
.mono-form .service-choice:hover{background:#fff;border-color:var(--pink-strong);box-shadow:0 0 0 2px #f0287a1d}
.mono-form .service-choice:hover .choice-check{border-color:var(--pink-strong);background:#fff1f7}
.mono-form .service-choice:has(input:checked){background:#fff;color:#261b24;border-color:var(--pink-strong);box-shadow:0 0 0 2px #f0287a24}
.mono-form .service-choice input:checked + .choice-check{color:#fff;background:var(--pink-strong);border-color:var(--pink-strong);transform:scale(1.05)}
.mono-form .service-choice input:checked + .choice-check svg{visibility:visible}
.mono-form .service-choice:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px var(--pink-strong)}
@media(max-width:600px){.mono-form .service-choice{min-height:43px;padding:10px 12px;font-size:12px;gap:9px}}

/* Academy 3.0: exact footer color; no M symbol or background illustrations. */
.academy-section--index{background:var(--pink-strong);border-color:var(--pink-strong)}
.academy-section--index::before,.academy-section--index::after{content:none;animation:none}
.academy-section--index .academy-editorial{min-height:520px}
.academy-section--index .academy-head .section-title{color:#fff}
.academy-section--index .academy-topic-index>a{justify-content:flex-start;gap:15px;background:#fff;border-color:#fff}
.academy-section--index .academy-topic-index>a:hover{border-color:#ffd6e6;background:#fff}
.academy-topic-symbol{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:var(--pink-strong);background:#fff0f6;border:1px solid #f6d6e4;border-radius:14px;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s}
.academy-topic-symbol .mono-icon{width:24px;height:24px;display:grid;place-items:center}
.academy-topic-symbol .mono-icon svg{width:24px;height:24px}
.academy-section--index .academy-topic-index>a:hover .academy-topic-symbol{transform:rotate(-6deg) scale(1.06);background:var(--pink-strong);color:#fff;border-color:var(--pink-strong)}
.academy-section--index .academy-topic-index .academy-topic-name{color:#331633}
/* Optical highlight follows the book symbol but never alters its original SVG. */
.academy-section--index .academy-entry{isolation:isolate;overflow:hidden;gap:22px;background:#fff;color:#68165f;border:1px solid #ffffffcb;box-shadow:0 13px 28px #3e10462b,0 0 0 4px #ffffff12;transition:transform .25s,box-shadow .25s}
.academy-section--index .academy-entry::before{content:"";position:absolute;z-index:-1;inset:-2px;transform:translateX(-125%) skewX(-18deg);width:55%;background:linear-gradient(90deg,transparent,#f0287a18,transparent);animation:mono-academy-entry-light 5.6s ease-in-out infinite;pointer-events:none}
.academy-section--index .academy-entry>span{position:relative;transition:transform .25s ease,background .25s ease;background:#ffe7f2}
.academy-section--index .academy-entry:hover{color:#68165f;transform:translateY(-3px);box-shadow:0 18px 38px #3e10464d,0 0 0 4px #ffffff23}
.academy-section--index .academy-entry:hover>span{transform:rotate(-7deg) scale(1.08);background:#ffd7e9}
@keyframes mono-academy-entry-light{0%,56%{transform:translateX(-125%) skewX(-18deg)}80%,100%{transform:translateX(340%) skewX(-18deg)}}

/* Home services only: same fill as footer, no background patterns, typographic edge detail. */
.services-section .services-grid .service-card,
.services-section .services-grid .service-card:nth-child(3n+2){background:var(--pink-strong);color:#fff;--card-ink:#fff;--card-muted:#fff;border:1px solid #ffffff46;box-shadow:0 5px 18px #490a2914;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.services-section .services-grid .service-pattern{display:none}
.services-section .services-grid .service-card::before{content:"";position:absolute;left:24px;top:0;width:68px;height:3px;border-radius:0 0 4px 4px;background:#fff;opacity:.88;pointer-events:none;transition:width .35s cubic-bezier(.22,1,.36,1),opacity .25s}
.services-section .services-grid .service-card::after{content:"";position:absolute;right:-35px;bottom:-110px;width:240px;height:240px;border:0;border-radius:50%;background:radial-gradient(circle,#ffffff24 0,transparent 70%);box-shadow:none;pointer-events:none;transition:transform .45s,opacity .45s;opacity:.55}
.services-section .services-grid .service-card:hover{transform:translateY(-5px);border-color:#ffffff8c;box-shadow:0 18px 38px #490a2938}
.services-section .services-grid .service-card:hover::before{width:calc(100% - 48px)}
.services-section .services-grid .service-card:hover::after{transform:translate(-25px,-15px);opacity:.7}
.services-section .services-grid .service-card-top,.services-section .services-grid .service-icon,.services-section .services-grid .service-card-content{position:relative;z-index:1}
.services-section .services-grid .service-category{color:#fff;opacity:.85;letter-spacing:.12em}
.services-section .services-grid .service-detail{border-color:#ffffff94;background:#ffffff0c;transition:background .25s,border-color .25s,color .25s}
.services-section .services-grid .service-card:hover .service-detail{border-color:#fff;background:#fff;color:var(--pink-strong)}
.services-section .services-grid .service-icon{border-color:#ffffff80;background:#ffffff14;transition:background .25s,border-color .25s}
.services-section .services-grid .service-card:hover .service-icon{background:#ffffff27;border-color:#fff}

@media(max-width:760px){
  .contact-hub{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:20px}
  .contact-hub .contact-hub-profiles,.contact-hub .contact-hub-details{min-height:0;padding:20px}
  .contact-hub .contact-detail-grid .footer-contact-row{padding:16px 0}
  .academy-section--index .academy-editorial{min-height:0}
}
@media(max-width:480px){
  .academy-section--index .academy-topic-index>a{gap:12px}
  .academy-topic-symbol{width:43px;height:43px;flex-basis:43px}
}
@media(prefers-reduced-motion:reduce){
  .academy-section--index .academy-entry::before{animation:none}
  .academy-topic-symbol,.services-section .services-grid .service-card,
  .services-section .services-grid .service-card::before,
  .services-section .services-grid .service-card::after{transition:none}
  .services-section .services-grid .service-card:hover{transform:none}
}
\n/* v1.10.0 — shared service cards, universal pink accents, creative agency header and simplified contact */
:root{--brand-blue:#ce145f;--blue-mid:#b51e5c;--blue-deep:#681a40;--blue-strong:#ae1553;--blue-ink:#791e47;--surface:#fdf5f8;--line:#ebd5df;--night:#291323;--night-soft:#582039;--on-dark:#ffecf4;--light-line:#c8a4b3;--action:#ae1553;--focus:#ce145f}
/* Pink for subpage accent strokes, text links, controls and icons. Neutral text stays readable. */
.page-layout :is(.sidebar-heading,.sidebar-contact .mono-icon,.contact-detail-icon,.service-row-symbol,.service-row-category,.service-row-action,.mono-prose a:not(.mono-button),.content-feature .mono-icon,.faq-list summary .mono-icon,.page-cta .mono-icon,.sidebar-post:hover,.project-overview .section-kicker,.project-overview dt){color:var(--pink-strong)}
.page-layout :is(.sidebar-nav-link:hover,.sidebar-nav-link[aria-current="page"]){background:#fff0f6;color:var(--pink-deep)}
.page-layout .mono-prose blockquote{border-left-color:var(--pink-strong);color:var(--pink-deep)}
.page-layout :is(.sidebar-heading,.sidebar-title,.mono-prose a:hover){color:var(--pink-strong)}
.page-layout .contact-detail-icon{background:#fff0f6;border-color:#f2d4e1;color:var(--pink-strong)}
.page-hero-media::after{background:linear-gradient(112deg,#260f20ee,#72153ddc 55%,#a52158e8)}
.page-hero .mh-nav .mh-dropdown .mh-service-icon{color:var(--pink-strong)}
/* Shared home/index cards: one PHP renderer, identical colors, icon style, hover and geometry. */
.page-main .services-section--directory{padding:0;margin:36px 0 56px;background:transparent}
.page-main .services-section--directory .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-main .services-section--directory .service-card{min-height:330px}
/* Distinct but brand-coherent service notification surface; speed is unchanged (1 second). */
.marke-hero .service-notifications .service-notification{position:relative;background:linear-gradient(125deg,#fff8fb 0%,#ffe1ed 100%);color:#301727;border:1px solid #ffffffed;border-left:4px solid #f0287a;box-shadow:0 15px 34px #25051e45, inset 0 1px #fff;transition:background .2s,box-shadow .2s}
.marke-hero .service-notifications .service-notification .meeting-icon{color:#b01753;background:#fff;border:1px solid #fac8da;box-shadow:0 4px 12px #ed4a8817}
.marke-hero .service-notifications .service-notification :is(.meeting-copy strong,.meeting-copy span){color:#301727}
.marke-hero .service-notifications .service-notification:hover{background:linear-gradient(125deg,#fff 0%,#ffd2e4 100%);box-shadow:0 18px 40px #25051e50}
/* Digital agency backdrop: connected ideas + dashboard/production/content tiles, not a generic aurora. */
.marke-hero{background:#291323}
.marke-hero .hero-decoration{background:radial-gradient(ellipse at 90% 27%,#ac2a6990 0%,transparent 52%),radial-gradient(ellipse at 10% 95%,#5d153f90,transparent 56%),linear-gradient(112deg,#210e22 0%,#43102f 47%,#88184c 100%)}
.marke-hero .hero-decoration::before{content:"";position:absolute;inset:0;width:100%;height:100%;right:auto;top:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;opacity:.74;transform:none;background:url('../images/hero-agency-network.svg') no-repeat right -80px center / min(1040px,80vw) auto;animation:mono-network-float 17s ease-in-out infinite alternate}
.marke-hero .hero-decoration::after{content:"";inset:0;width:100%;height:100%;border-radius:0;transform:none;opacity:1;filter:none;background:linear-gradient(90deg,#240e20b0 0%,#240e2050 44%,transparent 76%),repeating-linear-gradient(0deg,transparent 0 44px,#ffffff04 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,#ffffff04 45px 46px);animation:none}
.marke-hero .home-hero-media{opacity:.05;mix-blend-mode:screen}
.marke-hero .home-hero-media::after{background:#4b1232;opacity:.86}
@keyframes mono-network-float{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-16px,-11px,0)}}
/* Services mega-menu: airy two-column directory with a lightweight topical intro. */
.mh-dropdown,.mh-nav.is-open .mh-dropdown{--focus:var(--pink-strong);width:min(680px,88vw);padding:23px;border:1px solid #f4d6e2;border-radius:22px;background:#fffdfd;color:#372632;box-shadow:0 26px 72px #23071850}
.mh-dropdown::before{background:#fffdfd;border-color:#f4d6e2}
.mh-dropdown-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 15px;margin:0 0 8px;border-bottom:1px solid #f3e0e7}
.mh-dropdown-intro>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#a81750}
.mh-dropdown-intro>small{font-size:11px;line-height:1.4;color:#846572;text-align:right}
.mh-dropdown .mh-dropdown-grid{gap:4px 10px}
.mh-dropdown .mh-service-link,.mh-dropdown .mh-service-link[aria-current="page"]{min-height:60px;padding:10px 12px;border-radius:13px;border:1px solid transparent;background:transparent;box-shadow:none;color:#3b2934;font-size:13px;font-weight:700;line-height:1.38;transform:none}
.mh-dropdown .mh-service-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:8px;background:#fff0f6;color:#a81750;border:1px solid #f9dce8;border-radius:12px}
.mh-dropdown .mh-service-link:hover,.mh-dropdown .mh-service-link:focus-visible,.mh-dropdown .mh-service-link[aria-current="page"]{background:#fff0f6;color:#951044;border-color:#f4cee0;transform:translateX(2px)}
.mh-dropdown .mh-service-link:hover .mh-service-icon,.mh-dropdown .mh-service-link:focus-visible .mh-service-icon{background:#ce145f;color:#fff;border-color:#ce145f}
/* Contact: no Google/Instagram panels; social channel row + horizontal 4-channel contact grid. */
.page-template-page-contact .contact-overview{display:grid;gap:0;overflow:hidden;margin:25px 0 38px;background:#fff;border:1px solid #efdae3;border-radius:23px;box-shadow:0 14px 32px #3b102018}
.contact-overview-socials{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 23px;border-bottom:1px solid #f3e0e9;background:#fff9fb}
.contact-overview-label{color:#7d3156;font-size:12px;font-weight:800;letter-spacing:.04em}
.contact-overview-icons{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.contact-overview-icons a{width:41px;height:41px;display:grid;place-items:center;background:#fff;color:#b21753;border:1px solid #f1ccd9;border-radius:12px;transition:transform .2s,background .2s,color .2s}
.contact-overview-icons a:hover{transform:translateY(-2px);background:#ce145f;color:#fff;border-color:#ce145f}
.contact-overview-icons a:focus-visible{outline:3px solid #ce145f;outline-offset:3px}
.contact-overview-icons .mono-icon,.contact-overview-icons svg{width:19px;height:19px;fill:currentColor}
.contact-overview-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:16px 8px}
.contact-overview-details>.footer-contact-row{min-width:0;display:flex;flex-direction:column;gap:12px;margin:0;padding:16px 14px;border-right:1px solid #f2e0e7;overflow-wrap:anywhere;font-size:13px;line-height:1.6;color:#342331}
.contact-overview-details>.footer-contact-row:last-child{border:0}
.contact-overview-details .contact-detail-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #f4d8e3;border-radius:13px;background:#fff0f6;color:#bd1d5e}
.contact-overview-details .contact-detail-icon .mono-icon{width:23px;height:23px;color:inherit}
.contact-overview-details .contact-detail-copy{display:grid;gap:5px;min-width:0}
.contact-overview-details .contact-detail-label{font-size:11px;font-weight:800;color:#97546e}
.contact-overview-details :is(a,span:last-child){overflow-wrap:anywhere;color:#342331;text-decoration:none}
.contact-overview-details a:hover{color:#ce145f}
/* Shared Google actions on home page: site-wide pink pill standard. */
.google-business-actions a,.google-business-actions a:first-child{min-height:44px;padding:11px 18px;border-radius:100px;border:1px solid #ce145f;background:#ce145f;color:#fff;font-weight:750}
.google-business-actions a:hover,.google-business-actions a:first-child:hover{background:#a6114d;border-color:#a6114d;color:#fff}
.google-business-actions a:focus-visible{outline:3px solid #ce145f;outline-offset:3px}
@media(max-width:1200px){.contact-overview-details{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-overview-details>.footer-contact-row:nth-child(2){border-right:0}.contact-overview-details>.footer-contact-row:nth-child(-n+2){border-bottom:1px solid #f2e0e7}}
@media(max-width:980px){.marke-hero .hero-decoration::before{background-position:right -290px center;background-size:950px auto;opacity:.40}.mh-dropdown,.mh-nav.is-open .mh-dropdown{width:100%;max-width:none;padding:14px;margin-top:9px}.mh-dropdown-intro{align-items:flex-start;flex-direction:column;gap:3px}.mh-dropdown-intro>small{text-align:left}.mh-dropdown .mh-service-link{min-height:50px}.page-main .services-section--directory .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.page-main .services-section--directory .services-grid{grid-template-columns:1fr}.marke-hero .hero-decoration::before{background-position:center bottom -10px;background-size:790px auto;opacity:.28}.marke-hero .hero-decoration::after{background:linear-gradient(90deg,#290b23c9,transparent),repeating-linear-gradient(0deg,transparent 0 45px,#ffffff04 46px)}.contact-overview-details{grid-template-columns:1fr}.contact-overview-details>.footer-contact-row{flex-direction:row;align-items:flex-start;padding:15px;border:0;border-bottom:1px solid #f2e0e7!important}.contact-overview-details>.footer-contact-row:last-child{border-bottom:0!important}.contact-overview-socials{padding:17px}.contact-overview-details{padding:8px}.mh-dropdown .mh-dropdown-grid{grid-template-columns:1fr}.mh-dropdown .mh-service-link,.mh-dropdown .mh-service-link[aria-current="page"]{font-size:13px}.page-main .services-section--directory .service-card{min-height:310px}}
@media(prefers-reduced-motion:reduce){.marke-hero .hero-decoration::before{animation:none}.mh-dropdown .mh-service-link{transition:none}}


/* v1.11.0 — hero CTA refresh, down-arrow navigation, animated socials, Moniverse academy, auto blog slider, 4-column services, intense hero background */
.mh-submenu-toggle>.mono-icon{transform:rotate(0deg);transition:transform .24s cubic-bezier(.22,1,.36,1),color .2s}
.mh-submenu-toggle[aria-expanded="true"]>.mono-icon{transform:rotate(180deg)}
.mh-submenu-toggle:hover{background:#fff0f6;color:var(--pink-strong)}
.mh-dropdown,.mh-nav.is-open .mh-dropdown{padding:24px 24px 20px;border-radius:24px;background:linear-gradient(180deg,#fffefe 0%,#fff8fb 100%);box-shadow:0 30px 72px #2b08224a,0 0 0 1px #f5d6e4 inset}
.mh-dropdown::before{background:#fffdfd;border-color:#f4d6e2}
.mh-dropdown-intro{padding:0 2px 16px;margin-bottom:10px;border-bottom:1px solid #f4e3ea}
.mh-dropdown .mh-dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.mh-dropdown .mh-service-link,.mh-dropdown .mh-service-link[aria-current="page"]{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:62px;padding:12px 14px;border:1px solid #f6dfe8;border-radius:16px;background:#fff;color:#352531;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s,background .22s}
.mh-dropdown .mh-service-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;background:linear-gradient(180deg,#fff0f6,#ffe7f1);border:1px solid #f4d2e0;color:#ab155a}
.mh-dropdown .mh-service-link:hover,.mh-dropdown .mh-service-link:focus-visible,.mh-dropdown .mh-service-link[aria-current="page"]{transform:translateY(-2px);background:#fff;box-shadow:0 14px 24px #7b17381a;border-color:#efc4d7;color:#8f1043}
.mh-dropdown .mh-service-link:hover .mh-service-icon,.mh-dropdown .mh-service-link:focus-visible .mh-service-icon{background:linear-gradient(180deg,#ce145f,#a6114d);border-color:#ce145f;color:#fff}
.mh-socials a{position:relative;transition:transform .26s cubic-bezier(.22,1,.36,1),color .2s,filter .2s}
.mh-socials a::after{content:"";position:absolute;inset:auto 4px 3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f0287a,#6a58ff);opacity:0;transform:scaleX(.35);transform-origin:center;transition:transform .24s,opacity .24s}
.mh-socials a:hover,.mh-socials a:focus-visible{transform:translateY(-4px) scale(1.09);filter:drop-shadow(0 8px 16px #f0287a3d);color:#fff}
.mh-socials a:hover::after,.mh-socials a:focus-visible::after{opacity:1;transform:scaleX(1)}
.blog-slider{overflow:hidden;position:relative}
.blog-track{display:flex;align-items:stretch;gap:18px;will-change:transform}
.blog-track>.blog-card{flex:0 0 calc((100% - 54px)/4)}
.blog-track.is-sliding{transition:transform .55s cubic-bezier(.22,1,.36,1)}
.academy-section--index{position:relative;overflow:clip;background:var(--pink-strong);border-color:var(--pink-strong)}
.academy-section--index::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.12) 0,transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.02));pointer-events:none}
.academy-section--index::after{content:none}
.academy-section--index .academy-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,4vw,70px);align-items:start}
.academy-section--index .academy-editorial{min-height:540px;padding:4px 0 0;position:relative}
.academy-moniverse{margin:0 0 8px;font-family:var(--font-heading),"Arial Rounded MT Bold","Avenir Next",sans-serif;font-size:clamp(46px,6vw,78px);line-height:.95;font-weight:840;letter-spacing:-.07em;color:#fff;text-shadow:0 12px 34px rgba(44,8,28,.28)}
.academy-section--index .academy-head .section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3vw,48px);font-style:italic;font-weight:600;letter-spacing:-.02em;color:#ffeaf5}
.academy-section--index .academy-head p:last-of-type{max-width:460px;color:#ffe2ef;margin:22px 0 0;font-size:15px;line-height:1.85}
.academy-parallax-art{position:absolute;right:max(-22px,2vw);bottom:18px;width:min(48vw,430px);height:min(28vw,260px);pointer-events:none;opacity:.82;transform:translate3d(0,var(--academy-shift,0px),0)}
.academy-parallax-orb{position:absolute;border-radius:50%;filter:blur(2px)}
.academy-parallax-orb--one{left:4%;top:8%;width:34%;aspect-ratio:1;background:radial-gradient(circle at 30% 30%,rgba(255,184,214,.95),rgba(244,38,126,.35) 58%,transparent 72%)}
.academy-parallax-orb--two{right:10%;top:0;width:44%;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(182,125,255,.7),rgba(99,55,170,.24) 62%,transparent 72%)}
.academy-parallax-wave{position:absolute;inset:auto 0 0 0;height:82%;border-radius:42% 58% 46% 54% / 58% 42% 58% 42%;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.45) 0,transparent 16%),linear-gradient(135deg,rgba(255,84,171,.78) 0%,rgba(219,58,151,.64) 28%,rgba(103,84,255,.48) 66%,rgba(79,184,255,.28) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 20px 60px rgba(71,0,34,.22);opacity:.92}
.academy-section--index .academy-entry{margin-top:34px;min-height:54px;padding:12px 14px 12px 22px;gap:18px;background:#fff;color:#701656;border:1px solid #ffffffd1;box-shadow:0 14px 32px #3e104634}
.academy-section--index .academy-entry>span{width:36px;height:36px;border-radius:12px;background:#ffe4ef;color:#b2165b}
.academy-section--index .academy-entry:hover{box-shadow:0 20px 40px #3e104651}
.academy-section--index .academy-topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.academy-section--index .academy-topic-index>a{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:13px;min-height:122px;padding:18px 18px 17px;background:#fff;border:1px solid #ffffff9e;border-radius:18px;box-shadow:0 12px 28px #3409251f;color:#32182e;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}
.academy-section--index .academy-topic-index>a:hover{transform:translateY(-4px);box-shadow:0 18px 34px #34092534;border-color:#fff}
.academy-topic-symbol{width:48px;height:48px;flex-basis:48px;border-radius:15px;background:#fff0f6;border:1px solid #f6dbe7;color:var(--pink-strong)}
.academy-topic-copy{display:grid;gap:6px;min-width:0}
.academy-topic-name{font-size:18px;line-height:1.28;color:#331633}
.academy-topic-copy small{display:block;font-size:12.5px;line-height:1.55;color:#7b5870}
.services-section .services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-main .services-section--directory .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.page-main .services-section--directory .service-card{min-height:320px}
@media(max-width:1300px){.services-section .services-grid,.page-main .services-section--directory .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.blog-track>.blog-card{flex-basis:calc((100% - 18px)/2)}.page-main .services-section--directory .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-section--index .academy-shell{grid-template-columns:1fr}.academy-section--index .academy-editorial{min-height:0;padding-bottom:210px}}
@media(max-width:800px){.mh-dropdown .mh-dropdown-grid{grid-template-columns:1fr}.academy-section--index .academy-topic-index{grid-template-columns:1fr}.academy-parallax-art{width:260px;height:170px;right:-12px;opacity:.5}.academy-moniverse{font-size:clamp(40px,12vw,58px)}.academy-section--index .academy-head .section-title{font-size:clamp(28px,7vw,38px)}}
@media(max-width:640px){.blog-track>.blog-card{flex-basis:100%}.services-section .services-grid,.page-main .services-section--directory .services-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mh-socials a,.hero-connect-cta,.mh-submenu-toggle>.mono-icon,.mh-dropdown .mh-service-link,.blog-track.is-sliding,.academy-section--index .academy-topic-index>a,.academy-section--index .academy-entry{transition:none}.mh-socials a:hover,.hero-connect-cta:hover,.academy-section--index .academy-topic-index>a:hover{transform:none}.hero-connect-cta::before{animation:none}.academy-parallax-art{transform:none!important}}

/* v1.12 — six focused corrections; original meeting CTA/icon retained from v1.10 */
/* 1 + 5. Real header contact CTA. The separate meeting card is not re-styled. */
.mh-contact.mh-contact--accent{
  min-height:44px;gap:12px;padding:5px 6px 5px 18px;border-radius:100px;
  border:1px solid rgba(255,255,255,.52);
  background:linear-gradient(115deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
  color:#fff;font-weight:750;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 9px 24px rgba(5,9,47,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1);
}
.mh-contact.mh-contact--accent>.mh-contact-icon{
  width:33px;height:33px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,#F0287A,#CE145F);color:#fff;border:1px solid rgba(255,255,255,.48);
  box-shadow:0 0 0 3px rgba(240,40,122,.14);transition:transform .25s,box-shadow .25s;
}
.mh-contact.mh-contact--accent>.mh-contact-icon svg{width:19px;height:19px;color:#fff;stroke:#fff;fill:none;}
.mh-contact.mh-contact--accent:hover{transform:translateY(-2px);border-color:#fff;background:linear-gradient(115deg,rgba(255,255,255,.25),rgba(255,255,255,.10));box-shadow:inset 0 1px rgba(255,255,255,.23),0 12px 27px rgba(5,9,47,.24)}
.mh-contact.mh-contact--accent:hover>.mh-contact-icon{transform:rotate(-9deg) scale(1.07);box-shadow:0 0 0 4px rgba(240,40,122,.20),0 0 15px rgba(240,40,122,.40)}
.mh-contact.mh-contact--accent:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* 2. Branded highlighted fluid gradient. No globe/sphere at the lower centre. */
.marke-hero{background:#080d37}
.marke-hero .hero-decoration{
  background:#080d37 url('../images/hero-blue-pink-lightflow.webp') center center/cover no-repeat;
  opacity:1;
}
.marke-hero .hero-decoration::before{
  content:"";inset:0;width:100%;height:100%;right:auto;top:auto;border:0;border-radius:0;box-shadow:none;
  transform:none;opacity:1;filter:none;animation:none;
  background:linear-gradient(90deg,rgba(7,7,38,.54) 0%,rgba(8,8,46,.19) 42%,rgba(5,5,27,.06) 100%),linear-gradient(180deg,rgba(7,5,26,.36),transparent 22%,transparent 66%,rgba(4,5,28,.42) 100%);
}
.marke-hero .hero-decoration::after{content:none!important;display:none!important;animation:none!important}
.marke-hero::before,.marke-hero::after{content:none!important;display:none!important}
.marke-hero .home-hero-media{display:none}

/* 3. Actual background photograph and page-scroll parallax below the pink wash. */
.academy-section--index{position:relative;isolation:isolate;overflow:hidden;background:#ce145f}
.academy-section--index .academy-parallax-photo{
  position:absolute;z-index:0;inset:-80px 0;
  background:url('../images/academy-studio-bg.webp') center center/cover no-repeat;
  transform:translate3d(0,var(--academy-shift,0px),0) scale(1.055);
  transform-origin:center;pointer-events:none;opacity:.76;will-change:transform;
}
.academy-section--index::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(115deg,rgba(125,11,69,.76),rgba(206,20,95,.72) 46%,rgba(185,18,88,.65)),radial-gradient(ellipse at 2% 90%,rgba(255,189,222,.14),transparent 55%);
  pointer-events:none;
}
.academy-section--index::after{content:none}
.academy-section--index .academy-wrap{position:relative;z-index:2}
.academy-section--index .academy-topic-copy small{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;font-weight:400!important;
  font-size:13px;line-height:1.57;color:#7b6070;letter-spacing:.004em;
}
/* 4. Google profile hover matches Instagram card; white action SVG icons. */
.monofoni-profile-grid .google-business-card{
  transform-origin:50% 60%;
  transition:transform .33s cubic-bezier(.22,1,.36,1),box-shadow .33s,border-color .33s;
}
@media(hover:hover) and (pointer:fine){
  .monofoni-profile-grid .google-business-card:hover{
    transform:translateY(-4px) rotate(-.35deg);
    box-shadow:0 18px 42px rgba(102,24,62,.18);border-color:#f3c7d9;
  }
}
.monofoni-profile-grid .google-business-card:focus-within{box-shadow:0 18px 42px rgba(102,24,62,.18);border-color:#f3c7d9}
.google-business-actions a .mono-icon,.google-business-actions a .mono-icon svg{color:#fff!important}
.google-business-actions a .mono-icon svg{fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}
/* Icon circles in the pin mark remain open white outlines (no black fills). */
.google-business-actions a .mono-icon svg circle{fill:none!important;stroke:#fff!important}
/* 6. 1500ms full service cycle (including the slide animation). */
.service-notification.is-entering{animation-duration:.28s}
.service-notification.is-leaving{animation-duration:.27s}
@media(max-width:640px){
  .mh-contact.mh-contact--accent{gap:9px;padding:5px 5px 5px 13px;min-height:42px;font-size:12px}
  .mh-contact.mh-contact--accent>.mh-contact-icon{width:30px;height:30px}
  .academy-section--index .academy-parallax-photo{inset:-45px 0}
}
@media(max-width:360px){.mh-contact.mh-contact--accent>.mh-contact-icon{display:none}}
@media(prefers-reduced-motion:reduce){
  .mh-contact.mh-contact--accent,.mh-contact.mh-contact--accent>.mh-contact-icon,.monofoni-profile-grid .google-business-card{transition:none}
  .mh-contact.mh-contact--accent:hover,.monofoni-profile-grid .google-business-card:hover{transform:none}
  .academy-section--index .academy-parallax-photo{transform:none!important;will-change:auto}
}


/* Monofoni v1.13 · narrowly scoped header, notification, profile map and parallax refinements. */
/* Desktop: unified navigation capsule with separate, adjacent social icons. */
.mh-nav-cluster{display:flex;align-items:center;gap:clamp(8px,1vw,17px);min-width:0;margin-left:auto}
.mh-nav-cluster>.mh-menu{margin:0;padding:4px clamp(9px,1.15vw,18px);border:1px solid rgba(255,225,241,.43);border-radius:100px;background:linear-gradient(135deg,rgba(255,235,245,.15),rgba(249,158,205,.08));backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:inset 0 1px rgba(255,255,255,.19),0 10px 30px rgba(15,0,27,.11);gap:clamp(6px,.9vw,17px)}
.mh-nav-cluster .mh-menu>.mh-nav-link,.mh-nav-cluster .mh-menu .mh-parent-link>.mh-nav-link{padding-inline:clamp(5px,.55vw,10px);font-size:clamp(12px,1vw,14px);transition:color .2s}
.mh-nav-cluster .mh-services-wrap{position:relative}
.mh-nav-cluster>.mh-socials--desktop{display:flex;flex-wrap:nowrap;align-items:center;gap:1px}
.mh-nav-cluster>.mh-socials--desktop>a{width:29px;min-width:27px;height:42px}
.mh-nav-cluster .mh-socials--desktop .mono-icon{width:17px;height:17px}
.mh-mobile-menu-head,.mh-mobile-contact{display:none!important}
.mh-nav-inner{gap:clamp(10px,1.2vw,20px)}
.mh-nav .mh-right{margin-left:0;flex:0 0 auto}
/* Avoid typography, chat and meeting CTA modifications. */
@media(min-width:981px) and (max-width:1280px){
  .mh-brand img{max-width:160px}
  .mh-nav-cluster>.mh-menu{padding-inline:7px;gap:3px}
  .mh-nav-cluster .mh-menu>.mh-nav-link,.mh-nav-cluster .mh-menu .mh-parent-link>.mh-nav-link{font-size:12px;padding-inline:4px}
  .mh-nav-cluster>.mh-socials--desktop>a{width:25px}
  .mh-nav .mh-right .mh-contact{font-size:12px;gap:6px;padding-left:11px}
}
/* A full-viewport mobile navigation, never a small dropdown under the hero. */
@media(max-width:980px){
  body.mono-menu-open{overflow:hidden!important;overscroll-behavior:none}
  body.mono-menu-open .marke-hero,body.mono-menu-open .page-hero{overflow:visible!important;isolation:auto!important}
  .mh-nav-cluster{display:contents}
  .mh-nav-cluster>.mh-menu{display:none;margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mh-nav-cluster>.mh-socials--desktop,.mh-nav .mh-right{display:none!important}
  .mh-nav-inner{width:var(--container);min-height:76px;gap:12px}
  .mh-mobile-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:46px;margin-left:auto;padding:0;border:1px solid #ffffff62;border-radius:16px;background:#fff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;z-index:2;cursor:pointer}
  .mh-mobile-toggle span{display:block!important;width:20px!important;height:2px!important;background:#fff!important;border-radius:100px;transition:none!important;transform:none!important}
  .mh-mobile-toggle span:nth-child(2){width:15px!important}
  .mh-mobile-toggle[aria-expanded="true"]{opacity:0;pointer-events:none}
  .mh-nav.is-open{position:fixed!important;inset:0!important;z-index:99999!important;display:block;overflow:auto;overscroll-behavior:contain;background:linear-gradient(142deg,rgba(55,13,57,.96) 0%,rgba(110,16,83,.95) 38%,rgba(210,36,119,.92) 100%);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
  .mh-nav.is-open .mh-nav-inner{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:19px clamp(22px,6vw,52px) 28px}
  .mh-nav.is-open .mh-brand{position:relative;z-index:1;align-self:start;margin:0 0 18px}
  .mh-nav.is-open .mh-menu{position:static!important;display:flex!important;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:680px;min-height:calc(100svh - 130px);max-height:none!important;overflow:visible;left:auto!important;right:auto!important;top:auto!important;margin:0 auto!important;padding:48px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
  .mh-nav.is-open .mh-mobile-toggle{display:none!important}
  .mh-mobile-menu-head{display:flex!important;justify-content:space-between;align-items:center;padding:0 0 14px;margin-bottom:8px;border-bottom:1px solid #ffffff45;font-size:11px;letter-spacing:.22em;font-weight:750;color:#ffe2f0}
  .mh-mobile-close{display:grid;place-items:center;position:fixed;top:18px;right:clamp(22px,6vw,52px);width:48px;height:48px;padding:0;border:1px solid #ffffff80;border-radius:16px;background:#ffffff22;color:#fff;cursor:pointer;z-index:100001}
  .mh-mobile-close svg{width:24px;height:24px}
  .mh-mobile-close:hover{background:#ffffff40}
  .mh-nav.is-open .mh-menu>.mh-nav-link,.mh-nav.is-open .mh-menu>.mh-services-wrap{width:100%;min-height:52px;margin:0;border-bottom:1px solid #ffffff30;flex:0 0 auto}
  .mh-nav.is-open .mh-menu>.mh-nav-link,.mh-nav.is-open .mh-menu .mh-parent-link>.mh-nav-link{display:flex;width:100%;min-height:56px;padding:15px 3px;font-size:clamp(18px,4.7vw,24px);letter-spacing:-.025em;color:#fff;border:0}
  .mh-nav.is-open .mh-parent-link{display:flex;align-items:center;justify-content:space-between;border:0}
  .mh-nav.is-open .mh-submenu-toggle{height:48px;width:48px;flex:0 0 48px;color:#fff;border-radius:12px}
  .mh-nav.is-open .mh-submenu-toggle:hover{background:#ffffff26}
  .mh-nav.is-open .mh-dropdown{position:static!important;width:100%!important;max-width:none!important;margin:0 0 15px!important;padding:14px!important;transform:none!important;background:#fff!important;border-radius:18px!important;box-shadow:0 10px 25px #25081d20!important}
  .mh-nav.is-open .mh-dropdown::before{display:none!important}
  .mh-nav.is-open .mh-dropdown .mh-dropdown-grid{grid-template-columns:1fr!important;gap:3px}
  .mh-nav.is-open .mh-dropdown .mh-service-link{min-height:47px;padding:7px 8px}
  .mh-nav.is-open .mh-menu .mh-socials--mobile{display:flex!important;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:14px 0 16px}
  .mh-nav.is-open .mh-socials--mobile a{width:46px;height:46px;border:1px solid #ffffff70;border-radius:14px;background:#fff2;color:#fff}
  .mh-nav.is-open .mh-socials--mobile a .mono-icon{width:19px;height:19px}
  .mh-nav.is-open .mh-mobile-contact{display:inline-flex!important;justify-content:space-between;align-items:center;align-self:stretch;width:100%;max-width:none;min-height:56px;margin-top:auto;padding:7px 7px 7px 20px;border-radius:999px;background:linear-gradient(135deg,#fff,#ffe0ec);color:#721745;box-shadow:0 10px 35px #32082028}
  .mh-nav.is-open .mh-mobile-contact .mh-contact-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:#ce145f;color:#fff}
}
/* Notification change indicator: track starts below the content; fill reaches 100% on change. */
.marke-hero .service-notifications .service-notification{border-left:1px solid #ffffffed!important;border-bottom:0!important;border-radius:19px 19px 16px 16px}
.service-notifications.is-ready{overflow:hidden;border-radius:19px}
.service-notifications.is-ready::before,.service-notifications.is-ready::after{content:"";position:absolute;z-index:9;left:0;bottom:0;height:4px;pointer-events:none;border-radius:0 0 19px 19px}
.service-notifications.is-ready::before{right:0;background:rgba(206,20,95,.15)}
.service-notifications.is-ready::after{width:100%;background:linear-gradient(90deg,#ce145f,#f0287a,#f78fb8);transform:scaleX(0);transform-origin:left center}
.service-notifications.is-ready.is-counting::after{animation:mono-notification-progress 1.22s linear both}
@keyframes mono-notification-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Simple 16:9 vector map in the existing Google profile. */
.google-business-map{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #f0e2e8;border-radius:15px;background:#f5f0f6}
.google-business-map img{display:block;width:100%;height:100%;object-fit:cover}
/* Customizable academy photo: dedicated overscanned image is translated by scroll JS. */
.academy-section--index .academy-parallax-photo{position:absolute!important;inset:0!important;z-index:0;overflow:hidden;transform:none!important;background:none!important;opacity:.82;will-change:auto}
.academy-section--index .academy-parallax-image{position:absolute;top:-155px;left:0;width:100%;max-width:none!important;height:calc(100% + 310px)!important;min-height:100%;object-fit:cover;object-position:center center;transform:translate3d(0,var(--academy-shift,0px),0);will-change:transform;backface-visibility:hidden}
.academy-section--index .academy-parallax-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(95,8,55,.26),rgba(105,9,57,.08));pointer-events:none}
@media(max-width:640px){
  .academy-section--index .academy-parallax-image{top:-112px;height:calc(100% + 224px)!important}
  .google-business-map{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .service-notifications.is-ready.is-counting::after{animation:none;transform:scaleX(1)}
  .academy-section--index .academy-parallax-image{transform:none!important;will-change:auto}
}



/* MONOFONI v1.14.0 — focused navigation, responsive academy photo, team portraits and nested services */
/* Contact is now the final native nav item, not a separate CTA. */
.mh-nav .mh-right,.mh-menu .mh-mobile-contact{display:none!important}
.mh-nav-cluster>.mh-menu{display:flex;align-items:center}
.mh-nav-cluster .mh-menu>.mh-nav-link--contact{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  color:#fff;font-weight:700;border:0;background:transparent;box-shadow:none;
}
.mh-nav-cluster .mh-menu>.mh-nav-link--contact .mh-nav-contact-icon{
  width:20px;height:20px;display:grid;place-items:center;color:#ffe0ef;
}
.mh-nav-link--contact .mh-nav-contact-icon svg{width:17px;height:17px}
.mh-nav-cluster .mh-menu>.mh-nav-link--contact:hover{color:#ffe1f0}
.mh-nav-cluster .mh-socials--desktop{margin-left:clamp(5px,1vw,15px)}
/* Preserve the 1.13 full-screen menu; contact looks like every other menu row. */
@media(max-width:980px){
  .mh-nav-cluster>.mh-menu{display:none}
  .mh-nav.is-open .mh-menu>.mh-nav-link--contact{
    display:flex!important;justify-content:space-between;gap:12px;
    margin:0!important;border-bottom:1px solid #ffffff30!important;
    padding:15px 3px!important;min-height:56px;color:#fff!important;
    background:transparent!important;box-shadow:none!important;border-radius:0!important;
    font-weight:650;
  }
  .mh-nav-link--contact .mh-nav-contact-icon{color:#ffe0ef}
}
/* Notification bar reaches its endpoint before the next service arrives. */
.service-notifications.is-ready.is-counting::after{animation-duration:1.72s}
/* Intensify only upper-left pink light, leave well-liked blue gradients untouched. */
.marke-hero .hero-decoration{
  background:
    radial-gradient(ellipse 62% 66% at 1% 1%,rgba(206,20,95,.97) 0%,rgba(240,40,122,.75) 25%,rgba(240,40,122,.28) 52%,transparent 79%),
    radial-gradient(ellipse 38% 49% at 18% 22%,rgba(246,53,138,.62) 0%,transparent 74%),
    radial-gradient(ellipse at 83% 20%,rgba(25,89,238,.7),transparent 56%),
    linear-gradient(127deg,#6a0b3b 0%,#3c0a5a 41%,#0831a7 76%,#080d4f 100%);
}
/* Photo layer remains visible even on mobile and translates with scroll on the image itself. */
.academy-section--index{position:relative!important;overflow:hidden!important;background:var(--pink-strong)}
.academy-section--index .academy-parallax-photo{
  display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
  width:100%!important;height:100%!important;overflow:hidden!important;opacity:1!important;pointer-events:none;
}
.academy-section--index .academy-parallax-image{
  display:block!important;position:absolute!important;top:-245px!important;left:0!important;
  width:100%!important;max-width:none!important;height:calc(100% + 490px)!important;
  min-height:100%!important;object-fit:cover!important;object-position:center center!important;
  will-change:transform;backface-visibility:hidden;
}
.academy-section--index::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(118deg,rgba(134,13,68,.71),rgba(206,20,95,.64) 58%,rgba(168,13,75,.70))!important;
  pointer-events:none;
}
.academy-section--index .academy-wrap{z-index:2!important;position:relative}
@media(max-width:640px){
  .academy-section--index .academy-parallax-photo{display:block!important;opacity:1!important}
  .academy-section--index .academy-parallax-image{top:-165px!important;height:calc(100% + 330px)!important}
  .academy-section--index::before{background:linear-gradient(125deg,rgba(148,10,71,.76),rgba(206,20,95,.68))!important}
}
@media(prefers-reduced-motion:reduce){
  .academy-section--index .academy-parallax-image{transform:translate3d(0,0,0)!important;will-change:auto}
}
/* Smaller team pictures in consistent, compact expert cards. */
.page-main .mono-team-section--managed{width:100%;max-width:100%}
.mono-team-section--managed .mono-team-card{
  display:flex;align-items:flex-start;gap:19px;flex-direction:row;min-height:158px;
  border:1px solid #f2e3e9;border-radius:19px;padding:18px!important;margin:0!important;background:#fff;
}
.mono-team-section--managed .mono-team-card figure{
  flex:0 0 112px;width:112px;height:112px;margin:0!important;padding:0;border-radius:16px;overflow:hidden;
}
.mono-team-section--managed .mono-team-card img{display:block!important;width:112px!important;height:112px!important;max-height:112px!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:16px!important}
.mono-team-section--managed .mono-team-info{min-width:0;flex:1}
.mono-team-section--managed .mono-team-card h3{font-size:19px;line-height:1.25;margin:0 0 5px}
.mono-team-section--managed .mono-team-card p{font-size:12px;line-height:1.6;margin:8px 0 0}
.mono-team-section--managed .mono-team-card .team-role{font-size:11px;margin:0}
.mono-team-section--managed .mono-team-placeholder{display:grid;place-items:center;width:112px;height:112px;background:#fff0f6;color:var(--pink-strong)}
.mono-team-section--managed .mono-team-placeholder .mono-icon{width:42px;height:42px}
.mono-team-section--managed .mono-team-grid:not(.is-team-slider){grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.mono-team-section--managed .mono-team-grid.is-team-slider>.mono-team-card{flex:0 0 calc((100% - 34px)/3)}
@media(max-width:1250px){
  .mono-team-section--managed .mono-team-grid:not(.is-team-slider){grid-template-columns:repeat(2,minmax(0,1fr))}
  .mono-team-section--managed .mono-team-grid.is-team-slider>.mono-team-card{flex-basis:calc((100% - 17px)/2)}
}
@media(max-width:650px){
  .mono-team-section--managed .mono-team-card{min-height:115px;gap:13px;padding:12px!important;border-radius:15px}
  .mono-team-section--managed .mono-team-card figure,.mono-team-section--managed .mono-team-card img,.mono-team-section--managed .mono-team-placeholder{flex-basis:75px;width:75px!important;height:75px!important;max-height:75px!important;border-radius:12px!important}
  .mono-team-section--managed .mono-team-card h3{font-size:16px}
  .mono-team-section--managed .mono-team-card p{font-size:11px}
  .mono-team-section--managed .mono-team-grid:not(.is-team-slider){grid-template-columns:1fr}
  .mono-team-section--managed .mono-team-grid.is-team-slider>.mono-team-card{flex-basis:89%}
}
/* Nested services: responsive, cross-linked cards without modifying home service grid. */
.monofoni-subservices{margin:56px 0 45px;padding-top:38px;border-top:1px solid #f0d9e4}
.subservices-heading h2{margin:8px 0 8px;color:var(--heading);font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;line-height:1.17}
.subservices-heading p:last-child{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 27px}
.subservices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.subservice-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:238px;padding:22px;border:1px solid #f1dae4;border-radius:19px;background:linear-gradient(145deg,#fff 0%,#fff8fb 100%);box-shadow:0 7px 22px #670d370c;transition:transform .24s ease,box-shadow .24s,border-color .24s;text-decoration:none;color:var(--heading)}
.subservice-card:hover{transform:translateY(-4px);border-color:#e9a9c4;box-shadow:0 17px 38px #670d3720}
.subservice-card:focus-visible{outline:3px solid var(--pink-strong);outline-offset:3px}
.subservice-symbol{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:13px;background:#fff0f6;border:1px solid #f6cedf;color:var(--pink-strong)}
.subservice-symbol .mono-icon,.subservice-symbol svg{width:25px;height:25px}
.subservice-card strong{font-size:17px;line-height:1.35;letter-spacing:-.025em}
.subservice-card>span:nth-last-child(2){font-size:12px;line-height:1.7;color:#765a69}
.subservice-link{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--pink-strong);font-size:12px;font-weight:750}
.subservice-link .mono-icon{transform:rotate(-90deg);width:16px;height:16px}
.subservice-parent-link{margin-bottom:23px}
.subservice-parent-link a{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--pink-strong);font-size:13px;font-weight:750}
.subservice-parent-link .mono-icon{transform:rotate(90deg);width:17px;height:17px}
.subservices-related{margin:48px 0 40px;padding-top:25px;border-top:1px solid #f2dce6}
.subservices-related h2{font-size:27px;color:var(--heading);letter-spacing:-.03em;margin:0 0 20px}
.subservices-related-links{display:flex;flex-wrap:wrap;gap:10px}
.subservices-related-links a{border:1px solid #f1d0df;background:#fff0f6;padding:11px 15px;border-radius:14px;color:#98144d;font-size:13px;font-weight:650;transition:background .2s,color .2s}
.subservices-related-links a:hover{color:#fff;background:var(--pink-strong)}
@media(max-width:1000px){.subservices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.subservices-grid{grid-template-columns:1fr}.subservice-card{min-height:190px;padding:20px}.monofoni-subservices{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.subservice-card{transition:none}.subservice-card:hover{transform:none}}


/* MONOFONI v1.15.0 — narrow edits to established Classic design */
/* Nav: closer chevron and icon-free contact link, keep the current pill and mobile overlay. */
.mh-nav-cluster .mh-menu .mh-parent-link{gap:0;justify-content:flex-start}
.mh-nav-cluster .mh-menu .mh-parent-link>.mh-nav-link{padding-right:2px}
.mh-nav-cluster .mh-menu .mh-submenu-toggle{min-width:24px;width:24px;padding:0;margin:0 2px 0 0}
.mh-nav-cluster .mh-menu .mh-submenu-toggle>.mono-icon{width:15px;height:15px}
.mh-nav-link--contact .mh-nav-contact-icon{display:none!important}
@media(max-width:980px){
 .mh-nav.is-open .mh-menu .mh-parent-link{justify-content:space-between}
 .mh-nav.is-open .mh-menu .mh-parent-link>.mh-nav-link{flex:1}
 .mh-nav.is-open .mh-menu .mh-submenu-toggle{min-width:44px;width:44px}
}
/* Corporate classic blue back-to-top; WhatsApp remains green, not pink. */
.back-to-top{background:#0057fb;color:#fff;border:1px solid #ffffffa6;box-shadow:0 10px 25px #002b7f40}
.back-to-top:hover{background:#0346c9}
.back-to-top:focus-visible{outline:3px solid #8bc3ff;outline-offset:3px}
/* Build the footer service directory from the site's actual service hierarchy. */
.footer-service-directory{padding:12px 0 40px}
.footer-service-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px;padding-bottom:16px;border-bottom:1px solid #ffffff43}
.footer-service-top h2{margin:0;color:#fff;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.045em}
.footer-service-top>a{display:inline-flex;gap:9px;align-items:center;color:#fff;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
.footer-service-top>a .mono-icon{width:16px;height:16px;transform:rotate(-90deg)}
.footer-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(22px,4vw,68px);row-gap:38px}
.footer-service-group{min-width:0}
.footer-service-group h3{margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid #ffffff40;font-size:15px;line-height:1.4;font-weight:800}
.footer-service-group h3 a{color:#fff;text-decoration:none}
.footer-service-group h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-service-group ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.footer-service-group li{min-width:0}
.footer-service-group li a{display:inline-block;color:#ffe4f0;font-size:12px;line-height:1.5;text-decoration:none;overflow-wrap:break-word;opacity:.88;transition:opacity .2s,transform .2s}
.footer-service-group li a:hover{color:#fff;opacity:1;transform:translateX(3px)}
.footer-links--utility{border-top:1px solid #ffffff40;padding-top:36px;margin-top:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-links--utility .footer-group h3{font-size:14px;font-weight:750;margin-bottom:14px;color:#fff}
/* Accent the exact requested phrase, with a restrained light sweep. */
.mh-hero-title .mh-hero-highlight{position:relative;display:inline-block;color:#fff2f9;text-shadow:0 0 22px rgba(255,128,202,.7),0 0 60px rgba(240,40,122,.35);isolation:isolate}
.mh-hero-title .mh-hero-highlight::after{content:"";position:absolute;left:0;right:0;bottom:-.07em;height:.075em;border-radius:99px;background:linear-gradient(90deg,#f0287a,#ffd8ed 60%,#7eb9ff);box-shadow:0 0 19px #f0287a96;transform-origin:left;animation:mono-highlight-underline 2s cubic-bezier(.16,1,.3,1) both}
@keyframes mono-highlight-underline{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
/* Word-by-word introduction after the primary headline; the sentence itself is unchanged. */
.mh-hero-description.has-hero-description-words{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;font-size:clamp(17px,1.3vw,20px);line-height:1.65;font-weight:500;letter-spacing:-.016em;color:#fff6fb;text-shadow:0 3px 20px #16071c60}
.mh-hero-description.has-hero-description-words .hero-word{display:inline-block;opacity:0;transform:translate3d(0,12px,0);filter:blur(7px);animation:mono-description-word .63s cubic-bezier(.18,.73,.24,1) both;animation-delay:var(--word-delay,1200ms)}
@keyframes mono-description-word{to{opacity:1;transform:none;filter:blur(0)}}
/* Restore CTA calendar shape, recolour only its fill/stroke. */
.hero-connect-cta .meeting-icon{color:var(--brand-pink)}
.hero-connect-cta .meeting-icon svg{color:var(--brand-pink);stroke:currentColor}
/* Darker WhatsApp branded header surface, preserve exact existing composition. */
.mh-whatsapp-card.whatsapp-surface{background:linear-gradient(135deg,#087843 0%,#05673b 52%,#054e32 100%);border-color:#4fb87b;box-shadow:inset 0 1px #ffffff26,0 17px 36px #052a2266;color:#fff}
.mh-whatsapp-card :is(.mh-chat-copy strong,.whatsapp-eyebrow,.mh-chat-copy>span,.whatsapp-inline-action){color:#fff!important}
.mh-whatsapp-card .whatsapp-inline-action{border-top-color:#ffffff48}
.mh-whatsapp-card .mh-chat-avatar{outline-color:#a2efbe}
.mh-whatsapp-card .mh-whatsapp-icon{background:#25d366;color:#fff}
.mh-whatsapp-card:hover{box-shadow:inset 0 0 0 2px #ffffff76,0 20px 42px #052a2277}
/* Compact floating WhatsApp CTA: no avatar. */
.contact-dock .whatsapp-ribbon--compact{display:inline-flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:9px;width:auto;min-width:0;min-height:43px;padding:8px 13px;border:1px solid #53cc88;border-radius:999px;background:#087c49;color:#fff;box-shadow:0 9px 25px #034d3266;transition:transform .2s,background .2s}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-icon{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#fff}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-icon svg{width:23px;height:23px;fill:currentColor}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-copy{color:#fff;min-width:0}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-copy strong{display:block;color:#fff;font-size:12px;font-weight:750;line-height:1.2;white-space:nowrap}
.contact-dock .whatsapp-ribbon--compact:hover{transform:translateY(-2px);background:#066539}
/* Gently align the inquiry with the Google profile; JS matches the precise card top. */
@media(min-width:981px){.inquiry-panel>.inquiry-form{margin-top:clamp(70px,8vw,150px)}}
/* User-uploaded slider visuals override only the decorative layer, leaving text and CTAs intact. */
.marke-hero .home-hero-media{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1!important;opacity:1!important;mix-blend-mode:normal!important;overflow:hidden;pointer-events:none}
.marke-hero .home-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,4,31,.62) 0%,rgba(15,4,34,.35) 52%,rgba(5,11,45,.32) 100%)!important;opacity:1!important}
.marke-hero .home-hero-media img,.marke-hero .home-hero-media video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.marke-hero .home-hero-media--video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}
@media(max-width:1100px){.footer-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links--utility{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .footer-service-grid{grid-template-columns:1fr;row-gap:25px}
 .footer-links--utility{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-links--utility .footer-group:last-child{grid-column:1/-1}
 .footer-service-top{align-items:center}
 .footer-service-group h3{font-size:14px}
 .mh-hero-description.has-hero-description-words{font-size:16px;line-height:1.6}
 .contact-dock .whatsapp-ribbon--compact{padding:8px 12px;min-height:42px}
 .marke-hero .home-hero-media--video iframe{width:max(100%,177.78svh);height:max(100%,56.25vw)}
}
@media(prefers-reduced-motion:reduce){
 .mh-hero-title .mh-hero-highlight::after,.mh-hero-description.has-hero-description-words .hero-word{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
 .contact-dock .whatsapp-ribbon--compact{transition:none}
}

/* Pink calendar glyph on pale chip, original calendar drawing retained. */
.hero-connect-cta .meeting-icon{background:#fff0f6!important;border:1px solid #f5c6dc;color:#ce145f!important;box-shadow:0 5px 15px #a91d6220!important}
.hero-connect-cta .meeting-icon .ui-icon{stroke:#ce145f!important;fill:none!important}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-copy strong{overflow:hidden;text-overflow:ellipsis;max-width:160px}


/* v1.15.1 STABILITY: no boxed desktop page; preserve the existing 1440px internal grid. */
@media (min-width:981px){
 html,body{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 body>.marke-hero,body>.page-hero,body>main,body>.footer-v5{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 .marke-hero .mh-nav-inner,.marke-hero .mh-hero-main{max-width:min(1440px,calc(100% - 40px))}
}
/* Media stays behind all real hero controls, with no container/layout effects. */
.marke-hero .home-hero-media{isolation:isolate;contain:paint;pointer-events:none}
.marke-hero .home-hero-media img,.marke-hero .home-hero-media video{max-width:none}


/* MONOFONI v1.15.3 — requested visual adjustments only. */
/* Remove the singled-out 'unutulmaz' treatment even if an older cached text span survives. */
.mh-hero-title .mh-hero-highlight{color:inherit!important;text-shadow:none!important;filter:none!important;isolation:auto!important}
.mh-hero-title .mh-hero-highlight::before,.mh-hero-title .mh-hero-highlight::after{content:none!important;animation:none!important;box-shadow:none!important}
/* Let the hero's photo/gradient show subtly through a still-readable WhatsApp card. */
.mh-whatsapp-card.whatsapp-surface{
  background:linear-gradient(128deg,rgba(5,131,76,.83),rgba(2,96,61,.77) 62%,rgba(3,76,54,.8))!important;
  border-color:rgba(163,239,189,.66)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 16px 36px rgba(3,37,30,.36)!important;
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
}
/* Center form vertically against the ENTIRE left-hand profile column, no pixel offset. */
@media(min-width:981px){
  .inquiry-panel{align-items:center!important}
  .inquiry-panel>.inquiry-form{align-self:center!important;margin:0!important}
}
/* Restore the corporate pink circle. */
.contact-dock .back-to-top{background:var(--pink-strong)!important;color:#fff!important;border-color:#ffffffa6!important;box-shadow:0 9px 24px #5b0f3342!important}
.contact-dock .back-to-top:hover{background:var(--pink-deep)!important}
.contact-dock .back-to-top:focus-visible{outline-color:#fff!important}
/* The floating WhatsApp CTA is compact, in WhatsApp's recognizable green. */
.contact-dock .whatsapp-ribbon--compact{background:#25d366!important;border-color:#25d366!important;color:#fff!important;box-shadow:0 9px 23px rgba(9,113,54,.28)!important}
.contact-dock .whatsapp-ribbon--compact:hover{background:#1ebe5c!important;border-color:#1ebe5c!important}
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-icon,.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-copy,
.contact-dock .whatsapp-ribbon--compact .whatsapp-ribbon-copy strong{color:#fff!important}
/* Footer utility contact row moved to the top; visually separate from the nested service index. */
.footer-v5{padding-top:clamp(32px,4vw,52px)}
.footer-contact-band{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,32px);padding:0 0 clamp(25px,3vw,38px);margin-bottom:clamp(28px,3vw,42px);border-bottom:1px solid rgba(255,255,255,.4)}
.footer-contact-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(13px,1.8vw,28px);flex:1;min-width:0}
.footer-contact-cells>.footer-contact-row{display:flex;align-items:center;gap:11px;min-width:0;margin:0;padding:0;color:#fff}
.footer-contact-cells .contact-detail-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff}
.footer-contact-cells .contact-detail-icon .mono-icon{display:grid;place-items:center;width:19px;height:19px;color:#fff}
.footer-contact-cells .contact-detail-icon .mono-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.footer-contact-cells .contact-detail-copy{min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}
.footer-contact-cells .contact-detail-label{color:rgba(255,255,255,.74);font-size:10px;line-height:1.25;font-weight:700}
.footer-contact-cells .contact-detail-copy>a,.footer-contact-cells .contact-detail-copy>span:last-child{color:#fff;font-size:11px;font-weight:600;line-height:1.55;text-decoration:none;overflow-wrap:anywhere}
.footer-contact-cells .contact-detail-copy>a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-contact-band>.footer-socials{flex:0 0 auto;display:flex;gap:7px;margin:0;flex-wrap:nowrap;align-items:center}
.footer-contact-band>.footer-socials a{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.63);display:grid;place-items:center}
.footer-contact-band>.footer-socials .mono-icon,.footer-contact-band>.footer-socials svg{width:17px;height:17px}
.footer-service-directory{padding:0 0 clamp(38px,5vw,66px)}
.footer-service-grid{row-gap:clamp(26px,3vw,39px)}
.footer-service-group h3{margin:0 0 11px;padding:0 0 10px;font-size:13px;line-height:1.4;font-weight:760}
.footer-service-group h3 a{display:flex;align-items:center;gap:9px;text-decoration:none}
.footer-service-group .footer-service-symbol{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:9px;background:rgba(255,255,255,.11);color:#fff}
.footer-service-symbol .mono-icon,.footer-service-symbol .mono-icon svg{width:16px;height:16px;display:block;color:inherit}
.footer-service-group ul{gap:6px}
.footer-service-group li a{font-size:11px;line-height:1.52;font-weight:400}
@media(max-width:1200px){
  .footer-contact-band{flex-wrap:wrap;align-items:flex-start}
  .footer-contact-cells{flex:0 0 100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .footer-contact-band>.footer-socials{justify-content:flex-start}
}
@media(max-width:760px){
  .footer-contact-cells{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .footer-contact-band{gap:18px}
  .footer-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px}
}
@media(max-width:520px){
  .footer-service-grid{grid-template-columns:1fr}
  .footer-contact-band>.footer-socials{flex-wrap:wrap}
  .footer-contact-cells>.footer-contact-row{align-items:flex-start}
}

/* Monofoni v1.16 — contained styles; original design language preserved. */
.footer-v5 .footer-contact-band .contact-detail-label{display:none!important}
.footer-v5 .footer-contact-band .contact-detail-copy{display:flex;align-items:center;min-width:0}
.footer-v5 .footer-contact-band .footer-contact-row{gap:10px}
.footer-v5 .footer-service-grid{grid-template-columns:repeat(var(--footer-service-cols,4),minmax(0,1fr))!important;gap:32px clamp(16px,2.5vw,40px)}
.footer-v5 .footer-service-group{min-width:0}
.footer-v5 .footer-service-group h3{line-height:1.35}
@media(max-width:1090px){.footer-v5 .footer-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.footer-v5 .footer-service-grid{grid-template-columns:1fr!important}}

/* Blog archive categories and editorial headline scroller. */
.mono-blog-discover{min-width:0;margin:0 0 42px;padding:clamp(23px,3vw,38px);background:linear-gradient(125deg,#fff4f9,#fffafc 64%,#f9f5ff);border:1px solid #f2dbe7;border-radius:24px;overflow:hidden}
.mono-blog-discover-head .section-kicker{margin:0 0 12px;color:#ce145f;font-size:11px;letter-spacing:.16em;font-weight:780}
.mono-blog-discover-head h2{max-width:730px;margin:0;font-size:clamp(26px,3vw,42px);font-weight:780;line-height:1.14;letter-spacing:-.05em;color:#251528}
.mono-blog-discover-head p:last-child{font-size:14px;color:#72566a;line-height:1.7;margin:13px 0 23px}
.mono-blog-categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
.mono-blog-categories a{display:inline-flex;align-items:center;min-height:38px;padding:9px 16px;border:1px solid #edc7d9;border-radius:999px;background:#fff;color:#91244f;font-size:12px;font-weight:730;transition:background .2s,color .2s,transform .2s}
.mono-blog-categories a:hover,.mono-blog-categories a:focus-visible{background:#ce145f;color:#fff;transform:translateY(-2px)}
.mono-blog-headlines{overflow:hidden}
.mono-blog-headline-track{display:flex;gap:12px;transition:transform .48s cubic-bezier(.2,.7,.2,1)}
.mono-blog-headline{flex:0 0 calc((100% - 24px)/3);min-width:0;border:1px solid #f2dbe5;border-radius:16px;background:#fff;overflow:hidden}
.mono-blog-headline>a{display:flex;align-items:center;gap:12px;min-height:105px;padding:11px;color:#231622;text-decoration:none}
.mono-blog-headline-image{width:85px;height:80px;flex:0 0 85px;border-radius:12px;overflow:hidden;background:#f8e5ef}
.mono-blog-headline-image img{width:100%;height:100%;object-fit:cover}
.mono-blog-headline a>span:last-child{display:grid;gap:8px;min-width:0}
.mono-blog-headline small{font-size:10px;color:#a0265b}
.mono-blog-headline strong{font-size:13px;line-height:1.35;letter-spacing:-.02em;color:#2b202a}
.mono-blog-headline a:hover strong{text-decoration:underline;text-decoration-color:#ce145f;text-underline-offset:3px}
.mono-single-head{margin:0 0 32px}
.mono-single-title{font-size:clamp(29px,3.8vw,53px);line-height:1.15;letter-spacing:-.055em;margin:12px 0!important}
.mono-post-taxonomy{display:flex;flex-wrap:wrap;gap:9px}
.mono-post-taxonomy a{padding:7px 13px;border-radius:999px;background:#fff0f6;color:#a81750;font-size:12px;font-weight:750;text-decoration:none}
.mono-single-cover{margin:24px 0 30px;border-radius:21px;overflow:hidden;background:#f7e9f0}
.mono-single-cover img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover}
@media(max-width:1050px){.mono-blog-headline{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:620px){.mono-blog-headline{flex-basis:100%}.mono-blog-discover{padding:22px 18px}.mono-blog-categories a{font-size:11px}}

/* Hero slide images/video under the existing stationary copy and controls. */
.marke-hero .mono-hero-slides{isolation:isolate;opacity:1!important;mix-blend-mode:normal!important;display:block!important}
.marke-hero .mono-hero-slides .mono-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none;overflow:hidden}
.marke-hero .mono-hero-slides .mono-hero-slide.is-active{opacity:1}
.marke-hero .mono-hero-slides .mono-hero-slide img,.marke-hero .mono-hero-slides .mono-hero-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.marke-hero .mono-hero-slides .mono-hero-slide iframe{position:absolute;left:50%;top:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.marke-hero .mono-hero-slides .mono-hero-slide{transition:none}}

/* Elements shortcode styles; only instances inserted by the editor are affected. */
.mono-element{box-sizing:border-box;max-width:100%;margin:22px 0;line-height:1.65}
.mono-element--heading,.mono-element--heading-line,.mono-element--heading-label,.mono-element--heading-gradient{color:#231524;font-size:clamp(23px,2.9vw,38px);line-height:1.2;letter-spacing:-.05em;font-weight:780}
.mono-element--heading-line{border-bottom:3px solid #ce145f;padding-bottom:14px}
.mono-element--heading-label::before{content:'MONOFONI /';display:block;color:#ce145f;font-size:10px;letter-spacing:.15em;margin:0 0 12px}
.mono-element--heading-gradient{background:linear-gradient(115deg,#ce145f,#8f2fb5,#0057fb);background-clip:text;-webkit-background-clip:text;color:transparent}
.mono-element--eyebrow{font-size:11px;font-weight:800;color:#ce145f;letter-spacing:.2em;text-transform:uppercase}
.mono-element--lead{font-size:clamp(19px,2vw,27px);line-height:1.5;font-weight:500;color:#49263d}
.mono-element--dropcap:first-letter{float:left;color:#ce145f;font-size:3.1em;font-weight:800;line-height:.86;padding:4px 9px 0 0}
.mono-element--highlight{display:inline;padding:2px 5px;background:linear-gradient(transparent 60%,#ffd5e8 60%);font-weight:700}
.mono-element--quote,.mono-element--quote-card,.mono-element--quote-border{position:relative;padding:22px 25px 22px 32px;border-left:3px solid #ce145f;color:#4b2241;font-size:19px;font-style:italic}
.mono-element--quote-card{border-radius:20px;border:1px solid #f5cfdf;background:#fff0f6;padding:28px}
.mono-element--quote-border{border:1px solid #dfb8ca;border-left:5px solid #ce145f;border-radius:8px}
.mono-element blockquote,.mono-element p{margin:0}.mono-element cite{display:block;font-style:normal;margin-top:14px;font-size:12px;color:#ad3069}
.mono-element--card,.mono-element--card-soft,.mono-element--card-dark,.mono-element--glass-card,
.mono-element--notice,.mono-element--success,.mono-element--warning,.mono-element--tip{padding:clamp(19px,2vw,28px);border-radius:20px;border:1px solid #ead9e4;background:#fff;box-shadow:0 10px 25px #490a2910}
.mono-element h3{margin:0 0 10px;color:inherit;font-size:clamp(18px,2vw,24px);line-height:1.25}
.mono-element--card-soft{background:#fff0f6}
.mono-element--card-dark{background:#4b143c;border-color:#852855;color:#fff}
.mono-element--glass-card{background:linear-gradient(135deg,#ffffffdc,#ffe4f6a8);backdrop-filter:blur(12px)}
.mono-element--notice{border-left:4px solid #0057fb;background:#edf3ff}
.mono-element--success{border-left:4px solid #16854e;background:#edf9f3}
.mono-element--warning{border-left:4px solid #c27612;background:#fff6e6}
.mono-element--tip{border-left:4px solid #ce145f;background:#fff0f6}
.mono-element--image-frame,.mono-element--image-shadow,.mono-element--image-zoom{border-radius:20px;overflow:hidden}
.mono-element--image-frame{padding:10px;border:1px solid #e7c7d7}
.mono-element--image-shadow{box-shadow:0 18px 42px #3d153044}
.mono-element--image-zoom img{transition:transform .35s ease}
.mono-element--image-zoom:hover img{transform:scale(1.04)}
.mono-element figure,.mono-element figcaption{margin:0}
.mono-element--image-frame img,.mono-element--image-shadow img,.mono-element--image-zoom img{display:block;width:100%;height:auto}
.mono-element figcaption{padding:10px 6px;font-size:12px;color:#84536f}
.mono-element--cta,.mono-element--cta-banner{padding:30px;border-radius:23px;background:linear-gradient(115deg,#ce145f,#6c1865);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff}
.mono-element--cta-banner{background:#4b143c}
.mono-element--cta a,.mono-element--cta-banner a,.mono-element--button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:10px 17px;border:1px solid #fff;border-radius:999px;color:#ce145f;background:#fff;text-decoration:none;font-weight:750;font-size:13px}
.mono-element--button{background:#ce145f;color:#fff;border-color:#ce145f}
.mono-element--list-check ol,.mono-element--list-arrow ol,.mono-element--steps ol,.mono-element--timeline ol,.mono-element--columns ol{padding:0;margin:15px 0 0;list-style:none;display:grid;gap:10px}
.mono-element--columns ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.mono-element li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff5f9;border-radius:12px}
.mono-element li>span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#ce145f;color:#fff;font-size:12px}
.mono-element--accordion,.mono-element--faq{border:1px solid #f0d5e1;border-radius:16px;background:#fff;overflow:hidden}
.mono-element--accordion summary,.mono-element--faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;font-weight:750;color:#30172b}
.mono-element--accordion summary::-webkit-details-marker,.mono-element--faq summary::-webkit-details-marker{display:none}
.mono-element--accordion[open] summary span,.mono-element--faq[open] summary span{transform:rotate(45deg)}
.mono-element__body{padding:17px 20px;border-top:1px solid #f0d5e1}
.mono-element--stat,.mono-element--stat-pink,.mono-element--number{display:grid;gap:8px;padding:22px;border-radius:18px;border:1px solid #f1d1e1}
.mono-element--stat-pink{background:#ce145f;color:#fff}
.mono-element__number{font-size:clamp(42px,5vw,80px);font-weight:850;line-height:1;letter-spacing:-.06em}
.mono-element--number{border:0;padding-left:0}
.mono-element--divider,.mono-element--divider-accent{height:1px;border:0;background:#ecd4df}
.mono-element--divider-accent{height:3px;width:90px;background:linear-gradient(90deg,#ce145f,#0057fb);margin-left:0}
.mono-element--tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff0f6;color:#9a225a;font-size:12px;font-weight:750}
.mono-element--video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#1d1027}
.mono-element--video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:650px){.mono-element--cta,.mono-element--cta-banner{flex-direction:column;align-items:flex-start}.mono-element--columns ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mono-element--image-zoom img,.mono-blog-headline-track{transition:none}}