@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--main-bg:#10151d;--card-bg:transparent;--white-text:#f7f0dd;--title-text:#f7f0dd;--button:#3568ea;--janus-line:#f7f0dd26;--navbarlength:88px;--navbarlengthmobile:76px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.janus-portfolio{background:var(--main-bg);color:var(--white-text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}
.janus-portfolio h1,.janus-portfolio h2,.janus-portfolio h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;color:var(--white-text);letter-spacing:-.02em;line-height:1}
.janus-portfolio a{transition:color .2s,background .2s,border-color .2s,transform .2s}
.janus-portfolio a:focus-visible,.janus-portfolio button:focus-visible{outline:3px solid #75a5ff;outline-offset:5px}
.janus-portfolio .navbar-logo-left-container{position:sticky;top:0;z-index:50;background:#10151df5;border-top:0;border-bottom:1px solid var(--janus-line);width:100%;max-width:none;padding:12px 4%;box-shadow:none}
.janus-portfolio .navbar-logo-left-container .container{width:100%;max-width:none}
.janus-portfolio .navbar-wrapper{min-height:54px;gap:25px}
.janus-portfolio .link-block{display:flex;align-items:center;gap:12px;flex-shrink:0}
.janus-portfolio .navbar-wrapper>.link-block:before{content:'';display:block;width:48px;height:48px;background:url('assets/janus-cobalt-logo.png') center/contain no-repeat;filter:brightness(0) invert(95%) sepia(14%) saturate(430%) hue-rotate(335deg)}
.janus-portfolio .heading-3{font:700 30px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}
.janus-portfolio .nav-menu-wrapper{background:transparent;height:auto}
.janus-portfolio .nav-menu-two{height:auto;gap:23px;margin:0;padding:0;border-radius:0;box-shadow:none}
.janus-portfolio .nav-menu-two img{width:26px!important;height:26px!important;object-fit:contain}
.janus-portfolio .nav-menu-two a:hover{transform:translateY(-2px)}
.janus-portfolio .button-primary,.janus-portfolio .button{border-radius:0;box-shadow:none;background:var(--button);color:#fff;border:1px solid var(--button);width:auto;height:auto;min-height:44px;padding:12px 22px;font:600 11px/1.3 'DM Sans',sans-serif;letter-spacing:1.3px}
.janus-portfolio .button-primary:hover,.janus-portfolio .button:hover{background:#f7f0dd;color:#123e9d;border-color:#f7f0dd}
.janus-portfolio .section-1{margin-top:0;height:auto;min-height:0;padding:85px 6% 75px;align-items:stretch;background:var(--main-bg)}
.janus-portfolio .container-2{width:100%;max-width:1400px;margin:auto;gap:32px}
.janus-portfolio .div-block-23{width:100%;margin:0;text-align:left}
.janus-portfolio .heading-2{justify-content:flex-start;display:block;font-size:clamp(62px,8.3vw,132px);font-weight:800;letter-spacing:-1.5px;text-transform:uppercase;margin:0}
.janus-portfolio .margin-bottom-24px-2{font-size:18px;line-height:1.7;margin:0;max-width:880px;color:#bbc7d6}
.janus-portfolio .margin-bottom-24px-2 strong{font-weight:400}
.janus-portfolio .div-block-24{width:100%;display:flex;flex-direction:column;gap:0;margin-top:14px}
.janus-portfolio .div-block-21{gap:10px 23px;min-height:59px;padding:15px 0;border-top:1px solid var(--janus-line);align-items:baseline}
.janus-portfolio .paragraph-17{width:190px;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;line-height:1.6;margin:0;color:#93a9cb}
.janus-portfolio .div-block-22{padding:0;border:0;border-radius:0;box-shadow:none;font-size:14px;line-height:1.6;color:var(--white-text)}
.janus-portfolio .section-4{padding:0 6% 0;background:var(--main-bg)}
.janus-portfolio .container-7{width:100%;max-width:1400px}
.janus-portfolio .section-4 .list{display:flex;flex-direction:column;gap:0;margin:0}
.janus-portfolio .list-item-12{border-top:1px solid var(--janus-line);padding:48px 0;display:block}
.janus-portfolio .columns{border-radius:0;background:transparent;height:auto;max-height:none;width:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:5%;align-items:center;margin:0}
.janus-portfolio .columns:before,.janus-portfolio .columns:after{display:none}
.janus-portfolio .columns>.w-col{width:100%;height:auto;float:none;padding:0;margin:0;order:initial;min-width:0}
.janus-portfolio .div-block-10{width:100%;height:auto;margin:0;gap:20px;justify-content:flex-start;align-items:flex-start}
.janus-portfolio .heading{font-size:clamp(43px,4.3vw,68px);margin:0;text-transform:uppercase}
.janus-portfolio .div-block-6{gap:22px;flex-wrap:wrap;margin:0}
.janus-portfolio .div-block-18{gap:8px;align-items:center}
.janus-portfolio .home-card-simple-icons,.janus-portfolio .home-grid-simple-icon{width:18px;height:18px;object-fit:contain;opacity:.8}
.janus-portfolio .icon-text,.janus-portfolio .icon-text-last{font-size:12px;line-height:1.5;margin:0;color:#b2c0d3}
.janus-portfolio .white-text{font-size:15px;line-height:1.8;color:#bbc7d6;margin:0}
.janus-portfolio .background-video{width:100%;aspect-ratio:16/9;height:auto;overflow:hidden;border-radius:0;background:#080d13}
.janus-portfolio .w-background-video>video{object-fit:contain;filter:none;opacity:1}
.janus-portfolio .w-background-video--control{right:14px;bottom:14px;width:36px;height:36px;z-index:4;background:#080d13bb;padding:8px}
.janus-portfolio .w-background-video--control img{width:20px;height:20px}
.janus-portfolio .div-block-7,.janus-portfolio .div-block-8{margin:0;gap:15px}
.janus-portfolio .div-block-8{border:1px solid var(--janus-line);border-radius:0;box-shadow:none;background:transparent;color:#a9b7c9;padding:11px 18px;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.7px;min-height:40px;width:auto;height:auto}
.janus-portfolio .link-block-5 img{width:24px;height:24px;object-fit:contain}
.janus-portfolio .section-5{padding:45px 6% 70px;min-height:0;background:var(--main-bg);border-top:1px solid var(--janus-line)}
.janus-portfolio .filter-controls{width:100%;max-width:1400px;display:flex;flex-wrap:wrap;gap:8px;margin:0 auto 40px;padding:0;justify-content:flex-start}
.janus-portfolio .button-grid{border-radius:0;background:transparent;box-shadow:none;color:#bbc7d6;border:1px solid var(--janus-line);font:600 12px/1.3 'DM Sans',sans-serif;padding:12px 22px;min-height:42px;width:auto;margin:0}
.janus-portfolio .button-grid:hover{border-color:#75a5ff;color:var(--white-text)}
.janus-portfolio .button-grid.mixitup-control-active{background:#123e9d;border-color:#3568ea;color:#fff}
.janus-portfolio .mix-container{width:100%;max-width:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px;align-items:start}
.janus-portfolio .mix{background:transparent;border-radius:0;min-width:0;border:0;box-shadow:none}
.janus-portfolio .background-video-grid{width:100%;aspect-ratio:16/9;height:auto;background:#080d13;overflow:hidden;border-radius:0}
.janus-portfolio .div-block-16{margin:18px 0 0;gap:16px}
.janus-portfolio .grid-heading-div{width:100%;gap:12px;justify-content:space-between;align-items:flex-start}
.janus-portfolio .heading-11{font-size:32px;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:-.3px}
.janus-portfolio .home-grid-liink-block img{width:22px;height:22px;object-fit:contain}
.janus-portfolio .grid-icon-description-div{gap:17px;flex-wrap:wrap;margin:0}
.janus-portfolio .grid-icon-description-individual-div{gap:6px;align-items:center}
.janus-portfolio .grid-icon-text{font-size:11px;line-height:1.5;margin:0;color:#b2c0d3}
.janus-portfolio .div-block-19{margin:0;width:100%}
.janus-portfolio .list-9{padding-left:17px;margin:0}
.janus-portfolio .list-item-13{font-size:13px;line-height:1.8;color:#bbc7d6;margin:0}
.janus-portfolio .section-7{background:#09101b;border-top:1px solid var(--janus-line);padding:28px 6%}
.janus-portfolio .container-9{width:100%;max-width:1400px;margin:auto;padding:0;text-align:left}
.janus-portfolio .link-29{font:500 11px/1.5 'DM Sans',sans-serif;color:#a9b7c9;text-underline-offset:4px}
.janus-portfolio .menu-button{background:transparent;color:var(--white-text);border:1px solid var(--janus-line);border-radius:0;padding:12px;font-size:23px}
.janus-portfolio .menu-button.w--open{background:#123e9d}
.janus-portfolio .w-nav-overlay{background:transparent}
.janus-portfolio .nav-menu-wrapper[data-nav-menu-open]{border-bottom:1px solid var(--janus-line)}
.janus-portfolio .w-lightbox-backdrop{background:#060b14f5}
.janus-portfolio .w-lightbox-close,.janus-portfolio .w-lightbox-left,.janus-portfolio .w-lightbox-right{transition:opacity .2s}
.janus-portfolio .w-webflow-badge{display:none!important}
.janus-portfolio .section-1 .container-2{animation:janus-enter .65s both}
.janus-portfolio .w-background-video{transition:box-shadow .25s}
.janus-portfolio .w-background-video:hover{box-shadow:0 0 0 2px #3568ea}
@keyframes janus-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.janus-portfolio .mix-container{grid-template-columns:repeat(2,minmax(0,1fr))}.janus-portfolio .nav-menu-two{gap:16px}.janus-portfolio .columns{gap:4%;grid-template-columns:1fr 1fr}.janus-portfolio .paragraph-17{width:100%;margin-bottom:3px}.janus-portfolio .heading{font-size:43px}}
@media(max-width:767px){.janus-portfolio .navbar-logo-left-container{padding:10px 6%}.janus-portfolio .navbar-wrapper{min-height:50px;gap:12px}.janus-portfolio .heading-3{font-size:25px}.janus-portfolio .navbar-wrapper>.link-block:before{width:38px;height:38px}.janus-portfolio .nav-menu-wrapper{padding:18px 6%;background:#10151d;height:auto}.janus-portfolio .nav-menu-two{justify-content:flex-start;gap:22px;flex-wrap:wrap;height:auto}.janus-portfolio .section-1{padding:48px 6% 45px}.janus-portfolio .container-2{gap:25px}.janus-portfolio .heading-2{font-size:clamp(54px,10vw,80px);letter-spacing:-.7px}.janus-portfolio .margin-bottom-24px-2{font-size:15px}.janus-portfolio .div-block-24{margin-top:4px}.janus-portfolio .div-block-21{gap:7px 17px;padding:15px 0}.janus-portfolio .div-block-22{font-size:13px}.janus-portfolio .list-item-12{padding:32px 0}.janus-portfolio .columns{grid-template-columns:1fr;gap:25px}.janus-portfolio .div-block-10{gap:18px}.janus-portfolio .heading{font-size:43px}.janus-portfolio .white-text{font-size:14px;line-height:1.75}.janus-portfolio .section-5{padding-top:32px;padding-bottom:45px}.janus-portfolio .filter-controls{gap:7px;margin-bottom:30px}.janus-portfolio .button-grid{padding:11px 15px;font-size:11px}.janus-portfolio .mix-container{gap:35px 20px}.janus-portfolio .heading-11{font-size:28px}.janus-portfolio .grid-icon-description-div{gap:13px}.janus-portfolio .div-block-16{gap:13px}.janus-portfolio .list-item-13{font-size:12px}.janus-portfolio .section-7{padding:25px 6%}}
@media(max-width:520px){.janus-portfolio .mix-container{grid-template-columns:1fr}.janus-portfolio .heading-3{font-size:22px}.janus-portfolio .heading-2{font-size:15vw;line-height:.95}.janus-portfolio .link-block{gap:9px}.janus-portfolio .menu-button{padding:10px}.janus-portfolio .grid-heading-div{justify-content:flex-start}.janus-portfolio .heading-11{font-size:32px}.janus-portfolio .grid-icon-text{font-size:12px}.janus-portfolio .list-item-13{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.janus-portfolio *{animation:none!important;transition:none!important}}
/* Supporting pages keep their original content and section sequence. */
.janus-portfolio{--link-text:#91b4ff}
.janus-portfolio.page-climate-town .section{margin-top:0;padding:42px 6%}
.janus-portfolio.page-climate-town .section-2,.janus-portfolio.page-climate-town .section-3{padding:48px 6%;border-top:1px solid var(--janus-line)}
.janus-portfolio .container-3,.janus-portfolio .container-5,.janus-portfolio .container-6{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}
.janus-portfolio .heading-4{font-size:25px;color:#91b4ff;margin-bottom:28px}
.janus-portfolio .heading-8{font-size:clamp(55px,6vw,96px);text-transform:uppercase}
.janus-portfolio .heading-5,.janus-portfolio .heading-9{font-size:clamp(33px,3.5vw,52px);text-transform:uppercase;margin-bottom:22px}
.janus-portfolio.page-climate-town p,.janus-portfolio.page-climate-town li{font-size:15px;line-height:1.8;color:#bbc7d6}
.janus-portfolio.page-climate-town .container-6{gap:30px}
.janus-portfolio.page-climate-town .w-background-video{border-radius:0}
.janus-portfolio.page-credits .section-6{margin-top:0;padding:65px 6%;background:var(--main-bg)}
.janus-portfolio.page-credits .heading-12{font-size:clamp(60px,7vw,110px);text-transform:uppercase}
.janus-portfolio.page-credits .heading-13{font-size:43px;text-transform:uppercase}
.janus-portfolio.page-credits p,.janus-portfolio.page-credits li,.janus-portfolio.page-credits .section-6 a{font-size:15px;line-height:1.8;color:#bbc7d6}
@media(max-width:767px){.janus-portfolio .columns>.column{order:1}.janus-portfolio .columns>.column-5{order:0}.janus-portfolio.page-climate-town .section{padding-top:30px}.janus-portfolio.page-climate-town .section-2,.janus-portfolio.page-climate-town .section-3{padding-top:32px;padding-bottom:32px}.janus-portfolio.page-climate-town .container-6{gap:20px}.janus-portfolio.page-climate-town p,.janus-portfolio.page-climate-town li{font-size:14px}.janus-portfolio.page-credits .section-6{padding-top:40px}}