/* SEO editorial service pages: premium design consistent with the portfolio */
.seo-page{display:flex;flex-direction:column;gap:19px}
.seo-crumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 3px 4px;font-size:10px;color:#b4a1a5}
.seo-crumb a{color:#e8d4cc;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(242,229,198,.3)}
.seo-crumb span{color:#856e77}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.65fr);gap:27px;padding:39px;align-items:center;background:linear-gradient(115deg,#21161c,#401f2b);overflow:hidden}
.seo-hero h1{font-size:clamp(37px,4.3vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.2;margin:16px 0}
.seo-hero h1 em,.seo-section h2 em,.seo-last h2 em{font-family:var(--serif);color:var(--cream);font-weight:500;font-style:italic}
.seo-hero p{max-width:560px;font-size:12px;line-height:1.85;color:#cbbabc;margin:0 0 25px}
.seo-photo{height:280px;border-radius:18px;overflow:hidden;border:1px solid rgba(242,229,198,.2);background:#3a222d}
.seo-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.seo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.seo-actions a{display:inline-flex;align-items:center;gap:13px;padding:11px 17px;border:1px solid rgba(242,229,198,.26);border-radius:9px;font-size:11px;font-weight:800;color:#eadecc}
.seo-actions .seo-primary{background:var(--cream);color:#321b26;border-color:var(--cream)}
.seo-section{padding:35px 21px 31px;border-bottom:1px solid rgba(242,229,198,.1)}
.seo-section h2{font-size:clamp(28px,3.1vw,43px);font-weight:500;letter-spacing:-.045em;line-height:1.25;margin:13px 0 17px}
.seo-section>p{font-size:12px;line-height:1.95;color:#bdb0b6;max-width:880px;margin:10px 0}
.seo-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px}
.seo-tile{padding:23px;border-radius:16px;background:linear-gradient(135deg,rgba(50,34,43,.88),rgba(26,24,30,.9));border:1px solid rgba(242,229,198,.13)}
.seo-tile small{font-size:9px;letter-spacing:.16em;color:#be9ca5;font-weight:800}
.seo-tile h3{font-size:15px;margin:11px 0 9px;letter-spacing:-.035em}
.seo-tile p{font-size:11px;line-height:1.85;color:#ada0a6;margin:0}
.seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.seo-step{padding:21px 19px;border-radius:15px;border:1px solid rgba(242,229,198,.12);background:rgba(242,229,198,.045)}
.seo-step .seo-step-no{font-family:var(--serif);font-style:italic;color:var(--cream);font-size:24px}
.seo-step h3{font-size:14px;margin:8px 0}
.seo-step p{font-size:11px;color:#b1a0a7;line-height:1.8;margin:0}
.seo-faq{max-width:870px;display:grid;gap:10px}
.seo-faq details{border:1px solid rgba(242,229,198,.14);border-radius:13px;background:rgba(242,229,198,.04);padding:17px 19px}
.seo-faq summary{list-style:none;font-size:12px;font-weight:700;cursor:pointer;display:flex;gap:15px;justify-content:space-between}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:'+';font-size:18px;color:#dfb8aa}
.seo-faq details[open] summary::after{content:'−'}
.seo-faq details p{font-size:11px;color:#b5a4ad;line-height:1.85;margin:13px 0 0}
.seo-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.seo-related a{display:inline-flex;gap:12px;align-items:center;padding:11px 14px;border:1px solid rgba(242,229,198,.19);border-radius:10px;background:rgba(242,229,198,.04);color:#eaddd6;font-size:10px;font-weight:700}
.seo-last{padding:34px;background:linear-gradient(115deg,#34202a,#542a36)}
.seo-last h2{font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-.045em;margin:10px 0}
.seo-last p{color:#cbb8be;font-size:12px;line-height:1.9;max-width:800px}
.seo-service-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:15px;font-size:10px;color:var(--cream);font-weight:800}
.seo-service-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.seo-hero{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr);padding:29px}.seo-photo{height:240px}}
@media(max-width:700px){.seo-page{gap:10px}.seo-hero{display:flex;flex-direction:column;padding:27px 22px;gap:20px}.seo-hero h1{font-size:clamp(35px,10vw,49px)}.seo-hero p{font-size:11px}.seo-photo{width:100%;height:205px}.seo-section{padding:26px 4px 24px}.seo-section h2{font-size:clamp(29px,7.8vw,39px)}.seo-section>p{font-size:11px}.seo-tiles{gap:10px}.seo-tile{padding:17px 14px}.seo-tile h3{font-size:13px}.seo-tile p{font-size:10px}.seo-steps{grid-template-columns:1fr;gap:10px}.seo-step{padding:18px}.seo-last{padding:26px 22px}.seo-last p{font-size:11px}.seo-actions a{font-size:10px}}
@media(max-width:380px){.seo-tiles{grid-template-columns:1fr}}