/*1919 to 1800 */
@media (max-width: 1919px) {
}

/*1799 to 1700 */
@media (max-width: 1799px) {
}

/*1699 to 1600 */
@media (max-width: 1699px) {
}

/*1599 to 1440 */
@media (max-width: 1599px) {
}

/*1439 to 1360 */
@media (max-width: 1439px) {
}

/*1359 to 1280 */
@media (max-width: 1359px) {
  h1{ font-size: 3.5em;}
}

/*1279 to 1152 */
@media (max-width: 1279px) {
  .rh-cont h1{ font-size: 3.75em;}
  .facet-panel{ grid-template-columns: 260px 1fr;}
  .facet-grid{ grid-template-columns: repeat(2, 1fr);}
  h1{ font-size: 3.25em;}
  h2{ font-size: 2.5em;}
  .try-head .pill{ font-size: 1.75em;}
  .try-head h2{ font-size: 1.3125em;}
  .how-grid{ grid-template-columns: 1fr 1.6fr;}
  .sample-grid{ grid-template-columns: repeat(2, 1fr);}
}

/*1151 to 1024 */
@media (max-width: 1151px) {
  .ocean-row{ grid-template-columns: repeat(3, 1fr);}
  .reads-grid-cards{ grid-template-columns: repeat(2, 1fr);}
  .auth-grid{ grid-template-columns: 1fr 420px; gap: 2rem;}
  .rh-chart-card{ grid-template-columns: 1fr; text-align: left;}
  .trait-tiles{ grid-template-columns: repeat(3, 1fr);}
  .dash-grid, .career-grid{ grid-template-columns: repeat(2, 1fr);}
  .career-top{ grid-template-columns: 1fr;}
  .deep-grid{ grid-template-columns: 1fr; gap: 1.5rem;}
  h1{ font-size: 3em;}
  h2{ font-size: 2.25em;}
  .main-nav ul{ gap: 1.125rem;}
  .mb-img{ height: 340px;}
  .dim-grid{ grid-template-columns: 1fr 1fr;}
  .dim-legend{ grid-column: span 2;}
  .dim-legend figure{ max-width: 520px;}
  .how-grid{ grid-template-columns: 1fr; gap: 1.75rem;}
  .stress-grid{ grid-template-columns: 1fr 1.6fr;}
  .report-grid{ grid-template-columns: repeat(2, 1fr);}
  .try-grid{ grid-template-columns: 1fr 1.5fr; gap: 1.5rem;}
}

/*1023 to 992 */
@media (max-width: 1023px) {
  .main-header .container{ gap: 1rem;}
  .main-nav ul li a{ font-size: 0.875em;}
}

