@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-front-page,
.tag-front-page * {
box-sizing: border-box;
}
.tag-front-page {
width: 100%;
max-width: 100%;
overflow-x: clip;
background: #faf9f6;
color: #57483d;
} .tag-front-intro {
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: clamp(48px, 7vw, 88px) 20px clamp(44px, 6vw, 72px);
border-bottom: 1px solid rgba(63, 49, 39, 0.09);
background:
radial-gradient(
circle at 8% 18%,
rgba(64, 181, 235, 0.15),
transparent 32%
),
radial-gradient(
circle at 92% 82%,
rgba(144, 203, 67, 0.15),
transparent 32%
),
linear-gradient(
135deg,
#f7fcff 0%,
#fffdf9 48%,
#f7faef 100%
);
}
.tag-front-intro::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
pointer-events: none;
opacity: 0.5;
background-image:
linear-gradient(
rgba(63, 49, 39, 0.025) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(63, 49, 39, 0.025) 1px,
transparent 1px
);
background-size: 44px 44px;
}
.tag-front-intro::after {
content: "";
position: absolute;
top: -260px;
right: -190px;
z-index: -1;
width: 600px;
height: 600px;
border-radius: 50%;
background: rgba(64, 181, 235, 0.08);
filter: blur(12px);
pointer-events: none;
}
.tag-front-intro__inner {
width: min(1120px, 100%);
margin: 0 auto;
text-align: center;
}
.tag-front-intro__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
margin: 0 0 18px;
padding: 9px 15px;
border: 1px solid rgba(143, 31, 27, 0.14);
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-front-intro h1 {
display: block;
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 0;
color: #3f3127;
font-size: clamp(38px, 5vw, 66px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.04em;
text-align: center;
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
}
.tag-front-intro__description {
display: block;
width: min(800px, 100%);
margin: 22px auto 0;
padding: 0;
color: #67594f;
font-size: clamp(17px, 1.6vw, 20px);
font-weight: 400;
line-height: 1.7;
text-align: center;
text-wrap: pretty;
} .tag-front-content-shell {
position: relative;
width: 100%;
padding: 32px 20px 0;
}
.tag-front-main {
display: block;
width: min(1280px, 100%);
max-width: 1280px;
margin: 0 auto;
padding: 0;
}
.tag-front-editor-content {
display: block;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.tag-front-editor-content > *:first-child {
margin-top: 0;
}
.tag-front-editor-content > *:last-child {
margin-bottom: 0;
}
.tag-front-editor-content .alignwide,
.tag-front-editor-content .alignfull {
width: 100%;
max-width: none;
margin-right: 0;
margin-left: 0;
} .tag-front-editor-content img,
.tag-front-editor-content video,
.tag-front-editor-content iframe {
max-width: 100%;
} .tag-front-search {
width: 100%;
padding: clamp(62px, 8vw, 96px) 20px;
}
.tag-front-search__inner {
width: min(680px, 100%);
margin: 0 auto;
text-align: center;
}
.tag-front-search__title {
margin: 0 0 22px;
padding: 0;
color: #3f3127;
font-size: clamp(30px, 4vw, 44px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.03em;
text-align: center;
} .tag-front-debug {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
padding: 8px 12px;
border-radius: 6px;
background: #fb923c;
color: #111;
font-size: 13px;
font-weight: 700;
} @media (max-width: 782px) {
.tag-front-intro {
padding: 46px 16px 54px;
}
.tag-front-intro h1 {
font-size: clamp(34px, 9vw, 48px);
line-height: 1.1;
letter-spacing: -0.035em;
}
.tag-front-intro__description {
margin-top: 18px;
font-size: 17px;
line-height: 1.65;
}
.tag-front-content-shell {
padding: 24px 12px 0;
}
.tag-front-search {
padding: 58px 16px;
}
} @media (max-width: 480px) {
.tag-front-intro {
padding: 38px 14px 46px;
}
.tag-front-intro__eyebrow {
margin-bottom: 15px;
font-size: 11px;
}
.tag-front-intro h1 {
font-size: 33px;
line-height: 1.12;
}
.tag-front-intro__description {
font-size: 16px;
line-height: 1.62;
}
.tag-front-content-shell {
padding: 16px 8px 0;
}
.tag-front-search {
padding-right: 14px;
padding-left: 14px;
}
} .tag-front-intro h1 {
max-width: 1040px;
margin: 0 auto;
font-size: clamp(34px, 3.8vw, 54px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.025em;
text-wrap: balance;
} .tag-front-intro__description {
max-width: 780px;
margin: 20px auto 0;
font-size: clamp(16px, 1.35vw, 19px);
line-height: 1.65;
} .tag-front-search__title {
font-size: clamp(27px, 3vw, 38px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
} @media (max-width: 782px) {
.tag-front-intro h1 {
max-width: 680px;
font-size: clamp(30px, 6.7vw, 42px);
font-weight: 700;
line-height: 1.14;
letter-spacing: -0.02em;
}
.tag-front-intro__description {
max-width: 620px;
font-size: 16.5px;
line-height: 1.62;
}
} @media (max-width: 480px) {
.tag-front-intro h1 {
font-size: 28px;
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.015em;
}
.tag-front-intro__description {
margin-top: 16px;
font-size: 16px;
line-height: 1.58;
}
.tag-front-search__title {
font-size: 28px;
}
} .tag-ajax-search,
.tag-ajax-search * {
box-sizing: border-box;
}
.tag-ajax-search {
display: flex;
align-items: center;
width: 100%;
min-height: 58px;
margin: 0;
padding: 5px 5px 5px 20px;
overflow: hidden;
border: 1px solid rgba(63, 49, 39, 0.16);
border-radius: 999px;
background: #ffffff;
box-shadow:
0 14px 34px rgba(43, 32, 24, 0.08),
0 2px 8px rgba(43, 32, 24, 0.04);
transition:
border-color 180ms ease,
box-shadow 180ms ease,
background-color 180ms ease;
}
.tag-ajax-search:hover {
border-color: rgba(63, 49, 39, 0.28);
}
.tag-ajax-search:focus-within {
border-color: #328fbd;
background: #ffffff;
box-shadow:
0 0 0 4px rgba(50, 143, 189, 0.13),
0 16px 38px rgba(43, 32, 24, 0.10);
}
.tag-ajax-search__input {
flex: 1 1 auto;
width: 100%;
min-width: 0;
height: 46px;
margin: 0;
padding: 0 14px 0 0;
border: 0 !important;
border-radius: 0;
outline: 0;
background: transparent;
box-shadow: none !important;
color: #3f3127;
font-family: inherit;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
appearance: none;
-webkit-appearance: none;
}
.tag-ajax-search__input:focus {
border: 0 !important;
outline: 0;
box-shadow: none !important;
}
.tag-ajax-search__input::placeholder {
color: #877b72;
opacity: 1;
}
.tag-ajax-search__input::-webkit-search-cancel-button {
margin-right: 6px;
cursor: pointer;
}
.tag-ajax-search__submit {
display: inline-flex;
flex: 0 0 48px;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
border: 1px solid #328fbd;
border-radius: 50%;
background: #328fbd;
color: #ffffff;
cursor: pointer;
box-shadow: 0 10px 22px rgba(50, 143, 189, 0.24);
transition:
transform 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
.tag-ajax-search__submit:hover {
transform: translateY(-1px);
border-color: #24789f;
background: #24789f;
box-shadow: 0 13px 26px rgba(50, 143, 189, 0.30);
}
.tag-ajax-search__submit:focus-visible {
outline: 3px solid rgba(50, 143, 189, 0.28);
outline-offset: 3px;
}
.tag-ajax-search__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 21px;
height: 21px;
line-height: 0;
pointer-events: none;
}
.tag-ajax-search__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
} #search-results {
width: 100%;
margin-top: 18px;
}
#search-results[aria-busy="true"] {
opacity: 0.78;
}
.tag-search-status {
margin: 0;
padding: 14px 16px;
border: 1px solid rgba(63, 49, 39, 0.10);
border-radius: 14px;
background: #f8f6f2;
color: #67594f;
font-size: 14px;
line-height: 1.55;
text-align: left;
}
.tag-search-status--loading {
background: #f3f9fc;
color: #34677e;
}
.tag-search-status--notice,
.tag-search-status--empty {
background: #fffaf0;
color: #725c35;
}
.tag-search-status--error {
border-color: rgba(143, 31, 27, 0.18);
background: #fff4f3;
color: #8f1f1b;
}
.is-hidden {
display: none !important;
}
body.tag-search-open {
overflow: hidden;
} #search-modal[aria-hidden="true"] {
display: none;
}
#search-modal.is-open[aria-hidden="false"] {
display: flex;
} @media (max-width: 600px) {
.tag-ajax-search {
min-height: 54px;
padding: 4px 4px 4px 16px;
}
.tag-ajax-search__input {
height: 44px;
padding-right: 10px;
font-size: 16px;
}
.tag-ajax-search__submit {
flex-basis: 44px;
width: 44px;
height: 44px;
}
.tag-ajax-search__icon {
width: 19px;
height: 19px;
}
}