/* =========================================================
   Precise Ghostwriting - Responsive
   ========================================================= */

@media (max-width: 1399.98px) {
    .pg-topbar-txt strong {
        max-width: 16ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
    .pg-topbar-note {
        font-size: .65rem;
    }
    .pg-menu > li > a {
        padding: .55rem .45rem;
        font-size: .76rem;
    }
    .pg-header .container,
    .pg-topbar .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .pg-header-shell {
        z-index: 1200;
    }
}

@media (max-width: 1199.98px) {
    .pg-header .container,
    .pg-topbar .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    :root {
        --header-h: 56px;
        --topbar-h: 30px;
        --shell-h: 94px;
    }
    .pg-toggler { display: flex; }

    /* No sticky header on mobile — fixed + backdrop-filter traps the menu */
    .pg-header-shell.is-scrolled {
        --shell-h: 94px;
        position: absolute;
        top: 0;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: none;
        border-bottom: 0;
    }
    .pg-header-shell.is-scrolled .pg-topbar {
        max-height: 48px;
        min-height: var(--topbar-h);
        opacity: 1;
        pointer-events: auto;
        border-bottom: 1px solid rgba(241, 103, 36, .22);
    }
    .pg-header-shell.is-scrolled::before {
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(241,103,36,.35), transparent);
        opacity: .85;
    }
    .pg-menu {
        background: transparent;
        border: 0;
        padding: 0;
        box-shadow: none;
        backdrop-filter: none;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0;
    }
    .pg-header-inner { padding: .25rem 0; }
    .pg-nav {
        position: fixed;
        top: var(--shell-h);
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100vw;
        background: #fff;
        border-bottom: 1px solid rgba(22,22,22,.08);
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: max-height .4s cubic-bezier(0.22, 1, 0.36, 1), opacity .3s ease, visibility .3s;
        justify-content: flex-start;
        box-shadow: 0 24px 50px rgba(90,40,10,.12);
        z-index: 1300;
        box-sizing: border-box;
    }
    .pg-nav.is-open {
        top: var(--shell-h);
        bottom: 0;
        max-height: none;
        height: auto;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        overflow-y: auto;
        overflow-x: hidden;
        padding: .5rem 0 1.25rem;
        -webkit-overflow-scrolling: touch;
    }

    html.pg-nav-open,
    body.pg-nav-open {
        overflow: hidden !important;
        overscroll-behavior: none;
        touch-action: none;
        height: 100%;
        width: 100%;
    }
    body.pg-nav-open {
        position: fixed;
        left: 0;
        right: 0;
    }
    body.pg-nav-open .pg-header-shell {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: 0 8px 24px rgba(90, 40, 10, .08);
    }
    body.pg-nav-open .pg-nav.is-open {
        touch-action: pan-y;
    }
    body.pg-nav-open .pg-float-rail,
    body.pg-nav-open #chat-widget-container {
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
    .pg-menu > li > a {
        padding: .95rem 1.4rem;
        justify-content: space-between;
        border-bottom: 1px solid rgba(22,22,22,.08);
        color: rgba(22,22,22,.88);
        font-size: .95rem;
        background: transparent !important;
        white-space: normal;
    }
    .pg-menu > li > a::before { display: none; }
    .pg-submenu,
    .pg-submenu-cols {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: 0;
        min-width: 0;
        display: none;
        grid-template-columns: 1fr;
        background: rgba(241,103,36,.04);
        padding: 0;
    }
    .pg-submenu::before,
    .pg-submenu::after { display: none; }
    .has-dropdown.is-open > .pg-submenu { display: block; }
    .has-dropdown.is-open > .pg-submenu.pg-submenu-cols { display: grid; }

    .pg-float-rail {
        right: 0;
        top: auto;
        bottom: max(1rem, env(safe-area-inset-bottom));
        transform: none;
        flex-direction: column;
        gap: .55rem;
    }
    .pg-float-btn {
        width: 48px;
        height: 48px;
        min-height: 48px;
        padding: 0;
        border-radius: 999px 0 0 999px;
    }
    .pg-float-chat-icon,
    .pg-float-quote-icon {
        width: 36px;
        height: 36px;
        font-size: .95rem;
    }
    body { padding-bottom: 4.25rem; }

    .pg-stats-rail { grid-template-columns: repeat(2, 1fr); }
    .pg-stat { padding: 1.45rem 1rem; }
    .pg-stat:nth-child(2)::after { display: none; }
    .pg-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(22,22,22,.08); }

    .pg-trust-below { margin-top: 1.35rem; }
    .pg-trust-rail { gap: .45rem .55rem; padding: .8rem .85rem; }
    .pg-trust-item { height: 42px; }
    .pg-trust-item img { height: 32px; max-width: 140px; }

    .pg-genre-grid { grid-template-columns: repeat(3, 1fr); }
    .pg-also-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pg-also-shelf-img { max-width: 360px; }
    .pg-services-grid { gap: 1.25rem; }
    .pg-services-grid--expert { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pg-svc-slide { flex-basis: calc((100% - 1.25rem) / 2); }
    .pg-service { padding: 1.9rem 1.55rem 1.7rem; }
    .pg-portfolio-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }

    .pg-hero-gallery { max-width: 480px; }
    .pg-hero-float-chip.chip-a { left: 2%; }
    .pg-hero-float-chip.chip-b { right: 2%; }

    .pg-promise-mosaic { grid-template-columns: 1fr 1fr; }
    .pg-promise-item.large {
        grid-column: span 2;
        min-height: 320px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --header-h: 54px;
        --topbar-h: 30px;
        --shell-h: 92px;
    }

    .pg-topbar-note { display: none; }
    .pg-topbar-actions { width: 100%; justify-content: flex-end; }
    .pg-topbar-txt small { display: none; }
    .pg-topbar-link { padding: 0 .7rem; }

    .pg-footer-call-btn { width: 100%; justify-content: center; }
    .pg-footer-call-inner { flex-direction: column; text-align: center; gap: 1.15rem; }

    /* Float buttons - right edge, icon-only (label on hover) */
    .pg-float-rail {
        right: 0;
        top: auto;
        bottom: max(1rem, env(safe-area-inset-bottom));
        transform: none;
        flex-direction: column;
        gap: .55rem;
    }
    .pg-float-btn {
        width: 48px;
        height: 48px;
        min-height: 48px;
        padding: 0;
        border-radius: 999px 0 0 999px;
    }
    body { padding-bottom: 4.5rem; }

    .pg-hero {
        min-height: auto;
        padding: calc(var(--shell-h) + 1.5rem) 0 4.5rem;
    }
    .pg-hero-inner {
        grid-template-columns: 1fr;
        gap: 2.2rem;
    }
    .pg-hero-gallery {
        justify-self: center;
        max-width: 420px;
        width: 100%;
    }
    .pg-hero-float-chip { display: none; }
    .pg-hero-gallery-card {
        height: 440px;
        padding: 12px;
    }
    .pg-hero-gallery-label { font-size: .62rem; padding: .32rem .7rem; }
    .pg-marquee-col { width: min(100%, 145px); }
    .pg-marquee-book { max-width: 138px; }
    .pg-hero-copy h1 {
        font-size: clamp(2.6rem, 9vw, 4rem);
    }
    .pg-hero-copy::before { display: none; }
    .pg-wave-svg { height: 90px; }

    .pg-genres-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .pg-genres-visual {
        justify-self: center;
        max-width: 380px;
        order: -1;
    }
    .pg-genres-head {
        margin-bottom: 1.5rem;
        max-width: none;
    }
    .pg-genres-lead {
        max-width: 48ch;
        padding-bottom: 0;
    }
    .pg-genre-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .pg-genres-corner { width: 32px; height: 32px; }
    .pg-genres-ring.r1,
    .pg-genres-ring.r4,
    .pg-genres-gridline { display: none; }

    .pg-stats {
        margin-top: 0;
        padding-bottom: 3rem;
    }

    .pg-about { padding: 4.75rem 0 2rem; margin-top: -2.5rem; }
    .pg-about > .pg-about-wave.pg-wave-edge-top .pg-wave-svg { height: 62px; }
    .pg-about-zigzag { height: 36px; }
    .pg-about-zigzag-fill { height: 34px; }
    .pg-about-layout {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    .pg-about-line { display: none; }
    .pg-about-media-frame img { height: 400px; }
    .pg-about-copy h2 { max-width: none; }

    .pg-page-hero { padding: calc(var(--shell-h) + 3.25rem) 0 3.5rem; }
    .pg-about-story { padding: 3.75rem 0 3rem; }
    .pg-about-story-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .pg-about-story-frame img { height: 360px; }
    .pg-about-values-grid { grid-template-columns: 1fr; }
    .pg-about-why-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .pg-about-steps { grid-template-columns: 1fr 1fr; }
    .pg-about-cta-panel {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.75rem 1.4rem;
    }
    .pg-about-cta-actions { width: 100%; }
    .pg-contact { padding: 3.25rem 0 4rem; }
    .pg-contact-layout {
        grid-template-columns: 1fr;
        gap: 2.25rem;
    }
    .pg-pricing-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .pg-pricing-hero-media {
        position: relative;
        inset: auto;
        min-height: 240px;
        order: -1;
    }
    .pg-pricing-hero-panel {
        clip-path: none;
        border-right: 0;
        padding: 2.5rem 0 3rem;
    }
    .pg-pricing-hero-copy {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px;
        padding: 0 1.25rem;
    }
    .pg-pricing-grid {
        grid-template-columns: 1fr;
        max-width: 460px;
        margin: 0 auto;
    }
    .pg-pricing-card--signature {
        transform: none;
        scale: 1;
    }
    .pg-pricing-addons-grid {
        grid-template-columns: 1fr;
    }
    .pg-pricing-cta-panel {
        grid-template-columns: 1fr;
    }

    .pg-services,
    .pg-process,
    .pg-promise,
    .pg-genres,
    .pg-solutions,
    .pg-testimonials,
    .pg-faqs {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .pg-testimonials-frame { inset: 1.5rem 4%; }
    .pg-testimonials-ring { display: none; }
    .pg-testi-stage { padding: 2.15rem 1.4rem 1.85rem; margin-bottom: 0; }
    .pg-testi-layout {
        max-width: min(820px, 100%);
        margin-bottom: 1.75rem;
        padding-left: 0;
        padding-top: 0;
    }
    .pg-testi-offer {
        position: relative;
        top: auto;
        left: auto;
        width: min(168px, 46vw);
        height: auto;
        margin: 0 auto 1rem;
        filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .45));
    }
    .pg-testi-quote { top: .85rem; left: .9rem; width: 44px; height: 44px; font-size: 1.1rem; }
    .pg-testi-slider { min-height: 0; }

    .pg-services-grid { grid-template-columns: 1fr; gap: 1.15rem; }
    .pg-svc-slide { flex-basis: 100%; }
    .pg-portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
    .pg-services-head { margin-bottom: 2.5rem; }
    .pg-services-head h2 { font-size: clamp(1.9rem, 6vw, 2.6rem); }
    .pg-services-ornament,
    .pg-services-ring,
    .pg-services-frame,
    .pg-services-glow { display: none; }
    .pg-service { padding: 1.9rem 1.55rem 1.7rem; }

    .pg-promise-mosaic { grid-template-columns: 1fr; }
    .pg-promise-item.large { grid-column: auto; min-height: 280px; }

    .pg-cta-banner {
        padding: 3.4rem 0 3.2rem;
        min-height: clamp(320px, 44vh, 400px);
        background-position: left top;
    }
    .pg-cta-banner-layout {
        grid-template-columns: 1fr;
        max-width: none;
        gap: 1.15rem;
        justify-items: start;
    }
    .pg-cta-banner-copy { max-width: none; }
    .pg-cta-offer {
        width: 112px;
        height: 112px;
        justify-self: end;
    }
    .pg-cta-banner-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .pg-cta-banner-actions .pg-btn {
        width: 100%;
        min-width: 0;
    }

    .pg-form-row-2,
    .pg-quote-form .pg-form-row-2 {
        grid-template-columns: 1fr;
    }

    .pg-sol-float,
    .pg-sol-ring,
    .pg-sol-slash { display: none; }

    .pg-lead-aside { min-height: auto; }
    .pg-lead-aside-inner {
        margin: 1rem;
        padding: 1.85rem 1.45rem 1.7rem;
        height: auto;
    }
    .pg-lead-aside-corners { inset: 1rem; }
    .pg-lead-form-wrap {
        padding: 2.25rem 1.6rem 2.4rem;
    }
    .pg-lead-form-wrap::before { display: none; }
    .pg-lead-aside h2 { max-width: none; }

    .pg-quote-panel {
        right: .85rem;
        left: .85rem;
        width: auto;
        max-height: min(88vh, 720px);
    }
    .pg-quote-panel-inner { max-height: min(88vh, 720px); }
    body.pg-quote-open { overflow: hidden; }

    .pg-faq-q {
        align-items: flex-start;
        font-size: .95rem;
        padding: 1.05rem 1.1rem;
    }
    .pg-faq-q i { margin-top: .1rem; }
}

