/* Site-wide refinements (2026-11-02). Palette: cobalt #1D00FE, red #FF0003, ink #202020. */

/* ---------- Buttons: one system everywhere ----------
   Square, 56px, auto width (full width on phones), Poppins uppercase, ink fill + white text.
   On cobalt sections: white fill + ink text. Hover: a fill wipes in from the left. */
:root { --btn-ink: #202020; --btn-cobalt: #1D00FE; --btn-h: 3.5rem; }
html body .sqs-block-button-container { display: flex !important; flex-wrap: wrap; align-items: center; }
html body .sqs-block-button-container--center { justify-content: center; }
html body .sqs-block-button-container--right { justify-content: flex-end; }
html body .sqs-block-button-container--left { justify-content: flex-start; }
html body a.sqs-block-button-element,
html body .sqs-block-button-container .sqs-button-element--primary,
html body .sqs-block-button-container .sqs-button-element--secondary,
html body .sqs-block-button-container .sqs-button-element--tertiary,
html body button.newsletter-form-button,
html body .lightbox-handle.sqs-button-element--primary,
html body form.migration-form .form-button-wrapper [type="submit"],
html body #block-802b5c3fe39ce98ef8bb form[data-form-name] .form-button-wrapper [type="submit"],
html body .ml-embedded .ml-form-embedSubmit button.primary {
  box-sizing: border-box !important; display: inline-flex !important; align-items: center; justify-content: center; gap: .6em;
  width: auto !important; min-width: 15rem; height: auto !important; min-height: var(--btn-h) !important; margin: 0 !important;
  padding: .95rem 2.25rem !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 500 .8125rem/1.2 Poppins, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important; text-align: center; white-space: normal;
  color: #fff !important; background-color: var(--btn-ink) !important;
  background-image: linear-gradient(var(--btn-cobalt), var(--btn-cobalt)) !important; background-repeat: no-repeat !important;
  background-size: 0% 100% !important; background-position: left center !important;
  transition: background-size .35s cubic-bezier(.2, .7, .2, 1), color .2s ease !important; cursor: pointer; text-decoration: none !important;
}
html body a.sqs-block-button-element:hover,
html body .sqs-block-button-container .sqs-button-element--primary:hover,
html body .sqs-block-button-container .sqs-button-element--secondary:hover,
html body button.newsletter-form-button:hover,
html body .lightbox-handle.sqs-button-element--primary:hover,
html body form.migration-form .form-button-wrapper [type="submit"]:hover,
html body #block-802b5c3fe39ce98ef8bb form[data-form-name] .form-button-wrapper [type="submit"]:hover,
html body .ml-embedded .ml-form-embedSubmit button.primary:hover { background-size: 100% 100% !important; opacity: 1 !important; }
html body a.sqs-block-button-element:focus-visible,
html body button.newsletter-form-button:focus-visible,
html body .lightbox-handle:focus-visible,
html body form [type="submit"]:focus-visible { outline: 2px solid var(--btn-cobalt) !important; outline-offset: 3px; }

/* On cobalt / dark sections: white button, ink text; the hover fill is ink. */
html body [data-section-theme="dark"] a.sqs-block-button-element,
html body [data-section-theme="dark"] .sqs-block-button-container .sqs-button-element--primary,
html body [data-section-theme="dark"] .sqs-block-button-container .sqs-button-element--secondary,
html body [data-section-theme="dark"] .lightbox-handle.sqs-button-element--primary,
html body [data-section-theme="dark"] button.newsletter-form-button,
html body .ido-btn--light {
  color: var(--btn-ink) !important; background-color: #fff !important;
  background-image: linear-gradient(var(--btn-ink), var(--btn-ink)) !important;
}
html body [data-section-theme="dark"] a.sqs-block-button-element:hover,
html body [data-section-theme="dark"] .sqs-block-button-container .sqs-button-element--primary:hover,
html body [data-section-theme="dark"] .lightbox-handle.sqs-button-element--primary:hover,
html body [data-section-theme="dark"] button.newsletter-form-button:hover { color: #fff !important; }

/* Phones: every button spans the column. */
@media (max-width: 599px) {
  html body a.sqs-block-button-element,
  html body .sqs-block-button-container .sqs-button-element--primary,
  html body button.newsletter-form-button,
  html body .lightbox-handle.sqs-button-element--primary,
  html body form.migration-form .form-button-wrapper [type="submit"],
  html body #block-802b5c3fe39ce98ef8bb form[data-form-name] .form-button-wrapper [type="submit"] { width: 100% !important; min-width: 0; }
}
/* Button blocks no longer stretch to their grid cell: let the cell shrink around the button. */
html body .sqs-block-button .sqs-block-content, html body .sqs-block-button .sqs-block-button-container { height: auto !important; }
@media (prefers-reduced-motion: reduce) {
  html body a.sqs-block-button-element, html body button.newsletter-form-button, html body form [type="submit"] { transition: none !important; }
}

/* Squarespace "stretched" button containers give the button flex: 1; keep it its natural size. */
html body .sqs-block-button-container.sqs-stretched .sqs-block-button-element,
html body .sqs-block[data-definition-name="website.components.button"] .sqs-stretched .sqs-block-button-element { flex: 0 0 auto !important; }
@media (min-width: 600px) {
  html body a.sqs-block-button-element, html body button.newsletter-form-button, html body .lightbox-handle.sqs-button-element--primary { white-space: nowrap; }
}
/* Newsletter buttons read their colour from a Squarespace !important variable. */
html body .sqs-block-newsletter { --tweak-newsletter-block-button-background-color: var(--btn-ink); --tweak-newsletter-block-button-text-color: #fff; }
html body .sqs-block-newsletter .newsletter-form-button { color: #fff !important; }

/* BBB: MailerLite's embed (rendered inside #mlb2-41284249) gets the same button and field look. */
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button,
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-mobileButton-horizontal button,
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  min-height: var(--btn-h) !important; height: auto !important; padding: .95rem 2.25rem !important; border: 0 !important; border-radius: 0 !important;
  font: 500 .8125rem/1.2 Poppins, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important;
  color: #fff !important; background-color: var(--btn-ink) !important;
  background-image: linear-gradient(var(--btn-cobalt), var(--btn-cobalt)) !important; background-repeat: no-repeat !important;
  background-size: 0% 100% !important; transition: background-size .35s cubic-bezier(.2, .7, .2, 1) !important;
}
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover,
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-mobileButton-horizontal button:hover,
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { background-size: 100% 100% !important; }
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input,
html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  height: var(--btn-h) !important; border-radius: 0 !important; font-family: Outfit, sans-serif !important; font-size: 1rem !important;
}

html body #mlb2-41284249.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-mobileButton-horizontal button { width: 100% !important; }

/* ---------- Home: testimonials use the full layout width on tablet and phone ---------- */
@media (max-width: 1023px) {
  html body .fe-block-yui_3_17_2_1_1739473255736_16554, html body .fe-block-57972a15e1cddff3ebdc { grid-column: 2 / -2 !important; }
}

/* UNIQUENESS: one line, never larger than its desktop size (public/site.js fits it). */
html body #block-5326bd68b4383bb9ef19 h2 { white-space: nowrap !important; }
html body #block-5326bd68b4383bb9ef19 h2 > span * { font-size: inherit !important; }
html body #block-5326bd68b4383bb9ef19 h2 { line-height: 1 !important; }

/* Home, Book of Me: the description used Squarespace's "small" size (12-13px); body size like the rest of the page. */
html body #block-cd24d7122e059df8fddf p.sqsrte-small { font-size: clamp(1.125rem, 1.05rem + .25vw, 1.25rem) !important; line-height: 1.75 !important; }

/* ---------- Home hero, phone and tablet (Vlad 2026-11-02): Ioana stands on the white panel ----------
   The panel (19234) normally slides up on scroll; below 1024px it stays put so they stay joined, and the
   cutout (12979) is anchored to the bottom of its cell, which ends where the panel begins (row 24). */
@media (max-width: 1023px) {
  html body .fe-block-yui_3_17_2_1_1739632713405_19234 .sqs-block-content,
  html body #block-yui_3_17_2_1_1739632713405_19234 .sqs-block-content,
  html body #block-c18098a946a38c578636 .sqs-block-content, html body .fe-block-c18098a946a38c578636 .sqs-block-content { transform: none !important; }
  html body .fe-block-yui_3_17_2_1_1734344648506_12979 { grid-row-end: 24 !important; }
  html body .fe-block-yui_3_17_2_1_1734344648506_12979 img { object-position: 50% 100% !important; }
}
/* Tablet: the phone composition, scaled to the screen height. Rows are 1/25 of the viewport, so the
   name spans the width (rows 2-10) and Ioana fills ~72% of the view (rows 6-24) above the panel. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-675ffdffb6562a6cabf039fd { grid-template-rows: repeat(34, calc((100svh - 8rem) / 24)) !important; }
  html body .fe-block-yui_3_17_2_1_1734717523384_13467 { grid-area: 2 / 2 / 10 / 26 !important; }
  html body .fe-block-yui_3_17_2_1_1734344648506_12979 { grid-area: 6 / 1 / 24 / 27 !important; }
  html body .fe-block-yui_3_17_2_1_1739632713405_19234 { grid-area: 24 / 1 / 35 / 27 !important; }
  html body .fe-block-c18098a946a38c578636 { grid-area: 25 / 2 / 35 / 26 !important; }
}

/* ---------- Home, "I'm Ioana Dodan" (Vlad 2026-11-02) ---------- */
/* Phone: Ioana larger (rows 15-45, full width) standing on the grey story panel, which moves down. */
@media (max-width: 599px) {
  html body .fe-6765b7b925505138418f6acd { grid-template-rows: repeat(97, 24px) !important; }
  html body .fe-block-e09c08844c5c43be85b4 { grid-area: 15 / 1 / 45 / 11 !important; }
  html body .fe-block-e09c08844c5c43be85b4 img { object-position: 50% 100% !important; }
  html body .fe-block-16a544bfa14f7841cb53 { grid-area: 45 / 2 / 70 / 10 !important; }
  html body .fe-block-7d1a7dbe71730fefa84a { grid-area: 71 / 2 / 87 / 10 !important; }
  html body .fe-block-yui_3_17_2_1_1735659709292_18655 { grid-area: 71 / 2 / 77 / 10 !important; }
  html body .fe-block-8593f9c5855917ef05f2 { grid-area: 87 / 2 / 94 / 10 !important; }
  html body .fe-block-285d4026a782d0ecb761 { grid-area: 95 / 2 / 97 / 10 !important; }
  /* Title: DODAN stays whole at any phone height. */
  html body #block-fdd54e941680d9f9fd39 h1, html body #block-fdd54e941680d9f9fd39 h1 * { font-size: clamp(3rem, 21vw, 6.5rem) !important; line-height: 1 !important; }
}
/* Tablet: Ioana's plinth meets the grey band below (row 38). */
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-block-e09c08844c5c43be85b4 { grid-area: 13 / 14 / 38 / 27 !important; }
  html body .fe-block-e09c08844c5c43be85b4 img { object-position: 50% 100% !important; }
}

/* ---------- Home, "In my SQUAD I'm known as" (Vlad 2026-11-02): the transparent cutout from /contact,
   scaled to the screen height on tablet and desktop. The cell is anchored at its bottom and taller than
   its rows, so it grows upward into the band above; the list stays on top. ---------- */
@media (min-width: 600px) {
  html body .fe-block-f9fd9181e9f3104a8a17 { grid-column: 15 / 27 !important; z-index: 0 !important; position: relative; --cutout-h: 105svh; }
  html body .fe-block-f9fd9181e9f3104a8a17::before {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--cutout-h); pointer-events: none;
    background: url(/assets/ae776545066c621d.png) 60% 100% / contain no-repeat;
  }
  html body .fe-block-f9fd9181e9f3104a8a17 > .sqs-block { visibility: hidden; }
  html body .fe-block-e7998bc6af5bfa919f34, html body .fe-block-621a43fac7680e2f67d2, html body .fe-block-4ab96c4c3012f2f50fd4,
  html body .fe-block-44c0703ee17a83fede4f, html body .fe-block-f53934fe847606bb7123 { z-index: 2 !important; position: relative; }
  html body section[data-section-id="675ffdffb6562a6cabf03a06"] { overflow: visible !important; z-index: 2; }
  html body section[data-section-id="675ffdffb6562a6cabf03a06"] .content-wrapper, html body section[data-section-id="675ffdffb6562a6cabf03a06"] .fluid-engine { overflow: visible !important; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-block-f9fd9181e9f3104a8a17 { --cutout-h: 85svh; grid-column: 14 / 27 !important; }
  html body .fe-block-f9fd9181e9f3104a8a17::before { background-position: 100% 100%; }
}

/* The list reads over the cutout where they meet: a soft white halo behind the letters. */
@media (min-width: 600px) {
  html body .fe-block-e7998bc6af5bfa919f34 *, html body .fe-block-621a43fac7680e2f67d2 *, html body .fe-block-4ab96c4c3012f2f50fd4 *,
  html body .fe-block-44c0703ee17a83fede4f *, html body .fe-block-f53934fe847606bb7123 * { text-shadow: 0 0 18px #fff, 0 0 8px #fff, 0 0 3px #fff; }
}

/* ---------- Home services, phone and tablet (Vlad 2026-11-02): 2x2 photo cards, title over the photo ---------- */
@media (max-width: 1023px) {
  html body .fe-675ffdffb6562a6cabf03a08 { grid-template-rows: repeat(29, 24px) !important; }
  /* Cards: [image block, title block] pairs share one area. */
  html body .fe-block-96909f517bcf622374d1, html body .fe-block-7bb16c880797491964ca { grid-area: 2 / 2 / 13 / 6 !important; }
  html body .fe-block-8505bfbe3d647aa63cd6, html body .fe-block-093164e34cc44320bc11 { grid-area: 2 / 6 / 13 / 10 !important; }
  html body .fe-block-d3b0271bdfe73e295258, html body .fe-block-31c301d78350960328cf { grid-area: 14 / 2 / 25 / 6 !important; }
  html body .fe-block-9bebe171e40fbbb2e69d, html body .fe-block-1b14c7690fdd974ab668 { grid-area: 14 / 6 / 25 / 10 !important; }
  html body .fe-block-dcb4b0ce2ef10dbc65de { grid-area: 26 / 2 / 29 / 10 !important; align-self: center; }
  /* Image: full card, dark fade at the bottom. */
  html body :is(.fe-block-96909f517bcf622374d1, .fe-block-8505bfbe3d647aa63cd6, .fe-block-d3b0271bdfe73e295258, .fe-block-9bebe171e40fbbb2e69d) { position: relative; overflow: hidden; z-index: 1; }
  html body :is(.fe-block-96909f517bcf622374d1, .fe-block-8505bfbe3d647aa63cd6, .fe-block-d3b0271bdfe73e295258, .fe-block-9bebe171e40fbbb2e69d)::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(to top, rgba(16, 10, 60, .78) 0%, rgba(16, 10, 60, .35) 38%, rgba(16, 10, 60, 0) 62%);
  }
  html body :is(.fe-block-96909f517bcf622374d1, .fe-block-8505bfbe3d647aa63cd6, .fe-block-d3b0271bdfe73e295258, .fe-block-9bebe171e40fbbb2e69d) img { transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
  html body :is(.fe-block-96909f517bcf622374d1, .fe-block-8505bfbe3d647aa63cd6, .fe-block-d3b0271bdfe73e295258, .fe-block-9bebe171e40fbbb2e69d):hover img { transform: scale(1.04); }
  /* Title: on top, bottom-left, white; clicks fall through to the image link. */
  html body :is(.fe-block-7bb16c880797491964ca, .fe-block-093164e34cc44320bc11, .fe-block-31c301d78350960328cf, .fe-block-1b14c7690fdd974ab668) {
    z-index: 2 !important; align-self: end !important; pointer-events: none; padding: 0 1rem 1.1rem !important; height: auto !important;
  }
  html body :is(.fe-block-7bb16c880797491964ca, .fe-block-093164e34cc44320bc11, .fe-block-31c301d78350960328cf, .fe-block-1b14c7690fdd974ab668) :is(p, h1, h2, h3, h4, a, span, strong) {
    color: #fff !important; text-align: left !important; font-size: clamp(1.05rem, 3.6vw, 1.75rem) !important; line-height: 1.15 !important; margin: 0 !important;
  }
  html body :is(.fe-block-7bb16c880797491964ca, .fe-block-093164e34cc44320bc11, .fe-block-31c301d78350960328cf, .fe-block-1b14c7690fdd974ab668) .sqs-block { padding: 0 !important; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-675ffdffb6562a6cabf03a08 { grid-template-rows: repeat(43, 24px) !important; }
  html body .fe-block-96909f517bcf622374d1, html body .fe-block-7bb16c880797491964ca { grid-area: 2 / 2 / 20 / 14 !important; }
  html body .fe-block-8505bfbe3d647aa63cd6, html body .fe-block-093164e34cc44320bc11 { grid-area: 2 / 14 / 20 / 26 !important; }
  html body .fe-block-d3b0271bdfe73e295258, html body .fe-block-31c301d78350960328cf { grid-area: 21 / 2 / 39 / 14 !important; }
  html body .fe-block-9bebe171e40fbbb2e69d, html body .fe-block-1b14c7690fdd974ab668 { grid-area: 21 / 14 / 39 / 26 !important; }
  html body .fe-block-dcb4b0ce2ef10dbc65de { grid-area: 40 / 2 / 43 / 26 !important; }
  html body :is(.fe-block-7bb16c880797491964ca, .fe-block-093164e34cc44320bc11, .fe-block-31c301d78350960328cf, .fe-block-1b14c7690fdd974ab668) { padding: 0 1.5rem 1.5rem !important; }
}
@media (max-width: 1023px) {
  html body :is(.fe-block-7bb16c880797491964ca, .fe-block-093164e34cc44320bc11, .fe-block-31c301d78350960328cf, .fe-block-1b14c7690fdd974ab668) :is(.sqs-block, .sqs-block-content, .sqs-html-content) { justify-content: flex-start !important; text-align: left !important; }
}
/* "Jump to the services page": a text link styled as the site button. */
html body #block-dcb4b0ce2ef10dbc65de .sqs-html-content { text-align: center !important; }
html body #block-dcb4b0ce2ef10dbc65de a {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-h); min-width: 15rem; padding: .95rem 2.25rem; box-sizing: border-box;
  font: 500 .8125rem/1.2 Poppins, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase; text-decoration: none !important;
  color: #fff !important; background: var(--btn-ink) linear-gradient(var(--btn-cobalt), var(--btn-cobalt)) left center / 0% 100% no-repeat;
  transition: background-size .35s cubic-bezier(.2, .7, .2, 1);
}
html body #block-dcb4b0ce2ef10dbc65de a * { color: #fff !important; font: inherit !important; }
html body #block-dcb4b0ce2ef10dbc65de a:hover { background-size: 100% 100%; }
@media (max-width: 599px) { html body #block-dcb4b0ce2ef10dbc65de a { width: 100%; } }

/* ---------- Home "The process", phone and tablet (Vlad 2026-11-02): curtain reveal ----------
   Services (S) scrolls up like a curtain over Ioana's photo (A), which is fixed full-screen behind it;
   the process text (B) then rises from the bottom over the photo, which dims as it arrives (B's own
   gradient). Later sections cover the photo again. CSS only: sticky + negative margin. */
@media (max-width: 1023px) {
  html body section[data-section-id="675ffdffb6562a6cabf03a09"] { position: relative; z-index: 2; }
  html body section[data-section-id="6765be192712b260059b3903"] {
    position: sticky !important; top: 0; z-index: 0; height: 100svh !important; min-height: 100svh !important; margin-top: -100svh !important;
  }
  html body section[data-section-id="6765be192712b260059b3903"] .section-background,
  html body section[data-section-id="6765be192712b260059b3903"] .section-border { position: absolute !important; inset: 0 !important; height: 100% !important; }
  html body section[data-section-id="6765be192712b260059b3903"] .section-background img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 30% !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] {
    position: relative; z-index: 1; min-height: 0 !important; padding-top: 85svh !important; margin-top: 0 !important; background: transparent !important;
  }
  html body section[data-section-id="6765be481e965910e75f1e8d"] .section-background { display: none !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] .content-wrapper { padding-bottom: 20svh !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] :is(p, h1, h2, h3, h4, span, strong, button, li, a:not(.sqs-block-button-element)) { color: #fff !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] :is(.accordion-divider, .accordion-item__divider) { background: rgba(255, 255, 255, .45) !important; opacity: 1 !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] :is(.plus__horizontal-line, .plus__vertical-line, .minus__horizontal-line) { background: #fff !important; }
  html body section[data-section-id="6765be481e965910e75f1e8d"] a.sqs-block-button-element {
    color: var(--btn-ink) !important; background-color: #fff !important; background-image: linear-gradient(var(--btn-cobalt), var(--btn-cobalt)) !important;
  }
  html body section[data-section-id="6765be481e965910e75f1e8d"] a.sqs-block-button-element:hover { color: #fff !important; }
  /* Everything after the curtain closes over the photo. */
  html body :is(section[data-section-id="6765c2135d71d9559522c3d8"], section[data-section-id="67ae5fe264ac3a5ef3d1edf7"], section[data-section-id="675ffdffb6562a6cabf03a12"], section[data-section-id="6774306b0f1dd043b4b0c405"]),
  html body .ido-footer { position: relative; z-index: 1; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  html body :is(section[data-section-id="6765be192712b260059b3903"], section[data-section-id="6765be481e965910e75f1e8d"]) {
    width: 100% !important; max-width: none !important; left: 0 !important; right: auto !important; float: none !important; margin-left: 0 !important;
  }
  html body section[data-section-id="6765be481e965910e75f1e8d"] :is(.fe-block-yui_3_17_2_1_1734717523384_109637, .fe-block-b35e538d70c18272bb0c, .fe-block-yui_3_17_2_1_1734717523384_115702, .fe-block-8bb291128f583fb23bf7) {
    grid-column: 4 / 24 !important;
  }
  html body section[data-section-id="6765be481e965910e75f1e8d"] .fe-block-b35e538d70c18272bb0c :is(h1, h2, h3, p, span, strong) { font-size: clamp(2.5rem, 6.5vw, 3.75rem) !important; line-height: 1.05 !important; }
}
@media (max-width: 1023px) {
  html body section.region:has(> section[data-section-id="6765be192712b260059b3903"]) { flex-wrap: wrap !important; }
  html body :is(section[data-section-id="6765be192712b260059b3903"], section[data-section-id="6765be481e965910e75f1e8d"]) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
}

/* Home intro line: word-by-word fill (public/site.js). The block no longer slides. */
html body #block-c18098a946a38c578636 .sqs-block-content, html body .fe-block-c18098a946a38c578636 .sqs-block-content { transform: none !important; }
html body .ido-fill .ido-fill-word { color: rgba(32, 32, 32, .16); transition: color .35s ease; }
html body .ido-fill .sqsrte-text-color--darkAccent .ido-fill-word { color: rgba(29, 0, 254, .2); }
html body .ido-fill .ido-fill-word.is-filled { color: #202020; }
html body .ido-fill .sqsrte-text-color--darkAccent .ido-fill-word.is-filled { color: #1D00FE; }

/* Book of Me, tablet (Vlad 2026-11-02): the whole cover, uncropped: the cell takes the cover's proportions. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-block-a47be6a86e461c4556f7 { align-self: start !important; height: auto !important; aspect-ratio: 443 / 663; grid-column: 2 / 13 !important; }
}

/* ---------- Review fixes (Vlad 2026-11-02, second pass) ---------- */
/* Process: a flat near-black layer over the photo, opacity 0 -> .75 as the text rises (public/site.js). */
@media (max-width: 1023px) {
  html body section[data-section-id="6765be192712b260059b3903"] .section-background::after {
    content: ""; position: absolute; inset: 0; background: #111; opacity: var(--dim, 0); pointer-events: none;
  }
}
/* Hero (all widths): the white panel and the intro line stay put, so the word fill never overlaps Ioana. */
html body #block-yui_3_17_2_1_1739632713405_19234 .sqs-block-content,
html body .fe-block-yui_3_17_2_1_1739632713405_19234 .sqs-block-content { transform: none !important; }
/* Squad (tablet, desktop): Ioana steps down over the blue section below; no hairline between them. */
@media (min-width: 600px) {
  html body section[data-section-id="675ffdffb6562a6cabf03a06"] { z-index: 3 !important; }
  html body .fe-block-f9fd9181e9f3104a8a17::before { bottom: calc(var(--cutout-h) * -.14); }
  /* The blue band at the bottom of this section is its own block: keep it under Ioana. */
  html body .fe-block-yui_3_17_2_1_1734718648670_50967 { z-index: 0 !important; background: #1D00FE; box-shadow: 0 4px 0 #1D00FE; }
  html body .fe-block-f9fd9181e9f3104a8a17 { z-index: 1 !important; }
  /* Close the sub-pixel seam between that band and the mission section. */
  html body section[data-section-id="6765baf67becff5dcd611718"] { position: relative; z-index: 1; box-shadow: 0 -3px 0 #1D00FE; }
}
/* Phone: balanced space above THE IMPACT after the curtain. */
@media (max-width: 599px) {
  html body section[data-section-id="6765c2135d71d9559522c3d8"] .content-wrapper { padding-top: 3.25rem !important; padding-bottom: 1rem !important; }
}
/* Book of Me form, tablet: a 2x2 grid (first, last / email, button). */
@media (min-width: 600px) and (max-width: 1023px) {
  html body #block-a3450227ed3943d38c2d .newsletter-form-body { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 600px; margin: 0 auto; }
  html body #block-a3450227ed3943d38c2d :is(.newsletter-form-fields-wrapper, .newsletter-form-name-fieldset) { display: contents !important; }
  html body #block-a3450227ed3943d38c2d :is(.newsletter-form-field-wrapper, .newsletter-form-button-wrapper) { width: auto !important; margin: 0 !important; padding: 0 !important; }
  html body #block-a3450227ed3943d38c2d :is(.newsletter-form-field-wrapper input) { width: 100% !important; box-sizing: border-box; }
  html body #block-a3450227ed3943d38c2d .newsletter-form-button-wrapper button { width: 100% !important; min-width: 0; height: 100% !important; }
}
/* Accordions: no divider above the first item or below the last. */
html body .accordion-divider--top { display: none !important; }
html body .accordion-items-container > :last-child .accordion-divider:not(.accordion-divider--top),
html body .accordion-item:last-child > .accordion-divider:not(.accordion-divider--top) { display: none !important; }

/* =================== About page (Vlad 2026-11-02) =================== */
/* Origin story, tablet: the phone order (photos collage, then quote, then story), scaled to the tablet grid. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-66d84578d3a035593e0007bb { grid-template-rows: repeat(49, minmax(38px, auto)) !important; }
  html body .fe-block-1fc6e8148c8fe7bba71b { grid-area: 4 / 5 / 6 / 23 !important; }
  html body .fe-block-f43407e9334a4a42fd72 { grid-area: 6 / 1 / 10 / 27 !important; }
  html body .fe-block-yui_3_17_2_1_1735662438794_27442 { grid-area: 11 / 8 / 14 / 26 !important; }
  html body .fe-block-8039543886a2b06460c2 { grid-area: 13 / 8 / 24 / 26 !important; }
  html body .fe-block-b1532241504a2d65efce { grid-area: 17 / 2 / 21 / 12 !important; }
  html body .fe-block-3c0c2b9903dd80862924 { grid-area: 18 / 2 / 25 / 12 !important; }
  html body .fe-block-124f6345cab9adc74a0b { grid-area: 23 / 12 / 29 / 21 !important; }
  html body .fe-block-b8c5a3be3cc4fcdeb51d { grid-area: 28 / 11 / 31 / 24 !important; }
  html body .fe-block-ac334eb01c3f6b67c2e4 { grid-area: 32 / 4 / 35 / 24 !important; }
  html body .fe-block-6ab7781e586a9410bba1 { grid-area: 35 / 4 / 48 / 24 !important; }
  html body .fe-block-6ab7781e586a9410bba1 :is(p, li) { font-size: 1.125rem !important; line-height: 1.6 !important; }
}
/* How can I help, tablet: the phone layout. Ioana's photo full width on top (the image block the
   phone uses; the fixed section background is hidden), the text full width below. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body section[data-section-id="6765cb98db91484bbace9ff6"] > .section-border { display: none !important; }
  html body .fe-6765cb9992b9d8442aa3a772 { grid-template-rows: repeat(52, minmax(24px, auto)) !important; }
  html body .fe-block-yui_3_17_2_1_1738518368683_53574 { display: block !important; grid-area: 1 / 1 / 22 / 27 !important; }
  /* Squarespace marks this block "hidden on this device" (50% fade + eye icon): undo on tablet. */
  html body .fe-block-yui_3_17_2_1_1738518368683_53574::before, html body .fe-block-yui_3_17_2_1_1738518368683_53574::after { display: none !important; }
  html body .fe-block-yui_3_17_2_1_1738518368683_53574 .sqs-block-content { opacity: 1 !important; }
  html body .fe-block-yui_3_17_2_1_1738518368683_53574 :is(.sqs-block, .sqs-block-content, .sqs-image, .fluid-image-container) { display: block !important; height: 100% !important; }
  html body .fe-block-yui_3_17_2_1_1738518368683_53574 img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 30% 20% !important; }
  html body .fe-block-8b880390becbf29a9417 { grid-area: 24 / 4 / 31 / 24 !important; }
  html body .fe-block-3c558a7b210f5c04196d { grid-area: 32 / 4 / 40 / 24 !important; }
  html body .fe-block-dde8013ac498acd75fe3 { grid-area: 39 / 4 / 48 / 24 !important; }
  html body .fe-block-79ec9a5ba436ab413e60 { grid-area: 50 / 1 / 53 / 27 !important; }
}
/* Book a discovery call (tablet, desktop): full-width button, its bottom on the section's bottom. */
@media (min-width: 600px) {
  html body .fe-block-79ec9a5ba436ab413e60 { align-self: end !important; }
  html body .fe-block-79ec9a5ba436ab413e60 :is(.sqs-block, .sqs-block-content, .sqs-block-button-container) { height: auto !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
  html body .fe-block-79ec9a5ba436ab413e60 a.sqs-block-button-element { width: 100% !important; max-width: none !important; }
  html body section[data-section-id="6765cb98db91484bbace9ff6"] .content-wrapper { padding-bottom: 0 !important; }
}
/* Known for, tablet: the small labels sit at the outer edges, clear of the big words. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body :is(.fe-block-5d1a8a20d453d8b63ff1, .fe-block-f0f16e0cdfe75c8af556, .fe-block-d629e348e6f8457c59c0) { grid-column: 1 / 5 !important; padding-left: 14px !important; }
  html body :is(.fe-block-3de5fd89ef32922eedd3, .fe-block-9e0ff42e93b47993b081) { grid-column: 23 / 27 !important; padding-right: 14px !important; }
  html body :is(.fe-block-5d1a8a20d453d8b63ff1, .fe-block-f0f16e0cdfe75c8af556, .fe-block-d629e348e6f8457c59c0, .fe-block-3de5fd89ef32922eedd3, .fe-block-9e0ff42e93b47993b081) :is(p, h1, h2, h3, h4) { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
  html body :is(.fe-block-5d1a8a20d453d8b63ff1, .fe-block-f0f16e0cdfe75c8af556, .fe-block-d629e348e6f8457c59c0) :is(p, h1, h2, h3, h4) { text-align: left !important; }
  html body :is(.fe-block-3de5fd89ef32922eedd3, .fe-block-9e0ff42e93b47993b081) :is(p, h1, h2, h3, h4) { text-align: right !important; }
}
/* Catch me on the mic, tablet: the whole layout width. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body :is(.fe-block-e69b73995d63dd2ef7f8, .fe-block-74aaa235f4a9a10ff9b3, .fe-block-yui_3_17_2_1_1736515667880_84086) { grid-column: 3 / 25 !important; }
}

/* =================== Work with me (Vlad 2026-11-02) =================== */
/* Service cards (tablet, desktop): each button fills its grid cell, the same width as the price cells above. */
@media (min-width: 600px) {
  html body :is(.fe-block-yui_3_17_2_1_1734728736211_70554, .fe-block-7eed016341edf221bd2e, .fe-block-4ce96f068105b177081a, .fe-block-1c17b7ae37a7900da004, .fe-block-0e2f91fe936347a25693)
    :is(.sqs-block, .sqs-block-content, .sqs-block-button-container) { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  html body :is(.fe-block-yui_3_17_2_1_1734728736211_70554, .fe-block-7eed016341edf221bd2e, .fe-block-4ce96f068105b177081a, .fe-block-1c17b7ae37a7900da004, .fe-block-0e2f91fe936347a25693)
    a.sqs-block-button-element { width: 100% !important; min-width: 0 !important; max-width: none !important; }
  /* Keynote and Digital Goodies: the button spans the text column it belongs to. */
  html body .fe-block-1c17b7ae37a7900da004 { grid-column: 4 / 12 !important; }
  html body .fe-block-0e2f91fe936347a25693 { grid-column: 15 / 24 !important; }
}
@media (min-width: 600px) {
  html body .fe-block-0e2f91fe936347a25693 .sqs-block-button-element { width: 100% !important; min-width: 0 !important; }
}
/* "Coming soon" is a label, not a link: no hover fill. */
html body .fe-block-0e2f91fe936347a25693 span.sqs-block-button-element { cursor: default; background-size: 0 0 !important; }
@media (min-width: 600px) and (max-width: 1023px) {
  html body :is(.fe-block-yui_3_17_2_1_1734728736211_70554, .fe-block-7eed016341edf221bd2e, .fe-block-4ce96f068105b177081a) a.sqs-block-button-element { white-space: nowrap !important; letter-spacing: .1em !important; padding-left: 1rem !important; padding-right: 1rem !important; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  html body :is(.fe-block-6c330fdc61cdf419d34c, .fe-block-bf8bb47b75da94d16aba, .fe-block-1c17b7ae37a7900da004) { grid-column: 3 / 14 !important; }
  html body .fe-block-1c17b7ae37a7900da004 a.sqs-block-button-element { white-space: nowrap !important; letter-spacing: .1em !important; padding-left: 1rem !important; padding-right: 1rem !important; }
}

/* =================== Group program (Vlad 2026-11-02) =================== */
/* "Launch your Brand", phone: Ioana's photo scaled way up (sides cropped), standing on the blue panel. */
@media (max-width: 599px) {
  html body .fe-679d1f5025f2525d6a29a4c7 { grid-template-rows: repeat(34, minmax(24px, auto)) !important; }
  html body .fe-block-yui_3_17_2_1_1738349561936_30309 { grid-area: 4 / 1 / 22 / 11 !important; z-index: 2 !important; }
  html body .fe-block-yui_3_17_2_1_1738349561936_30309 img { object-fit: cover !important; object-position: 48% 0% !important; }
  html body .fe-block-yui_3_17_2_1_1738349561936_30309 :is(.sqs-block, .sqs-block-content, .fluid-image-container) { overflow: hidden !important; }
  html body .fe-block-yui_3_17_2_1_1739641136411_17618 { grid-area: 21 / 1 / 35 / 11 !important; margin-top: 12px; }
  html body .fe-block-yui_3_17_2_1_1738349561936_32744 { grid-area: 22 / 1 / 35 / 11 !important; }
}

/* =================== BBB page (Vlad 2026-11-02) =================== */
/* Tablet: the photo is anchored to its right edge so Ioana is in frame, a flat pale veil keeps the
   blue and ink type readable over her, and the text uses the full grid width. Portrait iPads at
   1024px and up get the desktop grid, so they are included by orientation. */
@media (min-width: 600px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  html body :is(section[data-section-id="6a0326aed4a00b29916536fa"], section[data-section-id="6a032c3fcd4e365fc4d954e4"]) .section-background img { object-position: 100% 50% !important; }
  html body :is(section[data-section-id="6a0326aed4a00b29916536fa"], section[data-section-id="6a032c3fcd4e365fc4d954e4"]) .section-background::after {
    content: ""; position: absolute; inset: 0; background: #f4f5f8; opacity: .72; pointer-events: none;
  }
  html body :is(.fe-block-680f73c906adee3f5907, .fe-block-yui_3_17_2_1_1778591294610_1501, .fe-block-13d81a88d0c0fb66e705,
    .fe-block-e6de4619048e9d458802, .fe-block-8ef7eaeb6fda8f91e608, .fe-block-yui_3_17_2_1_1778749005200_2259) { grid-column: 2 / 26 !important; }
}

/* =================== Contact page (Vlad 2026-11-02) =================== */
/* The scaled image may overflow its box (the disco ball): no clipping. Squarespace's container
   carries a mask (a rounded-corner workaround) that crops to the box, so that goes too. */
@media (max-width: 1023px) {
  html body .fe-block-61d0eb69e2c66b684cb5 :is(.sqs-block, .sqs-block-content, .sqs-image, .image-block-outer-wrapper, .fluid-image-container, .fluid-image-animation-wrapper, .content-fill, figure, a, div) { overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; }
}
/* Hero, phone: Ioana larger, on the right; her feet stay on the blue band. */
@media (max-width: 599px) {
  html body .fe-block-61d0eb69e2c66b684cb5 { grid-area: 4 / 5 / 19 / 11 !important; }
  html body .fe-block-61d0eb69e2c66b684cb5 img { object-position: 100% 100% !important; transform: scale(1.35); transform-origin: 100% 100%; }
  /* REACH OUT. stays readable: the heading sits in front of the disco ball. */
  html body .fe-block-36e7843c2f8387f1c7ac { z-index: 5 !important; pointer-events: none; }
}
/* Hero, tablet: Ioana larger and closer to the right edge. */
@media (min-width: 600px) and (max-width: 1023px) {
  html body .fe-block-61d0eb69e2c66b684cb5 { grid-area: 1 / 13 / 22 / 27 !important; }
  html body .fe-block-61d0eb69e2c66b684cb5 img { object-position: 100% 100% !important; transform: scale(1.2); transform-origin: 85% 100%; }
}

/* ---------- Home hero, desktop (Vlad 2026-11-02): one full screen, Ioana larger, the H1 near its bottom ----------
   Rows 1-21 share the screen height below the header (9.2rem), so the grey hero is exactly 100svh; the white panel (rows 22-33) keeps its fixed rows.
   public/site.js moves the H1 into its own cell (.ido-hero-h1) at the bottom of the hero. */
@media (min-width: 1024px) {
  html body .fe-675ffdffb6562a6cabf039fd { grid-template-rows: repeat(21, calc((100svh - 9.2rem) / 21)) repeat(12, minmax(25.8px, auto)) !important; }
  html body .fe-block-yui_3_17_2_1_1734717523384_13467 { grid-area: 1 / 6 / 11 / 22 !important; }
  html body .fe-block-yui_3_17_2_1_1734344648506_12979 { grid-area: 2 / 6 / 22 / 22 !important; }
  html body .fe-block-yui_3_17_2_1_1734344648506_12979 img { object-position: 50% 100% !important; }
  html body .ido-hero-h1 { grid-area: 19 / 2 / 22 / 9; z-index: 4; display: flex; align-items: center; }
  html body .ido-hero-h1 h1 { margin: 0 !important; font-size: 1.0625rem !important; line-height: 1.5 !important; text-align: left !important; }
}