:root{--navy:#082b43;--navy-2:#0c3b58;--ink:#0b2f46;--muted:#637d8c;--teal:#12adc3;--teal-2:#56d5df;--line:#d9e7eb;--mist:#f1f8f9;--white:#fff;--display:"Plus Jakarta Sans",Inter,sans-serif;--body:Inter,sans-serif;--shadow:0 24px 70px rgba(5,43,63,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;z-index:3000;top:8px;left:8px;padding:10px 14px;border-radius:8px;background:#fff;color:#082b43;transform:translateY(-150%)}.skip-link:focus{transform:none}.page-width{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.site-nav{position:fixed;z-index:1200;top:16px;left:50%;display:flex;align-items:center;width:min(1770px,calc(100% - 56px));height:86px;padding:0 22px 0 28px;border:1px solid rgba(13,65,87,.1);border-radius:27px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(4,37,55,.09);backdrop-filter:blur(18px);transform:translateX(-50%);transition:top .38s,width .38s,border-radius .38s,box-shadow .38s}.site-nav.scrolled{top:0;width:100%;border-radius:0;box-shadow:0 10px 30px rgba(4,37,55,.12)}.site-logo{display:flex;flex:0 0 auto;align-items:center;margin-right:auto}.site-logo img{display:block;width:215px}.site-nav-links{display:flex;align-items:center;gap:18px;margin:0 22px 0 10px;padding:0;list-style:none}.site-nav-links>li>a,.site-resource>button{position:relative;display:inline-flex;align-items:center;padding:11px 0;border:0;background:transparent;color:#10354c;font:600 14px/1 var(--display);white-space:nowrap;cursor:pointer}.site-nav-links>li>a:after,.site-resource>button:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:2px;border-radius:3px;background:var(--teal);opacity:0;transform:scaleX(.2);transition:.2s}.site-nav-links>li>a:hover:after,.site-nav-links>li>a:focus-visible:after,.site-resource:hover>button:after,.site-resource.active>button:after,.site-resource.open>button:after{opacity:1;transform:none}.site-resource{position:relative}.site-resource>button{gap:6px}.site-resource>button svg{width:9px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}.site-resource.open>button svg,.site-resource:hover>button svg{transform:rotate(180deg)}.site-resource:after{content:"";position:absolute;top:100%;right:-20px;left:-20px;height:25px}.site-resource-menu{position:absolute;z-index:2;top:calc(100% + 15px);right:-22px;display:grid;width:310px;padding:10px;border:1px solid rgba(12,67,91,.12);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 25px 70px rgba(4,35,51,.19);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.22s}.site-resource.open .site-resource-menu,.site-resource:hover .site-resource-menu,.site-resource:focus-within .site-resource-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.site-resource-menu a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px;border-radius:13px;transition:.2s}.site-resource-menu a:hover,.site-resource-menu a:focus-visible,.site-resource-menu a[aria-current=page]{background:#eaf7f8;box-shadow:inset 3px 0 var(--teal);transform:translateX(2px)}.site-resource-menu b,.site-resource-menu small{display:block}.site-resource-menu b{font:700 13px var(--display)}.site-resource-menu small{margin-top:2px;color:#718996;font-size:9px}.site-resource-menu em{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#dff4f6;color:#168ba1;font-style:normal}.site-nav-actions{display:flex;align-items:center;gap:10px}.site-phone{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #c7e4e8;border-radius:14px;background:#f0fafb}.site-phone>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--teal);color:#fff}.site-phone svg{width:18px;fill:currentColor}.site-phone small{color:#6b8490;font-size:8px;font-weight:700;line-height:1.15;text-transform:uppercase}.site-phone strong{display:block;margin-top:2px;color:#11384e;font:700 13px var(--display)}.site-demo{padding:15px 18px;border-radius:14px;background:var(--navy);color:#fff;font:600 14px var(--display);white-space:nowrap;transition:.2s}.site-demo:hover{background:#0e506f;transform:translateY(-1px)}.site-menu-button{display:none;width:42px;height:42px;padding:10px;border:0;border-radius:12px;background:#e7f6f7}.site-menu-button i{display:block;height:2px;margin:4px;background:#10384f}.site-drawer,.site-drawer-backdrop{display:none}
.content-hero{position:relative;min-height:600px;padding:180px 0 105px;overflow:hidden;background:linear-gradient(135deg,#061f31,#0a3a55 58%,#07516a);color:#fff}.content-hero:before{content:"";position:absolute;inset:-30%;background-image:linear-gradient(rgba(53,191,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(53,191,208,.09) 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(62deg) translateY(-10%);animation:grid-drift 14s linear infinite}.content-hero:after{content:"";position:absolute;width:600px;height:600px;right:-180px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(35,192,211,.22),transparent 67%)}@keyframes grid-drift{to{transform:perspective(700px) rotateX(62deg) translateY(calc(-10% + 72px))}}.content-hero .page-width{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:80px}.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:#61d8e1;font:700 12px var(--display);letter-spacing:.09em;text-transform:uppercase}.hero-kicker:before,.section-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 7px rgba(61,201,216,.1)}.content-hero h1{max-width:760px;margin:22px 0 22px;font:700 clamp(44px,5.2vw,76px)/1.02 var(--display);letter-spacing:-.055em}.content-hero p{max-width:700px;margin:0;color:rgba(226,245,248,.78);font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid transparent;border-radius:13px;font:600 14px var(--display);transition:.2s}.button.primary{background:var(--teal);color:#fff;box-shadow:0 12px 30px rgba(7,178,198,.22)}.button.primary:hover{background:#2fc2d2;transform:translateY(-2px)}.button.ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}.button.ghost:hover{background:rgba(255,255,255,.12)}.hero-art{position:relative;min-height:300px}.hero-orbit{position:absolute;inset:4% 5%;border:1px solid rgba(95,220,230,.2);border-radius:50%;animation:spin 20s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#63dbe4;box-shadow:0 0 20px rgba(83,219,228,.8)}.hero-orbit:before{top:15%;left:12%}.hero-orbit:after{right:2%;bottom:28%}@keyframes spin{to{transform:rotate(360deg)}}.hero-panel{position:absolute;inset:32px 15px;padding:24px;border:1px solid rgba(104,220,230,.24);border-radius:28px;background:rgba(7,35,50,.58);box-shadow:0 35px 80px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.hero-panel-label{display:flex;align-items:center;justify-content:space-between;color:#b7dce2;font-size:11px}.hero-panel-label span:last-child{color:#64dae3}.hero-bars{display:grid;align-items:end;grid-template-columns:repeat(8,1fr);gap:8px;height:155px;margin-top:24px}.hero-bars i{height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(#55d3df,#118aa7);opacity:.85}.hero-panel-foot{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.hero-panel-foot strong{font:700 30px var(--display)}.hero-panel-foot span{color:#89aebb;font-size:10px}.resource-stack{display:grid;gap:11px}.resource-stack div{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(111,224,232,.18);border-radius:15px;background:rgba(255,255,255,.055)}.resource-stack span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(60,205,219,.14);color:#6de0e7;font:700 13px var(--display)}.resource-stack b,.resource-stack small{display:block}.resource-stack b{font:600 13px var(--display)}.resource-stack small{margin-top:2px;color:#94b9c2;font-size:10px}
.content-section{padding:105px 0}.content-section.tint{background:var(--mist)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head h2{max-width:760px;margin:13px 0 0;font:700 clamp(34px,4vw,54px)/1.06 var(--display);letter-spacing:-.045em}.section-head p{max-width:480px;margin:0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:32px}.search-box{position:relative;flex:1}.search-box svg{position:absolute;top:50%;left:16px;width:18px;fill:none;stroke:#6b8591;stroke-width:2;transform:translateY(-50%)}.search-box input{width:100%;height:52px;padding:0 18px 0 46px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);outline:none}.search-box input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(18,173,195,.1)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5c7786;font-size:12px;font-weight:600;cursor:pointer}.filters button.active,.filters button:hover{border-color:#a4dce3;background:#e8f7f8;color:#0b7288}.empty-state{display:none;padding:45px;border:1px dashed #bad4da;border-radius:20px;color:#69818c;text-align:center}.empty-state.show{display:block}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{position:relative;display:flex;min-height:260px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(9,50,69,.045);transition:.28s}.resource-card:hover{border-color:#a9dce2;box-shadow:var(--shadow);transform:translateY(-6px)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#e7f7f8;color:#078aa0}.card-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.7}.card-tag{padding:6px 9px;border-radius:999px;background:#f1f5f6;color:#6a7f89;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.resource-card h3{margin:25px 0 10px;font:700 19px/1.25 var(--display);letter-spacing:-.025em}.resource-card p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.7}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #e9f0f2;color:#78909b;font-size:10px}.card-meta b{color:#0e8ea3;font-size:11px}.card-arrow{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--navy);color:#fff}.card-arrow svg{width:15px;fill:none;stroke:currentColor;stroke-width:2}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 8px 28px rgba(9,50,69,.05);transition:.28s}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.blog-card-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dceff2}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover img{transform:scale(1.045)}.blog-category{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(7,42,61,.88);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px)}.blog-card-body{padding:22px}.blog-card-body h2{margin:0 0 12px;font:700 20px/1.28 var(--display);letter-spacing:-.03em}.blog-card-body p{margin:0;color:var(--muted);font-size:13px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #e6eef0;color:#78909b;font-size:10px}.blog-card-meta b{color:#0d8296}.featured-post{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;margin-bottom:44px;border-radius:30px;background:var(--navy);box-shadow:var(--shadow);color:#fff}.featured-post figure{min-height:430px;margin:0;overflow:hidden}.featured-post img{width:100%;height:100%;object-fit:cover}.featured-post>div{display:flex;flex-direction:column;justify-content:center;padding:44px}.featured-post .blog-category{position:static;align-self:flex-start;background:#1aaec1}.featured-post h2{margin:20px 0 15px;font:700 clamp(27px,3vw,42px)/1.08 var(--display);letter-spacing:-.045em}.featured-post p{margin:0;color:#bad0d8}.featured-post a:last-child{margin-top:28px;color:#62d7e0;font-size:13px;font-weight:700}
.career-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.career-copy{padding:38px;border-radius:26px;background:var(--navy);color:#fff}.career-copy h2{margin:18px 0;font:700 38px/1.1 var(--display);letter-spacing:-.04em}.career-copy p{color:#b9d1d9}.job-card{padding:34px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.job-head h3{margin:0 0 8px;font:700 26px var(--display);letter-spacing:-.03em}.job-head p{margin:0;color:var(--muted);font-size:13px}.job-badge{padding:8px 11px;border-radius:999px;background:#e4f7f8;color:#087b91;font-size:10px;font-weight:700}.job-card>p{margin:26px 0;color:#5e7886}.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.perk{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.perk span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:18px;border-radius:13px;background:#e8f7f8;color:#08899e;font-size:19px}.perk b{display:block;font:600 13px var(--display)}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.news-card{display:grid;grid-template-columns:220px 1fr;min-height:230px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.28s}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.news-card img{width:100%;height:100%;object-fit:cover}.news-card>div{display:flex;flex-direction:column;padding:26px}.news-card small{color:#0b8aa0;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.news-card h2{margin:14px 0 10px;font:700 22px/1.24 var(--display);letter-spacing:-.035em}.news-card p{margin:0;color:var(--muted);font-size:12px}.news-card a{margin-top:auto;padding-top:18px;color:#0c859a;font-size:12px;font-weight:700}
.gallery-grid{columns:3;column-gap:18px}.gallery-item{position:relative;display:block;width:100%;margin:0 0 18px;padding:0;overflow:hidden;border:0;border-radius:20px;background:#d7e8eb;cursor:zoom-in}.gallery-item img{display:block;width:100%;transition:.45s}.gallery-item:after{content:"View";position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(6,36,51,.8);color:#fff;font-size:9px;font-weight:700;opacity:0;transform:translateY(8px);transition:.25s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:hover:after{opacity:1;transform:none}.lightbox{position:fixed;z-index:2000;inset:0;display:none;place-items:center;padding:34px;background:rgba(2,18,27,.93)}.lightbox.open{display:grid}.lightbox img{max-width:min(1200px,92vw);max-height:88vh;border-radius:18px;box-shadow:0 30px 90px #000}.lightbox button{position:absolute;top:22px;right:26px;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}
.article-wrap{width:min(840px,calc(100% - 44px));margin:-100px auto 100px}.article-card{position:relative;z-index:2;padding:55px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;color:#6c8590;font-size:11px}.article-card h1{margin:0 0 24px;font:700 clamp(36px,5vw,58px)/1.04 var(--display);letter-spacing:-.05em}.article-lead{color:#496c7b;font-size:19px;line-height:1.75}.article-cover{width:100%;margin:34px 0;border-radius:20px}.article-body h2{margin:38px 0 12px;font:700 29px/1.2 var(--display);letter-spacing:-.035em}.article-body p,.article-body li{color:#526f7d;line-height:1.85}.article-body blockquote{margin:34px 0;padding:24px 28px;border-left:4px solid var(--teal);border-radius:0 16px 16px 0;background:#edf8f9;color:#143e54;font:600 18px/1.6 var(--display)}.article-back{display:inline-flex;gap:8px;margin-bottom:30px;color:#0b879c;font-size:12px;font-weight:700}
.content-cta{padding:85px 0;background:#eaf7f8}.content-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px;border-radius:28px;background:linear-gradient(135deg,#082b43,#0e4d69);color:#fff}.content-cta h2{max-width:650px;margin:0;font:700 clamp(30px,4vw,48px)/1.08 var(--display);letter-spacing:-.045em}.content-cta p{margin:12px 0 0;color:#b8d2da}.content-footer{background:#0b0c0e;color:#fff}.content-footer-inner{display:grid;grid-template-columns:1.7fr repeat(3,.7fr);gap:55px;width:min(1180px,calc(100% - 44px));margin:auto;padding:85px 0 62px}.content-footer-brand img{width:46px;filter:grayscale(1) brightness(0) invert(1)}.content-footer-brand p{max-width:420px;margin:25px 0 0;color:#aeb4b8;font-size:13px}.content-footer h3{margin:3px 0 24px;color:#787f84;font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase}.content-footer-inner>div>a{display:block;margin:0 0 12px;color:#d6d9db;font-size:12px;font-weight:600}.content-footer-inner>div>a:hover{color:#60d8e1}.content-footer-bottom{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 44px));margin:auto;padding:24px 0;border-top:1px solid #24282b;color:#777e82;font-size:10px}.content-footer-bottom span:last-child{display:flex;gap:20px}.content-ack{padding:27px max(22px,calc((100vw - 1180px)/2));background:#101214;text-align:center}.content-ack strong{color:#7b8387;font:700 10px var(--display);letter-spacing:.08em;text-transform:uppercase}.content-ack p{max-width:1180px;margin:8px auto 0;color:#afb5b8;font-size:11px}.content-footer-art{height:120px;overflow:hidden;background:#000}.content-footer-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.shown{opacity:1;transform:none}
@media(max-width:1200px){.site-nav{width:calc(100% - 32px)}.site-nav-links,.site-phone{display:none}.site-menu-button{display:block}.site-drawer,.site-drawer-backdrop{display:block}.site-drawer-backdrop{position:fixed;z-index:1290;inset:0;background:rgba(3,27,40,.45);opacity:0;pointer-events:none;transition:.3s}.site-drawer-backdrop.open{opacity:1;pointer-events:auto}.site-drawer{position:fixed;z-index:1300;top:0;right:0;display:flex;width:min(380px,92vw);height:100dvh;flex-direction:column;padding:25px;background:#fff;box-shadow:-30px 0 70px rgba(4,34,50,.2);transform:translateX(105%);transition:.35s}.site-drawer.open{transform:none}.site-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.site-drawer-head img{width:170px}.site-drawer-head button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#eaf7f8;color:#123a50;font-size:26px}.site-drawer-links{display:grid;margin:18px 0}.site-drawer-links>a,.site-drawer summary{padding:10px 0;border-bottom:1px solid #edf2f3;font:600 13px var(--display)}.site-drawer summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.site-drawer details div{display:grid;padding:5px 0 8px 14px;border-left:2px solid #cde9ed}.site-drawer details a{display:flex;justify-content:space-between;padding:7px;color:#607b87;font-size:11px;font-weight:600}.site-drawer details a[aria-current=page]{color:#098aa0}.site-drawer-actions{display:grid;gap:9px;margin-top:auto}.site-drawer-actions a{padding:12px;border-radius:12px;background:#e8f7f8;color:#10384e;text-align:center;font-size:12px;font-weight:700}.site-drawer-actions a:last-child{background:var(--navy);color:#fff}}
@media(max-width:900px){.content-hero{min-height:0;padding:160px 0 85px}.content-hero .page-width{grid-template-columns:1fr;gap:50px}.hero-art{min-height:280px}.resource-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-template-columns:1fr}.featured-post figure{min-height:340px}.career-layout{grid-template-columns:1fr}.perk-grid{grid-template-columns:repeat(2,1fr)}.news-card{grid-template-columns:170px 1fr}.gallery-grid{columns:2}.content-footer-inner{grid-template-columns:1.5fr 1fr 1fr}.content-footer-brand{grid-column:1/-1}.section-head{align-items:flex-start;flex-direction:column}.content-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-width{width:calc(100% - 30px)}.site-nav{top:10px;width:calc(100% - 20px);height:70px;padding:0 10px 0 17px;border-radius:20px}.site-nav.scrolled{top:0;width:100%;border-radius:0}.site-logo img{width:160px}.site-demo{display:none}.content-hero{padding:125px 0 68px}.content-hero .page-width{gap:38px}.content-hero h1{font-size:39px}.content-hero p{font-size:15px}.hero-art{min-height:245px}.hero-panel{inset:22px 5px;padding:18px}.hero-bars{height:125px}.content-section{padding:72px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:34px}.toolbar{align-items:stretch;flex-direction:column}.filters{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.filters button{flex:0 0 auto}.resource-grid,.blog-grid,.news-grid{grid-template-columns:1fr}.resource-card{min-height:230px}.featured-post figure{min-height:240px}.featured-post>div{padding:28px}.career-copy,.job-card{padding:26px}.job-head{flex-direction:column}.perk-grid{grid-template-columns:1fr 1fr}.perk{padding:17px}.news-card{grid-template-columns:1fr}.news-card img{height:210px}.gallery-grid{columns:1}.article-wrap{width:calc(100% - 30px);margin:-55px auto 70px}.article-card{padding:27px;border-radius:22px}.article-card h1{font-size:36px}.article-lead{font-size:16px}.content-cta{padding:60px 0}.content-cta-inner{padding:28px}.content-footer-inner{grid-template-columns:1fr 1fr;gap:35px 25px;width:calc(100% - 36px);padding:62px 0 45px}.content-footer-brand{grid-column:1/-1}.content-footer-bottom{align-items:flex-start;width:calc(100% - 36px);flex-direction:column;gap:10px}.content-ack p{font-size:9px}.content-footer-art{height:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Content remains readable even when an observer is delayed by a browser. */
.reveal{opacity:1;transform:none}

/* Resource pages use the landing page's editorial type and colour system. */
:root {
  --teal: #10a6c0;
  --ink: #10283a;
  --muted: #5b7486;
  --body: 'Manrope', sans-serif;
  --editorial: Inter, ui-sans-serif, system-ui, sans-serif;
}
html { scroll-padding-top: 108px; }
[hidden] { display: none !important; }
:is(a, button, input):focus-visible { outline: 3px solid #e9bd6a; outline-offset: 4px; }
.page-width { width: min(1180px, calc(100% - 48px)); }
.content-section { padding: 108px 0; }
.section-head { gap: 36px; }
.section-head > div { flex: 1.35; min-width: 0; }
.section-head > p { flex: 1; }
.section-head h2, .content-cta h2, .career-copy h2 {
  font-family: var(--editorial);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.section-head p { font-family: var(--editorial); font-size: 17px; line-height: 1.6; }
.section-kicker { color: #0ea8c2; font: 700 13px var(--editorial); letter-spacing: .08em; }
.section-kicker:before { display: none; }
.career-copy .section-kicker { color: #76dce6; }
.featured-post h2, .blog-card-body h2, .news-card h2, .article-card h1, .article-body h2 {
  font-family: var(--editorial); letter-spacing: -.02em;
}
.article-card h1 { font-size: 50px; line-height: 1.12; letter-spacing: -.035em; }

/* Full-length editorial pages: spacious on desktop, fluid on small screens. */
.article-wrap { width: min(1180px, calc(100% - 44px)); }
.article-card { padding: clamp(28px, 4vw, 60px); }
.article-meta { font-size: 13px; }
.article-cover { display: block; max-height: 560px; object-fit: cover; }
.article-body { min-width: 0; font-size: 17px; overflow-wrap: anywhere; }
.article-body > p:first-child { font-size: 19px; color: #34596c; }
.article-body p { margin: 0 0 22px; }
.article-body h2, .article-body h3 { color: var(--ink); text-wrap: pretty; }
.article-body h2 { margin: 44px 0 18px; line-height: 1.25; }
.article-body h3 { margin: 30px 0 14px; font-size: 23px; }
.article-body ul, .article-body ol { margin: 18px 0 28px; padding-left: 26px; }
.article-body li { margin-bottom: 10px; padding-left: 5px; }
.article-body li::marker { color: #07889e; }
.article-body strong { color: #214b60; font-weight: 700; }
.article-body a { color: #087b91; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.article-body a:hover { color: #0b344b; }
.article-body figure { margin: 32px 0; }
.article-body figure figure { margin: 0; }
.article-body img { display: block; width: auto; max-width: 100%; max-height: 560px; height: auto; margin: 0 auto; border-radius: 18px; }
.article-body figcaption { margin-top: 12px; color: #627d8b; font-size: 13px; text-align: center; }
.article-end { margin-top: 46px; padding-top: 28px; border-top: 1px solid var(--line); }
.article-end .article-back { margin-bottom: 0; }
@media (max-width: 620px) {
  .article-wrap { width: calc(100% - 24px); }
  .article-card { padding: 26px 21px; }
  .article-body { font-size: 16px; }
  .article-body > p:first-child { font-size: 17px; }
  .article-body h2 { margin-top: 32px; font-size: 25px; }
  .article-cover { margin: 26px 0; border-radius: 13px; }
}
.blog-card-body h2, .news-card h2 { font-size: 23px; line-height: 1.25; }
.resource-card, .blog-card, .news-card { box-shadow: 0 8px 30px rgba(8,43,67,.035); }
.resource-card:hover, .blog-card:hover, .news-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(8,43,67,.09); }
.toolbar { flex-wrap: wrap; gap: 18px; }
.search-box { flex: 1 1 260px; min-width: 0; }
.filters { flex: 1 1 560px; }

/* Editorial heroes: quiet depth, clear hierarchy and page-specific imagery. */
.content-hero {
  min-height: 680px;
  padding: 176px 0 92px;
  font-family: var(--editorial);
  background: radial-gradient(120% 90% at 78% 24%, hsl(205 68% 18%), hsl(205 74% 8%) 62%);
  isolation: isolate;
}
.content-hero:before {
  inset: 0;
  background-image: radial-gradient(rgba(106,210,224,.25) .8px, transparent .8px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at 78% 50%, #000, transparent 64%);
  transform: none;
  animation: none;
  opacity: .45;
  pointer-events: none;
}
.content-hero:after {
  top: -170px; right: -120px; width: 800px; height: 800px;
  background: radial-gradient(circle, rgba(16,166,192,.13), transparent 65%);
  pointer-events: none;
}
.content-hero .page-width { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); gap: 62px; }
.content-hero .page-width > div { min-width: 0; }
.hero-kicker {
  gap: 9px; padding: 7px 13px; border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px; background: rgba(255,255,255,.055);
  color: #43c4d9; font: 600 12px/1.5 var(--editorial); letter-spacing: 0; text-transform: none;
}
.hero-kicker:before { width: 6px; height: 6px; box-shadow: none; background: var(--teal); }
.content-hero h1 {
  max-width: 640px; margin: 26px 0 22px;
  font: 700 50px/1.03 var(--editorial); letter-spacing: -.035em; text-wrap: balance;
}
.content-hero h1 span { color: hsl(189 90% 42%); }
.content-hero .page-width > div > p { max-width: 510px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.6; text-wrap: pretty; }
.hero-actions { margin-top: 38px; gap: 12px; }
.button { min-height: 46px; padding: 0 20px; border-radius: 9px; font: 600 14px var(--editorial); }
.button.primary { background: hsl(189 90% 42%); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.button.primary:hover { background: #0b94ac; transform: translateY(-1px); }
.button.ghost { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.2); }
.hero-art { min-height: 404px; position: relative; }
.hero-art:before { content: ''; position: absolute; inset: -28px; border: 1px solid rgba(112,210,224,.1); border-radius: 50%; pointer-events: none; }
.hero-art svg { flex-shrink: 0; width: 22px; height: 22px; }
.hero-art h2 { margin: 0; font: 700 28px/1.12 var(--editorial); letter-spacing: -.025em; }
.visual-label { display: block; color: #11798f; font: 600 10px/1.5 var(--editorial); letter-spacing: .09em; text-transform: uppercase; }
.visual-masthead { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 24px; }
.visual-masthead > img { width: 112px; height: auto; }
.visual-masthead > span { color: #65818f; font: 600 8px var(--editorial); letter-spacing: .1em; }
.resource-sheet { position: absolute; border: 1px solid #d9e6e9; border-radius: 18px; }
.sheet-back { inset: 7px 4px 8px 28px; background: #8eb7c4; transform: rotate(6deg); opacity: .55; }
.sheet-front { position: relative; margin: 0 16px 0 0; padding: 26px; background: linear-gradient(140deg,#fff,#eff7f8); color: var(--ink); box-shadow: 0 35px 65px rgba(0,10,20,.3); transform: rotate(-2deg); }
.sheet-front h2 { margin: 10px 0 22px; }
.visual-document { display: flex; align-items: center; gap: 13px; padding: 14px 0; border-top: 1px solid #dbe8eb; }
.visual-document > div { flex: 1; }
.visual-document > svg { width: 15px; color: #6d95a4; }
.visual-icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #e3f3f5; color: #15869a; }
.visual-document b, .people-note b, .news-note b { display: block; font: 600 12px/1.4 var(--editorial); }
.visual-document small, .people-note small, .news-note small { display: block; margin-top: 4px; color: #65818e; font: 400 10px/1.5 var(--editorial); }
.visual-footnote { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: #6d8791; font-size: 9px; }
.visual-footnote i { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); }
.visual-floating-note { position: absolute; right: -6px; bottom: -20px; display: flex; align-items: center; gap: 12px; padding: 16px 20px; border: 1px solid rgba(124,214,229,.23); border-radius: 13px; background: #0c3146; box-shadow: 0 16px 40px rgba(0,0,0,.2); color: #74dbe5; }
.visual-floating-note span { color: #fff; font-size: 11px; }
.visual-floating-note small { display: block; margin-top: 4px; color: #98b6c3; font-size: 10px; }
.editorial-backplate { position: absolute; inset: 12px -2px -12px 25px; border: 1px solid rgba(133,213,228,.25); border-radius: 18px; background: #16455b; transform: rotate(4deg); }
.editorial-cover { position: relative; margin-right: 15px; overflow: hidden; border: 1px solid #dfebed; border-radius: 17px; background: #f8fbfb; color: var(--ink); box-shadow: 0 35px 65px rgba(0,10,20,.28); transform: rotate(-2deg); }
.editorial-cover .visual-masthead { padding: 19px 23px; }
.editorial-cover .visual-masthead span:first-child { color: #1a557e; font-weight: 700; }
.editorial-image { display: block; width: 100%; height: 190px; object-fit: cover; object-position: center 30%; }
.editorial-caption { padding: 24px; }
.editorial-caption h2 { margin-top: 10px; font-size: 32px; }
.visual-read { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; color: #64828e; font-size: 10px; }
.visual-read svg { width: 17px; color: var(--teal); }
.editorial-tab { position: absolute; right: -10px; bottom: -18px; display: flex; gap: 16px; padding: 13px 20px; border: 1px solid rgba(124,214,229,.24); border-radius: 10px; background: #0d3044; color: #c5e2e8; font-size: 10px; box-shadow: 0 15px 35px rgba(0,0,0,.15); }
.photo-frame { position: relative; height: 398px; margin: 8px 12px 0 0; overflow: hidden; border: 1px solid rgba(178,222,231,.3); border-radius: 22px; box-shadow: 0 30px 65px rgba(0,10,20,.25); transform: rotate(-2deg); }
.photo-frame > img { width: 100%; height: 100%; object-fit: cover; }
.photo-frame:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 25%,rgba(3,26,40,.1) 44%,rgba(3,26,40,.93)); }
.photo-caption { position: absolute; z-index: 1; left: 27px; right: 24px; bottom: 67px; }
.photo-caption .visual-label { color: #9ce6ec; margin-bottom: 12px; }
.photo-caption h2 { color: #fff; font-size: 29px; }
.people-note, .news-note { position: absolute; right: -5px; bottom: -21px; display: flex; align-items: center; gap: 12px; padding: 16px 21px; border: 1px solid #dcebee; border-radius: 14px; background: #f7fbfc; color: var(--ink); box-shadow: 0 18px 42px rgba(0,10,20,.24); }
.news-visual .photo-frame > img { object-position: 52% 30%; }
.gallery-print { position: absolute; margin: 0; padding: 10px 10px 0; background: #f4f8f9; border: 1px solid #d8e7eb; border-radius: 8px; box-shadow: 0 25px 55px rgba(0,10,20,.35); }
.gallery-print img { display: block; width: 100%; object-fit: cover; }
.print-back { width: 51%; right: 8px; top: -5px; transform: rotate(9deg); }
.print-back img { height: 230px; object-position: center 23%; }
.print-front { width: 80%; left: 0; top: 124px; transform: rotate(-6deg); }
.print-front img { height: 205px; }
.gallery-print figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 15px 3px; color: #16455b; font-size: 8px; font-weight: 600; letter-spacing: .05em; }
.gallery-print figcaption span { color: #77919c; }
.gallery-annotation { position: absolute; bottom: -23px; right: 0; color: #9bbec9; font-size: 11px; }
.article-hero { min-height: 430px; padding-bottom: 145px; }
.article-hero .page-width { grid-template-columns: 1fr; }
.article-hero h1 { max-width: 850px; }

/* Resources hover treatment matches the landing-page navigation. */
.site-resource-menu { border-color: rgba(8,43,67,.08); border-radius: 16px; box-shadow: 0 18px 48px rgba(8,43,67,.12); transform: translateY(-4px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }
.site-resource-menu a { border-radius: 9px; transition: background-color .18s ease, color .18s ease; }
.site-resource-menu a:hover, .site-resource-menu a:focus-visible, .site-resource-menu a[aria-current=page] { background: #f1f6f7; box-shadow: none; transform: none; color: #143c54; }
.site-resource-menu b { font: 600 12px var(--display); }
.site-resource-menu em { background: transparent; color: #7b99a7; font-size: 14px; transition: color .18s ease; }
.site-resource-menu a:hover em, .site-resource-menu a:focus-visible em { color: #138aa1; background: transparent; }
.site-nav-links > li > a, .site-resource > button { font: 600 13.5px/20px var(--display); letter-spacing: -.01em; }
.site-nav { width: min(1360px,calc(100% - 44px)); border-radius: 21px; top: 26px; }
.site-nav-links { gap: 12px; margin-inline: 16px; }
.site-logo img { width: 200px; }

@media (max-width: 1100px) {
  .content-hero .page-width { gap: 32px; }
  .content-hero h1 { font-size: 43px; }
  .hero-art h2 { font-size: 25px; }
}
@media (min-width: 1201px) and (max-width: 1279px) {
  .site-logo img { width: 175px; }
  .site-nav-links { gap: 10px; margin-inline: 10px; }
}
@media (max-width: 900px) {
  .content-hero { padding: 158px 0 76px; min-height: 0; }
  .content-hero .page-width { grid-template-columns: 1fr; gap: 58px; }
  .content-hero .page-width > div:first-child { text-align: center; }
  .content-hero h1, .content-hero .page-width > div > p { margin-inline: auto; }
  .hero-actions { justify-content: center; }
  .hero-art { width: min(455px,calc(100% - 20px)); margin-inline: auto; }
  .section-head > div, .section-head > p { flex: auto; }
  .filters { flex-basis: auto; }
  .news-card { grid-template-columns: 1fr; }
  .news-card > img { height: 245px; }
  .article-hero { padding-bottom: 140px; }
}
@media (max-width: 620px) {
  .page-width { width: calc(100% - 36px); }
  .site-nav { top: 10px; width: calc(100% - 20px); border-radius: 15px; }
  .site-logo img { width: 150px; }
  .content-hero { padding: 129px 0 66px; }
  .hero-kicker { font-size: 11px; }
  .content-hero h1 { margin-top: 24px; font-size: clamp(30px,8.4vw,40px); line-height: 1.08; }
  .content-hero h1 br { display: none; }
  .content-hero h1 span { display: block; margin-top: 3px; }
  .content-hero .page-width > div > p { font-size: 14px; line-height: 1.6; }
  .hero-actions { margin-top: 29px; gap: 10px; }
  .hero-actions .button { padding-inline: 16px; font-size: 12px; }
  .hero-art { width: calc(100% - 14px); min-height: 340px; }
  .sheet-front { padding: 20px; margin-right: 6px; }
  .hero-art h2 { font-size: 24px; }
  .visual-masthead { padding-bottom: 20px; }
  .visual-masthead > img { width: 100px; }
  .visual-masthead > span { font-size: 7px; }
  .visual-document { padding: 12px 0; gap: 9px; }
  .visual-document b { font-size: 11px; }
  .visual-document small { font-size: 9px; }
  .visual-floating-note { right: -5px; padding: 13px 16px; }
  .editorial-image { height: 163px; }
  .editorial-caption { padding: 20px; }
  .editorial-tab { right: -6px; gap: 12px; padding: 12px 17px; }
  .photo-frame { height: 334px; margin-right: 4px; }
  .photo-caption { left: 21px; bottom: 67px; }
  .people-note, .news-note { right: -4px; padding: 13px 16px; }
  .print-back img { height: 175px; }
  .print-front { top: 104px; width: 87%; }
  .print-front img { height: 175px; }
  .gallery-print figcaption { font-size: 6.5px; }
  .gallery-annotation { bottom: -6px; font-size: 10px; }
  .content-section { padding: 72px 0; }
  .section-head h2, .content-cta h2, .career-copy h2 { font-size: 32px; line-height: 1.12; }
  .section-head p { font-size: 16px; }
  .filters { flex: none; max-width: 100%; }
  .search-box { flex: none; }
  .article-hero { padding-bottom: 110px; }
  .article-card h1 { font-size: 34px; }
  .site-drawer { overflow-y: auto; }
}

.article-hero-heading{margin:0;color:#fff;font:700 50px/1.03 var(--display);letter-spacing:-.035em;max-width:850px}@media(max-width:620px){.article-hero-heading{font-size:38px}}
