.oph-mono,.oph-label,.oph-credit,.oph-livetag,.oph-quote__head,.oph-brief__top,.oph-col>.oph-mono,.opp-item__top,.opp-lab,
.opp-dmeta,.opp-updated,.opp-docnav{font-family:var(--font-mono)}
.oph-label{margin:0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.oph-mono{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.oph-btn{min-height:var(--touch);padding:16px 24px;font-size:17px;font-weight:700;text-decoration:none}
.op-btn.oph-btn:not(.op-btn--primary){font-weight:600}
.oph-ctas{display:flex;flex-wrap:wrap;gap:12px}
.oph-trial{margin:0;font-size:14px;color:var(--text-3)}
.opp-cta{border:var(--rule);padding:32px;display:flex;flex-direction:column;gap:16px;background:var(--paper)}
.opp-cta__h{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.opp-cta p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2);max-width:640px}
.opp-cta .oph-trial{font-size:14px;color:var(--text-3)}
.op--public .op-pubnav a[data-op-start]{color:var(--paper)}
.oph-sec{border-bottom:var(--rule)}
.oph-sec__in{padding-top:88px;padding-bottom:88px;display:flex;flex-direction:column;gap:48px}
.oph-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end}
.oph-sechead__main{display:flex;flex-direction:column;gap:16px;max-width:760px}
.oph-h2{margin:0;font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:760px}
.oph-h3{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.oph-sub{margin:0;font-size:19px;line-height:1.5;color:var(--text-2)}
@media (max-width:760px){.oph-btn{width:100%;justify-content:center;padding:14px 18px;font-size:16px}
.op-pubnav>a:not(.op-btn):not([data-op-signin]):not([aria-current]){display:none}
.op-pubnav{gap:14px}.opp-cta{padding:20px}.opp-cta__h{font-size:23px}
.oph-sec__in{padding-top:48px;padding-bottom:48px;gap:28px}.oph-h2{font-size:32px}.oph-sub{font-size:17px}}

.op--page main{display:block}
.opp{padding-top:48px;padding-bottom:64px;display:flex;flex-direction:column;gap:32px}
.opp--doc>*{max-width:900px}
.opp--narrow>*{max-width:560px}
.opp-h1{margin:0;font-size:44px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.opp-h2{margin:0 0 16px;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.opp-lead{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}
.opp-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.opp-head{display:flex;gap:24px;align-items:flex-start;padding-bottom:32px;border-bottom:var(--rule)}
.opp-head__main{display:flex;flex-direction:column;gap:10px;min-width:0}
.opp-photo{width:96px;height:96px;object-fit:cover;background:var(--ground);flex:none;border:var(--rule)}
.opp-office{margin:0;font-size:19px;font-weight:600}
.opp-meta{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-3)}
.opp-list{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.opp-item{padding:20px 0;border-bottom:1px solid var(--rule-mid);display:flex;flex-direction:column;gap:10px}
.opp-item__top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.opp-item__h{margin:0;font-size:20px;line-height:1.3;font-weight:700}
.opp-item__h a{text-decoration:none}
.opp-item__h a:hover{text-decoration:underline}
.opp-said{margin:0;font-family:var(--font-said);font-size:17px;line-height:1.6;color:var(--ink)}
.opp-said p{margin:0 0 12px}.opp-said p:last-child{margin:0}
blockquote.opp-said{border-left:4px solid var(--rule-mid);padding-left:16px}
.opp-item__foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}
.opp-item__foot a{font-weight:600}
.opp-item__foot span{font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.opp-empty{padding:0}
.opp-record{font-size:13px}
.opp-doc{border:var(--rule);background:var(--paper);padding:32px;display:flex;flex-direction:column;gap:16px}
.opp-doc .opp-h1{font-size:34px;line-height:1.15}
.opp-dmeta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;letter-spacing:.02em;color:var(--text-3);padding-bottom:16px;border-bottom:1px solid var(--rule-soft)}
.opp-dmeta span{display:inline-flex;align-items:center;gap:6px}
.opp-dmeta b{color:var(--ink);font-weight:500}
.opp-lab{margin:8px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.opp-ans{font-family:var(--font-said);font-size:17px;line-height:1.65}
.opp-ans p{margin:0 0 12px}.opp-ans p:last-child{margin:0}
.opp-tw{overflow-x:auto;max-width:100%;margin:0 0 12px}
.opp-ans table{border-collapse:collapse;font-family:var(--font-ui);font-size:14px;margin:0}
.opp-ans td,.opp-ans th{border:1px solid var(--rule-mid);padding:6px 10px;text-align:left;vertical-align:top}
.opp-box{background:var(--ground);border-left:4px solid var(--ink);padding:14px 16px}
.opp-box p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.opp-box strong{color:var(--ink)}
.opp-open{margin:0;font-size:15px}.opp-open a{font-weight:600}
.opp-card{border:var(--rule);padding:32px;display:flex;flex-direction:column;gap:16px;background:var(--paper)}
.opp-card .opp-h1{font-size:32px}
.opp-form{display:flex;flex-direction:column;gap:6px}
.opp-form label,.opp-staff .su-card label{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:10px}
.opp-form input,.opp-staff .su-card input{height:var(--touch);border:var(--rule);padding:0 12px;font:400 16px/1.2 var(--font-ui);background:var(--paper);color:var(--ink);width:100%}
.opp-form .op-btn{margin-top:18px}
.opp-form .msg{font-size:15px;line-height:1.5;margin-top:8px}
.opp-form .msg.err{color:var(--ink);border-left:4px solid var(--ink);padding-left:10px}
.opp-form .msg.ok{border-left:4px solid var(--house-commons);padding-left:10px}
.opp-docnav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.opp-docnav a{text-decoration:none}
.opp-docnav a[aria-current]{text-decoration:underline;text-underline-offset:5px;font-weight:500}
.opp-legal{border-top:var(--rule);padding-top:24px;font-size:16px;line-height:1.65;color:var(--text-2)}
.opp-legal .opp-h1{color:var(--ink)}
.opp-updated{margin:12px 0 28px;font-size:12px;color:var(--text-3)}
.opp-legal h2{margin:36px 0 10px;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.opp-legal h3{margin:20px 0 6px;font-size:16px;font-weight:700;color:var(--ink)}
.opp-legal p,.opp-legal li{max-width:72ch}
.opp-legal ul,.opp-legal ol{padding-left:22px}
.opp-legal .opp-tw{margin:16px 0}
.opp-legal table{width:100%;border-collapse:collapse;margin:0;font-size:14px}
.opp-legal th,.opp-legal td{text-align:left;padding:8px 10px;border:1px solid var(--rule-mid);vertical-align:top}
.opp-legal th{background:var(--ground)}
.opp-legal .note,.opp-legal .lead{background:var(--ground);border-left:4px solid var(--ink);padding:14px 16px;margin:18px 0;font-size:15px}
/* the staff page: its own sections, on the tokens */
.opp-staff{gap:0}
.opp-staff .hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start;padding:8px 0 56px;border-bottom:var(--rule)}
.opp-staff .eyebrow,.opp-staff .kicker,.opp-staff .tag{margin:0 0 14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:400}
.opp-staff h1{margin:0 0 20px;font-size:64px;line-height:1;font-weight:800;letter-spacing:-.035em}
.opp-staff .lede{margin:0 0 24px;font-size:19px;line-height:1.5;color:var(--text-2)}
.opp-staff .lede b{color:var(--ink)}
.opp-staff a.cta,.opp-staff button.cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);background:var(--ink);color:var(--paper);
border:0;padding:16px 24px;font:700 17px/1.2 var(--font-ui);text-decoration:none;cursor:pointer}
.opp-staff a.cta:hover,.opp-staff button.cta:hover{background:var(--text-2);color:var(--paper)}
.opp-staff .cta-note{margin:14px 0 0;font-size:14px;color:var(--text-3);max-width:520px}
.opp-staff .hero-r{border:var(--rule-2);box-shadow:var(--shadow-hero);padding:32px;background:var(--paper)}
.opp-staff .pricerow{display:flex;gap:28px;align-items:flex-end;margin:0 0 20px}
.opp-staff .pricerow .fig{display:block;font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1}
.opp-staff .pricerow .was .fig{font-size:32px;color:var(--text-3);text-decoration:line-through}
.opp-staff .pricerow .cap{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:6px}
.opp-staff .ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px}
.opp-staff .ticks li{padding-left:22px;position:relative}
.opp-staff .ticks li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;background:var(--house-commons)}
.opp-staff .band{padding:56px 0;border-bottom:var(--rule)}
.opp-staff .sec{margin:0 0 12px;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.03em}
.opp-staff .sec-sub{margin:0 0 28px;font-size:17px;line-height:1.55;color:var(--text-2);max-width:760px}
.opp-staff .roles,.opp-staff .feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-top:var(--rule)}
.opp-staff .role,.opp-staff .feat{padding:24px 24px 24px 0;border-right:1px solid var(--rule-mid)}
.opp-staff .role:last-child,.opp-staff .feat:last-child{border-right:0}
.opp-staff .role h3,.opp-staff .feat h3{margin:0 0 8px;font-size:19px;font-weight:700}
.opp-staff .role p,.opp-staff .feat p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.opp-staff .bars{display:flex;flex-direction:column;gap:14px;max-width:760px}
.opp-staff .bar .top{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:6px}
.opp-staff .bar .nm{font-weight:600}.opp-staff .bar .vl{font-family:var(--font-mono);font-size:13px}
.opp-staff .bar .tr{height:12px;background:var(--ground);border:1px solid var(--rule-mid)}
.opp-staff .bar .fl{height:100%;background:var(--ink)}
.opp-staff .bar.us .fl{width:2%;background:var(--accent)}
.opp-staff .bar.them .fl{width:100%}
.opp-staff .barnote{margin:16px 0 0;font-size:15px;color:var(--text-2)}
.opp-staff .spot{padding:28px 0;border-top:1px solid var(--rule-mid)}
.opp-staff .spot h3{margin:0 0 10px;font-size:24px;font-weight:700;letter-spacing:-.01em}
.opp-staff .spot p{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--text-2);max-width:760px}
.opp-staff .spot-l{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.55;color:var(--text-2);max-width:760px}
.opp-staff .spot-l b{color:var(--ink)}
.opp-staff .spot-f{display:none}
.opp-staff .su-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px;align-items:start}
.opp-staff .su-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px}
.opp-staff .su-steps .n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:12px}
.opp-staff .su-card{border:var(--rule-2);padding:28px;display:flex;flex-direction:column;gap:6px;background:var(--paper)}
.opp-staff .su-card label:first-child{margin-top:0}
.opp-staff .su-card .opt{text-transform:none;letter-spacing:0;color:var(--text-3)}
.opp-staff .su-card .cta{margin-top:18px;width:100%}
.opp-staff .su-warn,.opp-staff .su-msg{margin:6px 0 0;font-size:14px;line-height:1.5;border-left:4px solid var(--ink);padding-left:10px}
.opp-staff .su-msg.ok{border-left-color:var(--house-commons)}
.opp-staff .su-fine{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--text-3)}
.opp-staff .su-state{border:var(--rule-2);padding:28px;font-size:16px;line-height:1.55}
.opp-staff .faq details{border-top:1px solid var(--rule-mid);padding:16px 0}
.opp-staff .faq summary{cursor:pointer;font-size:18px;font-weight:700;min-height:var(--touch);display:flex;align-items:center}
.opp-staff .faq p,.opp-staff .qa p{font-size:16px;line-height:1.6;color:var(--text-2);max-width:760px}
.opp-staff .closing{padding:56px 0}
.opp-staff-std{margin:24px 0 0;font-size:13px;line-height:1.5;color:var(--text-3)}
.opp-staff .hero-r .opp-staff-std{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule-soft)}
@media (max-width:900px){.opp-staff .hero,.opp-staff .su-grid{grid-template-columns:minmax(0,1fr)}.opp-staff h1{font-size:44px}}
@media (max-width:760px){.opp{padding-top:28px;padding-bottom:40px;gap:24px}.opp-h1{font-size:32px}.opp-doc,.opp-card{padding:20px}
.opp-doc .opp-h1{font-size:26px}.opp-head{gap:16px}.opp-photo{width:72px;height:72px}
.opp-staff .band{padding:36px 0}.opp-staff .sec{font-size:28px}.opp-staff .hero-r{padding:20px}
.opp-staff .role,.opp-staff .feat{border-right:0;border-bottom:1px solid var(--rule-mid);padding:18px 0}}

