/* Reference carousel across the Services page, with real links to each service. */
/* Practical trade support, with the same warm treatment as the About Us banner. */
body.notion-services-index .notion-about-banner {
    background-image: linear-gradient(90deg, rgb(87 42 14 / 88%), rgb(249 144 69 / 36%)), url('../homepage/services-trade-support-v1.webp');
    background-position: center 52%;
}
@media (max-width: 760px) {
    body.notion-services-index .notion-about-banner { background-position: 67% 52%; }
}
body.notion-services-index .notion-commerce-content { width: 100%; max-width: none; margin-top: 0; }
.notion-services-index .notion-services-discovery { padding: 64px 0 32px; }
.notion-services-index .notion-home-services__intro { max-width: 960px; }
.notion-services-index .notion-home-services__intro h2 { margin: 0 0 24px; color: #f99045; font-size: clamp(28px, 2.5vw, 40px); line-height: 1.2; letter-spacing: .04em; }
.notion-services-index .notion-home-services__intro > p { text-align: center; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.8; }
.notion-services-index .notion-service-card.is-active { border-bottom-color: #f99045; }
.notion-services-index .notion-service-card__select { color: #fff; text-decoration: none; }
.notion-services-card-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.notion-services-index .notion-service-card__title { font-size: 19px; }
.notion-services-index .notion-service-card__caption { font-size: 11px; line-height: 1.7; }
.notion-services-index .notion-service-card__select:focus-visible { outline: 3px solid #f99045; outline-offset: 4px; }
.notion-services-discovery__hint { margin: 0 auto; padding: 0 24px; color: #867362; font-size: 12px; text-align: center; }
.notion-services-index .notion-services-directory { width: calc(100% - 64px); max-width: 1200px; margin: 48px auto 64px; }
.notion-services-directory > h2 { margin: 0 0 10px; color: #4b2b16; }
.notion-services-directory > p { margin-bottom: 28px; color: #74675b; font-size: 14px; }
.notion-services-directory__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.notion-services-directory__item { background: #fff; border: 1px solid #eaded3; padding: 28px; border-radius: 14px; scroll-margin-top: 110px; }
.notion-services-directory__item > span { color: #f99045; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.notion-services-index .notion-services-directory__item h3 { margin: 12px 0; color: #4b2b16; font-size: 19px; }
.notion-services-directory__item > p { color: #74675b; font-size: 14px; line-height: 1.85; }
.notion-services-directory__topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.notion-services-directory__topics a { background: #fff0e3; padding: 5px 10px; border-radius: 6px; color: #6e513c; font-size: 11px; text-decoration: none; scroll-margin-top: 110px; }
.notion-services-directory__link { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 700; text-underline-offset: 4px; }
.notion-services-coming-soon { max-width: 1200px; width: calc(100% - 64px); margin: 0 auto 56px; }
.notion-services-coming-soon > details { background: #fff0e3; }
.notion-services-index .notion-corporate-links { max-width: 1200px; width: calc(100% - 64px); margin-inline: auto; }
.notion-service-detail .notion-corporate-copy { max-width: 1000px; }
.notion-service-detail .notion-corporate-copy > p:first-child a { font-size: 13px; }
.notion-service-detail .notion-corporate-copy > p { max-width: 850px; }
.notion-service-detail .notion-corporate-copy > p > strong > a { display: inline-block; border-radius: 8px; padding: 12px 22px; background: #f99045; color: #fff; text-decoration: none; }
@media(max-width:760px) {
    .notion-services-index .notion-services-discovery { padding-top: 36px; }
    .notion-services-index .notion-services-carousel__stage { height: 530px; }
    .notion-services-index .notion-services-carousel__controls { top: 450px; }
    .notion-services-directory__grid { grid-template-columns: minmax(0,1fr); }
    .notion-services-index .notion-services-directory,.notion-services-coming-soon,.notion-services-index .notion-corporate-links { width: calc(100% - 32px); }
    .notion-services-directory__item { padding: 24px; }
}

@media(min-width:783px) and (max-width:1400px) {
    body:is(.notion-services-index,.notion-service-detail) .notion-topbar { grid-template-columns: 80px minmax(0,1fr) auto; padding-inline: 24px; gap: 16px; }
    body:is(.notion-services-index,.notion-service-detail) .notion-primary-menu > li > a { padding-inline: 6px; font-size: 11px; }
}
@media(min-width:783px) and (max-width:1100px) {
    body:is(.notion-services-index,.notion-service-detail) .notion-topbar { grid-template-columns: 1fr auto; row-gap: 8px; }
    body:is(.notion-services-index,.notion-service-detail) .notion-primary-nav { grid-column: 1/-1; grid-row: 2; justify-content: center; }
    body:is(.notion-services-index,.notion-service-detail) .notion-header-actions { grid-column: 2; grid-row: 1; }
}
.notion-service-detail [id] { scroll-margin-top: 110px; }
/* Fixed card faces share the homepage ring's axis and 500ms rotation. */
.notion-services-index .notion-service-card[inert] { pointer-events: none; }
.notion-services-index .notion-services-carousel__controls { z-index: 20; }

.notion-services-index .notion-services-carousel__ring { --ring-rotation: 0deg; }
.notion-services-index .notion-service-card__caption { display: block; color: #383d43; text-decoration: none; }
.notion-services-index .notion-service-card__caption:hover { text-decoration: underline; text-underline-offset: 3px; }
.notion-services-index .notion-service-card__caption:focus-visible { outline: 3px solid #f99045; outline-offset: 4px; }
.notion-services-index .notion-service-card__caption[hidden] { display: none; }
/* The transformed ring must not intercept clicks intended for its card links. */
.notion-services-index .notion-services-carousel__ring { pointer-events: none; }
.notion-services-index .notion-service-card:not([inert]) { pointer-events: auto; }