@media (max-width: 680px) {
body.single-post .entry-content > h1,
body.single .entry-content > h1,
body.page-template-default .entry-content > h1,
body .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
font-size: 24px !important;
line-height: 1.22 !important;
letter-spacing: -0.01em !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
body.single-post .entry-content > h2,
body.single .entry-content > h2,
body.page-template-default .entry-content > h2 {
font-size: 22px !important;
line-height: 1.25 !important;
letter-spacing: -0.008em !important;
}
body.single-post .entry-content > h3,
body.single .entry-content > h3,
body.page-template-default .entry-content > h3 {
font-size: 20px !important;
line-height: 1.28 !important;
}
}
@media (max-width: 380px) {
body.single-post .entry-content > h1,
body.single .entry-content > h1,
body.page-template-default .entry-content > h1,
body .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
font-size: 22px !important;
line-height: 1.24 !important;
}
} .tag-home,
.tag-home * {
box-sizing: border-box;
}
.tag-home {
position: relative;
width: 100%;
overflow: hidden;
background: #fbfaf7;
color: #57483d;
} .tag-home-intro {
position: relative;
isolation: isolate;
overflow: hidden;
padding: clamp(54px, 7vw, 92px) 20px 82px;
background:
radial-gradient(
circle at 8% 18%,
rgba(64, 181, 235, 0.15),
transparent 31%
),
radial-gradient(
circle at 92% 82%,
rgba(144, 203, 67, 0.15),
transparent 32%
),
linear-gradient(
135deg,
#f7fcff 0%,
#fffdf9 48%,
#f8faef 100%
);
border-bottom: 1px solid rgba(63, 49, 39, 0.09);
}
.tag-home-intro::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
pointer-events: none;
opacity: 0.48;
background-image:
linear-gradient(
rgba(63, 49, 39, 0.023) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(63, 49, 39, 0.023) 1px,
transparent 1px
);
background-size: 44px 44px;
}
.tag-home-intro::after {
content: "";
position: absolute;
z-index: -1;
top: -230px;
right: -180px;
width: 560px;
height: 560px;
border-radius: 50%;
background: rgba(71, 187, 240, 0.08);
filter: blur(12px);
pointer-events: none;
}
.tag-home-intro__inner {
position: relative;
width: min(1120px, 100%);
margin: 0 auto;
text-align: center;
}
.tag-home-intro__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 0 18px;
padding: 9px 15px;
border: 1px solid rgba(143, 31, 27, 0.13);
border-radius: 999px;
background: rgba(255, 255, 255, 0.78);
box-shadow: 0 8px 24px rgba(43, 32, 24, 0.05);
color: #7a1f1f;
font-size: 12px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tag-home-intro h1 {
width: 100%;
max-width: 1100px;
margin: 0 auto;
color: #3f3127;
font-size: clamp(40px, 5.25vw, 68px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.042em;
text-align: center;
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
}
.tag-home-intro p {
width: min(780px, 100%);
margin: 22px auto 0;
color: #67594f;
font-size: clamp(17px, 1.6vw, 20px);
font-weight: 400;
line-height: 1.7;
text-align: center;
text-wrap: pretty;
} .tag-home-featured {
position: relative;
z-index: 3;
width: 100%;
margin-top: -34px;
padding: 0 20px;
}
.tag-home-featured__inner {
width: min(1280px, 100%);
margin: 0 auto;
overflow: hidden;
border: 1px solid rgba(63, 49, 39, 0.10);
border-radius: 28px;
background: #ffffff;
box-shadow:
0 30px 70px rgba(43, 32, 24, 0.14),
0 8px 24px rgba(43, 32, 24, 0.07);
}
.tag-home-main,
.tag-home-content {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.tag-home-content > * {
max-width: none;
}
.tag-home-content > *:first-child {
margin-top: 0;
}
.tag-home-content > *:last-child {
margin-bottom: 0;
}
.tag-home-content img {
display: block;
max-width: 100%;
} .tag-home-content .alignfull,
.tag-home-content .alignwide {
width: 100%;
max-width: none;
margin-right: 0;
margin-left: 0;
} .tag-home-slide-copy {
width: min(680px, calc(100% - 150px));
margin: 0 auto;
padding: clamp(24px, 4vw, 40px);
border: 1px solid rgba(255, 255, 255, 0.34);
border-radius: 22px;
background: rgba(255, 255, 255, 0.84);
box-shadow: 0 20px 54px rgba(30, 18, 20, 0.19);
text-align: center;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.tag-home-slide-copy h2,
.tag-home-slide-copy h3 {
margin: 0;
color: #33261f;
font-size: clamp(27px, 3.3vw, 43px);
font-weight: 750;
line-height: 1.18;
letter-spacing: -0.025em;
text-align: center;
text-wrap: balance;
}
.tag-home-slide-copy p {
margin: 14px 0 0;
color: #57483d;
font-size: 17px;
line-height: 1.65;
}
.tag-home-slide-copy .button,
.tag-home-slide-copy a.button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin-top: 24px;
padding: 14px 30px;
border: 1px solid #24100f;
border-radius: 999px;
background: #24100f;
color: #ffffff;
font-weight: 700;
line-height: 1;
text-decoration: none;
box-shadow: 0 12px 28px rgba(36, 16, 15, 0.20);
transition:
transform 180ms ease,
background-color 180ms ease,
box-shadow 180ms ease;
}
.tag-home-slide-copy .button:hover,
.tag-home-slide-copy a.button:hover {
transform: translateY(-2px);
background: #611611;
border-color: #611611;
color: #ffffff;
box-shadow: 0 16px 34px rgba(36, 16, 15, 0.25);
} .tag-home-search {
padding: clamp(64px, 8vw, 96px) 20px;
}
.tag-home-search__inner {
width: min(680px, 100%);
margin: 0 auto;
text-align: center;
}
.tag-home-search h2 {
margin: 0 0 22px;
color: #3f3127;
font-size: clamp(30px, 4vw, 44px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.03em;
} @media (max-width: 782px) {
.tag-home-intro {
padding: 48px 16px 64px;
}
.tag-home-intro h1 {
font-size: clamp(35px, 10vw, 48px);
line-height: 1.1;
letter-spacing: -0.035em;
}
.tag-home-intro p {
margin-top: 18px;
font-size: 17px;
line-height: 1.65;
}
.tag-home-featured {
margin-top: -24px;
padding: 0 12px;
}
.tag-home-featured__inner {
border-radius: 20px;
}
.tag-home-slide-copy {
width: min(100% - 70px, 620px);
padding: 22px 18px;
border-radius: 18px;
}
.tag-home-slide-copy h2,
.tag-home-slide-copy h3 {
font-size: clamp(24px, 7vw, 34px);
}
.tag-home-search {
padding: 58px 16px;
}
}
@media (max-width: 480px) {
.tag-home-intro {
padding-top: 40px;
}
.tag-home-intro h1 {
font-size: 34px;
}
.tag-home-featured {
margin-top: -18px;
padding: 0 8px;
}
.tag-home-featured__inner {
border-radius: 16px;
}
.tag-home-slide-copy {
width: calc(100% - 40px);
padding: 20px 16px;
}
.tag-home-slide-copy .button,
.tag-home-slide-copy a.button {
width: 100%;
}
}