/*991 to 970 */
@media (max-width: 991px) {
  .ph-in h1{ font-size: 2.75em;}
  .reads-featured{ grid-template-columns: 1fr;}
  .reads-featured figure{ height: 300px;}
  .rf-cont{ padding: 0 1.5rem 1.5rem;}
  .about-grid{ grid-template-columns: 1fr;}
  .about-side{ position: static;}
  .who-grid{ grid-template-columns: 1fr 1fr;}
  .faq-layout{ grid-template-columns: 1fr; gap: 1.5rem;}
  .faq-toc{ position: static;}
  .faq-toc ul{ flex-direction: row; flex-wrap: wrap;}
  .cta-band-in{ grid-template-columns: 1fr;}
  .cta-band .sec-btn{ flex-direction: row;}
  .auth-grid{ grid-template-columns: 1fr; gap: 2rem;}
  .auth-side{ text-align: center;}
  .auth-side ul.tick-list{ display: inline-block; text-align: left;}
  .auth-card{ max-width: 480px; margin: 0 auto; width: 100%;}
  .auth-sec{ min-height: 0;}
  .report-nav{ top: 69px;}
  .rh-grid{ grid-template-columns: 1fr; gap: 2rem;}
  .rh-chart-card{ grid-template-columns: 1fr 1fr;}
  .facet-panel{ grid-template-columns: 1fr;}
  .facet-wheel{ position: static;}
  .facet-grid{ grid-template-columns: repeat(2, 1fr);}
  .sec-head{ flex-direction: column; gap: 0.5rem;}
  .sec-head .bttn{ margin: 0 0 1.5rem;}
  .stress-top{ grid-template-columns: 1fr;}
  .gauge-card{ flex-direction: row; justify-content: center; gap: 1rem; text-align: left;}
  .gauge-card .gauge{ max-width: 110px;}
  .main-nav{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background: var(--cream); border-bottom: 1px solid var(--brdr-color); padding: 1rem 1.625rem 1.25rem;}
  .main-nav.open{ display: block;}
  .main-nav ul{ flex-direction: column; align-items: flex-start; gap: 0.25rem;}
  .main-nav ul li a{ display: block; padding: 0.625rem 0; font-size: 1em;}
  .menu-toggle{ display: flex;}
  .head-btn .bttn{ padding: 0.625rem 1.125rem; font-size: 0.875em;}
  .main-header .logo img{ height: 48px;}
  .mb-grid{ grid-template-columns: 1fr; gap: 2rem;}
  .mb-img{ height: 320px;}
  .hero-stats .grid-4{ grid-template-columns: repeat(2, 1fr);}
  .science-grid{ grid-template-columns: 1fr; gap: 2rem;}
  .stress-grid{ grid-template-columns: 1fr;}
  .stress-list ul{ display: grid; grid-template-columns: repeat(2, 1fr);}
  .stress-list{ display: contents;}
  .stress-list ul{ order: 1;}
  .stress-panels{ order: 2;}
  .stress-cta{ order: 3; margin-top: 0; padding-top: 0;}
  .try-grid{ grid-template-columns: 1fr;}
  .try-sec.answering .try-progress{ top: 69px;}
  .testi-grid{ grid-template-columns: 1fr; gap: 1.5rem;}
  .testi-card{ padding: 0;}
  .testi-card + .testi-card{ border-left: none; border-top: 1px solid #e7dac6; padding-top: 1.5rem;}
  .reads-feature{ grid-template-columns: 1fr; gap: 1.25rem;}
  .reads-feature figure{ height: 280px;}
  .news-box{ grid-template-columns: 1fr; gap: 1.25rem;}
  .main-footer .footer-top{ grid-template-columns: 1fr 1fr; gap: 2rem;}
  .main-footer .footer-about{ grid-column: span 2;}
}

/*969 to 900 */
@media (max-width: 969px) {
}

/*899 to 800 */
@media (max-width: 899px) {
  .dim-grid{ grid-template-columns: 1fr;}
  .dim-legend{ grid-column: auto;}
  .how-cards{ grid-template-columns: 1fr;}
}

/*799 to 768 */
@media (max-width: 799px) {
  .report-grid{ grid-template-columns: 1fr;}
  .reads-grid{ grid-template-columns: 1fr;}
  .read-card{ padding: 1.25rem 0;}
  .read-card + .read-card{ border-left: none; border-top: 1px solid var(--brdr-sand);}
  .stress-two{ grid-template-columns: 1fr;}
}

/*767 to 736 */
@media (max-width: 767px) {
  .ph-in h1{ font-size: 2.25em;}
  .page-hero .container{ padding-top: 2.5rem; padding-bottom: 2rem;}
  .reads-grid-cards{ grid-template-columns: 1fr;}
  .rf-cont h2{ font-size: 1.5em;}
  .pipeline{ grid-template-columns: 1fr 1fr;}
  .pipeline:before{ display: none;}
  .who-grid{ grid-template-columns: 1fr;}
  .ocean-row{ grid-template-columns: 1fr 1fr;}
  .faq-item summary{ padding: 0.875rem 1rem; font-size: 0.97em;}
  .faq-answer{ padding: 0 1rem 1rem;}
  .cta-band h2{ font-size: 1.5em;}
  .cta-band .sec-btn{ flex-direction: column;}
  .auth-card{ padding: 1.5rem 1.25rem;}
  .auth-side h1{ font-size: 2.25em;}
  .rh-cont h1{ font-size: 3em;}
  .rh-chart-card{ grid-template-columns: 1fr; padding: 1.25rem;}
  .trait-tiles{ grid-template-columns: 1fr 1fr; margin-bottom: -1.5rem;}
  .trait-tile{ padding: 0.75rem;}
  .trait-tile .ring{ width: 52px; height: 52px;}
  .deep-sec .container{ padding-top: 4rem;}
  .deep-card{ padding: 1.5rem 1.25rem;}
  .facet-grid{ grid-template-columns: 1fr;}
  .dash-grid, .career-grid{ grid-template-columns: 1fr;}
  .intel-bars li{ grid-template-columns: 1fr; gap: 0.375rem;}
  .intel-bars li b{ text-align: left;}
  .modal{ padding: 0;}
  .modal-box{ max-height: 100vh; border-radius: 0;}
  .modal-body{ padding: 1.25rem 1.25rem;}
  .modal-body h2{ font-size: 1.5em;}
  .modal-who span{ display: none;}
  .m-table{ font-size: 0.875em;}
  .m-table th, .m-table td{ padding: 0.5rem;}
  h1{ font-size: 2.625em;}
  h2{ font-size: 2em;}
  .sec-pad{ padding: 3rem 0;}
  .science-sec .container, .report-sec .container, .sample-sec .container, .reads-sec .container, .testi-sec .container{ padding-top: 3rem; padding-bottom: 3rem;}
  .title-sec{ padding-bottom: 1.5rem;}
  .main-banner .container{ padding-top: 2.5rem; padding-bottom: 2rem;}
  .mb-cont p{ font-size: 1.0625em;}
  .mb-img{ height: 260px;}
  .hero-stats{ margin-bottom: -1.5rem;}
  .stat-card{ padding: 1rem;}
  .stat-card strong{ font-size: 1.5em;}
  .science-grid .grid-2{ gap: 0.75rem;}
  .metric-card{ padding: 1.25rem 1rem;}
  .metric-card strong{ font-size: 1.75em;}
  .dim-main h3{ font-size: 1.75em;}
  .dim-facets li strong{ min-width: 0; width: 100%;}
  .stress-head h2{ font-size: 1.875em;}
  .stress-list ul{ grid-template-columns: 1fr;}
  .stress-card h3{ font-size: 1.5em;}
  .stress-table dl > div{ grid-template-columns: 1fr; gap: 0.375rem; padding: 0.875rem 1.25rem;}
  .stress-table.influence-table dl > div{ grid-template-columns: 1fr auto; align-items: center;}
  .stress-table.influence-table dt{ grid-column: 1 / -1;}
  .try-head .pill{ font-size: 1.45em;}
  .try-head h2{ font-size: 1.2125em;}
  .try-tiles{ grid-template-columns: repeat(3, 1fr); gap: 0.5rem;}
  .try-q{ padding: 1rem 1.125rem; gap: 0.875rem;}
  .try-q .q-scale{ width: 100%; justify-content: space-between;}
  .try-nav .try-pager{ order: 3; width: 100%; justify-content: center; margin-top: 0.75rem;}
  .try-nav .bttn-orange{ margin-left: auto;}
  .testi-head h2{ font-size: 1.75em;}
  .reads-sec h2{ font-size: 1.875em;}
  .reads-feature figure{ height: 220px;}
  .reads-feature h3{ font-size: 1.625em;}
  .news-box{ padding: 1.5rem 1.25rem;}
  .sample-grid{ grid-template-columns: 1fr;}
  .main-footer .footer-top{ padding: 2.5rem 0 1.5rem;}
}

/*735 to 667 */
@media (max-width: 735px) {
}

/*666 to 600 */
@media (max-width: 666px) {
}

/*599 to 568 */
@media (max-width: 599px) {
  .hero-stats .grid-4{ grid-template-columns: 1fr;}
  .science-grid .grid-2{ grid-template-columns: 1fr;}
  .main-footer .footer-top{ grid-template-columns: 1fr;}
  .main-footer .footer-about{ grid-column: auto;}
}

/*567 to 480 */
@media (max-width: 567px) {
  .try-tiles{ grid-template-columns: 1fr 1fr;}
  .try-tiles .try-tile:last-child{ grid-column: span 2;}
  .readpop{ padding: 0;}
  .readpop-box{ max-height: 100vh; height: 100%; border-radius: 0; padding: 1.5rem 1.25rem;}
}

/*479 to 414 */
@media (max-width: 479px) {
  .ocean-row{ grid-template-columns: 1fr;}
  .ph-stats div{ min-width: 0; flex: 1;}
  .about-stats{ grid-template-columns: 1fr 1fr;}
  .rh-cont h1{ font-size: 2.5em;}
  .trait-tiles{ grid-template-columns: 1fr;}
  .rh-pattern{ border-radius: 16px;}
  .modal-foot{ flex-wrap: wrap;}
  h1{ font-size: 2.375em;}
  h2{ font-size: 1.75em;}
  .container{ padding: 0 1.25rem;}
  .main-header .logo img{ height: 42px;}
  .head-btn .bttn{ padding: 0.5rem 0.875rem; font-size: 0.8125em;}
  .try-head .pill{ font-size: 1.05em; padding: 0.8125rem 1.25rem; letter-spacing: 0.08em;}
  .try-head h2{ font-size: 1.0625em;}
  .try-sec.answering .try-progress{ top: 63px; padding: 0.75rem 1rem;}
  .try-progress .try-note{ font-size: 0.875em; margin-bottom: 0.5rem;}
  .try-q .q-opts{ gap: 0.5rem;}
  .mb-cont .sec-btn .bttn{ width: 100%;}
}

/*413 to 375 */
@media (max-width: 413px) {
  h1{ font-size: 2.125em;}
  .head-btn{ display: none;}
}

/*374 to 320 */
@media (max-width: 374px) {
  h1{ font-size: 1.875em;}
  .try-progress .tp-pct{ font-size: 1.75em;}
}

@media (min-width: 992px) and (min-height: 900px) {
}