.seo-collection-page { color: #172d27; background: #eef3f3; }
.seo-collection-hero { overflow: hidden; background: radial-gradient(circle at 78% 17%, rgba(203,174,116,.2), transparent 27%), linear-gradient(125deg,#f7f5ef,#ece9e2); }
.seo-collection-hero-grid { display: grid; min-height: 520px; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); align-items: center; gap: 70px; padding-top: 70px; padding-bottom: 70px; }
.seo-collection-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 44px; color: #7c857f; font-size: 11px; }
.seo-collection-breadcrumb a { color: inherit; text-decoration: none; }
.seo-collection-breadcrumb strong { color: #40544c; font-weight: 700; }
.seo-collection-kicker, .seo-collection-results header span, .seo-collection-guide > div > span, .seo-related-collections header span { color: #a57642; font-size: 10px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.seo-collection-hero h1 { max-width: 800px; margin: 18px 0 22px; font-family: Georgia,serif; font-size: clamp(50px,5.5vw,78px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
.seo-collection-hero p { max-width: 670px; color: #63726c; font-size: 17px; line-height: 1.72; }
.seo-collection-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.seo-collection-tags span { border: 1px solid rgba(34,65,55,.18); border-radius: 999px; padding: 8px 12px; color: #486259; background: rgba(255,255,255,.52); font-size: 11px; }
.seo-collection-hero figure { overflow: hidden; aspect-ratio: 4/5; margin: 0; border: 12px solid rgba(255,255,255,.64); box-shadow: 0 25px 70px rgba(32,55,47,.15); transform: rotate(2deg); }
.seo-collection-hero figure img { width: 100%; height: 100%; object-fit: cover; }
.seo-collection-visual { position: relative; min-height: 390px; }
.seo-collection-visual span { position: absolute; border: 1px solid rgba(36,65,55,.2); border-radius: 50%; }
.seo-collection-visual span:first-child { inset: 3%; }
.seo-collection-visual span:nth-child(2) { inset: 20%; }
.seo-collection-visual strong { position: absolute; inset: 36%; display: grid; place-items: center; color: #fff7e8; background: #25473b; font-family: Georgia,serif; font-size: 26px; font-weight: 400; transform: rotate(-5deg); }
.seo-collection-intro { padding: 65px 0; background: #fffdf8; }
.seo-collection-intro > div { max-width: 880px; }
.seo-collection-intro p { margin: 0; color: #5f6e68; font-size: 16px; line-height: 1.85; }
.seo-collection-intro p + p { margin-top: 17px; }
.seo-collection-results { padding: 85px 0 100px; }
.seo-collection-results > div > header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(41,70,60,.18); padding-bottom: 22px; }
.seo-collection-results h2, .seo-related-collections h2 { margin: 8px 0 0; font-family: Georgia,serif; font-size: 37px; font-weight: 400; }
.seo-collection-results header p { color: #78817d; font-size: 12px; }
.seo-collection-results header p strong { color: #a57642; font-family: Georgia,serif; font-size: 23px; }
.seo-collection-empty { padding: 90px 20px; text-align: center; background: #fff; }
.seo-collection-empty p { color: #68756f; }
.seo-collection-empty a { display: inline-flex; margin-top: 20px; border-bottom: 1px solid #a57642; padding-bottom: 5px; color: #25473b; text-decoration: none; }
.seo-collection-guide { padding: 100px 0; color: #f8f2e4; background: #203b32; }
.seo-collection-guide > div { max-width: 900px; }
.seo-collection-guide h2 { margin: 18px 0 26px; color: #fff9ec; font-family: Georgia,serif; font-size: clamp(36px,4.5vw,58px); font-weight: 400; line-height: 1.08; }
.seo-collection-guide p { color: rgba(248,242,228,.68); font-size: 15px; line-height: 1.8; }
.seo-collection-guide a { display: inline-flex; gap: 18px; margin-top: 25px; border-bottom: 1px solid #d4b476; padding-bottom: 6px; color: #fff4dd; font-size: 12px; font-weight: 800; text-decoration: none; }
.seo-related-collections { padding: 90px 0; background: #f7f4ed; }
.seo-related-collections header { margin-bottom: 35px; }
.seo-related-collections .container > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(39,68,58,.18); }
.seo-related-collections a { min-height: 210px; padding: 28px; color: #203b32; background: #fffdf8; text-decoration: none; }
.seo-related-collections a span { color: #a57642; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.seo-related-collections a strong { display: block; margin: 45px 0 22px; font-family: Georgia,serif; font-size: 23px; font-weight: 400; line-height: 1.2; }
.seo-related-collections a b { color: #557064; font-size: 11px; }
.seo-collection-index-hero { padding: 115px 0 95px; background: radial-gradient(circle at 80% 20%,rgba(203,174,116,.18),transparent 26%),#f5f1e8; }
.seo-collection-index-hero h1 { max-width: 850px; margin: 20px 0; font-family: Georgia,serif; font-size: clamp(52px,6vw,82px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
.seo-collection-index-hero p { max-width: 680px; color: #65736d; font-size: 17px; line-height: 1.75; }
.seo-collection-index-grid { padding: 90px 0 110px; }
.seo-collection-index-grid > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(39,68,58,.18); }
.seo-collection-index-grid > div > a { min-height: 320px; padding: 34px; color: #203b32; background: #fffdf8; text-decoration: none; transition: transform .2s ease,background .2s ease; }
.seo-collection-index-grid > div > a:hover { position: relative; z-index: 2; background: #fff; transform: translateY(-4px); }
.seo-collection-index-grid a > span { color: #a57642; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.seo-collection-index-grid h2 { margin: 58px 0 17px; font-family: Georgia,serif; font-size: 30px; font-weight: 400; line-height: 1.15; }
.seo-collection-index-grid p { color: #67746f; font-size: 13px; line-height: 1.7; }
.seo-collection-index-grid b { display: flex; justify-content: space-between; margin-top: 28px; color: #527064; font-size: 11px; }
.seo-collection-index-grid i { color: #a57642; font-style: normal; }
@media (max-width: 900px) {
    .seo-collection-hero-grid { grid-template-columns: 1fr; }
    .seo-collection-hero figure, .seo-collection-visual { display: none; }
    .seo-related-collections .container > div { grid-template-columns: repeat(2,1fr); }
    .seo-collection-index-grid > div { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
    .seo-collection-hero-grid { min-height: 0; padding-top: 55px; padding-bottom: 60px; }
    .seo-collection-breadcrumb { margin-bottom: 32px; }
    .seo-collection-hero h1 { font-size: 45px; }
    .seo-collection-hero p { font-size: 15px; }
    .seo-collection-intro { padding: 48px 0; }
    .seo-collection-results { padding: 65px 0; }
    .seo-collection-results > div > header { align-items: flex-start; flex-direction: column; }
    .seo-related-collections .container > div { grid-template-columns: 1fr; }
    .seo-collection-index-hero { padding: 80px 0 70px; }
    .seo-collection-index-hero h1 { font-size: 45px; }
    .seo-collection-index-grid > div { grid-template-columns: 1fr; }
}