@media (max-width: 767.98px) {
    :root {
        --header-h: 52px;
        --topbar-h: 30px;
        --shell-h: 90px;
    }

    .pg-logo img { height: 42px; }
    .pg-header .container,
    .pg-topbar .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .pg-topbar-txt strong {
        max-width: 12ch;
    }
    .pg-topbar-link {
        padding: .22rem .45rem .22rem .22rem;
        gap: .4rem;
    }
    .pg-topbar-ico {
        width: 26px;
        height: 26px;
        font-size: .65rem;
    }

    .pg-hero-actions,
    .pg-section-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .pg-section-actions .pg-btn,
    .pg-hero-actions .pg-btn {
        width: 100%;
        min-width: 0;
    }

    .pg-hero-gallery { max-width: 340px; }
    .pg-hero-gallery::before,
    .pg-hero-gallery::after,
    .pg-hero-gallery-ring { display: none; }
    .pg-hero-gallery-shelf { display: none; }
    .pg-hero-vectors,
    .pg-hero-beam,
    .pg-hero-orb,
    .pg-hero-arc,
    .pg-hero-panel,
    .pg-hero-mist,
    .pg-hero-grid,
    .pg-hero-dot,
    .pg-hero-glow { display: none; }
    .pg-hero-aurora { opacity: .4; }
    .pg-hero-gallery-card { height: 340px; padding: 10px; }
    .pg-hero-marquee { padding: 2.6rem 1rem 1.2rem; gap: .75rem; }
    .pg-marquee-col { width: min(100%, 108px); }
    .pg-marquee-book { max-width: 100px; }

    .pg-genre-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .7rem;
    }
    .pg-genres-visual {
        max-width: 320px;
    }
    .pg-genres-photo {
        aspect-ratio: 5 / 6;
        border-radius: 20px;
    }
    .pg-genres-chip {
        font-size: .72rem;
        padding: .45rem .7rem;
    }
    .pg-genres-chip.chip-a { left: 0; bottom: 12%; }
    .pg-genres-chip.chip-b { right: 0; top: 10%; }
    .pg-also {
        padding: 3rem 0 3.25rem;
    }
    .pg-also-grid {
        gap: .85rem;
    }
    .pg-also-card {
        padding: 1.2rem 1.05rem 1.1rem;
    }
    .pg-also-shelf-img { max-width: 280px; }
    .pg-also-visual { margin-top: .5rem; }
    .pg-genre-card { padding: 1rem .95rem; }
    .pg-genre-name { font-size: .88rem; }
    .pg-genre-icon { width: 38px; height: 38px; font-size: .85rem; }
    .pg-genre-arrow { display: none; }
    .pg-genres-ring,
    .pg-genres-slash,
    .pg-genres-arc,
    .pg-genres-corner,
    .pg-genres-dot { display: none; }

    .pg-about-media-frame img { height: 340px; }
    .pg-shelf-img { max-width: 280px; }

    .pg-about-story-frame img { height: 280px; }
    .pg-about-why-cards { grid-template-columns: 1fr; }
    .pg-about-steps { grid-template-columns: 1fr; }
    .pg-page-hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }

    .pg-stats {
        margin-top: 0;
        padding-bottom: 2.75rem;
    }
    .pg-stats-rail { clip-path: none; }
    .pg-stat {
        flex-direction: column;
        text-align: center;
        gap: .65rem;
    }
    .pg-stat-body { text-align: center; }
    .pg-stat-value { justify-content: center; }

    .pg-trust-below { margin-top: 1.15rem; }
    .pg-trust-label { margin-bottom: .7rem; }
    .pg-trust-rail {
        gap: .35rem .4rem;
        padding: .65rem .55rem;
        border-radius: 12px;
    }
    .pg-trust-item {
        min-width: auto;
        height: 36px;
        padding: .15rem .3rem;
    }
    .pg-trust-item img { height: 28px; max-width: 118px; }

    .pg-about-points li { grid-template-columns: 36px 1fr; gap: .75rem; }

    .pg-steps::before { left: 22px; }
    .pg-step { grid-template-columns: 44px 1fr; padding: 1rem; }
    .pg-step-index { width: 44px; height: 44px; font-size: 1rem; }

    .pg-solution-tags { grid-template-columns: 1fr; }

    .pg-footer { padding-top: 4.25rem; }
    .pg-footer-bottom { flex-direction: column; text-align: center; }
    .pg-footer-links { justify-content: center; }
    .pg-footer-brand p { max-width: none; }

    .pg-zigzag { height: 42px; }

    .pg-lead-panel { clip-path: none; }
}

