/* Founder edition, framed to sit alongside Glottie's illustrated field guides. */
body { background:#F7F5F1; color:#17141F; }
.wrap { max-width:1240px; margin:24px auto; padding:0; border:1px solid #E2DED6; border-radius:14px; overflow:hidden; }
.nav { padding:22px 40px; border-color:#E2DED6; }
.brand { font:400 30px/1 var(--display, sans-serif); letter-spacing:-1.5px; }
.brand img { display:none; }
.navlinks { font-size:12px; }
.hero { padding:0; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; border-bottom:1px solid #E2DED6; }
.hero > div:first-child { padding:42px 40px; align-self:center; }
.hero h1 { font-weight:400; font-size:clamp(40px,4.4vw,62px); letter-spacing:-.035em; line-height:1.05; }
.eyebrow { color:#C9380F; font-size:10px; letter-spacing:.11em; }
.hero .dek { font-size:17px; line-height:1.75; }
.byline { font-size:11px; }
.model-hero-side { min-width:0; display:flex; flex-direction:column; background:#17141F; }
.model-conversation { margin:0; height:255px; overflow:hidden; flex:none; }
.model-conversation img { width:100%; height:100%; object-fit:cover; object-position:center 43%; display:block; }
.model-hero-side .article-audio { align-self:stretch; border-radius:0; box-shadow:none; padding:28px 35px; background:#17141F; }
.article-audio h2 { margin-top:21px; font-size:38px; }
.audio-wave { margin:16px 0; height:43px; }
.audio-footnote { margin-top:17px; padding-top:13px; }
.quick { margin:0 40px 38px; border-top:0; border-color:#E2DED6; }
.quick div { padding:25px 20px 25px 0; }
.quick div + div { border-inline-start:1px solid #E2DED6; padding-inline-start:20px; }
.quick b { font:400 24px/1.15 var(--display, sans-serif); color:#17141F; }
.quick span { font-size:11px; line-height:1.6; }
.layout { padding-inline:40px; grid-template-columns:220px minmax(0,740px); gap:45px; }
.toc { font-size:11px; }
.article { font-size:18px; color:#4E4964; }
.article h2 { font-weight:400; color:#17141F; border-top:1px solid #E2DED6; padding-top:30px; margin-top:36px; }
.article h2:first-child { border-top:0; padding-top:0; }
.article > p:first-child { font-size:23px; }
.related { margin:48px 40px 0; padding:32px 0; border-color:#E2DED6; }
.related h2,.cta h2 { font-weight:400; }
.guide-grid { gap:0 25px; }
.guide { font:400 18px/1.4 var(--display, sans-serif); min-height:90px; border-color:#E2DED6; }
.cta { margin:10px 40px 35px; padding:35px; border-radius:8px; background:#FFD9CC; position:relative; overflow:hidden; }
.cta > div { position:relative; max-width:65%; }
.cta > a { position:relative; z-index:1; }
.cta > .model-ornament { position:absolute; width:235px; height:240px; min-width:0; right:135px; bottom:-45px; opacity:.38; object-fit:contain; }
.footer { margin-inline:40px; font-size:10px; border-color:#E2DED6; }
@media(max-width:850px) {
 .wrap { margin:8px; border-radius:10px; }
 .nav { padding:20px 22px; }
 .hero { grid-template-columns:1fr; }
 .hero > div:first-child { padding:32px 22px; }
 .hero h1 { font-size:44px; }
 .model-conversation { height:270px; }
 .model-hero-side .article-audio { padding:26px 22px; }
 .quick { margin-inline:22px; }
 .quick b { font-size:21px; }
 .layout { padding-inline:22px; grid-template-columns:1fr; gap:25px; }
 .related { margin-inline:22px; }
 .cta { margin-inline:22px; padding:28px 22px; }
 .cta > div { max-width:100%; }
 .footer { margin-inline:22px; }
}
@media(max-width:500px) {
 .navlinks { gap:14px; }
 .hero h1 { font-size:42px; }
 .quick { grid-template-columns:1fr; }
 .quick div,.quick div + div { padding:17px 0; border:0; }
 .quick div + div { border-top:1px solid #E2DED6; }
 .quick span { font-size:12px; }
 .cta { padding-bottom:45px; }
 .cta > .model-ornament { right:-30px; bottom:-35px; width:170px; height:190px; }
 .article { font-size:17px; }
 .article h2 { font-size:29px; }
}
@media print { .wrap { border:0; margin:0; }.model-hero-side { display:none; } }