/*
|--------------------------------------------------------------------------
| Damian Philpott — Customer Readability
|--------------------------------------------------------------------------
| MOBILE:
|   Original typography restored completely.
|
| DESKTOP / TABLET > 760px:
|   Only a subtle +1px readability lift.
|--------------------------------------------------------------------------
*/

@media (min-width: 761px) {




    /* ---------------------------------------------------------
       BOOKING JOURNEY
       Original hierarchy preserved +1px
       --------------------------------------------------------- */

    .booking-brand p {
        font-size: 15px !important;
    }

    .booking-brand small,
    .booking-brand .bj-small {
        font-size: 13px !important;
    }

    .booking-brand label {
        font-size: 14px !important;
    }

    .booking-brand .bj-check {
        font-size: 14px !important;
    }

    .booking-brand .bj-link {
        font-size: 14px !important;
    }

    .booking-brand .bj-primary {
        font-size: 13px !important;
    }

    .booking-brand .bj-outline,
    .booking-brand .bj-pagination button {
        font-size: 13px !important;
    }

    .booking-brand .bj-categories button {
        font-size: 14px !important;
    }

    .booking-brand .bj-choice strong {
        font-size: 15px !important;
    }

    .booking-brand .bj-price {
        font-size: 14px !important;
    }

    .booking-brand .bj-description summary,
    .booking-brand .bj-more summary {
        font-size: 13px !important;
    }

    .booking-brand .bj-description p {
        font-size: 14px !important;
    }

    .booking-brand .bj-stylist strong {
        font-size: 15px !important;
    }

    .booking-brand .bj-summary dt {
        font-size: 12px !important;
    }

    .booking-brand .bj-summary dd {
        font-size: 15px !important;
    }

    .booking-brand .bj-summary-total {
        font-size: 15px !important;
    }

    .booking-brand .bj-calendar-heading > strong {
        font-size: 15px !important;
    }

    .booking-brand .bj-times button,
    .booking-brand .bj-payment-mode button {
        font-size: 15px !important;
    }

    .booking-brand .bj-time-period > header span {
        font-size: 12px !important;
    }

    .booking-brand .bj-time-period > header small {
        font-size: 10px !important;
    }

    .booking-brand .bj-review strong {
        font-size: 15px !important;
    }

    .booking-brand .bj-rewards > div,
    .booking-brand .bj-breakdown > div {
        font-size: 15px !important;
    }

    .booking-brand .bj-error,
    .booking-brand .bj-patch {
        font-size: 15px !important;
    }

    .booking-brand .bj-gift-head small {
        font-size: 11px !important;
    }

    .booking-brand .bj-gift-head strong {
        font-size: 17px !important;
    }

    .booking-brand .bj-gift-head > b {
        font-size: 14px !important;
    }

    .booking-brand .bj-gift-code label,
    .booking-brand .bj-gift-amount label {
        font-size: 12px !important;
    }

    /* Inputs were already 16px originally — leave them alone. */


    /* ---------------------------------------------------------
       CUSTOMER ACCOUNT
       Keep original scale, only +1px on areas we previously lifted.
       --------------------------------------------------------- */

    .dp-account-public-shell .hc-replenishment header p {
        font-size: 13px !important;
    }

    .dp-account-public-shell .hc-replenishment-row small,
    .dp-account-public-shell .hc-subscription-row small {
        font-size: 10px !important;
    }

    .dp-account-public-shell .hc-replenishment-row em {
        font-size: 11px !important;
    }

    .dp-account-public-shell .hc-subscriptions h3 {
        font-size: 13px !important;
    }


    /* Subscribe & Save */

    .dp-account-public-shell .f2235211872-summary span,
    .dp-account-public-shell .f2235211872-meta span {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f2235211872-summary small {
        font-size: 12px !important;
    }

    .dp-account-public-shell .f2235211872-panel > header h2 {
        font-size: 18px !important;
    }

    .dp-account-public-shell .f2235211872-panel > header p {
        font-size: 13px !important;
    }

    .dp-account-public-shell .f2235211872-count {
        font-size: 12px !important;
    }

    .dp-account-public-shell .f2235211872-product strong {
        font-size: 14px !important;
    }

    .dp-account-public-shell .f2235211872-product small {
        font-size: 11px !important;
    }

    .dp-account-public-shell .f2235211872-status {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f2235211872-meta strong {
        font-size: 14px !important;
    }

    .dp-account-public-shell .f2235211872-meta small {
        font-size: 11px !important;
    }

    .dp-account-public-shell .f2235211872-frequency label {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f2235211872-actions a,
    .dp-account-public-shell .f2235211872-actions button {
        font-size: 12px !important;
    }

    .dp-account-public-shell .f2235211872-note {
        font-size: 12px !important;
    }

    .dp-account-public-shell .f2235211872-history summary {
        font-size: 11px !important;
    }

    .dp-account-public-shell .f2235211872-history-row {
        font-size: 11px !important;
    }

    .dp-account-public-shell .f2235211872-empty span {
        font-size: 13px !important;
    }

    .dp-account-public-shell .f2235211872-feedback,
    .dp-account-public-shell .f2235211872-error {
        font-size: 12px !important;
    }


    /* Hair Intelligence / S&S micro copy */

    .dp-account-public-shell .f223522-connected-banner strong,
    .dp-account-public-shell .f223522-plan-review strong,
    .dp-account-public-shell .f223522-intelligence-note strong {
        font-size: 12px !important;
    }

    .dp-account-public-shell .f223522-connected-banner small,
    .dp-account-public-shell .f223522-plan-review small,
    .dp-account-public-shell .f223522-intelligence-note small {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f223522-intelligence-note em {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f223522-intelligence-note button,
    .dp-account-public-shell .f223522-plan-review button,
    .dp-account-public-shell .f223522-use-recommendation {
        font-size: 10px !important;
    }

    .dp-account-public-shell .f223522-ss-intelligence b {
        font-size: 9px !important;
    }

    .dp-account-public-shell .f223522-ss-intelligence span,
    .dp-account-public-shell .f223522-ss-intelligence em,
    .dp-account-public-shell .f223522-ss-intelligence small,
    .dp-account-public-shell .f223522-ss-intelligence a,
    .dp-account-public-shell .f223522-ss-intelligence button {
        font-size: 9.5px !important;
    }


    /* ---------------------------------------------------------
       SHOP CHECKOUT — subtle +1px only
       --------------------------------------------------------- */

    .dp-shop-ownership__eyebrow,
    .dp-subsave__eyebrow {
        font-size: 11px !important;
    }

    .dp-shop-ownership > p,
    .dp-subsave > p {
        font-size: 14px !important;
    }

    .dp-shop-ownership__choice strong,
    .dp-subsave__choice strong {
        font-size: 14px !important;
    }

    .dp-subsave__ownership-note {
        font-size: 12px !important;
    }

    .dp-subsave__frequency label {
        font-size: 13px !important;
    }

    .dp-subsave__note {
        font-size: 12px !important;
    }

    .dp-subsave__intelligence b,
    .dp-subsave__intelligence small {
        font-size: 11px !important;
    }
}

/* DP PUBLIC NAV EXACT +1PX */
@media (min-width: 1101px) {
    .dp-public-nav a,
    .dp-header-disclosure summary {
        font-size: 12px !important;
    }
}
/* END DP PUBLIC NAV EXACT +1PX */

/* DP PUBLIC MICROTEXT READABILITY */
/*
   Desktop / tablet public website only.
   Large editorial headings unchanged.
   Mobile <=760px unchanged.
*/
@media (min-width: 761px) {

    /* -------------------------------------------------------
       HOME
       ------------------------------------------------------- */

    .dp-home-kicker {
        font-size: 10px !important;
        letter-spacing: 3.2px !important;
    }

    .dp-home-cta {
        font-size: 11px !important;
        letter-spacing: 1.6px !important;
    }


    /* -------------------------------------------------------
       SERVICES — MAIN SERVICES PAGE
       ------------------------------------------------------- */

    .dp-services-kicker,
    .dp-services-guide-head > div > span,
    .dp-services-help > span {
        font-size: 10px !important;
        letter-spacing: 2.2px !important;
    }

    .dp-services-hero-copy > p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .dp-services-hero-actions a {
        font-size: 11px !important;
    }

    .dp-services-guide-head > p {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }

    .dp-service-group > header > span {
        font-size: 9px !important;
    }

    .dp-service-group > header > small {
        font-size: 9px !important;
        letter-spacing: 1.6px !important;
    }

    .dp-service-number {
        font-size: 9px !important;
    }

    .dp-service-duration {
        font-size: 10px !important;
        letter-spacing: 1.1px !important;
    }

    .dp-service-price {
        font-size: 13px !important;
    }


    /* -------------------------------------------------------
       INDIVIDUAL SERVICE / SERVICE FOCUS PAGES
       ------------------------------------------------------- */

    .dp-service-focus > header > span,
    .dp-service-landing-copy > span,
    .dp-service-landing-body article > span,
    .dp-service-live-list > header > span,
    .dp-service-landing-cta > span {
        font-size: 11px !important;
    }

    .dp-service-focus > header p {
        font-size: 14px !important;
    }

    .dp-service-focus a small {
        font-size: 10px !important;
    }

    .dp-service-focus a p {
        font-size: 13px !important;
    }

    .dp-service-focus a > span {
        font-size: 10px !important;
    }

    .dp-service-landing-copy a,
    .dp-service-landing-cta a {
        font-size: 11px !important;
    }

    .dp-service-landing-body p {
        font-size: 14px !important;
    }

    .dp-service-live-list > header p {
        font-size: 14px !important;
    }

    .dp-service-live-list article p {
        font-size: 13px !important;
    }

    .dp-service-live-list aside small {
        font-size: 11px !important;
    }

    .dp-service-live-list aside a {
        font-size: 11px !important;
    }


    /* -------------------------------------------------------
       NEW CLIENTS
       ------------------------------------------------------- */

    .dp-new-client-step-number {
        font-size: 10px !important;
    }

    .dp-new-client-step p {
        font-size: 14px !important;
    }

    .dp-new-clients-before-grid article > span {
        font-size: 10px !important;
    }

    .dp-new-clients-before-grid p {
        font-size: 14px !important;
    }

    .dp-new-clients-before-grid a {
        font-size: 10px !important;
    }

    .dp-new-clients-final > a {
        font-size: 11px !important;
    }


    /* -------------------------------------------------------
       GALLERY
       ------------------------------------------------------- */

    .dp-gallery-editorial-copy > span,
    .dp-gallery-editorial-intro small,
    .dp-gallery-editorial-close > span {
        font-size: 10px !important;
        letter-spacing: 3px !important;
    }

    .dp-gallery-editorial-copy > a,
    .dp-gallery-editorial-close > a {
        font-size: 11px !important;
        letter-spacing: 1.8px !important;
    }

    .dp-gallery-editorial-feature small,
    .dp-gallery-editorial-card small {
        font-size: 9px !important;
    }

    .dp-gallery-editorial-feature strong,
    .dp-gallery-editorial-card strong {
        font-size: 11px !important;
    }

    .dp-gallery-editorial-intro > span {
        font-size: 10px !important;
    }

    .dp-gallery-editorial-lightbox figcaption {
        font-size: 9px !important;
    }

    .dp-gallery-item-label small {
        font-size: 9px !important;
    }

    .dp-gallery-item-label strong {
        font-size: 10px !important;
    }

    .dp-gallery-close > a {
        font-size: 11px !important;
    }

    .dp-gallery-lightbox figcaption {
        font-size: 9px !important;
    }


    /* -------------------------------------------------------
       CONTACT
       ------------------------------------------------------- */

    .dp-contact-form label > span small {
        font-size: 10px !important;
    }

    .dp-contact-form-status {
        font-size: 12px !important;
    }


    /* -------------------------------------------------------
       SHOP — editorial micro copy only
       ------------------------------------------------------- */

    .dp-commerce-hero-media-copy {
        font-size: 11px !important;
    }

    .dp-commerce-hero-media-copy b {
        font-size: 10px !important;
    }

    .dp-commerce-eyebrow,
    .dp-commerce-mini-head > span,
    .dp-commerce-section-head > div > span,
    .dp-commerce-catalogue-head > div > span,
    .dp-commerce-service-note > span {
        font-size: 11px !important;
    }

    .dp-commerce-btn {
        font-size: 11px !important;
    }

    .dp-commerce-hero-trust {
        font-size: 10px !important;
    }

    .dp-commerce-intro span {
        font-size: 11px !important;
    }
}
/* END DP PUBLIC MICROTEXT READABILITY */


/* DP SERVICES MICROTEXT PASS */
@media (min-width: 761px) {

    /* Category navigation across top */
    .dp-services-index a {
        font-size: 11px !important;
        letter-spacing: 2px !important;
    }

    .dp-services-index a small {
        font-size: 10px !important;
        letter-spacing: 1px !important;
    }

    /* "32 services currently available" */
    [data-services-status],
    .dp-services-status,
    .dp-services-guide-status {
        font-size: 11px !important;
        letter-spacing: 2.5px !important;
        line-height: 1.4 !important;
    }

    /* Section numbers: 01, 02, 03... */
    .dp-service-group > header > span {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
    }

    /* "8 SERVICES", etc */
    .dp-service-group > header > small {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }

    /* Individual service row number */
    .dp-service-number {
        font-size: 10px !important;
    }

    /* Duration/meta */
    .dp-service-duration {
        font-size: 10px !important;
    }

    /* 38+ supporting caption area */
    .dp-services-hero-mark small,
    .dp-services-hero-mark span,
    .dp-services-hero-mark p {
        font-size: 11px !important;
        letter-spacing: 3px !important;
        line-height: 1.4 !important;
    }
}
/* END DP SERVICES MICROTEXT PASS */

/* DP HOMEPAGE 38 LARGE START */

/*
 * Career/experience graphic.
 * 38+ is deliberately the dominant element.
 */

.dp-aperture-final-marker {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.dp-aperture-final-marker span {
    display: block !important;
    position: relative !important;
    z-index: 3 !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: clamp(7rem, 18vw, 15rem) !important;
    line-height: .78 !important;
    font-weight: 300 !important;
    letter-spacing: -.055em !important;

    color: #d8d2c8 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/*
 * If the current version separates the number and descriptor,
 * make the numeric element dominant without disturbing the strip.
 */
.dp-aperture-final-marker .number,
.dp-aperture-final-marker .years-number,
.dp-aperture-final-marker strong,
.dp-aperture-final-marker b {
    display: block !important;
    font-size: clamp(7rem, 18vw, 15rem) !important;
    line-height: .78 !important;
    font-weight: 300 !important;
    letter-spacing: -.055em !important;
}

/* Descriptor / black strip stays secondary. */
.dp-aperture-final-marker small,
.dp-aperture-final-marker em,
.dp-aperture-final-marker .label,
.dp-aperture-final-marker .descriptor {
    font-size: clamp(.72rem, 1.55vw, 1.05rem) !important;
    line-height: 1.2 !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
}

/*
 * Current career intro also contains "38+ years."
 * Make its first line stronger where that is the rendered element.
 */
.dp-aperture-copy-intro h2 > span:first-child {
    font-size: clamp(5.5rem, 13vw, 11rem) !important;
    line-height: .82 !important;
    letter-spacing: -.05em !important;
}

/* Mobile */
@media (max-width: 720px) {
    .dp-aperture-final-marker span,
    .dp-aperture-final-marker .number,
    .dp-aperture-final-marker .years-number,
    .dp-aperture-final-marker strong,
    .dp-aperture-final-marker b {
        font-size: clamp(5rem, 25vw, 8.5rem) !important;
    }

    .dp-aperture-copy-intro h2 > span:first-child {
        font-size: clamp(4.5rem, 21vw, 7rem) !important;
    }
}

/* DP HOMEPAGE 38 LARGE END */

/* DP SERVICES 38 HERO LARGE START */

@media (min-width: 761px) {
    .dp-services-hero-mark > span:first-child {
        font-size: 150px !important;
        line-height: .82 !important;
        letter-spacing: -6px !important;
        font-weight: 300 !important;
    }

    .dp-services-hero-mark small,
    .dp-services-hero-mark p {
        font-size: 16px !important;
        letter-spacing: 3px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 760px) {
    .dp-services-hero-mark > span:first-child {
        font-size: 90px !important;
        line-height: .85 !important;
        letter-spacing: -4px !important;
        font-weight: 300 !important;
    }
}

/* DP SERVICES 38 HERO LARGE END */
