@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap");.of-section{--of-bg:#ffffff;--of-bg-soft:#f8f6f3;--of-white:#ffffff;--of-ink:#0f0d0b;--of-ink-mid:#2e2a26;--of-ink-muted:#8a8278;--of-accent-blue:#1a6b7a;--of-accent-blue2:#0d3d47;--of-accent-blue-light:rgba(26,107,122,0.08);--of-accent-gold:#b8903a;--of-accent-gold2:#7a5c1e;--of-accent-gold-light:rgba(184,144,58,0.08);--of-rule:#e8e3dc;--of-shadow-sm:0 2px 12px rgba(15,13,11,0.05);--of-shadow-md:0 8px 32px rgba(15,13,11,0.09);--of-shadow-lg:0 20px 60px rgba(15,13,11,0.13);--of-shadow-xl:0 32px 80px rgba(15,13,11,0.18);--of-radius:6px;--of-radius-lg:20px;--of-font-display:"Playfair Display",Georgia,serif;--of-font-body:"DM Sans","Segoe UI",sans-serif}.of-section *,.of-section :after,.of-section :before{margin:0;padding:0;box-sizing:border-box}.of-section{position:relative;width:100%;background:var(--of-bg);padding:80px 24px 130px;font-family:var(--of-font-body);overflow:hidden}.of-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.of-bg__circle{position:absolute;border-radius:50%}.of-bg__circle--1{width:700px;height:700px;top:-280px;right:-220px;background:radial-gradient(circle,rgba(26,107,122,.05) 0,transparent 65%)}.of-bg__circle--2{width:500px;height:500px;bottom:-160px;left:-130px;background:radial-gradient(circle,rgba(184,144,58,.06) 0,transparent 65%)}.of-bg__grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,13,11,.06) 1px,transparent 0);background-size:36px 36px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0,transparent 100%)}.of-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--of-rule) 30%,var(--of-rule) 70%,transparent)}.of-inner{position:relative;max-width:1180px;width:100%;margin:0 auto;z-index:1}.of-header{text-align:center;margin-bottom:80px}.of-header__eyebrow{display:inline-flex;align-items:center;gap:16px;margin-bottom:24px}.of-header__line{display:block;width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--of-ink-muted))}.of-header__eyebrow .of-header__line:last-child{background:linear-gradient(90deg,var(--of-ink-muted),transparent)}.of-header__label{font-family:var(--of-font-body);font-size:10.5px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--of-ink-muted)}.of-header__title{font-family:var(--of-font-display);font-size:50px!important;font-weight:500;color:var(--of-ink);line-height:1.08;letter-spacing:-1.5px;margin-bottom:22px}.of-header__title em{font-style:italic;font-weight:400;color:var(--of-accent-blue);position:relative}.of-header__title em:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--of-accent-blue),transparent);border-radius:2px;opacity:.4}.of-header__sub{max-width:500px;margin:0 auto;font-size:15.5px;color:var(--of-ink-muted);line-height:1.85;font-weight:300}.of-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.of-card{position:relative;background:var(--of-white);border-radius:var(--of-radius-lg);overflow:hidden;box-shadow:var(--of-shadow-md);border:1px solid var(--of-rule);transition:transform .45s cubic-bezier(.22,.68,0,1.2),box-shadow .45s ease,border-color .3s ease;cursor:default}.of-card:hover{transform:translateY(-12px);box-shadow:var(--of-shadow-xl)}.of-card--1:hover{border-color:rgba(26,107,122,.22)}.of-card--2:hover{border-color:rgba(184,144,58,.22)}.of-card__bar{height:6px;width:100%;position:relative}.of-card--1 .of-card__bar{background:linear-gradient(90deg,var(--of-accent-blue2),var(--of-accent-blue),#3db5c8)}.of-card--2 .of-card__bar{background:linear-gradient(90deg,var(--of-accent-gold2),var(--of-accent-gold),#e8c46a)}.of-card__img-wrap{position:relative;padding:40px 40px 0;display:flex;align-items:flex-end;gap:22px;z-index:1}.of-card__index{position:absolute;top:14px;right:30px;font-family:var(--of-font-display);font-size:90px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(15,13,11,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.of-card__img-frame{position:relative;width:104px;height:104px;border-radius:50%;flex-shrink:0}.of-card__img{object-fit:cover;display:block;position:relative}.of-card__img,.of-card__img-fallback{width:100%;height:100%;border-radius:50%;z-index:1}.of-card__img-fallback{display:none;align-items:center;justify-content:center;font-family:var(--of-font-display);font-size:30px;font-weight:600;color:var(--of-white);position:absolute;inset:0}.of-card--1 .of-card__img-fallback{background:linear-gradient(135deg,var(--of-accent-blue2),var(--of-accent-blue))}.of-card--2 .of-card__img-fallback{background:linear-gradient(135deg,var(--of-accent-gold2),var(--of-accent-gold))}.of-card__img-deco{position:absolute;top:-7px;left:-7px;width:118px;height:118px;border-radius:50%;z-index:0}.of-card--1 .of-card__img-deco{border:1.5px solid rgba(26,107,122,.25);box-shadow:0 0 0 6px rgba(26,107,122,.05)}.of-card--2 .of-card__img-deco{border:1.5px solid rgba(184,144,58,.3);box-shadow:0 0 0 6px rgba(184,144,58,.06)}.of-card__img-meta{padding-bottom:4px;flex:1 1;min-width:0}.of-card__tag{display:inline-block;font-size:9.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:8px}.of-card--1 .of-card__tag{background:var(--of-accent-blue-light);color:var(--of-accent-blue)}.of-card--2 .of-card__tag{background:var(--of-accent-gold-light);color:var(--of-accent-gold2)}.of-card__name{font-family:var(--of-font-display);font-size:24px;font-weight:600;color:var(--of-ink);line-height:1.18;letter-spacing:-.3px;margin-bottom:4px}.of-card__role{font-size:12.5px;font-weight:500;letter-spacing:.3px;margin-bottom:0}.of-card--1 .of-card__role{color:var(--of-accent-blue)}.of-card--2 .of-card__role{color:var(--of-accent-gold)}.of-card__body{position:relative;padding:28px 40px 36px;z-index:1}.of-card__divider{display:flex;align-items:center;gap:10px;margin-bottom:22px}.of-card__divider:after,.of-card__divider:before{content:"";flex:1 1;height:1px;background:var(--of-rule)}.of-card__divider-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.of-card--1 .of-card__divider-dot{background:var(--of-accent-blue)}.of-card--2 .of-card__divider-dot{background:var(--of-accent-gold)}.of-card__bio{font-size:14.5px;color:var(--of-ink-mid);line-height:1.9;font-weight:300;margin-bottom:26px}.of-card__skills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.of-card__skill{font-size:11px;font-weight:500;color:var(--of-ink-muted);background:var(--of-bg-soft);border:1px solid var(--of-rule);border-radius:var(--of-radius);padding:5px 12px;letter-spacing:.2px;transition:all .25s ease}.of-card:hover .of-card__skill{background:var(--of-white)}.of-card--1:hover .of-card__skill{border-color:rgba(26,107,122,.25);color:var(--of-accent-blue)}.of-card--2:hover .of-card__skill{border-color:rgba(184,144,58,.3);color:var(--of-accent-gold2)}.of-card__since{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:var(--of-radius)}.of-card--1 .of-card__since{background:linear-gradient(135deg,rgba(26,107,122,.06),rgba(26,107,122,.02));border:1px solid rgba(26,107,122,.12);border-left:3px solid var(--of-accent-blue)}.of-card--2 .of-card__since{background:linear-gradient(135deg,rgba(184,144,58,.06),rgba(184,144,58,.02));border:1px solid rgba(184,144,58,.14);border-left:3px solid var(--of-accent-gold)}.of-card__since-label{font-size:10.5px;font-weight:500;letter-spacing:.5px;color:var(--of-ink-muted);text-transform:uppercase}.of-card__since-year{font-family:var(--of-font-display);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.5px}.of-card--1 .of-card__since-year{color:var(--of-accent-blue)}.of-card--2 .of-card__since-year{color:var(--of-accent-gold)}.of-card__glow{position:absolute;inset:0;border-radius:var(--of-radius-lg);opacity:0;pointer-events:none;transition:opacity .45s ease}.of-card--1 .of-card__glow{box-shadow:inset 0 0 0 1.5px rgba(26,107,122,.3)}.of-card--2 .of-card__glow{box-shadow:inset 0 0 0 1.5px rgba(184,144,58,.3)}.of-card:hover .of-card__glow{opacity:1}.of-card--1{animation:of-slideUp .8s cubic-bezier(.22,.68,0,1.1) .1s both}.of-card--2{animation:of-slideUp .8s cubic-bezier(.22,.68,0,1.1) .28s both}@keyframes of-slideUp{0%{opacity:0;transform:translateY(36px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.of-header{animation:of-fadeIn .9s ease 0s both}@keyframes of-fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:880px){.of-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}.of-header__title{font-size:50px}}@media (max-width:560px){.of-section{padding:72px 16px 90px}.of-header__title{font-size:38px;letter-spacing:-1px}.of-card__img-wrap{flex-direction:column;align-items:flex-start;padding:32px 28px 0;gap:16px}.of-card__body{padding:22px 28px 30px}.of-card__name{font-size:20px}.of-card__index{font-size:64px;top:14px;right:22px}}