/* Shared social controls and centered native dialog. */
.bollard-social{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.bollard-social button{box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(18,35,45,.22);color:inherit;cursor:pointer}.bollard-social button svg{display:block;width:18px;height:18px;flex:none}.bollard-social button:hover{background:#a6412f;border-color:#a6412f}.bollard-social button:focus-visible,.bollard-dialog button:focus-visible{outline:3px solid #e47459;outline-offset:3px}.bollard-dialog{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border:1px solid #d5e1e4;border-radius:18px;padding:32px;background:#f3f7f7;color:#263b46;box-shadow:0 22px 80px #13252d66;text-align:center;font-family:Arial,sans-serif}.bollard-dialog::backdrop{background:rgba(12,24,31,.62);backdrop-filter:blur(5px)}.bollard-dialog h2{font:normal 36px/1.05 Georgia,serif;letter-spacing:-.03em;margin:0 0 14px}.bollard-dialog p{font:15px/1.5 Arial,sans-serif;margin:0 0 22px;color:#526a73}.bollard-dialog button{border:0;border-radius:999px;background:#a6412f;color:white;padding:12px 26px;font:600 13px Arial,sans-serif;cursor:pointer}.contact>.bollard-social{position:relative;z-index:11;order:4;margin:30px auto 0}.dash-foot,.film footer{align-items:center}footer .bollard-social{margin-inline:auto}body:has(.dash-main) .dash-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}body:has(.dash-main) .dash-foot>span:nth-child(2){grid-column:3;text-align:right}body:has(.dash-main) .dash-foot>.bollard-social{grid-column:2;grid-row:1}@media(min-width:768px){.contact>.bollard-social{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);margin:0}.contact-legal .legal-links{bottom:4.1rem}}@media(max-width:650px){body:has(.dash-main) .dash-foot{display:flex;flex-wrap:wrap;justify-content:center}.dash-foot>span{width:100%;text-align:center}.bollard-social{margin-block:14px}}
/* Scrolltide Hover Tabs, adapted to a readable methodology index. */
.method-nav{gap:0!important;background:#e1eaec;border-radius:14px;overflow:hidden}.method-nav a{display:block;padding:12px 16px;border-bottom:1px solid #c9d8dc;transition:background-color .2s,color .2s,padding-left .2s}.method-nav a:hover,.method-nav a:focus-visible,.method-nav a[aria-current="location"]{background:#2c4652;color:white;padding-left:22px}@media(max-width:700px){.method-nav{display:flex;overflow:auto}.method-nav a{flex:none;border-bottom:0;border-right:1px solid #c9d8dc}.method-nav a:hover,.method-nav a:focus-visible,.method-nav a[aria-current="location"]{padding-left:16px}}

.method-preview{padding:14px 16px 18px;color:#405b66}.method-preview img{display:block;width:100%;height:120px;object-fit:cover;object-position:center 50%;border-radius:8px;margin-bottom:12px}.method-preview p{font-size:13px;font-weight:700;margin:0 0 4px}.method-preview span{font-size:11px;line-height:1.4}@media(max-width:700px){.method-preview{display:none}}
@media(min-width:768px){.contact-legal .legal-links{bottom:1.8rem;left:16.5rem;font-size:10px}.contact-legal .legal-copy{bottom:1.8rem;font-size:10px}}@media(min-width:1024px){.contact-legal .legal-links{left:16rem}}
body:has(.layout) footer,body:has(.film) footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}body:has(.layout) footer>.bollard-social,body:has(.film) footer>.bollard-social{grid-column:2;grid-row:1}body:has(.layout) footer>a,body:has(.film) footer>span{grid-column:3;grid-row:1;text-align:right}@media(max-width:650px){body:has(.layout) footer,body:has(.film) footer{display:flex;flex-direction:column;text-align:center}body:has(.layout) footer>a,body:has(.film) footer>span{text-align:center}}
.hero-reactive{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;display:block}.hero-backdrop::after{pointer-events:none}@media(prefers-reduced-motion:reduce){.hero-reactive{display:none}}
/* Keep the template's first section legible around its centered picture. */
@media(min-width:1024px){.about-mission{left:calc(50% + 12rem);right:2rem;width:auto;max-width:20rem}.about-mission p>span:first-child{margin-left:0!important}}@media(min-width:640px) and (max-width:1023px){.about{height:auto;min-height:100lvh}.about-frame{aspect-ratio:720/500}}.projects .card-settle img,.about-frame img{filter:saturate(.75) contrast(1.02)}
@media(min-width:1024px){.about-mission p::before{content:none!important}}
.hero-backdrop::after{background:linear-gradient(90deg,rgba(15,34,44,.58),rgba(15,34,44,.45))}
.hero-backdrop::after{background:linear-gradient(90deg,rgba(15,34,44,.68),rgba(15,34,44,.62))}
/* Footer legal copy occupies its own right-aligned stack, clear of the centered socials. */
@media(min-width:768px){.contact-legal{display:flex;position:absolute;z-index:12;right:1.5rem;bottom:.85rem;left:auto;margin:0;padding:0;align-items:flex-end;gap:.2rem;text-align:right;font-size:10px}.contact-legal .legal-links,.contact-legal .legal-copy{position:static;left:auto;right:auto;bottom:auto;margin:0}.contact>.bollard-social{bottom:1rem}}
@media(min-width:1440px){.contact-legal{right:2rem}}
/* Scrolltide Liquid Glass Button, adapted to the site's existing links. */
.hdr-action,.sub-action,.menu-cta{--glass-x:25%;--glass-y:0%;isolation:isolate;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.hdr-action::after,.sub-action::after,.menu-cta::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 80px 50px at var(--glass-x) var(--glass-y),rgba(255,255,255,.33),transparent 75%),linear-gradient(120deg,rgba(255,255,255,.13),transparent 45%,rgba(255,255,255,.09));box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(255,255,255,.25);opacity:.65;transition:opacity .25s}.hdr-action:hover::after,.sub-action:hover::after,.menu-cta:hover::after,.hdr-action:focus-visible::after,.sub-action:focus-visible::after,.menu-cta:focus-visible::after{opacity:1}.hdr-action:active,.sub-action:active,.menu-cta:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.hdr-action,.sub-action,.menu-cta,.hdr-action::after,.sub-action::after,.menu-cta::after{transition:none}}
.contact-legal{color:#fff}.contact-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.contact-legal{background:rgba(22,43,54,.9);border-radius:7px;padding:7px 10px;line-height:1.25}}
.contact{background:#203542}.contact-layer .ambient-film{display:block;width:100%;height:100%;object-fit:cover;background:#172c3b}
.resource-intro{position:relative;isolation:isolate;overflow:hidden;background:#d6e3e9}.resource-intro .ambient-film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.resource-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(234,242,245,.96) 4%,rgba(234,242,245,.86) 52%,rgba(234,242,245,.5))}
.resource-intro>p:first-of-type{font:700 10px Arial,sans-serif;letter-spacing:.14em;color:#a6412f}.editorial-image img{object-position:center top}
@media(max-width:767px){
  .burger{width:4.5rem;min-height:48px;touch-action:manipulation}
  .burger:focus-visible{outline:3px solid #e57d65;outline-offset:-5px}
  .menu{height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;gap:30px;padding:clamp(24px,5vh,42px) 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(155deg,#1e3442,#13232d);}
  .menu-eyebrow{margin:0 0 24px;color:#b9cbd2;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.18em}
  .menu ul{counter-reset:mobile-link}.menu li{counter-increment:mobile-link}.menu .arrow-row{min-height:56px;font-size:clamp(16px,4.5vw,21px);letter-spacing:0;text-transform:none}.menu .arrow-row::before{content:'0' counter(mobile-link);font:600 10px Arial,sans-serif;color:#d78670;margin-right:18px}.menu .arrow-row:focus-visible,.menu-cta:focus-visible{outline:3px solid #e57d65;outline-offset:-3px}
  .menu-cta{min-height:54px;flex-shrink:0;background:#a5412f;color:#fff;letter-spacing:.08em;font-weight:700}.menu-lang{margin-top:22px;color:#d4dfe3}
  .field{font-size:16px!important}
}
.interior-menu-toggle{display:none}
@media(max-width:700px){.sub-header.menu-ready{gap:12px;align-items:center}.sub-header.menu-ready .sub-action{margin-left:auto}.sub-header.menu-ready .interior-menu-toggle{order:2;display:grid;place-content:center;gap:5px;flex:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.07);color:white;touch-action:manipulation}.interior-menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s ease}.menu-open .interior-menu-toggle span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-open .interior-menu-toggle span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.sub-header.menu-ready nav{display:none;order:3;width:100%;overflow:visible;padding:14px 0 4px;flex-direction:column;align-items:stretch;gap:0}.sub-header.menu-ready.menu-open nav{display:flex}.sub-header.menu-ready nav a{display:block;min-height:48px;padding:15px 4px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}.interior-menu-toggle:focus-visible{outline:3px solid #e57d65;outline-offset:3px}}

/* Static touch-friendly role links avoid sticky hover text on small screens. */
.chapters-mobile{display:none}
@media(max-width:860px){.chapter-section .chapters{display:none}.chapter-section .chapters-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.chapters-mobile a{display:flex;min-height:155px;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;background:#dceaf0;color:#203b48;text-decoration:none;touch-action:manipulation}.chapters-mobile a:nth-child(2){background:#cadfe6}.chapters-mobile a:nth-child(3){background:#eadbd5}.chapters-mobile a:nth-child(4){background:#d6e8e8}.chapters-mobile a span{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.1em;color:#a6412f}.chapters-mobile a strong{font:400 clamp(20px,5vw,28px)/1.12 Georgia,serif;letter-spacing:-.02em}.chapters-mobile a i{align-self:flex-end;margin-top:auto;font:18px Arial,sans-serif}.chapters-mobile a:focus-visible{outline:3px solid #a6412f;outline-offset:2px}}
@media(max-width:360px){.chapters-mobile a{padding:16px;min-height:150px}.chapters-mobile a strong{font-size:19px}}

/* GetLayers Dark Ocean Foam: poster first, muted video when visible. */
.hero-water{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform .5s ease;opacity:0}.hero-water.is-playing{opacity:1}@media(prefers-reduced-motion:reduce){.hero-water{display:none}}