@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/montserrat-latin-400-normal.woff2) format("woff2");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/montserrat-latin-600-normal.woff2) format("woff2");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/montserrat-latin-700-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/poppins-latin-400-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/poppins-latin-500-normal.woff2) format("woff2");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/fonts/poppins-latin-600-normal.woff2) format("woff2");
}
:root {
--daye-green: #154734;
--daye-forest: #003c2c;
--daye-porcelain: #f7f6f1;
--daye-sage: #e8efea;
--daye-clay: #BA5826;
--daye-ink: #243029;
--daye-muted: #647068;
--daye-line: rgba(31, 48, 40, 0.15);
--daye-white: #ffffff;
--daye-shadow: 0 24px 70px rgba(20, 40, 30, 0.12);
--daye-content: min(1520px, calc(100vw - clamp(48px, 6vw, 112px)));
--daye-wide: min(1600px, calc(100vw - clamp(48px, 5vw, 96px)));
--daye-section: clamp(4.5rem, 6.5vw, 6.5rem);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--daye-porcelain);
color: var(--daye-ink);
font-family: "Poppins", Arial, sans-serif;
font-size: 17px;
line-height: 1.7;
text-rendering: optimizeLegibility;
}
body.admin-bar .daye-site-header {
top: 32px;
}
a {
transition: color 180ms ease, background-color 180ms ease, opacity 180ms ease, transform 180ms ease;
}
img {
display: block;
height: auto;
max-width: 100%;
}
.wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.wp-block-button {
display: inline-block;
}
.wp-block-button__link {
display: inline-block;
padding: 0.95rem 1.45rem;
background: var(--daye-green);
color: var(--daye-white);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
}
.wp-site-blocks {
padding: 0;
}
.daye-hero-grid > *,
.daye-proof-grid > *,
.daye-section-heading > *,
.daye-pathway-grid > *,
.daye-process-grid > *,
.daye-capability-grid > *,
.daye-product-grid > *,
.daye-case-grid > *,
.daye-case-facts > *,
.daye-quality-grid > *,
.daye-test-list > *,
.daye-audit-row > *,
.daye-audit-labels > *,
.daye-footer-grid > *,
.daye-page-grid > *,
.daye-split > * {
margin-block-start: 0;
}
.daye-hero .wp-block-image,
.daye-capability-card .wp-block-image,
.daye-product-card .wp-block-image,
.daye-case-image .wp-block-image,
.daye-quality-image .wp-block-image,
.daye-split > .wp-block-image {
margin: 0;
}
.daye-site-header {
position: sticky;
z-index: 100;
top: 0;
margin: 0;
border-bottom: 1px solid rgba(31, 48, 40, 0.1);
background: rgba(247, 246, 241, 0.96);
backdrop-filter: blur(18px);
}
.daye-header-inner {
display: flex;
width: var(--daye-wide);
min-height: 96px;
margin-inline: auto;
align-items: center;
gap: 36px;
}
.daye-brand {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 11px;
color: var(--daye-forest);
text-decoration: none;
}
.daye-logo-mark {
display: inline-block;
width: 50px;
height: 50px;
background-color: var(--daye-green);
background-image: url(//dayechina.com/wp-content/themes/daye-porcelain-v2/assets/images/daye-logo-white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: 34px auto;
}
.daye-brand-copy {
display: grid;
line-height: 1;
}
.daye-brand-copy strong {
font-family: "Montserrat", Arial, sans-serif;
font-size: 1.28rem;
font-weight: 700;
letter-spacing: 0.2em;
}
.daye-brand-copy small {
margin-top: 5px;
color: var(--daye-muted);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.66rem;
font-weight: 600;
letter-spacing: 0.23em;
}
.daye-primary-nav {
margin-left: auto;
}
.daye-primary-nav .wp-block-navigation__container {
column-gap: clamp(14px, 1.35vw, 26px);
}
.daye-primary-nav .wp-block-navigation-item__content {
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.81rem;
font-weight: 600;
letter-spacing: 0.035em;
}
.daye-primary-nav .wp-block-navigation-item__content:hover {
color: var(--daye-green);
}
.daye-preview-nav {
display: flex;
margin-left: auto;
align-items: center;
gap: clamp(14px, 2vw, 28px);
}
.daye-preview-nav a {
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.035em;
text-decoration: none;
}
.daye-preview-nav a:hover {
color: var(--daye-green);
}
.daye-primary-nav .wp-block-navigation__submenu-container {
min-width: 255px !important;
padding: 12px !important;
border: 1px solid var(--daye-line) !important;
background: var(--daye-white) !important;
box-shadow: var(--daye-shadow);
}
.daye-primary-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 10px 12px;
font-size: 0.76rem;
letter-spacing: 0;
} @media (min-width: 961px) {
.daye-primary-nav .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container,
.daye-primary-nav .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
right: auto !important;
left: -1px !important;
}
}
.daye-header-cta {
flex: 0 0 auto;
margin: 0;
}
.daye-header-cta .wp-block-button__link {
padding: 0.88rem 1.18rem;
font-size: 0.72rem;
white-space: nowrap;
}
.wp-block-button__link {
border: 1px solid var(--daye-green);
box-shadow: none;
transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}
.wp-block-button__link:hover {
transform: translateY(-2px);
background: var(--daye-forest);
border-color: var(--daye-forest);
color: var(--daye-white);
}
.daye-button-light .wp-block-button__link {
background: var(--daye-white);
border-color: var(--daye-white);
color: var(--daye-forest);
}
.daye-button-ghost .wp-block-button__link {
background: transparent;
border-color: rgba(255, 255, 255, 0.55);
color: var(--daye-white);
}
.daye-hero {
position: relative;
margin: 0;
overflow: hidden;
background: var(--daye-forest);
}
.daye-hero-grid {
display: grid;
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
min-height: min(780px, calc(100vh - 92px));
}
.daye-hero-copy {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(64px, 5.4vw, 104px) clamp(40px, 5.6vw, 112px);
background:
linear-gradient(125deg, rgba(53, 94, 72, 0.24), transparent 50%),
var(--daye-forest);
color: var(--daye-white);
}
.daye-hero-copy::after {
position: absolute;
right: -1px;
bottom: 0;
width: 1px;
height: 74%;
content: "";
background: rgba(255, 255, 255, 0.2);
}
.daye-hero .daye-eyebrow {
color: #bfd2c7;
}
.daye-hero h1 {
max-width: 780px;
margin: 0.55rem 0 1.6rem;
color: var(--daye-white);
font-size: clamp(3rem, 4.65vw, 4.9rem);
font-weight: 600;
letter-spacing: -0.055em;
line-height: 1.02;
}
.daye-hero-lead {
max-width: 690px;
margin: 0 0 2.3rem;
color: rgba(255, 255, 255, 0.76);
font-size: clamp(1.02rem, 1.05vw, 1.2rem);
line-height: 1.75;
}
.daye-hero-image {
position: relative;
min-height: 690px;
overflow: hidden;
}
.daye-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 58% center;
filter: saturate(0.8) contrast(1.02);
}
.daye-hero-image > .wp-block-image {
height: 100%;
}
.daye-hero-image::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(90deg, rgba(31, 48, 40, 0.16), transparent 30%),
linear-gradient(0deg, rgba(19, 32, 25, 0.18), transparent 34%);
}
.daye-hero-caption {
position: absolute;
z-index: 2;
right: clamp(24px, 4vw, 58px);
bottom: clamp(24px, 4vw, 50px);
max-width: 270px;
padding: 18px 20px;
border-left: 2px solid var(--daye-clay);
background: rgba(247, 246, 241, 0.92);
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.55;
}
.daye-eyebrow {
margin: 0;
color: var(--daye-green);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.4;
text-transform: uppercase;
}
.daye-proof-strip {
margin: 0;
background: var(--daye-white);
}
.daye-proof-grid {
display: grid;
width: var(--daye-content);
margin-inline: auto;
grid-template-columns: repeat(4, 1fr);
}
.daye-proof-item {
min-height: 152px;
padding: 30px 32px;
border-right: 1px solid var(--daye-line);
}
.daye-proof-item:first-child {
border-left: 1px solid var(--daye-line);
}
.daye-proof-value {
display: block;
margin-bottom: 4px;
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: clamp(1.8rem, 2.6vw, 2.7rem);
font-weight: 600;
letter-spacing: -0.04em;
line-height: 1;
}
.daye-proof-label {
display: block;
margin: 0;
color: var(--daye-muted);
font-size: 0.85rem;
letter-spacing: 0.02em;
line-height: 1.45;
}
.daye-section {
margin: 0;
padding-block: var(--daye-section);
}
.daye-section-inner {
width: var(--daye-content);
margin-inline: auto;
}
.daye-section-heading {
display: grid;
align-items: end;
margin-bottom: clamp(2.4rem, 3.8vw, 3.75rem);
gap: 28px;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}
.daye-section-heading h2 {
max-width: 760px;
margin: 0.6rem 0 0;
font-size: clamp(2.25rem, 3.3vw, 3.55rem);
}
.daye-section-heading > p {
max-width: 540px;
margin: 0 0 6px;
color: var(--daye-muted);
}
.daye-pathways {
background: var(--daye-porcelain);
}
.daye-pathway-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.daye-pathway {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 400px;
padding: clamp(32px, 5vw, 64px);
overflow: hidden;
border: 1px solid var(--daye-line);
background: var(--daye-white);
}
.daye-pathway + .daye-pathway {
border-left: 0;
background: var(--daye-sage);
}
.daye-pathway-number {
color: var(--daye-clay);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.14em;
}
.daye-pathway h3 {
max-width: 520px;
margin: 3.8rem 0 1rem;
font-size: clamp(2rem, 3vw, 3.2rem);
}
.daye-pathway p {
max-width: 550px;
margin: 0;
color: var(--daye-muted);
}
.daye-text-link {
display: inline-block;
margin-top: 2.5rem;
color: var(--daye-green);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.daye-text-link a {
color: inherit;
text-decoration: none;
}
.daye-process {
background: var(--daye-green);
color: var(--daye-white);
}
.daye-process .daye-eyebrow {
color: #c7d8ce;
}
.daye-process .daye-section-heading h2,
.daye-process .daye-section-heading > p {
color: var(--daye-white);
}
.daye-process .daye-section-heading > p {
opacity: 0.72;
}
.daye-process-grid {
display: grid;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
grid-template-columns: repeat(4, 1fr);
}
.daye-process-step {
min-height: 220px;
padding: 34px 32px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.daye-step-number {
color: #c7d8ce;
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
}
.daye-process-step h3 {
margin: 2rem 0 0.65rem;
color: var(--daye-white);
font-size: 1.1rem;
letter-spacing: -0.02em;
}
.daye-process-step p {
margin: 0;
color: rgba(255, 255, 255, 0.66);
font-size: 0.9rem;
line-height: 1.6;
}
.daye-capability-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(12, 1fr);
}
.daye-capability-card {
position: relative;
min-height: 590px;
overflow: hidden;
background: var(--daye-forest);
}
.daye-capability-card:nth-child(1) {
grid-column: span 7;
}
.daye-capability-card:nth-child(2) {
grid-column: span 5;
}
.daye-capability-card:nth-child(3) {
min-height: 480px;
grid-column: span 5;
}
.daye-capability-card:nth-child(4) {
min-height: 480px;
grid-column: span 7;
}
.daye-capability-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 600ms ease;
}
.daye-capability-card > .wp-block-image {
position: absolute;
inset: 0;
height: 100%;
}
.daye-capability-card:hover img {
transform: scale(1.025);
}
.daye-capability-card::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(0deg, rgba(18, 31, 24, 0.78), transparent 58%);
}
.daye-capability-copy {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
left: 0;
padding: 34px;
color: var(--daye-white);
}
.daye-capability-copy h3 {
margin: 0 0 8px;
color: var(--daye-white);
font-size: clamp(1.45rem, 2vw, 2rem);
}
.daye-capability-copy p {
max-width: 620px;
margin: 0;
color: rgba(255, 255, 255, 0.72);
font-size: 0.92rem;
}
.daye-products {
background: var(--daye-sage);
}
.daye-product-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.daye-product-card {
min-height: 100%;
margin: 0;
padding: 18px;
border: 1px solid rgba(31, 48, 40, 0.13);
background: var(--daye-white);
}
.daye-product-card:first-child {
grid-column: span 2;
}
.daye-product-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
background: #eef1ef;
}
.daye-product-card:first-child img {
aspect-ratio: 2 / 1;
object-position: center 48%;
}
.daye-product-card h3 {
margin: 1.35rem 0 0.5rem;
font-size: 1.28rem;
}
.daye-product-card p {
margin: 0;
color: var(--daye-muted);
font-size: 0.9rem;
}
.daye-case {
background: var(--daye-forest);
}
.daye-case-grid {
display: grid;
min-height: 680px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.daye-case-image {
min-height: 620px;
}
.daye-case-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.daye-case-image > .wp-block-image {
height: 100%;
}
.daye-case-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(42px, 7vw, 92px);
background: var(--daye-white);
}
.daye-case-copy h2 {
margin: 0.75rem 0 1.3rem;
font-size: clamp(2.3rem, 3.25vw, 3.55rem);
}
.daye-case-copy > p {
color: var(--daye-muted);
}
.daye-case-facts {
display: grid;
margin-top: 2rem;
border-top: 1px solid var(--daye-line);
grid-template-columns: repeat(2, 1fr);
}
.daye-case-fact {
padding: 20px 18px 10px 0;
border-bottom: 1px solid var(--daye-line);
}
.daye-case-fact-title {
display: block;
margin: 0;
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
}
.daye-case-fact-text {
margin: 0;
color: var(--daye-muted);
font-size: 0.78rem;
}
.daye-quality-grid {
display: grid;
align-items: stretch;
gap: 0;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.daye-quality-copy {
padding: clamp(42px, 6vw, 78px);
background: var(--daye-green);
color: var(--daye-white);
}
.daye-quality-copy .daye-eyebrow {
color: #c7d8ce;
}
.daye-quality-copy h2 {
margin: 0.7rem 0 1.4rem;
color: var(--daye-white);
font-size: clamp(2.35rem, 3.25vw, 3.55rem);
}
.daye-quality-copy > p {
color: rgba(255, 255, 255, 0.72);
}
.daye-test-list {
display: grid;
margin-top: 2.25rem;
border-top: 1px solid rgba(255, 255, 255, 0.18);
grid-template-columns: repeat(2, 1fr);
}
.daye-test-list p {
margin: 0;
padding: 13px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
color: rgba(255, 255, 255, 0.88);
font-size: 0.76rem;
}
.daye-quality-image {
min-height: 660px;
}
.daye-quality-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.daye-audits {
padding-block: 3rem;
border-top: 1px solid var(--daye-line);
border-bottom: 1px solid var(--daye-line);
background: var(--daye-white);
}
.daye-audit-row {
display: flex;
width: var(--daye-content);
margin-inline: auto;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.daye-audit-row > p {
max-width: 370px;
margin: 0;
color: var(--daye-muted);
font-size: 0.82rem;
}
.daye-audit-labels {
display: flex;
align-items: center;
gap: clamp(20px, 4vw, 56px);
}
.daye-audit-labels p {
margin: 0;
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: clamp(0.9rem, 1.15vw, 1.08rem);
font-weight: 700;
letter-spacing: 0.04em;
}
.daye-cta {
padding-block: clamp(3.75rem, 5vw, 5.25rem);
background: var(--daye-clay);
color: var(--daye-white);
text-align: center;
}
.daye-cta-inner {
width: min(900px, calc(100vw - 48px));
margin-inline: auto;
}
.daye-cta .daye-eyebrow {
color: rgba(255, 255, 255, 0.72);
}
.daye-cta h2 {
margin: 0.8rem auto 1.3rem;
color: var(--daye-white);
font-size: clamp(2.4rem, 3.6vw, 3.8rem);
}
.daye-cta p {
max-width: 720px;
margin: 0 auto 1.75rem;
color: rgba(255, 255, 255, 0.78);
font-size: 1.02rem;
}
.daye-cta .wp-block-buttons {
justify-content: center;
}
.daye-site-footer {
margin: 0;
padding-block: 4rem 2.25rem;
background: #17231d;
color: rgba(255, 255, 255, 0.65);
}
.daye-footer-grid,
.daye-footer-bottom {
width: var(--daye-wide);
margin-inline: auto;
}
.daye-footer-grid {
display: grid;
gap: clamp(36px, 4vw, 68px);
grid-template-columns: minmax(300px, 1.65fr) minmax(180px, 0.82fr) minmax(160px, 0.72fr) minmax(280px, 1.25fr);
}
.daye-footer-grid > .wp-block-group:not(:first-child) {
padding-left: clamp(24px, 2.6vw, 46px);
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.daye-brand--footer {
margin-bottom: 1.65rem;
color: var(--daye-white);
}
.daye-brand--footer .daye-logo-mark {
width: 54px;
height: 54px;
background-size: 37px auto;
}
.daye-brand--footer .daye-brand-copy small {
color: rgba(255, 255, 255, 0.52);
}
.daye-site-footer h3.has-small-font-size {
margin-top: 0;
color: var(--daye-white);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.82rem !important;
font-weight: 700;
letter-spacing: 0.11em;
line-height: 1.4;
text-transform: uppercase;
}
.daye-site-footer p {
font-size: 0.9rem;
line-height: 1.75;
}
.daye-footer-grid > .wp-block-group:first-child > p {
max-width: 470px;
}
.daye-footer-grid > .wp-block-group:last-child > p:not(.daye-text-link) {
max-width: 360px;
}
.daye-site-footer a {
color: rgba(255, 255, 255, 0.72);
}
.daye-site-footer a:hover {
color: var(--daye-white);
}
.daye-footer-bottom {
margin-top: 3.5rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.13);
}
.daye-footer-bottom p {
margin: 0;
}
.daye-footer-bottom .has-small-font-size {
font-size: 0.82rem !important;
}
.daye-content-shell {
width: min(920px, calc(100vw - 48px));
margin-inline: auto;
padding-block: var(--daye-section);
}
.daye-content-shell > h1 {
margin-bottom: 2.5rem;
}
.daye-page-hero {
margin: 0;
padding-block: clamp(5rem, 10vw, 9rem);
background: var(--daye-forest);
color: var(--daye-white);
}
.daye-page-hero-inner,
.daye-page-section-inner {
width: var(--daye-content);
margin-inline: auto;
}
.daye-page-hero h1 {
max-width: 960px;
margin: 0.8rem 0 1.5rem;
color: var(--daye-white);
font-size: clamp(3rem, 6vw, 6rem);
}
.daye-page-hero p:not(.daye-eyebrow) {
max-width: 720px;
margin: 0;
color: rgba(255, 255, 255, 0.72);
font-size: 1.05rem;
}
.daye-page-section {
margin: 0;
padding-block: var(--daye-section);
}
.daye-page-section--sage {
background: var(--daye-sage);
}
.daye-page-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
.daye-page-card {
padding: clamp(26px, 4vw, 44px);
border: 1px solid var(--daye-line);
background: var(--daye-white);
}
.daye-page-card h3 {
margin-top: 0;
font-size: 1.25rem;
}
.daye-page-card p {
margin-bottom: 0;
color: var(--daye-muted);
font-size: 0.85rem;
}
.daye-split {
display: grid;
align-items: center;
gap: clamp(36px, 7vw, 96px);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.daye-split img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.daye-placeholder {
padding: clamp(36px, 6vw, 72px);
border: 1px dashed rgba(31, 48, 40, 0.36);
background: var(--daye-white);
text-align: center;
}
.daye-placeholder strong {
display: block;
margin-bottom: 0.65rem;
font-family: "Montserrat", Arial, sans-serif;
}
.daye-placeholder-title {
margin: 0 0 0.65rem;
font-family: "Montserrat", Arial, sans-serif;
font-weight: 700;
}
.daye-placeholder span {
color: var(--daye-muted);
font-size: 0.82rem;
}
.daye-article-page {
margin: 0;
}
.daye-article-hero {
position: relative;
margin: 0;
overflow: hidden;
background:
radial-gradient(circle at 84% 18%, rgba(216, 186, 124, 0.16), transparent 28%),
linear-gradient(135deg, rgba(53, 94, 72, 0.38), transparent 56%),
var(--daye-forest);
color: var(--daye-white);
}
.daye-article-hero::after {
position: absolute;
right: clamp(28px, 7vw, 112px);
bottom: -88px;
width: clamp(210px, 25vw, 390px);
height: clamp(210px, 25vw, 390px);
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 50%;
content: "";
pointer-events: none;
}
.daye-article-hero__inner {
position: relative;
z-index: 1;
width: min(980px, calc(100vw - clamp(48px, 9vw, 160px)));
margin-inline: auto;
padding-block: clamp(5rem, 9vw, 8.75rem);
}
.daye-article-breadcrumbs {
margin-bottom: clamp(2.5rem, 5vw, 4.25rem);
gap: 18px;
color: rgba(255, 255, 255, 0.64);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.daye-article-breadcrumbs p,
.daye-article-breadcrumbs .wp-block-post-terms {
margin: 0;
}
.daye-article-breadcrumbs p {
display: flex;
align-items: center;
gap: 12px;
}
.daye-article-breadcrumbs a,
.daye-article-category a {
color: inherit;
text-decoration: none;
}
.daye-article-breadcrumbs a:hover,
.daye-article-category a:hover {
color: var(--daye-white);
}
.daye-article-category {
padding: 0.42rem 0.7rem;
border: 1px solid rgba(255, 255, 255, 0.24);
color: var(--daye-white);
}
.daye-article-title {
max-width: 960px;
margin: 0;
color: var(--daye-white);
font-family: "Montserrat", Arial, sans-serif;
font-size: clamp(3rem, 6.4vw, 6rem);
font-weight: 600;
letter-spacing: -0.045em;
line-height: 1.03;
}
.daye-article-deck {
max-width: 780px;
margin: 1.75rem 0 0;
color: rgba(255, 255, 255, 0.72);
font-size: clamp(1rem, 1.35vw, 1.2rem);
line-height: 1.75;
}
.daye-article-deck:empty {
display: none;
}
.daye-article-meta {
margin-top: 2rem;
gap: 9px;
color: rgba(255, 255, 255, 0.58);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.76rem;
letter-spacing: 0.04em;
}
.daye-article-meta p,
.daye-article-meta .wp-block-post-author-name,
.daye-article-meta .wp-block-post-date {
margin: 0;
}
.daye-article-meta .wp-block-post-author-name {
color: var(--daye-white);
font-weight: 600;
}
.daye-article-featured-wrap {
width: min(1240px, calc(100vw - clamp(48px, 9vw, 160px)));
margin: clamp(-3rem, -3.5vw, -2rem) auto 0;
}
.daye-article-featured-wrap:empty {
display: none;
}
.daye-article-featured {
position: relative;
z-index: 2;
margin: 0;
background: var(--daye-sage);
box-shadow: var(--daye-shadow);
}
.daye-article-featured img {
width: 100%;
object-fit: cover;
}
.daye-article-layout {
display: grid;
width: min(1180px, calc(100vw - clamp(48px, 9vw, 160px)));
margin: 0 auto;
padding-block: clamp(4.75rem, 8vw, 8rem);
align-items: start;
gap: clamp(48px, 7vw, 104px);
grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
}
.daye-article-body {
min-width: 0;
margin: 0;
color: #35433b;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.05rem, 1.25vw, 1.16rem);
line-height: 1.9;
}
.daye-article-body > .wp-block-post-content {
margin: 0;
}
.daye-article-body p,
.daye-article-body li {
max-width: 780px;
}
.daye-article-body h2,
.daye-article-body h3,
.daye-article-body h4 {
scroll-margin-top: 130px;
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
letter-spacing: -0.025em;
}
.daye-article-body h2 {
margin: clamp(3.75rem, 7vw, 5.5rem) 0 1.35rem;
padding-top: 1.25rem;
border-top: 1px solid var(--daye-line);
font-size: clamp(2rem, 3.3vw, 3rem);
line-height: 1.18;
}
.daye-article-body h3 {
margin: 2.75rem 0 1rem;
font-size: clamp(1.35rem, 2vw, 1.75rem);
line-height: 1.28;
}
.daye-article-body h4 {
margin: 2rem 0 0.75rem;
font-size: 1.08rem;
line-height: 1.35;
}
.daye-article-body p {
margin: 0 0 1.55rem;
}
.daye-article-body ul,
.daye-article-body ol {
margin: 0 0 2rem;
padding-left: 1.4rem;
}
.daye-article-body li {
margin-bottom: 0.65rem;
padding-left: 0.3rem;
}
.daye-article-body a {
color: var(--daye-green);
text-decoration-color: rgba(53, 94, 72, 0.42);
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
.daye-article-body a:hover {
color: var(--daye-clay);
}
.daye-article-body blockquote {
margin: 3rem 0;
padding: 1.75rem 2rem;
border-left: 4px solid var(--daye-clay);
background: var(--daye-sage);
color: var(--daye-forest);
font-size: 1.15em;
}
.daye-article-body blockquote p:last-child {
margin-bottom: 0;
}
.daye-article-body figure,
.daye-article-body .wp-block-image,
.daye-article-body .wp-block-table {
margin-block: 2.75rem;
}
.daye-article-body figcaption {
margin-top: 0.8rem;
color: var(--daye-muted);
font-family: "Poppins", Arial, sans-serif;
font-size: 0.72rem;
line-height: 1.6;
text-align: left;
}
.daye-article-body .wp-block-table {
overflow-x: auto;
font-family: "Poppins", Arial, sans-serif;
font-size: 0.85rem;
}
.daye-article-body table {
width: 100%;
border-collapse: collapse;
background: var(--daye-white);
}
.daye-article-body th,
.daye-article-body td {
padding: 0.95rem 1rem;
border: 1px solid var(--daye-line);
text-align: left;
vertical-align: top;
}
.daye-article-body th {
background: var(--daye-sage);
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-weight: 600;
}
.daye-article-sidebar {
position: sticky;
top: 128px;
display: grid;
gap: 22px;
margin: 0;
}
body.admin-bar .daye-article-sidebar {
top: 160px;
}
.daye-article-toc,
.daye-article-route-links {
padding: 1.7rem;
border: 1px solid var(--daye-line);
background: rgba(255, 255, 255, 0.5);
}
.daye-article-sidebar .daye-eyebrow {
margin: 0 0 1rem;
color: var(--daye-clay);
font-size: 0.66rem;
}
.daye-article-toc__nav p {
margin: 0;
color: var(--daye-muted);
font-size: 0.78rem;
line-height: 1.65;
}
.daye-article-toc__nav ol {
display: grid;
margin: 0;
padding: 0;
gap: 0;
list-style: none;
counter-reset: daye-toc;
}
.daye-article-toc__nav li {
counter-increment: daye-toc;
}
.daye-article-toc__nav a {
display: grid;
padding: 0.68rem 0;
border-bottom: 1px solid var(--daye-line);
color: var(--daye-muted);
font-size: 0.76rem;
line-height: 1.45;
text-decoration: none;
grid-template-columns: 26px minmax(0, 1fr);
}
.daye-article-toc__nav a::before {
color: var(--daye-clay);
content: counter(daye-toc, decimal-leading-zero);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.06em;
}
.daye-article-toc__nav a:hover,
.daye-article-toc__nav a.is-active {
color: var(--daye-forest);
}
.daye-article-toc__nav li:last-child a {
border-bottom: 0;
}
.daye-article-support {
padding: 1.9rem;
background: var(--daye-green);
color: var(--daye-white);
}
.daye-article-support h2 {
margin: 0 0 0.9rem;
color: var(--daye-white);
font-size: 1.35rem;
line-height: 1.3;
}
.daye-article-support > p:not(.daye-eyebrow) {
margin: 0 0 1.4rem;
color: rgba(255, 255, 255, 0.74);
font-size: 0.8rem;
line-height: 1.7;
}
.daye-article-support .wp-block-button__link {
background: var(--daye-white);
border-color: var(--daye-white);
color: var(--daye-forest);
font-size: 0.66rem;
}
.daye-article-route-links p:last-child {
margin: 0;
}
.daye-article-route-links a {
display: flex;
padding: 0.72rem 0;
border-bottom: 1px solid var(--daye-line);
align-items: center;
justify-content: space-between;
color: var(--daye-forest);
font-family: "Montserrat", Arial, sans-serif;
font-size: 0.74rem;
font-weight: 600;
text-decoration: none;
}
.daye-article-route-links a:hover {
color: var(--daye-clay);
}
.daye-article-end {
margin: 0;
background: var(--daye-forest);
color: var(--daye-white);
}
.daye-article-end__inner {
width: var(--daye-content);
margin-inline: auto;
padding-block: clamp(3.5rem, 6vw, 5.5rem);
gap: 32px;
}
.daye-article-end__inner > .wp-block-group {
max-width: 760px;
}
.daye-article-end .daye-eyebrow {
margin: 0 0 0.8rem;
color: #d8ba7c;
}
.daye-article-end h2 {
margin: 0;
color: var(--daye-white);
font-size: clamp(2rem, 4vw, 3.5rem);
}
.daye-article-end p:not(.daye-eyebrow) {
margin: 1rem 0 0;
color: rgba(255, 255, 255, 0.66);
font-size: 0.92rem;
}
.daye-journal-card {
margin-bottom: 2rem;
padding: 2rem;
border: 1px solid var(--daye-line);
background: var(--daye-white);
}
.daye-404 {
min-height: 60vh;
}
@media (max-width: 1320px) {
.daye-header-cta {
display: none;
}
.daye-primary-nav .wp-block-navigation-item__content {
font-size: 0.72rem;
}
.daye-hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
}
}
@media (max-width: 960px) {
body.admin-bar .daye-site-header {
top: 32px;
} .daye-site-header {
overflow: visible !important;
background: var(--daye-porcelain);
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
filter: none !important;
perspective: none !important;
transform: none !important;
contain: none !important;
}
.daye-header-inner {
min-height: 78px;
gap: 16px;
overflow: visible !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
filter: none !important;
perspective: none !important;
transform: none !important;
contain: none !important;
}
.daye-header-cta {
display: flex;
}
.daye-header-cta .wp-block-button__link {
padding: 0.78rem 0.95rem;
font-size: 0.65rem;
}
.daye-primary-nav .wp-block-navigation__responsive-container-open {
display: flex;
}
.daye-primary-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none;
}
html body .daye-site-header .daye-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
position: fixed !important;
z-index: 1000000 !important;
inset: 0 !important;
display: flex !important;
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
min-height: 100vh !important;
min-height: 100dvh !important;
max-height: 100vh !important;
max-height: 100dvh !important;
margin: 0 !important;
padding: max(26px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) max(26px, env(safe-area-inset-bottom)) max(26px, env(safe-area-inset-left));
overflow-x: hidden !important;
overflow-y: auto !important;
border: 0 !important;
background: var(--daye-porcelain) !important;
color: var(--daye-forest) !important;
clip: auto !important;
clip-path: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
html body.admin-bar .daye-site-header .daye-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
top: 32px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: calc(100vh - 32px) !important;
max-height: calc(100dvh - 32px) !important;
}
.daye-primary-nav .wp-block-navigation__responsive-container-close {
top: max(24px, env(safe-area-inset-top));
right: max(24px, env(safe-area-inset-right));
}
.daye-primary-nav .wp-block-navigation__responsive-container-content {
display: flex !important;
width: min(100%, 640px);
margin-inline: auto;
padding-top: 58px;
align-items: stretch !important;
}
.daye-primary-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
display: flex !important;
width: 100%;
align-items: stretch !important;
flex-direction: column !important;
gap: 0;
}
.daye-primary-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
width: 100%;
align-items: stretch !important;
flex-direction: column !important;
}
.daye-primary-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
display: block;
width: 100%;
padding: 12px 0;
border-bottom: 1px solid var(--daye-line);
font-size: 0.9rem;
line-height: 1.4;
}
.daye-primary-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
position: static !important;
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 4px 0 10px 18px !important;
overflow: visible !important;
border: 0 !important;
background: transparent !important;
box-shadow: none;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
.daye-primary-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 9px 0;
border-bottom: 0;
color: var(--daye-muted);
font-size: 0.78rem;
font-weight: 500;
}
.daye-hero-grid {
grid-template-columns: 1fr;
}
.daye-hero-copy {
min-height: 620px;
}
.daye-hero-image {
min-height: 560px;
}
.daye-proof-grid {
grid-template-columns: repeat(2, 1fr);
}
.daye-proof-item:nth-child(3) {
border-left: 1px solid var(--daye-line);
}
.daye-section-heading {
grid-template-columns: 1fr;
}
.daye-process-grid {
grid-template-columns: repeat(2, 1fr);
}
.daye-capability-card:nth-child(n) {
min-height: 470px;
grid-column: span 6;
}
.daye-product-grid {
grid-template-columns: repeat(2, 1fr);
}
.daye-product-card:first-child {
grid-column: span 2;
}
.daye-case-grid,
.daye-quality-grid,
.daye-split {
grid-template-columns: 1fr;
}
.daye-page-grid {
grid-template-columns: repeat(2, 1fr);
}
.daye-article-layout {
grid-template-columns: minmax(0, 1fr) 260px;
gap: 44px;
}
.daye-quality-image {
min-height: 560px;
}
.daye-audit-row {
align-items: flex-start;
flex-direction: column;
}
.daye-footer-grid {
grid-template-columns: repeat(2, 1fr);
}
.daye-footer-grid > .wp-block-group:not(:first-child) {
padding-left: 0;
border-left: 0;
}
}
@media (max-width: 782px) {
body.admin-bar .daye-site-header {
top: 46px;
}
html body.admin-bar .daye-site-header .daye-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
top: 46px !important;
height: auto !important;
min-height: 0 !important;
max-height: calc(100vh - 46px) !important;
max-height: calc(100dvh - 46px) !important;
}
}
@media (max-width: 640px) {
:root {
--daye-content: calc(100vw - 32px);
--daye-section: 4.5rem;
}
.daye-brand-copy {
display: none;
}
.daye-logo-mark {
width: 42px;
height: 42px;
}
.daye-hero-copy {
min-height: 580px;
padding: 66px 24px;
}
.daye-hero h1 {
font-size: clamp(2.75rem, 14vw, 4rem);
}
.daye-hero-image {
min-height: 430px;
}
.daye-proof-grid {
grid-template-columns: 1fr 1fr;
}
.daye-proof-item {
min-height: 132px;
padding: 24px 20px;
}
.daye-pathway-grid {
grid-template-columns: 1fr;
}
.daye-pathway + .daye-pathway {
border-top: 0;
border-left: 1px solid var(--daye-line);
}
.daye-process-grid {
grid-template-columns: 1fr;
}
.daye-process-step {
min-height: 165px;
}
.daye-capability-grid {
grid-template-columns: 1fr;
}
.daye-capability-card:nth-child(n) {
min-height: 390px;
grid-column: auto;
}
.daye-product-grid {
grid-template-columns: 1fr;
}
.daye-product-card:first-child {
grid-column: auto;
}
.daye-product-card:first-child img {
aspect-ratio: 4 / 3;
}
.daye-case-image {
min-height: 420px;
}
.daye-case-facts,
.daye-test-list {
grid-template-columns: 1fr;
}
.daye-quality-image {
min-height: 430px;
}
.daye-audit-labels {
display: grid;
width: 100%;
grid-template-columns: repeat(2, 1fr);
}
.daye-footer-grid {
grid-template-columns: 1fr;
}
.daye-brand--footer .daye-brand-copy {
display: grid;
}
.daye-page-grid {
grid-template-columns: 1fr;
}
.daye-article-hero__inner,
.daye-article-featured-wrap,
.daye-article-layout {
width: calc(100vw - 32px);
}
.daye-article-hero__inner {
padding-block: 4.5rem;
}
.daye-article-breadcrumbs {
margin-bottom: 2rem;
}
.daye-article-title {
font-size: clamp(2.6rem, 12vw, 4rem);
}
.daye-article-featured-wrap {
margin-top: -1.5rem;
}
.daye-article-layout {
grid-template-columns: 1fr;
padding-block: 4.5rem;
}
.daye-article-sidebar {
position: static;
grid-template-columns: 1fr;
}
.daye-article-body h2 {
margin-top: 3.5rem;
font-size: 2rem;
}
.daye-article-end__inner {
align-items: flex-start;
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
* {
scroll-behavior: auto !important;
transition: none !important;
}
}