.opf{display:block}
.opf-hero{border-bottom:var(--rule)}
.opf-hero__in{padding-top:56px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.opf-hero__copy{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.opf-crumbs{display:flex;gap:10px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.opf-crumbs a{color:var(--ink)}
.opf-h1{margin:0;font-size:60px;line-height:1.02;letter-spacing:-.035em;font-weight:800}
.opf .oph-lede{margin:0;font-size:20px;line-height:1.5;color:var(--text-2);max-width:640px}
.opf-example{flex:1 1 340px;min-width:0;border:var(--rule-2);box-shadow:var(--shadow-hero);background:var(--paper);padding:28px;
display:flex;flex-direction:column;gap:14px}
.opf-example__said{margin:0;font-family:var(--font-said);font-size:24px;line-height:1.35}
.opf-example__name{margin:0;padding-top:14px;border-top:1px solid var(--rule-mid);font-weight:700}
.opf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));border-top:var(--rule)}
.opf-step{padding:28px 32px 8px 0;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--rule-mid);margin-right:32px}
.opf-step:last-child{border-right:0;margin-right:0}
.opf-step .oph-mono{font-size:13px;color:var(--ink)}
.opf-step p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}
.opf-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:0 40px}
.opf-points li{padding:18px 0;border-top:1px solid var(--rule-mid);display:flex;flex-direction:column;gap:6px}
.opf-points strong{font-size:18px}
.opf-points span{font-size:16px;line-height:1.55;color:var(--text-2)}
.opf-who{display:flex;flex-direction:column;gap:12px}
.opf-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.opf-plan{border:var(--rule);padding:22px;display:flex;flex-direction:column;gap:8px}
.opf-plan strong{font-size:18px}
.opf-plan--off{border-color:var(--rule-mid)}
.opf-plan--off strong{color:var(--text-3);font-weight:500}
.opf-more{margin:0;font-weight:600}
.opf-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.opf-cards--3{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
.opf-card a{height:100%;box-sizing:border-box;border:var(--rule);padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink)}
.opf-card a:hover{background:var(--ground)}
.opf-card strong{font-size:19px}
.opf-card a>span:last-child{font-size:15px;line-height:1.5;color:var(--text-2)}
.opf-card__img,.opf-card__said{display:block;margin:-20px -20px 12px;width:calc(100% + 40px);aspect-ratio:16/10;box-sizing:border-box;
border-bottom:var(--rule);background:var(--ground)}
.opf-card__img{height:auto;object-fit:cover;object-position:top left}
.opf-card__said{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px;font-family:var(--font-said);font-size:20px;
line-height:1.35;color:var(--ink)}
.opf-card__said .oph-mono{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.opf-hero--shot{background:linear-gradient(90deg,var(--paper) 0 50%,var(--ground) 50%)}
.opf-hero--shot .opf-hero__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;background:var(--paper);
padding-right:0}
.opf-hero--shot .opf-hero__copy{padding-right:8px}
.opf-hero--shot .opf-h1{font-size:50px}
.opf-hero--shot .opf-frame{background:var(--ground);padding:40px 0 0 40px;margin:-56px 0 -72px;height:calc(100% + 128px);
box-sizing:border-box;justify-content:center}
.opf-frame{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.opf-frame--mail .opf-frame__win{max-width:680px}
.opf-frame__win{border:var(--rule-2);background:var(--paper);box-shadow:var(--shadow-hero);overflow:hidden}
.opf-frame__bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:var(--rule);background:var(--paper)}
.opf-frame__bar i{width:10px;height:10px;border-radius:50%;background:var(--rule-mid)}
.opf-frame__bar span{margin-left:10px;font-family:var(--font-mono);font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;
text-overflow:ellipsis}
.opf-frame img{display:block;width:100%;height:auto}
.opf-frame figcaption{font-size:15px;line-height:1.5;color:var(--text-2);padding-right:40px}
.opf-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:64px}
.opf-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.opf-row:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.opf-row:nth-child(even) .opf-row__copy{order:2}
.opf-row__copy{display:flex;flex-direction:column;gap:12px}
.opf-row__copy .oph-mono{font-size:13px;color:var(--ink)}
.opf-row__h{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:800}
.opf-row__copy p{margin:0;font-size:18px;line-height:1.55;color:var(--text-2);max-width:460px}
.opf-row__pic{margin:0;padding:44px 40px 22px;background:var(--ground);display:flex;flex-direction:column;align-items:center;gap:16px}
.opf-row:nth-child(3n+1) .opf-row__pic{background:var(--accent-wash)}
.opf-row:nth-child(3n+2) .opf-row__pic{background:var(--commons-wash)}
.opf-row__pic img{display:block;max-width:100%;height:auto;border:var(--rule);background:var(--paper);
box-shadow:0 18px 40px rgba(16,20,24,.14)}
.opf-row__pic img.is-cut{border-bottom:0;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.opf-row__pic figcaption{align-self:stretch;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-2)}
@media (max-width:900px){.opf-hero--shot{background:var(--paper)}.opf-hero--shot .opf-hero__in{grid-template-columns:minmax(0,1fr);
padding-right:var(--gutter)}.opf-hero--shot .opf-frame{margin:0;height:auto;padding:24px 0 0 24px}
.opf-row,.opf-row:nth-child(even){grid-template-columns:minmax(0,1fr);gap:24px}.opf-row:nth-child(even) .opf-row__copy{order:0}}
@media (max-width:760px){.opf-hero--shot .opf-h1{font-size:38px}.opf-row__h{font-size:24px}.opf-row__copy p{font-size:17px}
.opf-rows{gap:48px}.opf-row__pic{padding:24px 18px 14px}
.opf-frame__bar{padding:7px 10px}.opf-frame__bar span{font-size:12px}
.opf-hero__in{padding-top:28px;padding-bottom:40px;gap:28px}.opf-h1{font-size:38px}.opf .oph-lede{font-size:17px}
.opf-example{box-shadow:6px 6px 0 var(--accent);margin-right:6px;padding:20px}.opf-example__said{font-size:20px}
.opf-step{border-right:0;margin-right:0;padding:20px 0;border-bottom:1px solid var(--rule-mid)}}