.sub-header{display:flex;align-items:center;gap:2rem;justify-content:space-between;padding:24px 5%;background:#203542;color:#fff}.sub-brand{display:flex;align-items:center;gap:9px;font:700 13px Arial,sans-serif;letter-spacing:.14em;text-decoration:none;color:inherit;white-space:nowrap}.sub-brand span{width:12px;height:27px;border-radius:8px 8px 1px 1px;background:linear-gradient(#b84630 0 38%,#fff 38% 49%,#b84630 49%)}.sub-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px);font:600 12px Arial,sans-serif}.sub-header nav a,.sub-action{color:inherit;text-decoration:none;white-space:nowrap}.sub-action{padding:12px 17px;background:#a6412f;font:600 12px Arial,sans-serif}.sub-intro{padding:clamp(70px,9vw,150px) 7% 75px;background:#eaf2f5;color:#253945}.sub-intro>p:first-child{font:700 10px Arial,sans-serif;letter-spacing:.14em;color:#a6412f}.sub-intro h1{font:400 clamp(48px,7vw,96px)/1 Georgia,serif;letter-spacing:-.04em;max-width:950px;margin:25px 0}.sub-intro>p:last-child{font:17px/1.6 Arial,sans-serif;max-width:650px;color:#526a75}body:has(.sub-intro){margin:0;background:#eff4f5;color:#263945;font-family:Arial,sans-serif}.content-column{max-width:900px;margin:auto;padding:35px 6% 90px}.content-column section{padding:55px 0;border-top:1px solid #c2d1d8;scroll-margin-top:25px}.content-column h2,.chapter-section h2{font:400 clamp(38px,4vw,58px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:16px 0 25px}.content-column p,.content-column li,.chapter-section p{font:16px/1.75 Arial,sans-serif;color:#4f6874}.content-column small{font-size:10px;color:#a6412f}.content-column .k{font-size:10px;letter-spacing:.12em}.content-column .table>div{display:grid;grid-template-columns:100px 1fr;padding:14px 0;border-top:1px solid #c2d1d8;align-items:center;gap:20px}.table b{font:32px Georgia,serif;color:#a6412f}.table span{font-size:14px;line-height:1.5}.chapter-section{padding:70px 5%;background:#eaf2f5}.chapter-section>p{max-width:660px}.chapters{display:block;width:100%;height:min(76vh,750px);min-height:540px;border:0;margin-top:36px;background:#e5eef2}.resource-links a{display:block;padding:18px 0;border-bottom:1px solid #c2d1d8;color:#253945}.sub-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:32px 5%;background:#203542;color:white;font:12px Arial,sans-serif}.sub-footer>a{color:inherit;text-decoration:none}.sub-footer>a:last-child{text-align:right}.sub-footer .bollard-social{grid-column:2;grid-row:1}.sub-header a:focus-visible,.sub-footer a:focus-visible,.resource-links a:focus-visible{outline:3px solid #e27960;outline-offset:4px}@media(max-width:900px){.sub-header{flex-wrap:wrap;gap:18px}.sub-header nav{order:3;justify-content:flex-start;overflow-x:auto;width:100%;padding-bottom:8px}.sub-action{margin-left:auto}.chapters{min-height:640px}}@media(max-width:600px){.sub-header{padding:18px 5%}.sub-header nav{gap:22px}.sub-intro{padding:68px 6%}.sub-intro h1{font-size:clamp(43px,12vw,65px)}.chapter-section{padding:55px 5%}.chapters{min-height:600px}.sub-footer{display:flex;flex-direction:column;gap:14px}.sub-footer>a:last-child{text-align:center}}
@media(max-width:600px){.sub-header nav{flex-wrap:wrap;overflow:visible;gap:0 20px;padding-bottom:0}.sub-header nav a{display:inline-flex;align-items:center;min-height:44px}}
/* Adapted from Scrolltide's Glow Ring Button and Focus Reveal. */
.sub-action{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:6px 16px 6px 6px}.sub-action::before{content:'↗';display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#203b48;border:2px solid #c98a78;transition:border-color .25s,transform .25s}.sub-action:hover::before,.sub-action:focus-visible::before{border-color:#fff;transform:rotate(45deg)}.sub-header nav a{position:relative;padding-block:7px}.sub-header nav a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#d77861;transform:scaleX(0);transform-origin:left;transition:transform .25s}.sub-header nav a:hover::after,.sub-header nav a:focus-visible::after,.sub-header nav a[aria-current=page]::after{transform:scaleX(1)}
.section-film{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:5%;align-items:center;padding:75px 6%;background:#dceaf0}.section-film-copy>p:first-child,.component-kicker{font:700 10px Arial,sans-serif;letter-spacing:.13em;color:#a6412f}.section-film h2,.steps-block h2{font:400 clamp(38px,4vw,60px)/1 Georgia,serif;letter-spacing:-.04em;margin:22px 0}.section-film-copy>p:last-child{font:16px/1.6 Arial,sans-serif;color:#526a75}.section-film video{display:block;width:100%;aspect-ratio:16/9;background:#203b48}.steps-block{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:85px 7%;background:#f7fafb}.steps-list details{border-top:1px solid #b5c9d2}.steps-list details:last-child{border-bottom:1px solid #b5c9d2}.steps-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;padding:20px 8px;font:30px Georgia,serif}.steps-list summary::-webkit-details-marker{display:none}.steps-list summary:after{content:'+';margin-left:auto;color:#a6412f}.steps-list details[open] summary:after{content:'−'}.steps-list summary span{font:12px Arial,sans-serif;color:#a6412f}.steps-list details p{margin:0;padding:0 45px 24px;font:16px/1.6 Arial,sans-serif;color:#526a75}.focus-line{position:relative;display:flex;flex-wrap:wrap;gap:.3em;padding:45px 7%;margin:0;font:400 clamp(28px,4vw,52px) Georgia,serif;color:#304a57}.focus-line span{opacity:.45;transition:opacity .3s}.focus-line span.active{opacity:1}.focus-line i{position:absolute;border:1px solid #a6412f;pointer-events:none;transition:transform .6s,width .6s,height .6s;left:0;top:0}.film-index{margin-top:80px}.film-index a{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid #b7c8ce;text-decoration:none;font:clamp(24px,3vw,42px) Georgia,serif}.film-index span{font:14px Arial,sans-serif;align-self:center}.film-index a:last-child{border-bottom:1px solid #b7c8ce}@media(max-width:700px){.section-film,.steps-block{grid-template-columns:1fr;gap:28px;padding:55px 6%}.steps-list summary{font-size:26px}.film-index a{display:block}.film-index span{display:block;margin-top:12px}.focus-line{padding-block:35px}}@media(prefers-reduced-motion:reduce){.sub-action::before,.sub-header nav a::after,.focus-line span,.focus-line i{transition:none}.focus-line span{opacity:1}.focus-line i{display:none}}
.content-column section>p:not(.k),.layout article section>p:not(.k){padding:20px 24px;background:#e2edf0;border-left:3px solid #adc6d0;border-radius:0 10px 10px 0}.content-column section>p:not(.k)+p:not(.k),.layout article section>p:not(.k)+p:not(.k){margin-top:12px}.section-film video:focus-visible{outline:3px solid #a6412f;outline-offset:4px}
/* Editorial images, each chosen for the page's subject. */
.editorial-image{margin:0 0 45px;position:relative;overflow:hidden;background:#213c4c}.editorial-image img{width:100%;display:block;aspect-ratio:16/7;object-fit:cover;filter:saturate(.75)}.editorial-image figcaption{display:flex;justify-content:space-between;gap:1rem;padding:15px 18px;color:#fff;font:700 10px Arial;letter-spacing:.12em}.editorial-image figcaption span{font-weight:400;letter-spacing:0}.system-visual{position:relative;margin:0;background:#203b48;min-height:330px;overflow:hidden}.system-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7);opacity:.48}.system-visual figcaption{position:relative;display:flex;min-height:330px;box-sizing:border-box;flex-direction:column;justify-content:end;align-items:flex-start;gap:15px;padding:clamp(30px,6vw,90px);color:white;background:linear-gradient(90deg,rgba(20,42,54,.72),transparent)}.system-visual figcaption span,.system-visual figcaption small{font:700 10px Arial;letter-spacing:.13em}.system-visual figcaption strong{font:400 clamp(36px,5vw,70px)/1 Georgia;letter-spacing:-.03em;max-width:650px}.resource-visual{float:right;width:38%;margin:0 0 20px 35px}.resource-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.7)}.resource-links section:first-child{display:flow-root}.resource-links a{transition:padding-left .25s,color .25s}.resource-links a:hover,.resource-links a:focus-visible{padding-left:12px;color:#a6412f}.sub-header nav a:focus-visible,.sub-action:focus-visible{outline:3px solid #df927e;outline-offset:4px}@media(max-width:700px){.resource-visual{float:none;width:100%;margin:0 0 28px}.editorial-image img{aspect-ratio:3/2}.editorial-image figcaption{flex-direction:column}.system-visual,.system-visual figcaption{min-height:280px}}
