@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Public+Sans:wght@400;500;600&display=swap');
:root{--ivory:#F6F3EC;--card:#FBFAF6;--navy:#122A4E;--deep:#0E1F3A;--night:#0A1626;--red:#B31942;--reddk:#8F1435;--rose:#C63B5E;--gold:#B8963E;--mut:#5F6775;--line:#E6E1D3;--bmut:#8899B5;--ink:#171B22}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.6 'Public Sans',sans-serif}
a{color:var(--navy);text-decoration:none}a:hover{color:var(--red)}
.serif{font-family:'Libre Caslon Text',serif;font-weight:400}
.ov{font:600 11px/1.3 'Public Sans',sans-serif;letter-spacing:.28em;text-transform:uppercase}
.wrap{max-width:1400px;margin:0 auto;padding:0 clamp(40px,4.5vw,72px)}
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
#bar{position:fixed;top:0;left:0;height:2px;background:var(--red);width:0;z-index:99}
.btn{display:inline-block;background:var(--navy);color:var(--ivory);padding:16px 30px;border-radius:2px;font:600 15px 'Public Sans',sans-serif}
.btn:hover{color:#fff;background:var(--deep)}
.btn.red{background:var(--red)}.btn.red:hover{background:var(--reddk);color:#fff}
.btn-line{display:inline-block;border:1px solid var(--navy);padding:15px 28px;border-radius:2px;font:600 15px 'Public Sans',sans-serif}
.lnk{font:600 15px 'Public Sans',sans-serif;border-bottom:1px solid var(--red);padding-bottom:3px}
@keyframes riseIn{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-10px)}}
@keyframes cue{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:.25}}
.wline{display:block;overflow:hidden}
.wline span{display:inline-block;animation:riseIn 1.1s cubic-bezier(.2,.8,.2,1) both}
.star{position:absolute;color:var(--gold);pointer-events:none;animation:drift 9s ease-in-out infinite}
.nav{display:flex;justify-content:space-between;align-items:center;padding-top:28px;position:relative;z-index:5}
.nav nav{display:flex;gap:clamp(14px,3vw,34px);align-items:center;font:500 14px 'Public Sans',sans-serif}
.nav nav a{white-space:nowrap}
.nav nav a.act{color:var(--reddk);border-bottom:1px solid var(--red);padding-bottom:2px}
.nav .cta{border:1px solid var(--navy);padding:11px 22px;border-radius:2px}
.mark{line-height:1}.mark b{font-family:'Libre Caslon Text',serif;font-weight:700;font-size:17px;color:var(--navy);letter-spacing:.08em}
.mark i{display:block;font:600 10px 'Public Sans',sans-serif;font-style:normal;letter-spacing:.4em;color:var(--red);margin-top:4px}
.foot{background:var(--deep);color:var(--bmut);padding:34px 0;font-size:13px}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.foot .wrap>span{white-space:nowrap}
.foot .wrap>span:last-child{white-space:normal;text-align:right}
.pagehead{padding:110px 0 70px;position:relative;overflow:hidden}
.val{border-top:1px solid rgba(255,255,255,.14);padding:20px 8px;display:flex;justify-content:space-between;align-items:baseline;transition:background .3s,padding-left .3s}
.val:hover{background:rgba(255,255,255,.04);padding-left:20px}
.val:hover .vn{color:var(--rose)}
.vn{color:var(--ivory);font-size:21px;transition:color .3s}
.vnum{color:#54688C;font:600 12px 'Public Sans',sans-serif;letter-spacing:.2em}

.dd{position:relative}
.dd>a .car{display:inline-block;margin-left:6px;font-size:9px;transition:transform .25s;color:var(--gold)}
.dd:hover>a .car{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);padding-top:16px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:50}
.dd:hover .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-box{background:var(--card);border:1px solid var(--line);border-radius:3px;box-shadow:0 20px 48px rgba(14,31,58,.16);padding:8px;display:grid;min-width:250px}
.dd-box a{display:flex;justify-content:space-between;align-items:baseline;gap:22px;padding:11px 14px;border-radius:2px;font:500 14px 'Public Sans',sans-serif;white-space:nowrap}
.dd-box a:hover{background:var(--ivory);color:var(--reddk)}
.dd-box a i{font:500 11px 'Public Sans',sans-serif;font-style:normal;letter-spacing:.08em;color:#9AA1AD}
.dd-box a.all{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:13px}
.dd-box a.jobs{border-top:1px solid var(--line);margin-top:6px;padding-top:13px;color:var(--reddk)}
