/* Content-first refinement: retain the established layout and art direction. */
.method-bridge{box-sizing:border-box;min-height:100svh;display:flex;align-items:center;padding:110px 0 130px;scroll-margin-top:76px}
.method-bridge-inner{width:min(1120px,calc(100% - 112px))}
.method-steps{margin:72px 0 0}
.comparison-prose{font-size:20px;line-height:1.65;color:#70685c;max-width:490px}
.comparison-prose p+p{margin-top:24px}
.comparison-toggle{margin-bottom:32px}
.reference-nav nav{align-items:center}
.audience-menu{position:relative}
.audience-menu summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:13px;background:#fff;color:#29251f;white-space:nowrap;cursor:pointer;list-style:none}
.audience-menu summary::-webkit-details-marker{display:none}
.audience-menu summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s}
.audience-menu[open] summary svg{transform:rotate(180deg)}
.audience-menu summary:focus-visible{outline:2px solid #718359;outline-offset:3px}
.audience-options{position:absolute;top:calc(100% + 14px);left:-8px;width:310px;padding:7px;border:1px solid #e5dfd5;border-radius:18px;background:#fffef9f5;box-shadow:0 16px 45px -15px #332f2933;backdrop-filter:blur(20px);animation:audience-open .22s ease-out}
.reference-nav .audience-options a{background:transparent;white-space:normal;padding:15px;font-size:14px;border-radius:11px;line-height:1.3}
.reference-nav .audience-options a:hover{background:#eeefe6}
.audience-options a span{display:block;margin-top:5px;color:#8d8577;font-size:11px;line-height:1.5}
@keyframes audience-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.outreach-access{position:absolute;right:max(56px,calc((100% - 1240px)/2));top:38px;display:flex;align-items:center;gap:0;height:43px;padding:0 12px;border:1px solid #dbded3;border-radius:99px;background:linear-gradient(120deg,#f3f0e8e8,#ffffffdc,#e9eee1e3);box-shadow:inset 0 1px #fff,0 5px 20px -12px #65734d55;backdrop-filter:blur(18px);color:#727d63;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.access-lock{display:grid;place-items:center;width:18px;flex-shrink:0}.access-lock svg{width:18px;height:18px}
.access-label{max-width:0;overflow:hidden;white-space:nowrap;font:400 12px/1.5 MasonDM,Arial,sans-serif;opacity:0;transition:max-width .8s cubic-bezier(.22,1,.36,1),opacity .5s .15s,margin .8s cubic-bezier(.22,1,.36,1)}
.access-label strong{font-weight:500;color:#51623f}
.outreach-access.is-visible{opacity:1;transform:translateY(0)}
.outreach-access.is-expanded .access-label{max-width:170px;margin-left:9px;opacity:1}
@media(max-width:1050px){.comparison-prose{font-size:19px}.outreach-access{right:36px}}
@media(max-width:760px){.method-bridge{min-height:100svh;padding:100px 0 110px}.method-bridge-inner{width:calc(100% - 48px)}.method-steps{margin-top:43px}.comparison-prose{font-size:19px;line-height:1.7}.comparison-prose p+p{margin-top:22px}.outreach-access{top:22px;right:22px;height:36px;padding:0 10px}.access-label{font-size:11px}.access-lock,.access-lock svg{width:16px;height:16px}#outreach{padding-top:88px}.mason-footer-brand{font-size:29px}}
@media(max-width:639px){.reference-nav{gap:3px;max-width:calc(100% - 16px);padding:4px}.reference-nav nav{gap:3px}.reference-nav nav>a:last-child{display:block}.reference-nav a,.audience-menu summary{font-size:11px;padding:10px 8px;border-radius:10px}.reference-nav .reference-brand{font-size:24px;padding:7px 10px}.audience-menu summary{gap:5px}.audience-options{width:290px;left:-77px}.reference-nav .audience-options a{font-size:14px;padding:15px}}
@media(prefers-reduced-motion:reduce){.audience-options{animation:none}.outreach-access,.access-label,.audience-menu summary svg{transition:none}}