/* HoleView editorial pages. Shared home additions are explicitly scoped. */
.seo-page{margin:0;background:#eeeade;color:#203e30;font:16px/1.8 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.seo-page *{box-sizing:border-box}.seo-page a{color:inherit}.seo-page a:focus-visible,.seo-page summary:focus-visible{outline:3px solid #ae822a;outline-offset:5px}.seo-page img{max-width:100%;display:block}.seo-page h1,.seo-page h2,.seo-page h3{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0}.seo-page em{font-family:Georgia,serif;font-weight:400}.seo-page p{margin:0 0 1.2em}.seo-page .eyebrow{font:500 10px/1.6 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.2em}.seo-skip{position:absolute;z-index:90;left:15px;top:-80px;padding:10px;background:#fff}.seo-skip:focus{top:12px}
.seo-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;color:#fff}.seo-brand{text-decoration:none;font:30px Georgia,serif;display:flex;align-items:center;gap:10px}.seo-brand img{width:24px;filter:brightness(0) invert(1)}.seo-header>nav{display:flex;align-items:center;gap:28px;font-size:13px}.seo-header>nav>a{text-decoration:none}.seo-menu{position:relative}.seo-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:18px;list-style:none}.seo-menu summary::-webkit-details-marker{display:none}.seo-menu summary:after{content:'☰'}.seo-menu[open] summary:after{content:'×'}.seo-menu>nav{position:absolute;right:0;top:48px;width:320px;max-height:70dvh;overflow:auto;padding:20px 24px;background:#eeeade;color:#203e30;box-shadow:0 10px 40px #0003;border-radius:2px}.seo-menu>nav a{display:block;padding:10px 0;border-bottom:1px solid #203e3020;text-decoration:none;line-height:1.5}
.seo-hero{position:relative;isolation:isolate;min-height:90svh;display:flex;align-items:end;color:#fff;padding:160px 8% 80px;background:#203e30}.seo-hero>picture{position:absolute;inset:0;z-index:-2}.seo-hero>picture img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,50% 50%)}.seo-hero:after{opacity:var(--hero-shade,1);content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07191180,transparent 35%),linear-gradient(90deg,#071911ad,#07191120),linear-gradient(0deg,#071911c9,transparent 90%)}.seo-hero-copy{max-width:1120px}.seo-hero h1{font-size:clamp(55px,7.6vw,118px);margin:25px 0 26px;max-width:1050px;text-wrap:balance}.seo-hero h1 em{display:block}.seo-hero .lead{font-size:clamp(16px,1.5vw,20px);max-width:680px;line-height:1.65}.seo-button{display:inline-flex;gap:25px;align-items:center;text-decoration:none;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px;min-height:44px}.seo-button span{font-size:24px}
.seo-breadcrumb{padding:25px 8%;font-size:12px;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #203e3026}.seo-breadcrumb a{text-decoration:none}.seo-intro{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.seo-intro h2{font-size:clamp(35px,4.3vw,65px);max-width:640px}.seo-intro p{max-width:600px}.seo-contents{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:25px}.seo-contents a{font-size:13px;text-underline-offset:5px}
.seo-chapter{padding:80px 8%;border-top:1px solid #203e3026}.seo-chapter-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.seo-chapter h2{font-size:clamp(35px,4vw,60px);max-width:610px}.seo-chapter .chapter-copy{max-width:630px}.seo-chapter figure{margin:45px 0 0}.seo-chapter figure img{width:100%;height:auto;max-height:640px;object-fit:cover}.seo-chapter figcaption{font-size:12px;margin-top:14px;line-height:1.6;opacity:.8}.seo-chapter figure.map{background:#e1dece;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.seo-chapter figure.map img{width:auto;max-height:500px;object-fit:contain;margin:auto}.seo-chapter figure.map figcaption{font-size:16px;max-width:320px}.seo-points{background:#203e30;color:#eeeade;padding:55px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.seo-points p{border-top:1px solid #ffffff50;padding-top:20px;margin:0;font-size:18px}
.seo-faq{padding:90px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#e5e1d4}.seo-faq h2{font-size:clamp(40px,4.3vw,65px);margin-top:20px}.seo-faq details{border-top:1px solid #203e3035;padding:0}.seo-faq summary{cursor:pointer;font-size:17px;padding:22px 30px 22px 0;line-height:1.5}.seo-faq details p{padding:0 25px 20px 0}.seo-related{padding:90px 8%}.seo-related h2{font-size:clamp(38px,4vw,62px);margin:18px 0 40px}.seo-related-grid,.seo-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.seo-card{text-decoration:none;display:block}.seo-card img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;transition:filter .25s}.seo-card:hover img{filter:brightness(1.08)}.seo-card h3{font-size:29px;margin-top:20px}.seo-card small{font-size:12px}.seo-examples{margin-top:40px}.seo-contact{padding:80px 8%;background:#203e30;color:#eeeade;display:flex;gap:50px;justify-content:space-between;align-items:center}.seo-contact h2{font-size:clamp(40px,5vw,76px)}.seo-contact p{max-width:420px;margin-top:20px}.seo-contact .seo-button{white-space:nowrap}
.seo-footer{padding:50px 8% 100px}.seo-footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.seo-footer .seo-brand img{filter:none}.seo-footer nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;font-size:13px}.seo-footer small{display:block;margin-top:28px;font-size:12px}
/* Additions to the existing homepage. */
.seo-context-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:30px 0 0;font-size:13px;line-height:1.6}.seo-context-links a{border-bottom:1px solid currentColor;padding:8px 0}.seo-home-footer{padding:36px 0;border-bottom:1px solid #203e3030}.seo-home-footer>p{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px}.seo-home-footer nav{display:flex;flex-wrap:wrap;gap:12px 28px}.seo-home-footer nav a{font-size:13px;padding:8px 0;line-height:1.5}.seo-home-menu{margin-top:15px;border-bottom:1px solid #203e3030}.seo-home-menu summary{cursor:pointer;font-size:21px;padding:15px 0;font-family:Georgia,serif}.seo-home-menu div{display:grid;gap:5px;padding:0 0 18px}.seo-home-menu div a{font:15px/1.6 'DM Sans',sans-serif;padding:8px 0}
@media(max-width:700px){.seo-header{padding:18px 6%}.seo-brand{font-size:25px}.seo-header>nav{gap:18px}.seo-header>nav>a{display:none}.seo-menu>nav{width:min(320px,88vw)}.seo-hero{padding:140px 7% 55px;min-height:85svh}.seo-hero h1{font-size:clamp(39px,10.5vw,68px);overflow-wrap:normal}.seo-hero .lead{font-size:16px}.seo-breadcrumb{padding:20px 7%}.seo-intro,.seo-chapter,.seo-related{padding:55px 7%}.seo-intro,.seo-chapter-inner,.seo-faq{display:block}.seo-intro>div{margin-top:28px}.chapter-copy{margin-top:28px}.seo-chapter figure{margin-top:30px}.seo-chapter figure.map{display:block;padding:25px}.seo-chapter figure.map figcaption{margin-top:25px}.seo-points{padding:40px 7%;grid-template-columns:1fr;gap:25px}.seo-faq{padding:55px 7%}.seo-faq>div:last-child{margin-top:30px}.seo-faq summary{font-size:16px}.seo-related-grid,.seo-examples{grid-template-columns:1fr;gap:35px}.seo-card img{max-height:330px}.seo-contact{padding:55px 7%;display:block}.seo-contact .seo-button{white-space:normal}.seo-footer{padding:40px 7% 110px}.seo-footer-top{display:block}.seo-footer-top>p{margin-top:20px}.seo-home-footer nav{display:grid;grid-template-columns:1fr;gap:8px}.seo-home-footer nav>a{display:block!important}}
@media(max-height:500px) and (orientation:landscape){.seo-hero{min-height:550px;padding-top:115px}.seo-hero h1{font-size:54px}.seo-menu>nav{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){.seo-card img{transition:none}}

@media(max-width:700px){.seo-hero>picture img{object-position:var(--hero-mobile-position,50% 50%)}}