@media (max-width: 575.98px) {
    .pg-hero { padding: calc(var(--shell-h) + 1rem) 0 3.5rem; }
    .pg-hero-copy h1 { font-size: clamp(2.2rem, 9vw, 2.85rem); }
    .pg-hero-badge {
        white-space: normal;
        line-height: 1.35;
        max-width: 100%;
        font-size: .72rem;
    }
    .pg-hero-gallery-card { height: 280px; }
    .pg-hero-gallery { max-width: 100%; }

    .pg-stat-num,
    .pg-stat-plus { font-size: 2.2rem; }
    .pg-about-media-frame img { height: 280px; }
    .pg-service { padding: 1.7rem 1.35rem; }
    .pg-service-icon {
        width: 58px;
        height: 58px;
    }
    .pg-service-icon svg {
        width: 32px;
        height: 32px;
    }

    .pg-testi p { font-size: 1.2rem; }
    .pg-testimonials-frame { display: none; }
    .pg-testi-stage {
        padding: 1.85rem 1.1rem 1.5rem;
        clip-path: none;
        border-radius: 0;
    }
    .pg-testi-quote { display: none; }
    .pg-testi-slider { min-height: 0; }

    .pg-lead-aside-corners { display: none; }
    .pg-lead-aside-inner {
        margin: .65rem;
        padding: 1.55rem 1.15rem 1.4rem;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .pg-lead-perks li { padding: .45rem .55rem; }
    .pg-lead-form-wrap { padding: 1.75rem 1.15rem 2rem; }

    .pg-cta-banner {
        background-position: left top;
        min-height: 0;
        padding: 2.75rem 0 2.6rem;
    }
    .pg-cta-accent { width: 100%; }
    .pg-cta-offer {
        width: 104px;
        height: 104px;
        justify-self: end;
        margin-top: -.5rem;
    }

    .pg-quote-panel {
        right: .5rem;
        left: .5rem;
        transform: translateY(-50%) translateX(110%);
    }
    .pg-quote-panel.is-open {
        transform: translateY(-50%) translateX(0);
    }
    .pg-quote-call {
        flex-wrap: wrap;
        font-size: .78rem;
    }
    .pg-quote-panel-inner { overflow-x: hidden; }

    .pg-float-rail {
        right: 0;
        bottom: max(.75rem, env(safe-area-inset-bottom));
    }

    .pg-footer-call-inner { padding: 1.25rem 1.1rem; }
    .pg-footer-call-copy h3 { font-size: 1.25rem; }
}

/* About Us premium responsive tweaks */
@media (max-width: 991.98px) {
    .pg-about-steps-line {
        display: none;
    }
    .pg-about-story-float {
        position: static;
        margin: .85rem 0 0;
        align-self: flex-start;
        animation: none;
    }
    .pg-about-story-stage {
        padding: .5rem;
    }
    .pg-about-hero.is-rich {
        min-height: 0;
        padding: calc(var(--shell-h) + 2.75rem) 0 3.5rem;
    }
    .pg-about-hero.is-rich .pg-page-hero-chips {
        justify-content: center;
    }
    .pg-page-hero-photo {
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 767.98px) {
    .pg-page-hero-chips {
        flex-wrap: wrap;
        gap: .45rem .5rem;
        justify-content: center;
    }
    .pg-page-hero-chips span {
        font-size: .72rem;
        padding: .4rem .7rem;
    }
    .pg-page-hero-actions,
    .pg-about-hero .pg-page-hero-actions,
    .pg-about-hero.is-rich .pg-page-hero-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 22rem;
        margin-left: auto;
        margin-right: auto;
    }
    .pg-page-hero-actions .pg-btn,
    .pg-about-hero .pg-page-hero-actions .pg-btn {
        width: 100%;
        min-width: 0;
    }
    .pg-also-grid {
        grid-template-columns: 1fr;
    }
    .pg-pricing-packages {
        padding: 3.25rem 0 3.5rem;
    }
    .pg-pricing-packages-head h2 {
        font-size: clamp(1.85rem, 7vw, 2.45rem);
    }
    .pg-pricing-how {
        margin-top: 2.5rem;
    }
    .pg-pricing-addons {
        padding: 3.25rem 0 3.5rem;
    }
    .pg-about-why-quote {
        padding: 1rem 1rem 1rem 1.1rem;
    }
    .pg-about-why-quote p {
        font-size: .98rem;
    }
    .pg-about-story-float {
        right: auto;
        left: .5rem;
        top: auto;
        bottom: auto;
        max-width: calc(100% - 1rem);
    }
    .pg-contact-form-row-2 {
        grid-template-columns: 1fr;
    }
    .pg-contact-info h2 {
        max-width: none;
    }
    .pg-contact-status {
        align-items: flex-start;
    }
    .pg-submenu-cols {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px) {
    .pg-about-hero.is-rich h1 {
        font-size: clamp(2rem, 9vw, 2.55rem);
        max-width: none;
    }
    .pg-about-hero.is-rich .pg-page-hero-lead {
        font-size: .98rem;
    }
    .pg-page-hero-photo {
        aspect-ratio: 5 / 4;
        border-radius: 18px;
    }
    .pg-pricing-card {
        padding: 1.35rem 1.15rem 1.25rem;
    }
    .pg-pricing-addon {
        padding: 1.15rem 1rem;
    }
}

@media (max-width: 899.98px) {
    .pg-offer-body {
        grid-template-rows: 240px auto;
    }
    .pg-offer-visual {
        height: 240px;
    }
    .pg-offer-visual img,
    .pg-offer-modal.is-open .pg-offer-visual img {
        object-position: center 52%;
        transform: none;
    }
}