.peak-page { --peak-body: 1.6rem; --peak-lead: clamp(1.7rem, calc(1.25vw + 1.15rem), 2rem); --peak-h2: clamp(3rem, 3.6vw, 4.8rem); --peak-h3: clamp(2rem, 1.6vw, 2.6rem); --peak-gutter: clamp(1.8rem, 4vw, 3.4rem); --peak-section-space: clamp(5.6rem, 8vw, 9rem); font-size: var(--peak-body); overflow-x: clip; overflow-y: visible; } .peak-shell { padding-left: max(var(--peak-gutter, 1.8rem), env(safe-area-inset-left)); padding-right: max(var(--peak-gutter, 1.8rem), env(safe-area-inset-right)); } .peak-page p, .peak-page li, .peak-page a, .peak-article-content { overflow-wrap: break-word; text-wrap: pretty; } .peak-hero-title { font-size: clamp(3.8rem, 6.5vw, 6rem); } .peak-section-title, .peak-section-title-light, .peak-prose-title { font-size: clamp(3rem, 3.6vw, 4.8rem); } .peak-subhero-title, .peak-article-title { font-size: clamp(3.3rem, 5vw, 5.2rem); } .peak-lead, .peak-subhero-lead { font-size: clamp(1.7rem, calc(1vw + 1.3rem), 2rem); line-height: 1.65; } .peak-section-copy, .peak-services-copy, .peak-cta-copy, .peak-subhero-panel-copy, .peak-prose-copy, .peak-detail-copy, .peak-aside-copy, .peak-contact-copy, .peak-faq-answer, .peak-team-bio, .peak-inline-cta-copy, .peak-note, .peak-footer-copy, .peak-card-copy, .peak-service-copy, .peak-step-copy, .peak-check-item { font-size: clamp(1.5rem, calc(0.35vw + 1.35rem), 1.7rem); line-height: 1.65; } .peak-article-content p, .peak-article-content li { font-size: 1.7rem; line-height: 1.75; } .peak-eyebrow, .peak-kicker, .peak-subhero-label, .peak-aside-label, .peak-contact-label, .peak-announcement, .peak-breadcrumb { font-size: 1.2rem; } .peak-card-index, .peak-service-number, .peak-step-number, .peak-detail-number { font-size: 1.2rem; } .peak-hero-tags, .peak-article-meta, .peak-team-role, .peak-footer, .peak-descriptor { font-size: 1.35rem; } .peak-card-title, .peak-service-title { font-size: clamp(2rem, 1.6vw, 2.6rem); } .peak-step-title, .peak-detail-title, .peak-aside-title, .peak-contact-title, .peak-team-name, .peak-subhero-panel-title { font-size: clamp(1.9rem, 1.35vw, 2.3rem); line-height: 1.25; } .peak-prose-heading { font-size: clamp(2.2rem, 2vw, 3rem); line-height: 1.25; } .peak-faq-question { min-height: 2.4rem; font-size: 1.6rem; line-height: 1.45; } .peak-hero-message { font-size: clamp(1.8rem, 1.5vw, 2.2rem); } .peak-button { min-height: 4.6rem; padding: 1.15rem 2rem; font-size: 1.5rem; line-height: 1.1; touch-action: manipulation; transition: translate 220ms cubic-bezier(0.22, 1, 0.36, 1), background-color 220ms ease, color 220ms ease, box-shadow 220ms ease; } .peak-text-link { min-height: 4.4rem; display: inline-flex; align-items: center; font-size: 1.5rem; touch-action: manipulation; transition: translate 220ms ease, color 220ms ease; } .peak-nav-link, .peak-mobile-nav-link, .peak-footer-link, .peak-mobile-nav-toggle { min-height: 4.4rem; display: inline-flex; align-items: center; font-size: 1.4rem; touch-action: manipulation; } .peak-page :is(a, button, summary, input, select, textarea):focus-visible { outline: 0.3rem solid var(--peak-blue); outline-offset: 0.3rem; } .peak-card, .peak-step, .peak-detail-card, .peak-aside-card, .peak-contact-card, .peak-team-card, .peak-faq-item, .peak-hero-panel, .peak-subhero-panel, .peak-inline-cta, .peak-cta { transition: translate 280ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 280ms ease, border-color 280ms ease; } .peak-service-row { transition: translate 240ms cubic-bezier(0.22, 1, 0.36, 1); } @media (hover: hover) and (pointer: fine) { .peak-button:hover, .peak-text-link:hover { translate: 0 -0.2rem; } .peak-card:hover, .peak-step:hover, .peak-detail-card:hover, .peak-aside-card:hover, .peak-contact-card:hover, .peak-team-card:hover, .peak-faq-item:hover { translate: 0 -0.4rem; border-color: rgba(53, 108, 255, 0.22); box-shadow: 0 1.8rem 4.5rem rgba(16, 24, 32, 0.1); } .peak-service-row:hover { translate: 0.5rem 0; } } @media (min-width: 768px) and (max-width: 991px) { .peak-hero, .peak-subhero { grid-template-columns: minmax(0, 1.1fr) minmax(30rem, 0.9fr); gap: clamp(2.4rem, 4vw, 4rem); } .peak-services-section, .peak-content-grid, .peak-contact-grid { grid-template-columns: minmax(0, 1.15fr) minmax(28rem, 0.85fr); gap: clamp(2.4rem, 4vw, 4rem); } .peak-section-head { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(2.4rem, 4vw, 4rem); } .peak-card-grid, .peak-approach-grid, .peak-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .peak-hero-panel { min-height: 32rem; } } @media (min-width: 479px) and (max-width: 767px) { .peak-card-grid, .peak-approach-grid, .peak-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .peak-card-grid > :last-child:nth-child(odd), .peak-approach-grid > :last-child:nth-child(odd), .peak-detail-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; } } @media (max-width: 767px) { .peak-inline-cta .peak-button, .peak-cta .peak-button { width: 100%; } .peak-footer-links { flex-wrap: wrap; row-gap: 0.4rem; } } @media (max-width: 478px) { .peak-page { --peak-gutter: 1.8rem; --peak-section-space: 5.6rem; } .peak-hero-title { font-size: clamp(3.8rem, 10.5vw, 4.5rem); line-height: 0.98; } .peak-section-title, .peak-section-title-light, .peak-prose-title { font-size: clamp(3rem, 8.5vw, 3.8rem); } .peak-subhero-title, .peak-article-title { font-size: clamp(3.3rem, 9vw, 4rem); } .peak-hero-panel { min-height: 23rem; padding: 2.2rem; } .peak-hero-note { gap: 1rem; } .peak-header .peak-button { min-height: 4.4rem; padding-inline: 1.4rem; font-size: 1.4rem; } .peak-button { min-height: 4.8rem; } .peak-card, .peak-step, .peak-detail-card, .peak-aside-card, .peak-contact-card, .peak-faq-item, .peak-team-copy { padding: 2rem; } .peak-service-row { grid-template-columns: 3rem minmax(0, 1fr); gap: 1.2rem; padding-block: 2.2rem; } .peak-card-index, .peak-step-number, .peak-detail-number { margin-bottom: 2rem; } }  .peak-motion-ready .peak-reveal { opacity: 0; transform: translate3d(0, 1.8rem, 0); transition: opacity 560ms cubic-bezier(0.22, 1, 0.36, 1), transform 560ms cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--peak-reveal-delay, 0ms); } .peak-motion-ready .peak-hero-copy.peak-reveal, .peak-motion-ready .peak-subhero-copy.peak-reveal { transform: translate3d(-1.5rem, 0, 0); } .peak-motion-ready .peak-hero-panel.peak-reveal, .peak-motion-ready .peak-subhero-panel.peak-reveal { transform: translate3d(1.5rem, 0, 0) scale(0.985); } .peak-motion-ready .peak-reveal.is-visible { opacity: 1; transform: none; } @keyframes peak-orbit-intro { from { opacity: 0.2; transform: rotate(-38deg) scale(0.92); } to { opacity: 0.96; transform: rotate(-28deg) scale(1); } } .peak-motion-ready .peak-hero-panel.is-visible .peak-orbit-large { animation: peak-orbit-intro 900ms 120ms cubic-bezier(0.22, 1, 0.36, 1) both; } @media (prefers-reduced-motion: reduce) { .peak-motion-ready .peak-reveal, .peak-motion-ready .peak-reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; } .peak-motion-ready .peak-hero-panel.is-visible .peak-orbit-large { animation: none !important; } .peak-button, .peak-text-link, .peak-service-row, .peak-card, .peak-step, .peak-detail-card, .peak-aside-card, .peak-contact-card, .peak-team-card, .peak-faq-item { transition: none !important; } }  body.wp-theme-bricks .peak-hero-title { font-size: clamp(3.8rem, 6.5vw, 6rem) !important; } body.wp-theme-bricks .peak-section-title, body.wp-theme-bricks .peak-section-title-light, body.wp-theme-bricks .peak-prose-title { font-size: clamp(3rem, 3.6vw, 4.8rem) !important; } body.wp-theme-bricks .peak-subhero-title, body.wp-theme-bricks .peak-article-title { font-size: clamp(3.3rem, 5vw, 5.2rem) !important; } body.wp-theme-bricks .peak-card-title, body.wp-theme-bricks .peak-service-title { font-size: clamp(2rem, 1.6vw, 2.6rem) !important; } body.wp-theme-bricks .peak-step-title, body.wp-theme-bricks .peak-detail-title, body.wp-theme-bricks .peak-aside-title, body.wp-theme-bricks .peak-contact-title, body.wp-theme-bricks .peak-team-name, body.wp-theme-bricks .peak-subhero-panel-title { font-size: clamp(1.9rem, 1.35vw, 2.3rem) !important; } body.wp-theme-bricks .peak-button { min-height: 4.6rem !important; padding: 1.15rem 2rem !important; font-size: 1.5rem !important; line-height: 1.1 !important; } body.wp-theme-bricks .peak-text-link { min-height: 4.4rem !important; font-size: 1.5rem !important; } @media (min-width: 768px) and (max-width: 991px) { body.wp-theme-bricks .peak-hero, body.wp-theme-bricks .peak-subhero { grid-template-columns: minmax(0, 1.1fr) minmax(30rem, 0.9fr) !important; gap: clamp(2.4rem, 4vw, 4rem) !important; } body.wp-theme-bricks .peak-services-section, body.wp-theme-bricks .peak-content-grid, body.wp-theme-bricks .peak-contact-grid { grid-template-columns: minmax(0, 1.15fr) minmax(28rem, 0.85fr) !important; gap: clamp(2.4rem, 4vw, 4rem) !important; } body.wp-theme-bricks .peak-section-head { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important; gap: clamp(2.4rem, 4vw, 4rem) !important; } body.wp-theme-bricks .peak-card-grid, body.wp-theme-bricks .peak-approach-grid, body.wp-theme-bricks .peak-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.wp-theme-bricks .peak-hero-panel { min-height: 32rem !important; } } @media (min-width: 479px) and (max-width: 767px) { body.wp-theme-bricks .peak-card-grid, body.wp-theme-bricks .peak-approach-grid, body.wp-theme-bricks .peak-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 478px) { body.wp-theme-bricks .peak-hero-title { font-size: clamp(3.8rem, 10.5vw, 4.5rem) !important; line-height: 0.98 !important; } body.wp-theme-bricks .peak-section-title, body.wp-theme-bricks .peak-section-title-light, body.wp-theme-bricks .peak-prose-title { font-size: clamp(3rem, 8.5vw, 3.8rem) !important; } body.wp-theme-bricks .peak-subhero-title, body.wp-theme-bricks .peak-article-title { font-size: clamp(3.3rem, 9vw, 4rem) !important; } body.wp-theme-bricks .peak-button { min-height: 4.8rem !important; } body.wp-theme-bricks .peak-header .peak-button { min-height: 4.4rem !important; padding-inline: 1.4rem !important; font-size: 1.4rem !important; } }  @media (min-width: 900px) and (max-width: 991px) { body.wp-theme-bricks .peak-card-grid, body.wp-theme-bricks .peak-approach-grid, body.wp-theme-bricks .peak-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 479px) and (max-width: 899px) { body.wp-theme-bricks .peak-card-grid > :last-child:nth-child(odd), body.wp-theme-bricks .peak-approach-grid > :last-child:nth-child(odd), body.wp-theme-bricks .peak-detail-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 0.5rem); justify-self: center; } }  body.wp-theme-bricks .peak-lead, body.wp-theme-bricks .peak-subhero-lead { font-size: clamp(1.7rem, calc(1vw + 1.3rem), 2rem) !important; line-height: 1.65 !important; } body.wp-theme-bricks .peak-section-copy, body.wp-theme-bricks .peak-services-copy, body.wp-theme-bricks .peak-cta-copy, body.wp-theme-bricks .peak-subhero-panel-copy, body.wp-theme-bricks .peak-prose-copy, body.wp-theme-bricks .peak-detail-copy, body.wp-theme-bricks .peak-aside-copy, body.wp-theme-bricks .peak-contact-copy, body.wp-theme-bricks .peak-faq-answer, body.wp-theme-bricks .peak-team-bio, body.wp-theme-bricks .peak-inline-cta-copy, body.wp-theme-bricks .peak-note, body.wp-theme-bricks .peak-footer-copy, body.wp-theme-bricks .peak-card-copy, body.wp-theme-bricks .peak-service-copy, body.wp-theme-bricks .peak-step-copy, body.wp-theme-bricks .peak-check-item { font-size: clamp(1.5rem, calc(0.35vw + 1.35rem), 1.7rem) !important; line-height: 1.65 !important; } body.wp-theme-bricks .peak-article-content p, body.wp-theme-bricks .peak-article-content li { font-size: 1.7rem !important; line-height: 1.75 !important; } body.wp-theme-bricks .peak-eyebrow, body.wp-theme-bricks .peak-kicker, body.wp-theme-bricks .peak-subhero-label, body.wp-theme-bricks .peak-aside-label, body.wp-theme-bricks .peak-contact-label, body.wp-theme-bricks .peak-announcement, body.wp-theme-bricks .peak-breadcrumb, body.wp-theme-bricks .peak-card-index, body.wp-theme-bricks .peak-service-number, body.wp-theme-bricks .peak-step-number, body.wp-theme-bricks .peak-detail-number { font-size: 1.2rem !important; } body.wp-theme-bricks .peak-hero-tags, body.wp-theme-bricks .peak-article-meta, body.wp-theme-bricks .peak-team-role, body.wp-theme-bricks .peak-footer, body.wp-theme-bricks .peak-descriptor { font-size: 1.35rem !important; } body.wp-theme-bricks .peak-faq-question { min-height: 2.4rem !important; font-size: 1.6rem !important; line-height: 1.45 !important; } body.wp-theme-bricks .peak-hero-message { font-size: clamp(1.8rem, 1.5vw, 2.2rem) !important; } body.wp-theme-bricks .peak-nav-link, body.wp-theme-bricks .peak-mobile-nav-link, body.wp-theme-bricks .peak-footer-link, body.wp-theme-bricks .peak-mobile-nav-toggle { min-height: 4.4rem !important; font-size: 1.4rem !important; }  @media (max-width: 478px) { body.wp-theme-bricks .peak-page :is(h1, h2, h3, h4, .peak-faq-question) { overflow-wrap: anywhere; word-break: normal; hyphens: auto; } }