/* Additional styles for new pages (guides, products, credentials, projects, faq) */
.page-hero{padding:clamp(48px,7vw,104px) clamp(20px,5vw,72px) clamp(28px,4vw,56px);background:#f7f3ea;border-bottom:1px solid rgba(12,35,58,.14)}
.page-hero-inner{max-width:1120px;margin:0 auto}
.page-hero h1{font:500 clamp(30px,4.4vw,58px)/1.06 Georgia,serif;color:#0c233a;margin:0 0 18px}
.page-hero p{font:400 17px/1.65 Arial,sans-serif;color:#53606c;max-width:720px;margin:0 0 12px}
.page-hero .guide-date{font:400 13px/1.4 Arial,sans-serif;color:#8b6421;margin-top:14px}

.featured-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(36px,5vw,72px) clamp(20px,5vw,72px);max-width:1280px;margin:0 auto}
.featured-detail .featured-media img{width:100%;height:auto;display:block;border:1px solid rgba(12,35,58,.12)}
.featured-detail h2{font:500 clamp(24px,2.6vw,34px)/1.15 Georgia,serif;color:#0c233a;margin:0 0 16px}
.featured-detail p{font:400 16px/1.7 Arial,sans-serif;color:#53606c;margin:0 0 18px}
.featured-detail ul{margin:0 0 20px;padding-left:20px}
.featured-detail li{font:400 15px/1.75 Arial,sans-serif;color:#53606c;margin-bottom:10px}
.featured-detail .suited{font:400 15px/1.7 Arial,sans-serif;color:#0c233a;border-left:3px solid #8b6421;padding-left:14px}
@media(max-width:900px){.featured-detail{grid-template-columns:1fr}}

.guides-section{padding:clamp(36px,5vw,72px) clamp(20px,5vw,72px);max-width:1280px;margin:0 auto}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.guides-grid article{background:#fff;border:1px solid rgba(12,35,58,.12);overflow:hidden}
.guides-grid a{display:block;text-decoration:none;color:inherit}
.guide-media{aspect-ratio:16/10;overflow:hidden;background:#e9e4d9}
.guide-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.guides-grid article:hover .guide-media img{transform:scale(1.025)}
.guide-copy{padding:20px 22px 24px}
.guide-cat{display:block;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8b6421;margin-bottom:10px}
.guide-copy h3{font:500 21px/1.25 Georgia,serif;color:#0c233a;margin:0 0 10px}
.guide-copy p{font:400 15px/1.65 Arial,sans-serif;color:#53606c;margin:0 0 12px}
.guide-date{font:400 13px/1.4 Arial,sans-serif;color:#8b6421}
@media(max-width:1000px){.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.guides-grid{grid-template-columns:1fr}}

.guide-article .guide-body{max-width:760px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(20px,5vw,40px)}
.guide-body h2{font:500 clamp(21px,2.2vw,28px)/1.25 Georgia,serif;color:#0c233a;margin:34px 0 12px}
.guide-body p{font:400 16px/1.8 Arial,sans-serif;color:#3f4b57;margin:0 0 14px}
.guide-closing{font:500 17px/1.7 Arial,sans-serif;color:#0c233a;border-left:3px solid #8b6421;padding-left:14px;margin-top:32px}

.cred-section{padding:clamp(36px,5vw,72px) clamp(20px,5vw,72px);max-width:1280px;margin:0 auto}
.cred-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.cred-grid>div{background:#f7f3ea;padding:22px 24px 26px}
.cred-grid span{display:block;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8b6421;margin-bottom:12px}
.cred-grid h3{font:500 20px/1.3 Georgia,serif;color:#0c233a;margin:0 0 10px}
.cred-grid p{font:400 15px/1.65 Arial,sans-serif;color:#53606c;margin:0}
@media(max-width:760px){.cred-grid{grid-template-columns:1fr}}

.projects-section{padding:clamp(36px,5vw,72px) clamp(20px,5vw,72px);max-width:1280px;margin:0 auto}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.projects-grid article{background:#f7f3ea;padding:26px 28px 30px}
.projects-grid h3{font:500 21px/1.25 Georgia,serif;color:#0c233a;margin:0 0 12px}
.projects-grid p{font:400 15px/1.7 Arial,sans-serif;color:#53606c;margin:0 0 14px}
.projects-grid ul{margin:0;padding-left:20px}
.projects-grid li{font:400 14px/1.7 Arial,sans-serif;color:#53606c;margin-bottom:6px}
@media(max-width:760px){.projects-grid{grid-template-columns:1fr}}

.note-section{max-width:900px;margin:0 auto;padding:0 clamp(20px,5vw,40px) clamp(36px,5vw,64px)}
.note-section h2{font:500 clamp(20px,2.2vw,26px)/1.3 Georgia,serif;color:#0c233a;margin:0 0 12px}
.note-section p{font:400 15px/1.75 Arial,sans-serif;color:#53606c;margin:0}

.contact-section{padding:clamp(40px,5vw,80px) clamp(20px,5vw,72px);background:#0c233a;color:#fff}
.contact-section .section-kicker{color:#c9a45c}
.contact-section h2{font:500 clamp(24px,3vw,40px)/1.15 Georgia,serif;margin:0 0 14px}
.contact-section p{font:400 16px/1.7 Arial,sans-serif;color:rgba(255,255,255,.78);margin:0}
.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.button-primary,.button-ghost{display:inline-block;padding:13px 22px;font:500 14px/1 Arial,sans-serif;text-decoration:none;border:1px solid transparent;cursor:pointer}
.button-primary{background:#c9a45c;color:#0c233a;border-color:#c9a45c}
.button-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);font-family:Arial,sans-serif}
.button-ghost:hover{border-color:#fff}

.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tag-row em{font:400 12px/1.4 Arial,sans-serif;font-style:normal;color:#0c233a;background:#efe9dc;padding:5px 10px;border-radius:2px}
.applications-section .application-grid a{text-decoration:none;color:inherit}
.applications-section .application-copy{padding:18px 20px 22px}
.applications-section h3{font:500 21px/1.25 Georgia,serif;color:#0c233a;margin:0 0 10px}
.applications-section p{font:400 15px/1.65 Arial,sans-serif;color:#53606c;margin:0}