.hero{background:var(--ink);color:#fff}.hero-frame{color:#fff;background:#061530}.hero-chrome{color:#fff}.hero-head{border-bottom:1px solid #fff3}.hero-nav a{letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .3s}.hero-nav a:hover{color:#fff}.hero-cta{color:#fff;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#ec6911;border-radius:3px;align-items:center;gap:10px;padding:12px 16px 12px 18px;font-size:.65rem;font-weight:700;line-height:1;text-decoration:none;transition:background .3s;display:inline-flex}.hero-cta svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.hero-cta:hover{background:#f57a24}.hero-cta:hover svg{transform:translate(3px)}.hero-cta.sm{padding:10px 12px 10px 14px}.hero-meta{letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:12px;font-size:.65rem;font-weight:600;display:flex}.hero-meta i{background:#ec6911;width:28px;height:1px;display:block}.hero-index{text-shadow:0 1px 12px #00000073;width:300px}.hero-index .row{color:#fff;border-top:1px solid #ffffff38;grid-template-columns:2.4rem 1fr 14px;align-items:center;gap:12px;padding:9px 0;font-size:.82rem;text-decoration:none;display:grid}.hero-index .row .n{font-variant-numeric:tabular-nums;letter-spacing:.14em;color:#ffffff8c;font-size:.62rem;font-weight:600;transition:color .3s}.hero-index .row .go{color:#009a9e;opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translate(-6px)}.hero-index .row:hover .go{opacity:1;transform:translate(0)}.hero-index .row:hover .n{color:#ec6911}.hero-index .start{color:#fff;letter-spacing:-.01em;border-top:1px solid #fff;justify-content:space-between;align-items:baseline;gap:16px;margin-top:2px;padding-top:14px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.hero-index .start small{letter-spacing:.16em;text-transform:uppercase;color:#ec6911;align-items:center;gap:8px;font-size:.62rem;font-weight:600;transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.hero-index .start:hover small{transform:translate(4px)}.scroll-cue{z-index:900;color:#fff;mix-blend-mode:difference;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0 6px;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (min-width:768px){.scroll-cue{bottom:34px}}.scroll-cue .t{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;margin-right:-.24em;font-size:.6rem;font-weight:700;line-height:1}.scroll-cue .line{background:#ffffff4d;width:1px;height:18px;position:relative;overflow:hidden}.scroll-cue .line i{will-change:transform;background:#fff;animation:1.9s cubic-bezier(.65,0,.35,1) infinite cueRun;position:absolute;inset:0;transform:translateY(-100%)}.scroll-cue .tip{margin-top:-6px;animation:1.9s cubic-bezier(.65,0,.35,1) infinite cueTip;display:block}.scroll-cue.up{mix-blend-mode:normal;background:#071a3ae6;border:1px solid #ffffff2e;border-radius:3px;flex-direction:column-reverse;height:auto;padding:6px 12px}.scroll-cue.up .tip{margin-top:0;margin-bottom:-6px;transform:rotate(180deg)}.scroll-cue.up .line i,.scroll-cue.up .tip{animation-direction:reverse}.scroll-cue.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(12px)}@keyframes cueRun{0%{transform:translateY(-100%)}55%,to{transform:translateY(100%)}}@keyframes cueTip{0%,35%{opacity:.35}60%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.scroll-cue .line i,.scroll-cue .tip{animation:none}.scroll-cue .line i{opacity:.8;transform:none}}
.dir{--dir-line:#ffffff1f;--dir-line-soft:#ffffff0e;--dir-muted:#ffffff9e;--dir-off:20px;background:var(--ink);color:#fff;border-top:1px solid var(--dir-line);scroll-margin-top:24px;position:relative;overflow:hidden}.dir-grid{pointer-events:none;background-image:linear-gradient(to right, var(--dir-line-soft) 1px, transparent 1px);background-position:-1px 0;background-size:16.6667% 100%;position:absolute;inset:0}.dir-inner{grid-template-columns:minmax(0,1fr);row-gap:44px;padding:72px 24px 80px;display:grid;position:relative}.dir-index{border-bottom:1px solid var(--dir-line);letter-spacing:.22em;text-transform:uppercase;color:var(--dir-muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;margin:0 0 40px;padding-bottom:14px;font-size:.66rem;font-weight:600;display:flex}.dir-index b{color:#ec6911;font-weight:600}.dir-index i{color:#ffffff4d;font-style:normal}.dir-quote{text-wrap:balance;margin:0;padding:0;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.02;position:relative}.dir-quote p{margin:0}.dir-quote .open{color:#009a9e;position:absolute;top:0;left:-.5em}.dir-quote .line-2{color:#ffffff80;display:block}.dir-quote .close{color:#009a9e}@media (max-width:767px){.dir-quote .open{position:static}}.dir-bio{max-width:44ch}.dir-bio p{color:var(--dir-muted);margin:0;font-size:1.02rem;line-height:1.7}.dir-bio p+p{margin-top:1.1em}.dir-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:38px;display:flex}.dir-link{color:#ffffffd9;padding-bottom:3px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.dir-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.35)}.dir-link:hover{color:#fff}.dir-link:hover:after{transform:scaleX(1)}.dir-figure{margin:0 -24px 0 0;margin-left:var(--dir-off);position:relative}.dir-block{left:calc(-1 * var(--dir-off));top:calc(-1 * var(--dir-off));width:58%;height:46%;transform:translate(var(--dir-off), var(--dir-off));background:#009a9e;transition:transform 1.1s cubic-bezier(.22,1,.36,1) .35s;position:absolute}.dir-photo{aspect-ratio:4/5;opacity:0;background:#0b2350;transition:opacity .9s,transform 1s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateY(26px)}.dir-photo img{object-fit:cover;object-position:50% 28%;will-change:transform;width:100%;height:112%;display:block;position:absolute;top:-6%;left:0}.dir-tint{mix-blend-mode:soft-light;opacity:.35;pointer-events:none;background:#003277;position:absolute;inset:0}.dir-figure[data-in=true] .dir-block{transform:translate(0)}.dir-figure[data-in=true] .dir-photo{opacity:1;transform:translateY(0)}.dir-caption{border-top:1px solid var(--dir-line);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 24px 0 0;display:flex}.dir-caption .name{letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:600}.dir-caption .role{letter-spacing:.2em;text-transform:uppercase;color:var(--dir-muted);margin:4px 0 0;font-size:.62rem;font-weight:600}@media (min-width:768px){.dir{--dir-off:28px}.dir-inner{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:56px clamp(48px,6vw,96px);padding:128px 0 136px calc(max(0px,50% - 600px) + 48px)}.dir-head{grid-area:1/1}.dir-body{grid-area:2/1;align-self:end}.dir-figure{margin:0 0 0 var(--dir-off);grid-area:1/2/span 2}.dir-photo{max-height:88vh}.dir-caption{padding-right:clamp(28px,4vw,56px)}.dir-index{margin-bottom:56px}}@media (prefers-reduced-motion:reduce){.dir-block,.dir-photo{transition:none}}
.pr{--p-navy:#003277;--p-teal:#009a9e;--p-orange:#ec6911;--p-ink:#071a3a;--p-rule:#071a3a29;--p-ghost:#071a3a1a;color:var(--p-ink);font-variant-numeric:tabular-nums;background:#fff}.pr-wrap{max-width:1200px;margin:0 auto;padding:88px 24px 96px}.pr-meta{border-top:1px solid var(--p-ink);border-bottom:1px solid var(--p-rule);letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;font-size:.66rem;font-weight:700;display:flex}.pr-meta .pr-index{color:#071a3a73}.pr-meta .pr-index b{color:var(--p-navy);font-weight:700}.pr-grid{grid-template-columns:1fr;gap:56px;padding-top:48px;display:grid}.pr-h{color:var(--p-ink);margin:0;font-size:clamp(2.4rem,4.6vw,4rem)}.pr-h em{color:var(--p-navy);font-style:normal}.pr-sub{color:#071a3a9e;max-width:36ch;margin:24px 0 0;font-size:1rem;line-height:1.6}.pr-mark{align-items:center;gap:22px;margin-top:40px;display:flex}.pr-mark-cap{letter-spacing:.2em;text-transform:uppercase;color:#071a3a73;max-width:11ch;font-size:.66rem;font-weight:700;line-height:1.7}.pr-list{border-left:1px solid var(--p-rule);border-bottom:1px solid var(--p-rule);margin:0;padding:0 0 0 26px;list-style:none;position:relative}.pr-rail-fill{background:var(--p-teal);transform-origin:top;will-change:transform;width:1px;height:100%;position:absolute;top:0;left:-1px}.pr-row{border-top:1px solid var(--p-rule);padding:30px 0 34px;position:relative}.pr-row:before{content:"";background:var(--p-rule);width:12px;height:1px;transition:width .5s cubic-bezier(.22,1,.36,1),background-color .4s;position:absolute;top:-1px;left:-26px}.pr-row.is-lit:before{background:var(--p-teal);width:26px}.pr-row-in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.pr-num{letter-spacing:-.06em;min-width:1.15em;color:var(--p-ghost);-webkit-user-select:none;user-select:none;margin-top:0;font-size:clamp(3.6rem,8.4vw,7.6rem);font-weight:500;line-height:.8;transition:color .55s;display:block}.pr-row.is-lit .pr-num{color:var(--p-navy)}.pr-body h3{letter-spacing:-.02em;color:var(--p-ink);margin:0 0 10px;font-size:clamp(1.4rem,2.2vw,1.95rem);font-weight:500;line-height:1.1}.pr-body p{color:#071a3a80;max-width:44ch;margin:0;font-size:1rem;line-height:1.65;transition:color .5s}.pr-row.is-lit .pr-body p{color:#071a3abd}@media (min-width:768px){.pr-wrap{padding:120px 48px 140px}.pr-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:80px;padding-top:64px}.pr-lead{position:sticky;top:112px}.pr-mark{margin-top:56px}.pr-list{padding-left:34px}.pr-row{padding:40px 0 48px}.pr-row:before{width:14px;left:-34px}.pr-row.is-lit:before{width:34px}.pr-row-in{grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:32px}.pr-num{margin-top:0}}@media (prefers-reduced-motion:reduce){.pr-num,.pr-body p,.pr-row:before{transition:none}}
.st{--st-teal:#009a9e;--st-orange:#ec6911;--st-ghost:#ffffff47;z-index:2;text-align:center;pointer-events:none;will-change:opacity, transform;max-width:920px;margin:0 auto;padding:0 24px;position:absolute;top:8%;left:0;right:0}.st-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff94;align-items:center;gap:14px;margin-bottom:26px;font-size:.66rem;font-weight:600;display:inline-flex}.st-label b{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--st-teal);font-weight:600}.st-label i{background:#ffffff38;width:40px;height:1px;display:block}.st .st-title{text-wrap:balance;margin:0;font-size:clamp(1.95rem,4.6vw,3.9rem);line-height:1.04}.st-line{display:block}.st-line+.st-line{margin-top:.06em}.st-w{white-space:nowrap;display:inline-block}.st-ch{color:var(--st-ghost)}.st-copy{color:#fff9;max-width:520px;margin:22px auto 0;font-size:1rem;line-height:1.6}@media (max-width:767px){.st{padding:0 18px;top:6.5%}.st-label{gap:10px;margin-bottom:16px;font-size:.58rem}.st-label i{width:24px}.st .st-title{line-height:1.06}.st-copy{max-width:330px;margin-top:14px;font-size:.88rem;line-height:1.5}}@media (min-width:768px) and (max-height:820px){.st{top:5%}.st-title{font-size:clamp(1.6rem,3.4vw,2.9rem)}.st-copy{max-width:460px;margin-top:10px;font-size:.9rem}}
.mkb{--g:calc(var(--w) * .007);--pad:calc(var(--w) * .012);--kh:calc(var(--w) * .048);--u:calc((var(--w) - 2 * var(--pad) - 13.5 * var(--g)) / 14.5);--fs:calc(var(--w) * .0165);--cap:#2b2e35;--cap-edge:#121417;--cap-hover:#878c95;--ink-on-cap:#e9ebef;--ink-on-hover:#15171b;box-sizing:border-box;width:var(--w);padding:var(--pad);gap:var(--g);border-radius:calc(var(--w) * .012);font-size:var(--fs);color:var(--ink-on-cap);-webkit-user-select:none;user-select:none;background:#c1c5cc;flex-direction:column;font-weight:500;line-height:1;display:flex;position:relative;box-shadow:inset 0 1px 3px #00000038,inset 0 0 0 1px #0000000f}.mkb-row{gap:var(--g);height:var(--kh);display:flex}.mkb-row.is-fn{height:calc(var(--kh) * .62)}.mkb-key{--n:1;box-sizing:border-box;width:calc(var(--u) * var(--n) + var(--g) * (var(--n) - 1));border-radius:calc(var(--u) * .11);background-color:var(--cap);height:100%;box-shadow:0 2px 0 var(--cap-edge), 0 3px 4px #00000052, inset 0 1px 0 #ffffff24;cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.12em;transition:background-color .2s,color .2s,transform .12s,box-shadow .12s;display:flex;position:relative}.mkb-key:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff17 0%,#fff0 55%,#0000001a 100%);position:absolute;inset:0}.mkb-key .mkb-t{opacity:.72;font-size:.72em}.mkb-key.is-mod .mkb-l{text-align:center;letter-spacing:.01em;font-size:.7em;position:absolute;bottom:14%;left:0;right:0}.mkb-row.is-fn .mkb-key.is-mod .mkb-l{position:static}.mkb-key .mkb-g{opacity:.85;font-size:.82em;position:absolute;top:12%;right:12%}.mkb-key.g-left .mkb-g{left:12%;right:auto}.mkb-key.has-led:before{content:"";background:#4f545c;border-radius:50%;width:.28em;height:.28em;position:absolute;top:16%;left:12%;box-shadow:inset 0 0 0 1px #0006}.mkb-arrows{gap:var(--g);height:100%;width:calc(var(--u) * 3 + var(--g) * 2);flex:none;display:flex}.mkb-arrows .mkb-col{gap:var(--g);width:var(--u);flex-direction:column;height:100%;display:flex}.mkb-arrows .mkb-col .mkb-key{height:calc((100% - var(--g)) / 2);font-size:.72em}.mkb-arrows>.mkb-key{font-size:.72em}@media (hover:hover){.mkb-key:hover{background-color:var(--cap-hover);color:var(--ink-on-hover)}}.mkb-key:active,.mkb-key.is-down{background-color:var(--cap-hover);color:var(--ink-on-hover);box-shadow:0 0 0 var(--cap-edge), 0 1px 1px #0000004d, inset 0 1px 0 #ffffff14;transform:translateY(2px)}.mkb-tb{box-sizing:border-box;align-items:center;gap:calc(var(--g) * .8);min-width:0;height:100%;padding:0 calc(var(--g) * 1.2);border-radius:calc(var(--u) * .11);background:#07080b;flex:auto;display:flex;box-shadow:0 2px #000,0 3px 4px #00000052,inset 0 0 0 1px #ffffff0d,inset 0 0 12px #ffffff08}.mkb-tb .seg{border-radius:calc(var(--u) * .07);flex:none;height:72%;position:relative;overflow:hidden}.mkb-tb .seg:after{content:"";background:linear-gradient(#ffffff2e,#fff0 60%);position:absolute;inset:0}.mkb-tb .seg.navy{width:calc(var(--u) * 1.6);background:#003277}.mkb-tb .seg.teal{width:calc(var(--u) * 2.4);background:#009a9e}.mkb-tb .seg.orange{width:calc(var(--u) * 1.6);background:#ec6911}.mkb-tb .seg.teal i{background:#fffc;border-radius:1px;width:52%;height:2px;margin-top:-1px;position:absolute;top:50%;left:14%}.mkb-tb .seg.navy i,.mkb-tb .seg.orange i{box-sizing:border-box;border:2px solid #ffffffd9;border-radius:50%;width:34%;height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mkb-tb .gap{flex:auto}.mkb-tb .ctl{width:calc(var(--u) * .9);border-radius:calc(var(--u) * .06);background:#1c1e24;flex:none;height:62%;position:relative}.mkb-tb .ctl:after{content:"";background:#8d929b;border-radius:50%;width:.5em;height:.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mkb-tb .ctl.siri:after{background:conic-gradient(#ec6911,#009a9e,#003277,#ec6911)}.mkb-tb .ctl.vol:after{border-radius:2px;width:.34em;height:.6em}.mkb-tb .ctl.lite:after{border-radius:1px;width:.6em;height:.2em}.mkb-key.is-touchid:before{content:"";border:1px solid #ffffff38;border-radius:50%;width:.9em;height:.9em;box-shadow:inset 0 0 0 2px #2b2e35,inset 0 0 0 3px #ffffff24}.mkb-trackpad{background:linear-gradient(165deg,#eef0f3 0%,#dfe2e7 55%,#d5d9df 100%);border-radius:12px;transition:box-shadow .15s;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0000001a,inset 0 -2px 4px #0000000f,0 1px #ffffff80}.mkb-trackpad:after{content:"";pointer-events:none;background:linear-gradient(110deg,#ffffff59 0%,#fff0 45%);position:absolute;inset:0}.mkb-trackpad .half{background:0 0;width:50%;transition:background-color .12s,box-shadow .12s;position:absolute;top:0;bottom:0}.mkb-trackpad .half.l{border-radius:12px 0 0 12px;left:0}.mkb-trackpad .half.r{border-radius:0 12px 12px 0;right:0}.mkb-trackpad.is-down-l .half.l,.mkb-trackpad.is-down-r .half.r{background:#00000017;box-shadow:inset 0 2px 4px #0000002e}.mkb-trackpad.is-down-l,.mkb-trackpad.is-down-r{box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #00000024,inset 0 2px 6px #0000001f}.mkb-trackpad.is-down-l:before,.mkb-trackpad.is-down-r:before{content:"";background:#0000001f;width:1px;position:absolute;top:12%;bottom:12%;left:50%}
