/* Eight Bells 2027 — Homepage Guides */
.eb27-guides { padding: clamp(85px, 10vw, 165px) 0; border-top: 1px solid #d2d2c8; }
.eb27-guides__header { display: flex; justify-content: space-between; align-items: end; gap: 6vw; margin-bottom: 58px; }
.eb27-guides__heading { margin: 27px 0 0; font: 400 clamp(56px, 6.2vw, 106px)/1.01 Georgia, 'Times New Roman', serif; letter-spacing: -.06em; color: #242821; }
.eb27-guides__heading em { font-weight: 400; }
.eb27-guides__intro { width: 295px; max-width: 100%; flex: 0 0 295px; margin: 0 0 7px; color: #62675e; font-size: 15px; line-height: 1.8; }
.eb27-guides__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3.5vw; }
.eb27-guides__card { min-width: 0; }
.eb27-guides__visual-link { display: block; text-decoration: none; color: inherit; }
.eb27-guides__photo { aspect-ratio: 1.24; background: #e7e8e0; overflow: hidden; }
.eb27-guides__card:nth-child(2) .eb27-guides__photo { aspect-ratio: 1.38; }
.eb27-guides__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.eb27-guides__visual-link:hover .eb27-guides__image { transform: scale(1.025); }
.eb27-guides__placeholder { height: 100%; display: grid; place-items: center; padding: 24px; color: #72776e; font-size: 13px; text-align: center; }
.eb27-guides__meta { display: flex; justify-content: space-between; gap: 16px; margin: 18px 0 13px; font-size: 10px; letter-spacing: .14em; color: #72776e; text-transform: uppercase; }
.eb27-guides__card-title { max-width: 590px; margin: 0; font: 400 clamp(28px, 3.1vw, 47px)/1.13 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; color: #242821; }
.eb27-guides__card-title a { color: inherit; text-decoration: none; }
.eb27-guides__card-title a:hover { text-decoration: underline; text-underline-offset: 5px; }
.eb27-guides__footer { margin-top: 45px; text-align: right; }
@media (max-width: 760px) { .eb27-guides__header { display: block; margin-bottom: 36px; } .eb27-guides__intro { width: auto; max-width: 420px; margin-top: 25px; } }
@media (max-width: 650px) { .eb27-guides { padding: 78px 0 90px; } .eb27-guides__heading { font-size: clamp(49px, 10vw, 75px); } .eb27-guides__grid { grid-template-columns: 1fr; gap: 50px; } .eb27-guides__photo, .eb27-guides__card:nth-child(2) .eb27-guides__photo { aspect-ratio: 1.22; } .eb27-guides__footer { text-align: left; margin-top: 38px; } }