.rec-page{--rec-bg:#fff;--rec-bg-2:#f5f1ec;--rec-bg-3:#e8e4dd;--rec-fg:#0a0e11;--rec-mute:#484e54;--rec-dim:#7b8187;--rec-border:#d5d8db;--rec-border-s:#babec3;--rec-brand:#007b7c;--rec-brand-line:#007b7c73;--rec-brand-glow:#007b7c33}@supports (color:lab(0% 0 0)){.rec-page{--rec-bg-2:lab(95.3832% .459492 3.01512);--rec-bg-3:lab(90.7486% .581801 3.77376);--rec-fg:lab(3.69007% -.552692 -2.32546);--rec-mute:lab(32.7066% -1.24663 -4.25125);--rec-dim:lab(53.5882% -1.27679 -4.26636);--rec-border:lab(86.0753% -.661135 -2.14558);--rec-border-s:lab(76.7934% -.87437 -2.85665);--rec-brand:lab(45.7844% -45.8994 -13.536);--rec-brand-line:lab(45.7844% -45.8994 -13.536/.45);--rec-brand-glow:lab(45.7844% -45.8994 -13.536/.2)}}.rec-page{justify-content:center;min-height:100vh;padding:40px 24px 80px;display:flex}.rec-layout{grid-template-columns:1fr 2fr 1fr;align-items:flex-start;gap:24px;width:100%;display:grid}.rec-side{position:sticky;top:40px}.rec-side-left{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.rec-side-right{flex-direction:column;width:100%;display:flex}.rec-back-btn{letter-spacing:.02em;color:var(--rec-mute);border:1px solid var(--rec-border-s);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.rec-back-btn:hover{color:var(--rec-brand);border-color:var(--rec-brand-line)}.rec-list{flex-direction:column;gap:2px;width:100%;display:flex}.rec-list-item{text-align:right;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.rec-list-item:hover,.rec-list-item.active{background:var(--rec-bg-2)}.rec-list-name{color:var(--rec-fg);font-size:13px;font-weight:500;transition:color .15s}.rec-list-item.active .rec-list-name{color:var(--rec-brand)}.rec-list-role{color:var(--rec-dim);letter-spacing:.03em;font-size:11px}.rec-center{min-width:0}.rec-quote-card{background:var(--rec-bg);border:1px solid var(--rec-border);border-radius:14px;padding:clamp(28px,4vw,48px);box-shadow:0 1px 4px #0000000f,0 8px 32px -8px #00000014;box-shadow:0 1px 4px lab(0% 0 0/.06),0 8px 32px -8px lab(0% 0 0/.08)}.rec-quote-text{color:var(--rec-fg);letter-spacing:-.008em;text-wrap:pretty;font-size:clamp(17px,1.8vw,22px);line-height:1.65}.rec-letter-para{color:var(--rec-fg);letter-spacing:-.003em;text-wrap:pretty;margin-bottom:1.2em;font-size:clamp(14px,1.4vw,16px);line-height:1.75}.rec-letter-para:last-child{margin-bottom:0}.rec-quote-text:before{content:"“";color:var(--rec-brand);text-shadow:0 0 18px var(--rec-brand-glow);vertical-align:-.05em;margin-right:4px;font-size:44px;line-height:.5}.rec-contact-card{background:var(--rec-bg);border:1px solid var(--rec-border);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:20px;display:flex;box-shadow:0 1px 4px #0000000f,0 8px 32px -8px #00000014;box-shadow:0 1px 4px lab(0% 0 0/.06),0 8px 32px -8px lab(0% 0 0/.08)}.rec-contact-avatar{object-fit:cover;border:2px solid var(--rec-border);border-radius:50%;width:64px;height:64px;margin-bottom:6px}.rec-contact-avatar-initials{background:var(--rec-bg-3);color:var(--rec-mute);letter-spacing:.02em;place-items:center;font-size:20px;font-weight:600;display:grid}.rec-contact-name{color:var(--rec-fg);font-size:15px;font-weight:600}.rec-contact-role{color:var(--rec-mute);font-size:12px}.rec-contact-company{color:var(--rec-dim);letter-spacing:.02em;font-size:12px}.rec-contact-divider{background:var(--rec-border);height:1px;margin:10px 0}.rec-contact-links{flex-direction:column;gap:8px;display:flex}.rec-contact-links a{color:var(--rec-dim);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;transition:color .15s;display:flex;overflow:hidden}.rec-contact-links a:hover{color:var(--rec-brand)}