.service-explorer{position:relative;z-index:5;background:#f7f7f4;border:1px solid #ccd3ce;border-radius:12px;padding:1.2rem;width:100%;margin-top:1.5rem}
.hero-copy .service-explorer{margin-top:1.3rem}
.explorer-hint{font-family:Manrope,Arial,sans-serif;font-size:1.05rem;line-height:1.4;font-weight:800;letter-spacing:-.025em;color:#172c38;margin:0 0 1rem;max-width:none}
.explorer-hint>span{display:block;font:400 .78rem/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#607078;margin-top:.3rem}
.explorer-options{container-type:inline-size}
.explorer-headings{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}
.explorer-trigger{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;min-height:76px;padding:.8rem;border:1px solid #d7dcd5;border-radius:7px;background:#fff;color:#172c38;text-align:left;cursor:pointer}
.explorer-trigger:hover,.explorer-trigger[aria-expanded="true"]{border-color:#925f3e;background:#f5efe7;box-shadow:0 2px 7px #172c380d}
.service-tile-icon{flex:0 0 31px;display:grid;place-items:center;width:31px;height:35px;color:#925f3e}
.service-tile-icon svg{width:26px;height:26px}
.service-tile-copy{display:block;min-width:0;flex:1}
.service-tile-copy strong{display:block;font-size:.85rem;line-height:1.3;font-weight:700;overflow-wrap:break-word}
.service-tile-copy small{display:block;font-size:.69rem;line-height:1.4;color:#65747c;font-weight:400;margin-top:.2rem}
.service-tile-action{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#eef0eb;color:#925f3e;font-size:1.05rem;transition:transform .18s}
.explorer-trigger[aria-expanded="true"] .service-tile-action{transform:rotate(45deg);background:#e8d9c9}
.explorer-social{margin-top:1.1rem;padding-top:1rem;border-top:1px solid #d7dcd5}
.social-label{font-size:.72rem;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#65747c;margin:0 0 .65rem}
.social-buttons{display:flex;flex-wrap:wrap;gap:.65rem}
.social-button{display:flex;align-items:center;gap:.65rem;flex:1 1 190px;min-width:0;min-height:64px;padding:.8rem 1rem;border:1px solid #172c38;border-radius:7px;background:#172c38;color:#fff;text-decoration:none}
.social-button>svg{width:23px;height:23px;flex:0 0 23px}
.social-button>span:not(.social-arrow){flex:1;min-width:0}
.social-button strong{display:block;font-size:.85rem;line-height:1.3}
.social-button small{display:block;font-size:.68rem;line-height:1.5;font-weight:400;overflow-wrap:anywhere;color:#cbd5d6;margin-top:.15rem}
.social-arrow{font-size:1.1rem;color:#e9b48e}
.social-linkedin{background:transparent;color:#172c38;border-color:#b4bfbd}
.social-linkedin small{color:#607078}.social-linkedin .social-arrow{color:#925f3e}
.social-button:hover{background:#29434f;color:#fff}.social-linkedin:hover{background:#e8eeea;color:#172c38}
@container (min-width:300px){.explorer-headings{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-grow{grid-column:1/-1}}
@container (max-width:355px){.explorer-trigger{gap:.35rem;padding:.65rem}.service-tile-icon{flex-basis:24px;width:24px}.service-tile-icon svg{width:22px;height:22px}.service-tile-copy strong{font-size:.8rem}.service-tile-action{flex-basis:17px;width:17px;height:17px}}
@media(max-width:520px){.service-explorer{padding:1rem}.social-button{flex-basis:100%}.service-tile-copy small{font-size:.67rem}}
.service-preview{position:absolute;left:clamp(24px,6vw,88px);right:clamp(24px,6vw,88px);top:100%;display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);gap:1.5rem;align-items:center;padding:1.35rem;background:#fcfcf9;color:#172c38;border:1px solid #c7ceca;border-top:3px solid #925f3e;border-radius:0 0 16px 16px;box-shadow:0 22px 45px #172c3829,0 4px 10px #172c3812;max-height:70vh;overflow:auto}.service-preview[hidden]{display:none}
.preview-graphic{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;background:radial-gradient(ellipse at 15% 5%,#f7f1e8,transparent 70%),#e9eeea;border:1px solid #dce2dc;border-radius:11px;padding:.7rem .5rem 1rem}.preview-graphic svg{display:block;width:100%;height:auto;max-height:215px}
.art-label{font:700 14px Manrope,Arial,sans-serif;fill:#172c38}.art-small{font:600 11px 'DM Sans',Arial,sans-serif;fill:#34464e}.art-button{font:600 10px 'DM Sans',Arial,sans-serif;fill:#fff}.art-light{font:600 13px Manrope,Arial,sans-serif;fill:#fff}
.graphic-caption{text-align:center;font-size:.73rem;color:#53655d;line-height:1.4;padding:0 .7rem}
.preview-copy{padding:.7rem .25rem .2rem;min-width:0}.preview-copy .eyebrow{font-size:.68rem;letter-spacing:.14em;margin:0 0 .55rem;color:#895a3b}.preview-copy h2{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.2;margin:0 0 .7rem;text-wrap:balance}.preview-copy p:not(.eyebrow){font-size:.91rem;line-height:1.6;margin:0 0 .85rem;color:#46575f}
.preview-details{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.4rem}.preview-details li{display:flex;align-items:baseline;gap:.5rem;font-size:.78rem;line-height:1.5;color:#46575f}.preview-details li:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#925f3e;align-self:center}
.preview-copy>a{display:flex;align-items:center;justify-content:space-between;gap:.65rem;border-top:1px solid #d5dbd6;padding:.75rem 0 .2rem;font-size:.82rem;font-weight:700;text-decoration:none;color:#172c38}.preview-copy>a:hover{text-decoration:underline;color:#895a3b}.preview-copy>a span{font-size:1.1rem;color:#925f3e}
.preview-close{position:absolute;right:.5rem;top:.35rem;display:grid;place-items:center;border:0;border-radius:50%;background:#fcfcf9;color:#53636b;font-size:1.5rem;min-width:40px;min-height:40px;cursor:pointer}.preview-close:hover{background:#e8eeea;color:#172c38}
.hero-copy .service-preview{left:0;right:0;gap:1.15rem;padding:1.25rem}
@media(max-width:1000px) and (min-width:761px){.hero-copy .service-preview{grid-template-columns:1fr}.preview-graphic svg{max-height:160px}.preview-copy{padding-top:0}}
@media(max-width:760px){.service-preview{left:0;right:0}.preview-copy h2{font-size:1.4rem}}
@media(max-width:520px){.service-preview,.hero-copy .service-preview{grid-template-columns:1fr;gap:1rem;padding:1rem;max-height:70vh}.preview-graphic{padding:.25rem .35rem .7rem}.preview-graphic svg{max-height:150px}.preview-copy{padding:0 .1rem}.preview-copy p:not(.eyebrow){font-size:.88rem}.preview-details{gap:.25rem;margin-bottom:.7rem}.preview-close{right:.3rem;top:.3rem}}
@media(prefers-reduced-motion:reduce){.service-tile-action{transition:none}}
.service-preview,.hero-copy .service-preview{position:fixed;right:auto;box-sizing:border-box}