.cb-friends{--friends-ink:#202d30;--friends-paper:#f7f6f0;--friends-yellow:#ffcd39;color:var(--friends-ink);background:var(--friends-paper)}
.cb-friends h1>span{display:inline}.friends-art-foot{max-width:100%;white-space:nowrap}
.friends-hero{overflow:hidden;background:#202d30;color:#fff;padding:78px 0 82px}.friends-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.cb-friends .eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 22px}.friends-hero .eyebrow{color:#ffdb6b}.cb-friends h1{font-size:clamp(42px,5.7vw,82px);line-height:1.04;letter-spacing:-.04em;margin:0 0 26px;overflow-wrap:anywhere}.cb-friends h1>span{color:#ffcd39}.friends-intro{font-size:18px;line-height:1.8;max-width:650px;margin:0 0 30px}.friends-hero .friends-intro{color:#d4dcda}.friends-art{height:340px;position:relative}.friends-art-label,.friends-art-foot{position:absolute;font:11px monospace;letter-spacing:.12em;color:#bac7c1}.friends-art-label{top:0;left:12px}.friends-art-foot{bottom:0;right:0}.friends-paper{position:absolute;width:180px;height:232px;top:57px;border-radius:4px;box-shadow:0 18px 45px #0003;display:flex;flex-direction:column;justify-content:space-between;padding:18px}.friends-paper>span{font:10px monospace;letter-spacing:.08em}.friends-paper b{font-family:Arial,sans-serif;font-size:110px;line-height:1.2;font-weight:400;text-align:center}.paper-one{left:0;background:#e9eee7;color:#293c33;transform:rotate(-15deg)}.paper-two{left:26%;top:44px;background:#ffcd39;color:#273733;transform:rotate(3deg)}.paper-three{left:52%;top:72px;background:#98ae9b;color:#243d31;transform:rotate(17deg)}
.friends-section{padding:54px 0 70px;scroll-margin-top:100px}.friends-section-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.friends-section-head h2{font-size:24px;margin:0;letter-spacing:-.025em}.friends-count{border:1px solid #d5dcd6;border-radius:30px;min-width:40px;padding:5px 10px;text-align:center;font:13px monospace}.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.friend-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e0e4dc;border-radius:18px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.friend-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #1b322012}.friend-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e5e9df;display:grid;place-items:center}.friend-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.friend-card:hover img{transform:scale(1.045)}.friend-card-index{position:absolute;left:17px;top:17px;background:#fffdf0ef;padding:5px 10px;border-radius:20px;font:12px monospace}.friend-card-arrow{position:absolute;right:17px;bottom:17px;width:42px;height:42px;display:grid;place-items:center;background:#ffcd39;border-radius:50%;font-size:25px}.friend-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.friend-card h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;overflow-wrap:anywhere}.friend-card-copy p{font-size:15px;line-height:1.75;color:#59685e;margin:0 0 22px;overflow-wrap:anywhere}.friend-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;margin-top:auto;padding-top:16px;border-top:1px solid #e8ece6}.friend-placeholder{font-size:120px;color:#879b82}.friends-empty{text-align:center;padding:65px 20px;border:1px dashed #b6c2b6;border-radius:18px;color:#60705f}.friends-pagination{display:flex;justify-content:center;gap:8px;margin:40px 0;align-items:center;flex-wrap:wrap}.friends-pagination a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #d2dace;border-radius:50%;text-decoration:none;color:inherit;background:#fff}.friends-pagination a[aria-current=page],.friends-pagination a:hover{background:#202d30;color:#fff;border-color:#202d30}.friends-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px;padding:35px 38px;background:#ffcd39;border-radius:18px}.friends-contact h2{font-size:27px;margin:0 0 8px;letter-spacing:-.03em}.friends-contact p{margin:0;line-height:1.6}.friends-back{display:inline-flex;gap:10px;color:inherit;text-decoration:none;font-size:14px;padding:12px 0;margin:26px 0 40px}.friend-detail{padding-bottom:65px}.friend-heading{text-align:center;max-width:850px;margin:0 auto 44px}.friend-heading .friends-intro{margin:0 auto}.friend-heading .eyebrow{color:#697b63}.friend-cover{position:relative;display:block;overflow:hidden;border-radius:22px;background:#e1e6dc;max-width:1100px;margin:0 auto 50px}.friend-cover img{width:100%;max-height:650px;object-fit:contain;display:block}.friend-cover>span{position:absolute;right:18px;bottom:18px;padding:10px 16px;background:#202d30e8;color:white;border-radius:24px;font-size:13px}.friend-story{max-width:780px;margin:auto;font-size:18px;line-height:1.9;overflow-wrap:anywhere}.friend-story p{margin:0 0 24px}.friend-story h2,.friend-story h3{line-height:1.3;margin:40px 0 20px}.friend-story a{color:#3a6645;text-underline-offset:4px}.friend-story img{display:block;max-width:100%;height:auto;border-radius:12px;margin:24px auto}.friends-inline-photo{display:block;cursor:zoom-in}.friend-story blockquote{border-left:4px solid #ffcd39;padding:10px 25px;margin:28px 0;background:#fff}.friend-story ul,.friend-story ol{padding-left:28px}.friend-end{max-width:780px;border-top:1px solid #d5ddce;margin:50px auto 0;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.friend-end>span{font-size:50px;color:#7b9577}.cb-friends :focus-visible{outline:3px solid #b89008;outline-offset:5px}
@media(max-width:1050px){.friends-hero-grid{gap:24px}.friends-paper{width:145px;height:205px}.friends-grid{gap:18px}.friend-card-copy{padding:20px}.friend-card h3{font-size:22px}}
@media(max-width:760px){.friends-hero{padding:45px 0}.friends-hero-grid{grid-template-columns:1fr}.friends-art{max-width:420px;width:100%;margin:0 auto;height:295px}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-contact{flex-direction:column;align-items:flex-start;padding:28px}.friends-intro{font-size:17px}.friends-back{margin-bottom:22px}.friend-story{font-size:17px}.friend-cover{border-radius:14px}}
@media(max-width:480px){.friends-grid{grid-template-columns:1fr}.friends-section{padding-top:34px}.friends-paper{width:120px;height:180px}.paper-three{left:49%}.friends-art{height:280px}.friends-art-foot{font-size:8px;letter-spacing:.04em}.friend-heading h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.friend-card,.friend-card-image img{transition:none}.friend-card:hover,.friend-card:hover img{transform:none}}

.friends-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 82% 22%,rgba(255,201,40,.16),transparent 28%),linear-gradient(135deg,var(--ink),var(--ink-2))}
.friends-hero:before{content:"";position:absolute;z-index:0;inset:0;background:url("../../images/friends.jpg") center center / cover no-repeat;opacity:.13;filter:saturate(.8) contrast(.9);pointer-events:none}
.friends-hero-grid{position:relative;z-index:2}
.friends-paper{padding:0;overflow:hidden}
.friends-paper img{display:block;width:100%;height:100%;object-fit:cover}
.friends-section{position:relative;isolation:isolate}
.friends-section:before{content:"";position:absolute;z-index:-1;inset:0;background:url("../../images/friends/fr_bg.jpg") center center / cover no-repeat fixed;opacity:.1;pointer-events:none}
.friend-main{min-width:0}
.friend-sidebar{display:none}
@media(min-width:1000px){
    .friend-layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start}
    .friend-sidebar{display:block;position:sticky;top:130px;padding:24px;background:#fff;border:1px solid #e0e4dc;border-radius:18px}
    .friend-sidebar h2{margin:0 0 18px;font-size:24px;line-height:1.3}
    .friend-sidebar-list{list-style:none;margin:0;padding:0;max-height:calc(100vh - 260px);overflow-y:auto}
    .friend-sidebar-list li+li{border-top:1px solid #e8ece6}
    .friend-sidebar-list a{display:flex;align-items:center;gap:12px;padding:14px 4px;color:var(--friends-ink);text-decoration:none;font-size:15px;font-weight:700;line-height:1.4}
    .friend-sidebar-list a:hover{color:#3a6645;background:#f7f6f0}
    .friend-sidebar-list img{width:56px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}
    .friend-sidebar-list a>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
    .friend-sidebar-list a:focus-visible{outline-offset:-3px}
}