/* WEDX marketing surfaces. Native WordPress/CSS, with no animation library.
   Shape: square media and links; 8px primary buttons. Layers: hero fallback 0,
   video 1; the existing global shell owns navigation layers. */
.home-simple, .services-simple {
    --simple-canvas: var(--wedx-ivory);
    --simple-text: var(--wedx-black);
    --simple-muted: var(--wedx-forest);
    --simple-accent: var(--wedx-forest);
    --simple-rule: var(--wedx-sage);
    background: var(--simple-canvas);
    color: var(--simple-text);
    display: flow-root;
}
:where(:root:not([data-theme="light"])) :is(.home-simple, .services-simple) {
        --simple-canvas: var(--wedx-black);
        --simple-text: var(--wedx-ivory);
        --simple-muted: var(--wedx-sage);
        --simple-accent: var(--wedx-periwinkle);
        --simple-rule: var(--wedx-forest);
    }
.simple-frame { width: min(calc(100% - 96px), 1200px); margin-inline: auto; }
.home-simple section { padding-block: 0; }
:is(.home-simple, .services-simple) :where(h1,h2,h3,p) { margin-block: 0; }
:is(.home-simple, .services-simple) h1 { max-width: 23ch; font-size: clamp(36px,4.5vw,64px); line-height: 1.15; letter-spacing: var(--wedx-track-title); font-weight: var(--wedx-weight-strong); }
:is(.home-simple, .services-simple) h2 { font-size: clamp(30px,3.2vw,44px); line-height: 1.2; letter-spacing: var(--wedx-track-title); font-weight: var(--wedx-weight-strong); }
:is(.home-simple, .services-simple) h3 { font-size: 22px; line-height: 1.4; font-weight: var(--wedx-weight-strong); }
:is(.home-simple, .services-simple) p { max-width: 58ch; color: var(--simple-muted); font-size: 18px; line-height: 1.7; }
:is(.home-simple, .services-simple) a { color: inherit; }
:is(.home-simple, .services-simple) a:focus-visible { outline: 3px solid var(--simple-accent); outline-offset: 5px; }
:is(.home-simple, .services-simple) a:hover { color: var(--simple-accent); }
.simple-link { display: inline-flex; align-items: center; min-height: 44px; margin-block-start: 24px; color: var(--simple-accent) !important; text-underline-offset: 6px; }
.simple-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 28px; border: 1px solid var(--simple-accent); border-radius: 8px; color: var(--simple-canvas) !important; background: var(--simple-accent); text-decoration: none; white-space: nowrap; }
.simple-button:active { transform: translateY(1px); }
.home-simple.home-v2 .home-v2__hero { height: min(720px, calc(100dvh - 72px)); min-height: 0; width: 100%; padding: 0; margin: 0; }
.home-simple .home-v2__hero-media { border: 0; border-radius: 0; }
.home-simple .home-v2__hero-video iframe { width: max(104cqw,185cqh); height: max(104cqh,58.5cqw); }
.home-simple .home-v2__hero :is(button,a), .home-simple .home-v2__hero::before, .home-simple .home-v2__hero::after { display: none; }
.home-simple .simple-intro, .services-simple .simple-intro { padding-block: 80px; }
.simple-intro p { margin-block-start: 24px; max-width: 55ch; }
.home-simple .home-projects { padding-block: 0 88px; color: var(--simple-text); background: transparent; }
.home-simple :is(.home-projects__intro,.home-projects__cards,.home-projects__footer) { width: min(calc(100% - 96px),1200px); }
.home-simple .home-projects__intro { display: block; margin-block-end: 32px; }
.home-simple .home-projects__intro h2 { font-size: clamp(30px,3.2vw,44px); max-width: none; line-height: 1.2; }
.home-simple .home-projects__intro p { margin-block-start: 16px; max-width: 58ch; }
.home-simple .home-projects__cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 32px; }
.home-simple .home-projects__card { display: block; padding: 0; border: 0; background: transparent; }
.home-simple .home-projects__media { aspect-ratio: 16 / 10; }
.home-simple .home-projects__copy { padding-block-start: 20px; }
.home-simple .home-projects h3 { margin-block: 0 8px; font-size: 24px; line-height: 1.35; }
.home-simple .home-projects__card p { margin: 0; }
.home-simple .home-projects__action { margin-block-start: 8px; }
.home-simple .home-projects__arrow { display: none; }
.home-simple .home-projects__footer { justify-content: flex-start; margin-block-start: 24px; }
.home-simple .home-projects__all { color: var(--simple-accent); }
.home-simple .home-projects__card img { transition: none; transform: none; }
.home-simple .home-projects__card:hover { color: var(--simple-accent); }
.home-simple .home-projects__card:hover img { transform: none; }
.home-simple :is(.simple-services, .simple-events, .simple-process) { padding-block: 64px 88px; border-block-start: 1px solid var(--simple-rule); }
.simple-services > p { margin-block-start: 16px; }
.simple-service-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; margin-block-start: 32px; }
.simple-service-groups h3 { color: var(--simple-accent); margin-block-end: 16px; }
.simple-service-groups a { display: flex; align-items: center; min-height: 52px; padding-block: 8px; text-underline-offset: 5px; font-size: 18px; }
.simple-event-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 48px; margin-block-start: 32px; }
.simple-event-list a { display: flex; gap: 20px; align-items: center; text-decoration: none; font-size: 20px; }
.home-simple .simple-event-list img { width: 96px; height: 80px; flex: 0 0 96px; display: block; object-fit: cover; }
.simple-event-list a:hover span { text-decoration: underline; text-underline-offset: 5px; }
.simple-process ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 28px; list-style: none; margin: 32px 0 0; padding: 0; }
.simple-process h3 { margin-block-end: 12px; }
.simple-process p { font-size: 16px; }
:is(.home-simple, .services-simple) .simple-contact { padding-block: 64px 88px; border-block-start: 1px solid var(--simple-rule); }
.simple-contact p { margin-block: 16px 28px; }
.simple-contact .simple-link { display: flex; width: fit-content; }
.services-simple .simple-intro { padding-block: 64px 40px; }
.simple-service-photo { height: clamp(200px,24vw,320px); margin-block: 0 64px; overflow: hidden; }
.simple-service-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.simple-directory { padding-block-end: 80px; }
.simple-service-group + .simple-service-group { margin-block-start: 64px; }
.simple-service-group h2 { font-size: clamp(26px,2.6vw,36px); }
.simple-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 48px; margin-block-start: 24px; }
.simple-service { display: block; min-height: 80px; padding-block: 18px; border-block-start: 1px solid var(--simple-rule); text-decoration: none; }
.services-simple .simple-service h3 { color: inherit; font-weight: var(--wedx-weight-strong); }
.simple-service p { margin-block-start: 8px; font-size: 16px; }
.simple-service:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.simple-notes { margin-block: 0 48px; border-block-start: 1px solid var(--simple-rule); }
.simple-notes summary { padding-block: 20px; min-height: 52px; cursor: pointer; color: var(--simple-accent); }
.simple-notes summary:focus-visible { outline: 3px solid var(--simple-accent); outline-offset: 3px; }
.services-simple .simple-notes .legacy-details { width: 100%; margin-block: 0 32px; padding-block: 24px; background: transparent; color: var(--simple-text); }
.services-simple .simple-notes .legacy-details h2 { font-size: 26px; }
@media (max-width: 1023px) {
    .simple-process ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .simple-service-grid { gap: 12px 28px; }
}
@media (max-width: 767px) {
    .simple-frame, .home-simple :is(.home-projects__intro,.home-projects__cards,.home-projects__footer) { width: calc(100% - 40px); }
    .home-simple.home-v2 .home-v2__hero { height: 56dvh; max-height: 520px; padding: 0; }
    .home-simple .simple-intro { padding-block: 48px; }
    :is(.home-simple, .services-simple) h1 { font-size: clamp(32px,8.8vw,44px); }
    :is(.home-simple, .services-simple) h2 { font-size: 30px; }
    :is(.home-simple, .services-simple) h3 { font-size: 20px; }
    :is(.home-simple, .services-simple) p { font-size: 17px; }
    .home-simple .home-projects { padding-block-end: 56px; }
    .home-simple .home-projects__cards { grid-template-columns: 1fr; gap: 32px; }
    .home-simple .home-projects h3 { font-size: 22px; }
    :is(.home-simple, .services-simple) :is(.simple-services, .simple-events, .simple-process, .simple-contact) { padding-block: 40px 56px; }
    .simple-service-groups, .simple-event-list, .simple-service-grid, .simple-process ol { grid-template-columns: 1fr; }
    .simple-service-groups { gap: 32px; }
    .simple-event-list { gap: 20px; }
    .simple-process ol { gap: 24px; }
    .simple-process h3 { margin-block-end: 4px; }
    .services-simple .simple-intro { padding-block: 40px 28px; }
    .simple-service-photo { height: 200px; margin-block-end: 40px; }
    .simple-directory { padding-block-end: 48px; }
    .simple-service-group + .simple-service-group { margin-block-start: 40px; }
    .simple-service-grid { gap: 0; margin-block-start: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-simple *, .services-simple * { scroll-behavior: auto; transition: none; }
}

/* Creative agency composition, informed by Alsayegh's media-first browsing and
   Bold's typographic confidence. Original WEDX layout, not their implementation.
   Keep the inherited tokens, content contracts and unobstructed showreel. */
.simple-frame { width: min(calc(100% - 112px), 1328px); }
.home-simple .simple-intro { padding-block: 112px 128px; }
:is(.home-simple, .services-simple) h1 { max-width: 19ch; font-size: clamp(48px,6.4vw,92px); line-height: 1.1; }
:is(.home-simple, .services-simple) h2 { font-size: clamp(40px,5.4vw,76px); line-height: 1.12; }
.simple-intro p { max-width: 43ch; font-size: clamp(20px,1.8vw,26px); margin-block-start: 32px; }
.simple-intro h1 { color: var(--simple-accent); }
.home-simple .simple-intro .simple-link { margin-block-start: 28px; }
.simple-link { font-size: 17px; text-decoration-thickness: 1px; }
.simple-button { padding-inline: 36px; min-height: 56px; }
.home-simple.home-v2 .home-v2__hero { height: calc(100dvh - 72px); max-height: 960px; }
.home-simple .home-projects { padding-block: 0 128px; }
.home-simple :is(.home-projects__intro,.home-projects__cards,.home-projects__footer) { width: min(calc(100% - 112px),1328px); }
.home-simple .home-projects__intro { margin-block-end: 56px; }
.home-simple .home-projects__intro h2 { font-size: clamp(40px,5.4vw,76px); line-height: 1.12; }
.home-simple .home-projects__intro p { display: none; }
.home-simple .home-projects__cards { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 72px 56px; align-items: start; }
.home-simple .home-projects__card:nth-child(even) { margin-block-start: 144px; }
.home-simple .home-projects__card:nth-child(2) .home-projects__media { aspect-ratio: 4 / 5; }
.home-simple .home-projects__card:nth-child(3) .home-projects__media { aspect-ratio: 5 / 4; }
.home-simple .home-projects__card:nth-child(4) .home-projects__media { aspect-ratio: 4 / 3; }
.home-simple .home-projects__copy { padding-block-start: 24px; }
.home-simple .home-projects h3 { font-size: clamp(24px,2.3vw,34px); }
.home-simple .home-projects__card p { max-width: 40ch; font-size: 16px; }
.home-simple .home-projects__action { display: none; }
.home-simple .home-projects__footer { margin-block-start: 48px; }
.home-simple :is(.simple-services, .simple-events, .simple-process) { padding-block: 96px 128px; border: 0; }
.simple-service-groups { gap: 56px; margin-block-start: 56px; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); }
.simple-service-groups > div:nth-child(2) { margin-block-start: 80px; }
.simple-capability-media { margin: 0 0 28px; aspect-ratio: 5 / 4; overflow: hidden; }
.simple-capability-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.simple-service-groups > div:nth-child(2) .simple-capability-media { aspect-ratio: 16 / 10; }
.simple-service-groups h3 { font-size: clamp(24px,2.5vw,34px); margin-block-end: 20px; }
.simple-service-groups a { font-size: 19px; padding-block: 10px; text-decoration: none; }
.simple-service-groups a:hover { text-decoration: underline; }
.simple-event-list { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-block-start: 48px; }
.simple-event-list a { display: block; font-size: 22px; line-height: 1.4; }
.home-simple .simple-event-list img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; margin-block-end: 20px; }
.simple-event-list a:nth-child(even) { margin-block-start: 64px; }
.simple-process ol { margin-block-start: 56px; gap: 24px; }
.simple-process li { border-block-start: 1px solid var(--simple-rule); padding-block-start: 24px; }
.simple-process h3 { font-size: 28px; color: var(--simple-accent); }
:is(.home-simple, .services-simple) .simple-contact { padding-block: 104px 128px; }
.simple-contact h2 { max-width: 17ch; font-size: clamp(44px,6vw,84px); }
.simple-contact p { margin-block: 28px 36px; }
.services-simple .simple-intro { padding-block: 88px 48px; }
.services-simple .simple-intro h1 { font-size: clamp(56px,8vw,116px); }
.simple-service-photo { height: clamp(280px,38vw,540px); margin-block-end: 72px; }
.simple-directory-nav { display: flex; flex-wrap: wrap; gap: 12px 40px; padding-block: 0 32px; margin-block-end: 72px; border-block-end: 1px solid var(--simple-rule); }
.simple-directory-nav a { min-height: 44px; display: inline-flex; align-items: center; text-underline-offset: 7px; font-size: 18px; }
.simple-service-group { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.5fr); gap: 56px; align-items: start; scroll-margin-block-start: 100px; }
.simple-service-group + .simple-service-group { margin-block-start: 120px; }
.simple-group-media { margin: 0; position: sticky; top: 96px; aspect-ratio: 4 / 5; overflow: hidden; }
.simple-group-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.simple-service-group h2 { font-size: clamp(30px,3.3vw,48px); max-width: 16ch; }
.simple-service-grid { gap: 24px 32px; margin-block-start: 32px; }
.simple-service { padding-block: 20px; border: 0; border-block-end: 1px solid var(--simple-rule); }
.services-simple .simple-service h3 { font-size: clamp(19px,1.7vw,24px); line-height: 1.4; }
.simple-service p { margin-block-start: 12px; font-size: 16px; }
.services-simple .simple-notes .legacy-details__section { padding-block: 32px; gap: 24px; }
.home-simple[dir="rtl"] h1, .services-simple:dir(rtl) h1 { line-height: 1.35; }
.home-simple[dir="rtl"] h2, .services-simple:dir(rtl) h2 { line-height: 1.4; }
@media (prefers-reduced-motion: no-preference) {
    .home-simple .home-projects__card img, .simple-capability-media img, .simple-event-list img { transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
    .home-simple .home-projects__card:hover img, .simple-event-list a:hover img { transform: scale(1.035); }
    .simple-button { transition: transform 200ms ease; }
    .simple-button:hover { transform: translateY(-3px); }
}
@media (max-width: 1023px) {
    .simple-frame, .home-simple :is(.home-projects__intro,.home-projects__cards,.home-projects__footer) { width: calc(100% - 64px); }
    .home-simple .home-projects__cards { gap: 48px 32px; }
    .home-simple .home-projects__card:nth-child(even) { margin-block-start: 80px; }
    .simple-event-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
    .home-simple .simple-event-list img { aspect-ratio: 4 / 3; }
    .simple-service-group { gap: 32px; grid-template-columns: minmax(0,.7fr) minmax(0,1fr); }
    .simple-service-grid { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 767px) {
    .simple-frame, .home-simple :is(.home-projects__intro,.home-projects__cards,.home-projects__footer) { width: calc(100% - 40px); }
    .home-simple.home-v2 .home-v2__hero { height: 72dvh; max-height: 640px; }
    .home-simple .simple-intro { padding-block: 64px 80px; }
    :is(.home-simple,.services-simple) h1 { font-size: clamp(36px,9.5vw,54px); }
    :is(.home-simple,.services-simple) h2, .home-simple .home-projects__intro h2 { font-size: clamp(34px,9vw,44px); }
    .simple-intro p { font-size: 19px; margin-block-start: 24px; }
    .home-simple .home-projects { padding-block-end: 80px; }
    .home-simple .home-projects__intro { margin-block-end: 32px; }
    .home-simple .home-projects__cards { grid-template-columns: 1fr; gap: 40px; }
    .home-simple .home-projects__card:nth-child(even), .simple-event-list a:nth-child(even), .simple-service-groups > div:nth-child(2) { margin-block-start: 0; }
    .home-simple .home-projects__card .home-projects__media { aspect-ratio: 4 / 3; }
    .home-simple .home-projects h3 { font-size: 25px; }
    .home-simple :is(.simple-services,.simple-events,.simple-process) { padding-block: 48px 80px; }
    .simple-service-groups { grid-template-columns: 1fr; gap: 48px; margin-block-start: 32px; }
    .simple-service-groups h3 { font-size: 28px; }
    .simple-capability-media, .simple-service-groups > div:nth-child(2) .simple-capability-media { aspect-ratio: 4 / 3; }
    .simple-event-list { grid-template-columns: 1fr; gap: 36px; margin-block-start: 32px; }
    .simple-event-list a { font-size: 24px; }
    .simple-process ol { grid-template-columns: 1fr; margin-block-start: 32px; gap: 24px; }
    .simple-process li { padding-block-start: 20px; }
    .simple-process h3 { font-size: 27px; }
    :is(.home-simple,.services-simple) .simple-contact { padding-block: 64px 80px; }
    .services-simple .simple-intro { padding-block: 48px 32px; }
    .services-simple .simple-intro h1 { font-size: clamp(44px,12vw,64px); }
    .simple-service-photo { height: 260px; margin-block-end: 40px; }
    .simple-directory-nav { display: grid; gap: 8px; padding-block-end: 24px; margin-block-end: 40px; }
    .simple-service-group { grid-template-columns: 1fr; gap: 28px; }
    .simple-service-group + .simple-service-group { margin-block-start: 64px; }
    .simple-group-media { position: static; aspect-ratio: 16 / 10; }
    .simple-service-group h2 { font-size: 32px; }
    .simple-service-grid { margin-block-start: 16px; }
    .services-simple .simple-service h3 { font-size: 22px; }
    .simple-contact h2 { font-size: 40px; }
}