.home-section--features.et_pb_section { padding-bottom: 88px !important; }
.home-section--features .et_pb_row { align-items: center; }
.home-section--features .home-feature-module { width: 100%; }
.home-section--features .feature-visual {
display: block;
width: 100%;
max-width: 560px;
margin: 0 auto;
color: #292b43;
font-size: 14px;
line-height: 1.5;
text-decoration: none;
}
.feature-visual *, .feature-visual *::before, .feature-visual *::after { box-sizing: border-box; }
.feature-visual svg { flex-shrink: 0; vertical-align: middle; }
.home-section--features .feature-visual:focus-visible { outline: 2px solid #5e2f48; outline-offset: 10px; border-radius: 12px; } .feature-reader {
padding: 6px;
border: 1px solid #37364d;
border-radius: 18px;
background: #242439;
box-shadow: 0 3px 5px #0c063912, 0 22px 38px -22px #0c063957;
}
.feature-reader__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 15px 15px;
color: #eaeaf2;
font-size: 11px;
}
.feature-reader__bar > span { display: flex; align-items: center; gap: 9px; }
.feature-reader__bar strong { font-size: 11px; font-weight: 500; letter-spacing: 0.13em; }
.feature-reader__bar i { width: 3px; height: 3px; background: #adaabe; border-radius: 50%; }
.feature-reader__canvas { padding: 22px 40px; background: #e9e9ef; }
.feature-spread { position: relative; display: flex; align-items: stretch; background: white; box-shadow: 0 5px 13px #24243926; }
.feature-spread img { display: block; width: 50%; height: auto; aspect-ratio: 814 / 1150; }
.feature-spread::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(50% - 10px);
width: 20px;
background: linear-gradient(90deg, transparent, #2424391c 48%, #24243930 50%, #ffffff80 55%, transparent);
pointer-events: none;
}
.feature-reader__tools { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 8px; color: #eaeaf2; font-size: 11px; }
.feature-reader__zoom { display: flex; align-items: center; gap: 6px; }
.feature-reader__zoom svg { width: 16px; height: 16px; }
.feature-reader__pagination { display: flex; align-items: center; gap: 20px; font-variant-numeric: tabular-nums; }
.feature-reader__pagination > span { font-size: 22px; line-height: 16px; color: #c1bfd2; }
.feature-reader__fullscreen { width: 50px; text-align: right; } .feature-search { padding: 30px; border: 1px solid #e5e1e7; border-radius: 16px; background: #fff; box-shadow: 0 3px 5px #0c063906, 0 22px 42px -24px #0c063938; }
.feature-search__eyebrow { display: flex; align-items: center; gap: 9px; color: #7a6272; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; }
.feature-search__eyebrow svg { width: 17px; height: 17px; }
.feature-search__query { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding: 6px 6px 6px 16px; border: 1px solid #b9a4b2; border-radius: 8px; font-size: 19px; box-shadow: 0 0 0 3px #f6f1f4; }
.feature-search__submit { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 5px; background: #5e2f48; color: white; }
.feature-search__filters { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 23px; }
.feature-search__filters span { padding: 4px 10px; border-radius: 5px; background: #f5f1f4; color: #725367; font-size: 11px; }
.feature-search__result { padding-top: 21px; border-top: 1px solid #eeeaef; }
.feature-search__meta { display: flex; justify-content: space-between; gap: 10px; color: #797582; font-size: 11px; }
.feature-search__meta > span:first-child { color: #5e2f48; font-size: 10px; letter-spacing: 0.12em; font-weight: 600; }
.home-section--features .feature-search__title { margin: 13px 0 10px; padding: 0; color: #242439; font-size: 22px; font-weight: 600; line-height: 1.28; letter-spacing: -0.015em; }
.feature-search__title mark { padding: 0 2px; background: #f4e3bc; color: inherit; }
.home-section--features .feature-search__excerpt { margin: 0; padding: 0; color: #716b79; font-size: 13px; line-height: 1.55; }
.feature-search__author { display: flex; align-items: center; gap: 10px; margin-top: 20px; font-size: 11px; }
.feature-search__initials { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f4eef2; color: #5e2f48; font-size: 11px; }
.feature-search__author strong, .feature-search__author > span:nth-child(2) > span { display: block; }
.feature-search__author strong { color: #4b3c4b; font-weight: 600; }
.feature-search__author > span:nth-child(2) > span { color: #87808a; font-size: 10px; }
.feature-search__page { margin-left: auto; color: #87808a; } .feature-paper { position: relative; width: 100%; aspect-ratio: 1.4; perspective: 1200px; }
.feature-paper__open { position: absolute; top: 13%; right: 3%; width: 73%; transform: rotate(9deg) rotateX(8deg); box-shadow: 0 2px 0 #dfdce2, 0 3px 0 #fafafa, 0 4px 0 #dedbe0, 0 20px 28px -14px #24243947; }
.feature-paper__cover { position: absolute; bottom: 7%; left: 9%; width: 44%; transform: rotate(-8deg) rotateY(-10deg); transform-origin: left center; border-radius: 1px 3px 3px 1px; background: white; box-shadow: 1px 1px 0 #d5d3d7, 2px 2px 0 #f6f5f5, 3px 3px 0 #d5d3d7, 0 22px 26px -12px #24243959; }
.feature-paper__cover::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #ffffff24, #00000018 1.3%, #ffffff0d 2.7%, transparent 5%); pointer-events: none; }
.feature-paper__cover img { display: block; width: 100%; height: auto; border-radius: inherit; }
@media (max-width: 980px) {
.home-section--features .et_pb_row { row-gap: 0; }
.home-section--features .et_pb_row:has(.feature-visual--search) > .et_pb_column:has(.home-feature-module) { order: -1; margin-top: 0; }
.home-section--features .et_pb_row:has(.feature-visual--search) > .et_pb_column:has(.home-feature-copy) { margin-top: 28px; }
}
@media (max-width: 767px) {
.home-section--features.et_pb_section { padding-bottom: 64px !important; }
.feature-reader { border-radius: 13px; padding: 4px; }
.feature-reader__bar { padding: 9px 8px 12px; font-size: 9px; gap: 6px; }
.feature-reader__bar > span { gap: 5px; }
.feature-reader__bar strong { font-size: 9px; letter-spacing: 0.07em; }
.feature-reader__bar svg { width: 15px; }
.feature-reader__canvas { padding: 14px 17px; }
.feature-reader__tools { padding: 10px 10px 7px; font-size: 10px; }
.feature-reader__pagination { gap: 14px; }
.feature-search { padding: 22px 18px; border-radius: 13px; }
.feature-search__query { font-size: 17px; }
.feature-search__filters { gap: 5px; }
.feature-search__filters span { padding: 4px 7px; font-size: 10px; }
.home-section--features .feature-search__title { font-size: 20px; }
.feature-paper__cover { width: 45%; left: 7%; }
}