/* Shared Mason navigation. Explicit dimensions keep the same type across all pages. */
@font-face{font-family:MasonEditorial;src:url('/assets/octolane-editorial.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MasonDM;src:url('/assets/lassie-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
.site-chrome.reference-nav{box-sizing:border-box;position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 20px);padding:4px;background:#eeece5eb;border:1px solid #ffffff70;border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 6px 24px #28241d08;font:400 14px/1.4 MasonDM,Arial,sans-serif;color:#28241d}
.site-chrome *{box-sizing:border-box}.site-chrome a{text-decoration:none}.site-chrome.reference-nav .reference-brand{font:400 29px/1 MasonEditorial,Georgia,serif;letter-spacing:-.035em;display:flex;align-items:center;min-height:44px;padding:8px 17px;margin:0;background:#fff;border-radius:13px;color:#28241d}.site-chrome .reference-brand:after{display:none}
.site-chrome.reference-nav nav{display:flex;align-items:center;gap:4px;margin:0}.site-chrome .audience-menu{position:relative;margin:0}.site-chrome .audience-menu summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:140px;min-height:44px;margin:0;padding:10px 15px;background:#fff;border-radius:13px;list-style:none;cursor:pointer;font:400 14px/1.4 MasonDM,Arial,sans-serif;white-space:nowrap}.site-chrome summary::-webkit-details-marker{display:none}.site-chrome summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s}.site-chrome details[open] summary svg{transform:rotate(180deg)}
.site-chrome.reference-nav .site-cases-link{display:flex;align-items:center;min-height:44px;padding:10px 15px;border-radius:13px;background:#fff;font:400 14px/1.4 MasonDM,Arial,sans-serif;color:#28241d;white-space:nowrap}.site-chrome .site-cases-link:hover,.site-chrome .site-cases-link[aria-current=page]{background:#f8fafb}.site-chrome.reference-nav .reference-contact{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#28241d;border-radius:13px;color:#fffdf7;font:400 14px/1.4 MasonDM,Arial,sans-serif;white-space:nowrap}.site-chrome .reference-contact:hover{background:#45423b}
.site-chrome .audience-options{position:absolute;top:calc(100% + 12px);left:0;width:310px;padding:7px;border:1px solid #e5dfd5;border-radius:18px;background:#fffefbf7;box-shadow:0 16px 45px -15px #332f2933;backdrop-filter:blur(18px)}.site-chrome.reference-nav .audience-options a{display:block;padding:16px 15px;border-radius:12px;white-space:normal;background:transparent;font:400 14px/1.4 MasonDM,Arial,sans-serif;color:#28241d}.site-chrome .audience-options a:hover{background:#eff4f6}.site-chrome .audience-options a span{display:block;font-size:11px;line-height:1.5;color:#70685c;margin-top:5px}
.site-chrome a:focus-visible,.site-chrome summary:focus-visible,.site-footer a:focus-visible{outline:2px solid #657d89;outline-offset:3px}
.site-footer{font:400 14px/1.6 MasonDM,Arial,sans-serif;color:#70685c;background:#f9f8f5;padding:72px max(32px,calc((100vw - 1240px)/2)) 30px}.site-footer *{box-sizing:border-box}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#28241d}.site-footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:55px;border-top:1px solid #ddd9cb;padding-top:48px}.site-footer-intro>.mason-wordmark{font:400 39px/1 MasonEditorial,Georgia,serif;letter-spacing:-.035em;color:#28241d}.site-footer-intro p{font-size:17px;line-height:1.6;margin:24px 0 21px}.site-footer-call{font-size:13px;color:#28241d!important;display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #c7c4b8;padding-bottom:6px}.site-footer nav{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.site-footer nav h2{font:500 13px/1.5 MasonDM;color:#28241d;margin:0 0 10px}.site-footer nav h2 a{display:flex;gap:26px}.site-footer nav>a{font-size:13px;line-height:1.55}.site-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ddd9cb;margin-top:48px;padding-top:24px}.site-footer-bottom small{font-size:10px}.site-footer-bottom>a{font-size:11px}
.case-next{padding:50px 0 10px;margin-top:55px;border-top:1px solid #ddd9cb;font-family:MasonDM}.case-next>p{font:400 11px/1.6 MasonDM;color:#70685c;margin:0 0 20px}.case-next>a:not(.case-all){display:flex;align-items:center;justify-content:space-between;gap:40px;font:400 clamp(28px,3vw,43px)/1.2 MasonMarist,Georgia,serif;color:#28241d;text-decoration:none;max-width:900px}.case-next i{font:400 28px/1 MasonDM;font-style:normal}.case-next .case-all{display:inline-block;font-size:13px;color:#70685c;text-decoration:none;margin-top:25px;border-bottom:1px solid #ddd9cb;padding-bottom:5px}
@media(max-width:760px){.site-chrome.reference-nav{top:12px;gap:3px;padding:3px;border-radius:15px}.site-chrome.reference-nav nav{gap:3px}.site-chrome.reference-nav .reference-brand{font-size:24px;padding:8px 10px;border-radius:11px}.site-chrome .audience-menu summary{min-width:95px;gap:8px;padding:10px 10px;font-size:12px;border-radius:11px}.site-chrome.reference-nav .site-cases-link{font-size:12px;padding:10px 10px;border-radius:11px}.site-chrome.reference-nav .reference-contact{font-size:12px;padding:10px 11px;border-radius:11px}.site-chrome .audience-options{left:-76px;width:290px}.site-footer{padding:46px 24px 24px}.site-footer-top{grid-template-columns:1fr 1fr;gap:35px 25px;padding-top:31px}.site-footer-intro{grid-column:1/-1}.site-footer-intro p{margin:18px 0;font-size:17px}.site-footer nav>a{font-size:12px}.site-footer-bottom{align-items:flex-start;margin-top:35px;gap:15px}.site-footer-bottom small{max-width:25ch}.case-next{margin-top:30px;padding-top:30px}}
@media(max-width:360px){.site-chrome.reference-nav .reference-brand{font-size:22px;padding-inline:8px}.site-chrome .audience-menu summary{min-width:82px;padding-inline:8px;font-size:11px}.site-chrome.reference-nav .site-cases-link{font-size:11px;padding-inline:8px}.site-chrome.reference-nav .reference-contact{font-size:11px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.site-chrome *{animation:none!important;transition:none!important}}
/* Keep the homepage's approved entrance, without animating its horizontal centering. */
.site-chrome.reference-nav{transition:opacity .3s,background-color .2s}.site-chrome.reference-nav.at-opening{opacity:0;transform:translate(-50%,-90px);pointer-events:none}.site-chrome.reference-nav:focus-within{opacity:1;transform:translate(-50%,0);pointer-events:auto}
/* Name the client's industry and service before the story begins. */
.case-industry-pill{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:8px 15px;border:1px solid #cfdadd;border-radius:999px;background:#fffdf7c9;color:#45565b;font:400 12px/1.45 MasonDM,Arial,sans-serif;letter-spacing:0;text-wrap:balance}
.case-cover-copy>.case-industry-pill{margin:0 0 2px}
.case-card-meta{align-items:center}.case-card-meta>.case-industry-pill{font-size:12px;color:#45565b;letter-spacing:0}
@media(max-width:760px){.case-industry-pill,.case-card-meta>.case-industry-pill{font-size:11px;padding:7px 12px}.case-cover-copy>.case-industry-pill{max-width:30ch}}
@media(max-width:760px){.site-chrome.reference-nav .reference-brand{font-size:22px;padding-inline:8px}.site-chrome .audience-menu summary{min-width:84px;font-size:11px;padding-inline:8px}.site-chrome.reference-nav .site-cases-link{font-size:11px;padding-inline:8px}.site-chrome.reference-nav .reference-contact{font-size:11px;padding-inline:9px}}
@media(max-width:360px){.site-chrome.reference-nav,.site-chrome.reference-nav nav{gap:2px}.site-chrome.reference-nav .reference-brand{font-size:18px;padding-inline:6px}.site-chrome .audience-menu summary{min-width:74px;gap:4px;padding-inline:5px}.site-chrome.reference-nav .site-cases-link{padding-inline:5px}.site-chrome.reference-nav .reference-contact{padding-inline:6px}}
