.guide-main { background: #f7f2e8; color: #223a33; }
.guide-hero { position: relative; min-height: 68vh; display: grid; place-items: end start; overflow: hidden; }
.guide-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.guide-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,30,25,.82), rgba(12,30,25,.18)); }
.guide-hero-copy { position: relative; z-index: 1; width: min(760px, 92%); padding: clamp(7rem, 16vw, 11rem) clamp(1.4rem, 7vw, 6rem) clamp(3rem, 8vw, 6rem); color: #fff; }
.guide-hero h1 { margin: .45rem 0 1rem; font-family: "Playfair Display", serif; font-size: clamp(2.5rem, 7vw, 5.8rem); line-height: .98; }
.guide-hero p { max-width: 680px; font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.65; }
.guide-content { width: min(980px, 90%); margin: 0 auto; padding: clamp(3rem, 8vw, 6rem) 0; }
.guide-content h2 { margin: 2.4rem 0 .7rem; font-family: "Playfair Display", serif; font-size: clamp(1.9rem, 4vw, 3rem); }
.guide-content p, .guide-content li { font-size: 1.08rem; line-height: 1.75; }
.guide-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0; padding: 0; list-style: none; }
.guide-points li { padding: 1.2rem; border: 1px solid rgba(38,67,59,.18); border-radius: 1rem; background: #fff; }
.guide-cta { margin-top: 3rem; padding: clamp(1.5rem, 4vw, 3rem); background: #26433b; color: #fff; border-radius: 1.25rem; }
.guide-cta h2 { margin-top: 0; }
.guide-back { display: inline-block; margin-top: 1.5rem; color: #26433b; font-weight: 600; }
@media (max-width: 760px) { .guide-points { grid-template-columns: 1fr; } .guide-hero { min-height: 72vh; } }