.template-eight{--t8-background:#f7f8fa;--t8-title-color:#17263c;--t8-muted-color:#738094;--t8-accent-color:#b48b53;--t8-photo-color:#e7eaf0;--t8-columns:4;--t8-tablet-columns:2;--t8-mobile-columns:1;--t8-gap:20px;--t8-padding-y:38px;--t8-padding-x:28px;--t8-max-width:1250px;--t8-radius:0px;--t8-photo-ratio:4/4.5;--t8-photo-radius:9px;--t8-photo-max:600px;--t8-photo-fit:cover;--t8-heading-size:35px;--t8-eyebrow-size:11px;--t8-description-size:13px;--t8-name-size:17px;--t8-role-size:12px;--t8-bio-size:13px;--t8-info-gap:17px;--t8-header-gap:30px;--t8-zoom-scale:1.07;--t8-duration:600ms;--t8-line-width:28px;--t8-line-hover:65px;--t8-social-size:33px;--t8-social-gap:8px;--t8-social-radius:5px;--t8-social-color:#fff;--t8-social-text:#17263c;--t8-button-size:12px;--t8-button-radius:8px;container-type:inline-size;width:100%;min-width:0;box-sizing:border-box;padding:var(--t8-padding-y) var(--t8-padding-x);background:var(--t8-background);border-radius:var(--t8-radius);font-family:var(--t8-font,"Segoe UI",Arial,sans-serif);color:var(--t8-title-color)}
.template-eight *{box-sizing:border-box}.template-eight-inner{max-width:var(--t8-max-width);margin:auto;min-width:0}.template-eight-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:var(--t8-header-gap)}.template-eight-header>div{min-width:0}.template-eight-header small{display:block;font-size:var(--t8-eyebrow-size);font-weight:700;letter-spacing:2px;color:var(--t8-accent-color);margin-bottom:10px}.template-eight-header h2{font-size:var(--t8-heading-size);line-height:1.2;font-weight:700;letter-spacing:-1px;margin:0;color:var(--t8-title-color);overflow-wrap:anywhere}.template-eight-header p{font-size:var(--t8-description-size);color:var(--t8-muted-color);margin:9px 0 0;overflow-wrap:anywhere}
.template-eight-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.template-eight-button{font-size:var(--t8-button-size);font-weight:700;color:var(--t8-title-color);text-decoration:none;border-bottom:1px solid var(--t8-accent-color);padding-bottom:8px;overflow-wrap:anywhere}.template-eight-button[data-button-style=filled],.template-eight-button[data-button-style=outline]{border:1px solid var(--t8-accent-color);border-radius:var(--t8-button-radius);padding:10px 16px}.template-eight-button[data-button-style=filled]{background:var(--t8-accent-color);color:#fff}
.template-eight-grid{display:grid;grid-template-columns:repeat(var(--t8-columns),minmax(0,1fr));gap:var(--t8-gap)}.template-eight[data-layout=stack] .template-eight-grid{grid-template-columns:minmax(0,1fr)}.template-eight-card{min-width:0}.template-eight-photo{position:relative;width:100%;max-width:var(--t8-photo-max);aspect-ratio:var(--t8-photo-ratio);overflow:hidden;background:var(--t8-photo-color);border-radius:var(--t8-photo-radius)}.template-eight-photo img{width:100%;height:100%;object-fit:var(--t8-photo-fit);display:block;transition:transform var(--t8-duration),filter var(--t8-duration)}.template-eight[data-grayscale=true] .template-eight-photo img{filter:grayscale(1)}.template-eight[data-zoom=true] .template-eight-card:hover img{transform:scale(var(--t8-zoom-scale))}.template-eight[data-overlay=true] .template-eight-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,22,43,.65));pointer-events:none}.template-eight-placeholder{display:grid;place-items:center;height:100%;font-size:clamp(40px,10cqi,100px);color:var(--t8-muted-color)}.template-eight-index{position:absolute;top:15px;left:15px;z-index:2;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;background:rgba(15,35,60,.4);padding:7px 10px;border-radius:4px}
.template-eight-social{position:absolute;z-index:3;bottom:17px;left:50%;transform:translate(-50%,10px);display:flex;justify-content:center;flex-wrap:wrap;width:calc(100% - 16px);gap:var(--t8-social-gap);opacity:0;transition:opacity var(--t8-duration),transform var(--t8-duration)}.template-eight[data-social-mode=always] .template-eight-social,.template-eight-card:hover .template-eight-social,.template-eight-card:focus-within .template-eight-social{opacity:1;transform:translate(-50%,0)}.template-eight-social a{width:var(--t8-social-size);height:var(--t8-social-size);display:grid;place-items:center;border-radius:var(--t8-social-radius);background:var(--t8-social-color);color:var(--t8-social-text);text-decoration:none;font-size:12px;font-weight:800;transition:transform var(--t8-duration),background var(--t8-duration)}.template-eight-social a:hover{background:var(--t8-accent-color);color:#fff;transform:translateY(-3px)}.template-eight a:focus-visible{outline:3px solid var(--t8-accent-color);outline-offset:3px}
.template-eight-info{padding:var(--t8-info-gap) 2px 0;overflow-wrap:anywhere}.template-eight-info h3{font-size:var(--t8-name-size);font-weight:700;color:var(--t8-title-color);margin:0 0 6px;line-height:1.4}.template-eight-info h3 a{color:inherit;text-decoration:none}.template-eight-role{font-size:var(--t8-role-size);color:var(--t8-muted-color);margin:0}.template-eight-bio{font-size:var(--t8-bio-size);color:var(--t8-muted-color);margin:10px 0 0;line-height:1.6;white-space:pre-line}.template-eight[data-show-line=true] .template-eight-info::after{content:"";display:block;width:var(--t8-line-width);max-width:100%;height:2px;background:var(--t8-accent-color);margin-top:15px;transition:width var(--t8-duration)}.template-eight-card:hover .template-eight-info::after{width:var(--t8-line-hover)}.template-eight[data-align=center] .template-eight-info,.template-eight[data-align=center] .template-eight-header{text-align:center}.template-eight[data-align=center] .template-eight-info::after,.template-eight[data-align=center] .template-eight-photo{margin-inline:auto}.template-eight[data-align=right] .template-eight-info,.template-eight[data-align=right] .template-eight-header{text-align:right}.template-eight[data-align=right] .template-eight-info::after,.template-eight[data-align=right] .template-eight-photo{margin-left:auto}
@container(max-width:850px){.template-eight[data-layout=grid] .template-eight-grid{grid-template-columns:repeat(min(var(--t8-columns),var(--t8-tablet-columns)),minmax(0,1fr))}}
@container(max-width:500px){.template-eight-header{flex-direction:column;align-items:flex-start}.template-eight[data-layout=grid] .template-eight-grid{grid-template-columns:repeat(min(var(--t8-columns),var(--t8-mobile-columns)),minmax(0,1fr))}.template-eight-header h2{font-size:min(var(--t8-heading-size),28px)}}
@media(hover:none){.template-eight-social{opacity:1;transform:translate(-50%,0)}}
.template-eight-info .template-eight-social{position:static;width:auto;justify-content:flex-start;opacity:1;transform:none;margin-top:12px}.template-eight[data-align=center] .template-eight-info .template-eight-social{justify-content:center}.template-eight[data-align=right] .template-eight-info .template-eight-social{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){.template-eight *,.template-eight *::after{transition:none!important}.template-eight .template-eight-card:hover img{transform:none}}