*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--deep:#0a2640;--navy:#103b66;--navy-2:#163f6e;--sky:#5b9fd4;--sky-soft:#8dbde4;--orange:#eb9f54;--white:#fff;--mist:#e2eaf2;--mist-70:rgba(226,234,242,.72);--line:hsla(0,0%,100%,.14);--display:"Unbounded",system-ui,sans-serif;--body:"Onest",system-ui,sans-serif;--angle:19.65deg;--gutter:clamp(20px,5vw,80px);--max:1280px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--deep);color:var(--mist);font-family:var(--body);font-size:17px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}img{display:block;max-width:100%}.wrap{margin:0 auto;max-width:var(--max);padding:0 var(--gutter)}h1,h2,h3{color:var(--white);font-family:var(--display)}header{left:0;position:absolute;right:0;top:0;z-index:20}.nav{align-items:center;display:flex;height:80px;justify-content:space-between}.logo svg{display:block;height:24px;width:auto}.nav ul{display:flex;gap:34px;list-style:none}.nav ul a{color:var(--mist);font-size:15px;font-weight:500;text-decoration:none}.nav ul a:hover{color:var(--white)}.nav ul a.is-cta{color:var(--orange)}@media (max-width:720px){.nav ul{font-size:14px;gap:18px}.nav ul li:nth-child(2){display:none}}.flash-container{display:flex;flex-direction:column;gap:8px;max-width:360px;position:fixed;right:var(--gutter);top:88px;z-index:200}.flash-message{background:var(--navy);border-left:4px solid var(--sky);box-shadow:0 8px 24px rgba(0,0,0,.3);color:var(--white);font-size:15px;padding:14px 20px}.flash-success{border-color:#48bb78}.flash-error{border-color:#f56565}.flash-info{border-color:var(--sky)}.hero{align-items:center;display:grid;min-height:100vh;overflow:hidden;position:relative}.hero-panel{background:var(--sky);clip-path:polygon(calc(58% + 18vh) 0,100% 0,100% 100%,calc(58% - 18vh) 100%);inset:0;position:absolute}.hero-panel svg{bottom:-4vh;height:62vh;opacity:.95;position:absolute;right:-6vw;width:auto}.hero-panel .list{color:var(--deep);font-family:var(--display);font-size:clamp(12px,1vw,14px);font-weight:400;line-height:2;list-style:none;position:absolute;right:var(--gutter);text-align:right;top:120px}.hero-panel .list li:before{color:var(--white);content:"/ "}.hero .wrap{padding-bottom:80px;padding-top:120px;position:relative;z-index:2}.hero .inner{max-width:60%}.hero .who{color:var(--sky-soft);font-size:16px;font-weight:500;margin-bottom:26px}.hero h1{font-size:clamp(34px,5vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}.hero p{color:var(--mist);font-size:clamp(17px,1.3vw,19px);margin-top:28px;max-width:30em}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.btn{align-items:center;background:none;border:1.5px solid var(--white);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--display);font-size:13px;font-weight:500;padding:15px 26px;position:relative;text-decoration:none;transform:skewX(calc(var(--angle)*-1));transition:background .2s,color .2s}.btn>span{display:inline-block;transform:skewX(var(--angle))}.btn:hover{background:var(--white);color:var(--deep)}.btn.solid{background:var(--orange);border-color:var(--orange);color:var(--deep)}.btn.solid:hover{background:var(--white);border-color:var(--white)}.hero .scroll{bottom:32px;color:var(--sky-soft);font-size:13px;left:var(--gutter);position:absolute;z-index:2}@media (max-width:900px){.hero{min-height:0}.hero-panel{clip-path:polygon(0 100%,0 78%,100% 0,100% 100%);height:200px;inset:auto 0 0 0}.hero-panel .list{display:none}.hero-panel svg{bottom:-10px;height:150px;right:-20px}.hero .wrap{padding-bottom:230px;padding-top:110px}.hero .inner{max-width:100%}.hero .scroll{display:none}}section{padding:clamp(72px,9vw,130px) 0;position:relative}.head{align-items:flex-end;display:flex;gap:40px;justify-content:space-between;margin-bottom:56px}.head h2{font-size:clamp(26px,3vw,44px);font-weight:600;letter-spacing:-.015em;line-height:1.08;max-width:18em}.head p{color:var(--mist-70);max-width:32em}.kicker{color:var(--sky);display:block;font-family:var(--display);font-size:12px;font-weight:400;margin-bottom:18px}.kicker:before{color:var(--orange);content:"/ "}@media (max-width:800px){.head{align-items:flex-start;flex-direction:column;gap:18px}}.tag{background:var(--sky);height:120px;left:0;position:absolute;top:0;transform:skewY(calc(var(--angle)*-1));transform-origin:top left;width:8px}.page-head{padding-bottom:clamp(48px,6vw,80px);padding-top:160px}.page-head h1{font-size:clamp(32px,4.4vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.04;text-wrap:balance}.page-head p{color:var(--mist-70);font-size:18px;margin-top:22px;max-width:34em}.about{background:var(--navy)}.about .cols{align-items:start;display:grid;gap:72px;grid-template-columns:1.2fr 1fr}.about .lede{color:var(--white);font-family:var(--display);font-size:clamp(20px,2.1vw,30px);font-weight:400;letter-spacing:-.01em;line-height:1.3}.about .body{color:var(--mist-70)}.about .body p+p{margin-top:18px}.about .quote{background:var(--deep);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);color:var(--sky-soft);font-family:var(--display);font-size:15px;font-weight:400;line-height:1.6;margin-top:36px;padding:28px 28px 28px 32px}@media (max-width:800px){.about .cols{gap:36px;grid-template-columns:1fr}}.cv{background:var(--navy)}.cv .cols{align-items:start;display:grid;gap:72px;grid-template-columns:1fr 2fr}.cv .photo{position:sticky;top:40px}.cv .photo img{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 14px) 100%,0 100%);width:100%}.timeline+.timeline{margin-top:56px}.timeline .item{border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:150px 1fr;padding:24px 0}.timeline .date{color:var(--sky);font-family:var(--display);font-size:12px;padding-top:4px}.timeline h3{font-size:16px;font-weight:500;margin-bottom:8px}.timeline p{color:var(--mist-70);font-size:15.5px}@media (max-width:800px){.cv .cols{gap:48px;grid-template-columns:1fr}.cv .photo{max-width:360px;position:static}.timeline .item{gap:6px;grid-template-columns:1fr}}.svc{background:var(--line);border:1px solid var(--line);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.svc article{background:var(--deep);padding:36px 32px 40px;position:relative}.svc .glyph{color:var(--sky);display:block;font-family:var(--display);font-size:14px;margin-bottom:40px}.svc h3{font-size:17px;font-weight:500;letter-spacing:-.005em;line-height:1.3;margin-bottom:12px}.svc p{color:var(--mist-70);font-size:15.5px}.svc article:hover{background:var(--navy-2)}@media (max-width:900px){.svc{grid-template-columns:1fr 1fr}}@media (max-width:560px){.svc{grid-template-columns:1fr}}.portfolio{background:var(--navy)}.works{display:grid;gap:56px 40px;grid-template-columns:1fr 1fr}.work{display:block;text-decoration:none}.work .shot{aspect-ratio:16/10;background:var(--deep);overflow:hidden;position:relative}.work .shot img{height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.7,.2,1);width:100%}.work:hover .shot img{transform:translateY(-6%)}.work .shot:after{background:var(--sky);bottom:0;content:"";height:4px;left:0;position:absolute;transform:skewX(calc(var(--angle)*-1));transform-origin:bottom left;width:22%}.work .shot .initials{color:var(--navy-2);display:grid;font-family:var(--display);font-size:clamp(32px,5vw,64px);font-weight:700;inset:0;place-items:center;position:absolute}.work .meta{align-items:baseline;display:grid;gap:8px 24px;grid-template-columns:1fr auto;margin-top:20px}.work h3{font-size:19px;font-weight:500}.work .type{color:var(--sky);font-family:var(--display);font-size:11px;font-weight:400;text-align:right}.work.wide{grid-column:1/-1}.work.wide .shot{aspect-ratio:21/9}.more{display:inline-flex;margin-top:56px}@media (max-width:720px){.works{gap:40px;grid-template-columns:1fr}.work.wide .shot{aspect-ratio:16/10}}.steps{display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.step{border-top:1px solid var(--line);padding-top:24px}.step .n{color:var(--sky);display:block;font-family:var(--display);font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1;margin-bottom:20px}.step h3{font-size:16px;font-weight:500;margin-bottom:10px}.step p{color:var(--mist-70);font-size:15px}.step:first-child{border-top-color:var(--orange)}@media (max-width:800px){.steps{grid-template-columns:1fr 1fr}}.contact{background:var(--sky);color:var(--deep);overflow:hidden}.contact:before{background:var(--deep);bottom:0;clip-path:polygon(12vh 0,100% 0,100% 100%,-12vh 100%);content:"";position:absolute;right:0;top:0;width:46%}.contact .wrap{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;position:relative}.contact h2{color:var(--deep);font-size:clamp(30px,4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.02}.contact .lead{color:var(--deep);font-size:18px;margin-top:20px;max-width:26em}.contact .btn{border-color:var(--deep);color:var(--deep);margin-top:32px}.contact .btn:hover{background:var(--deep);color:var(--white)}.contact dl{color:var(--mist);justify-self:end;width:min(100%,360px)}.contact dl div{border-bottom:1px solid var(--line);padding:16px 0}.contact dt{color:var(--sky);font-family:var(--display);font-size:11px;margin-bottom:6px}.contact dd{font-size:17px}.contact dd a{text-decoration:none}.contact dd a:hover{color:var(--orange)}@media (max-width:800px){.contact:before{display:none}.contact{padding-bottom:0}.contact .wrap{grid-template-columns:1fr;padding:0}.contact .wrap>div:first-child{padding:0 var(--gutter) 56px}.contact dl{background:var(--deep);justify-self:stretch;padding:40px var(--gutter);width:100%}}.login-form{display:grid;gap:18px;max-width:420px;padding-bottom:clamp(72px,9vw,130px)}.login-form label{color:var(--sky);font-family:var(--display);font-size:11px}.login-form input{background:var(--navy);border:1px solid var(--line);color:var(--white);font:inherit;margin-top:6px;padding:12px 14px;width:100%}.login-form input:focus{border-color:var(--sky);outline:none}.login-form .btn{justify-self:start;margin-top:8px}.login-error{background:var(--navy);border-left:4px solid #f56565;margin-bottom:24px;padding:14px 20px}footer{background:var(--deep)}footer .wrap{align-items:center;color:var(--mist-70);display:flex;flex-wrap:wrap;font-size:14px;gap:24px;justify-content:space-between;padding-bottom:28px;padding-top:28px}footer svg{display:block;height:20px;width:auto}footer ul{display:flex;gap:24px;list-style:none}footer ul a{color:var(--sky);font-family:var(--display);font-size:11px;text-decoration:none}footer ul a:hover{color:var(--white)}.grecaptcha-badge{visibility:hidden!important}.arkounay-ux-collection:not(.arkounay-ux-collection--no-highlight) .sortable-ghost>div{border:2px solid #86b7fe!important}.arkounay-ux-collection .collection-down,.arkounay-ux-collection .collection-up{color:#333}.arkounay-ux-collection .collection-remove:hover{color:red}.arkounay-ux-collection .collection-down:hover,.arkounay-ux-collection .collection-up:hover{color:#000}.arkounay-ux-collection .collection-element-with-insert{margin-bottom:50px}.arkounay-ux-collection .btn-collection-insert{align-items:center;bottom:-44px;display:flex;height:36px;position:absolute;right:0}.collection-hide-delete .collection-content{padding-top:15px}.arkounay-ux-horizontal-collection{margin-bottom:-15px;position:relative;top:-15px}[data-controller=arkounay--ux-collection--tabbed-collection] .card{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px;padding-top:15px}[data-controller=arkounay--ux-collection--tabbed-collection]>.nav-tabs .nav-link.active{font-weight:700}@media (min-width:768px){[data-controller=arkounay--ux-collection--tabbed-collection]>.nav-tabs .nav-link svg{height:32px}}.subtopic-entry-header{align-items:center;cursor:pointer;display:flex;gap:.5rem;list-style:none;padding:.5rem .5rem .5rem 1rem}.subtopic-entry-header::-webkit-details-marker{display:none}.subtopic-entry-header:before{border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:.3em 0 .3em .45em;content:"";flex:none;transition:transform .15s ease-in-out}.subtopic-entry[open]>.subtopic-entry-header{border-bottom:1px solid var(--bs-border-color,#dee2e6)}.subtopic-entry[open]>.subtopic-entry-header:before{transform:rotate(90deg)}.subtopic-entry-title{flex:1;font-weight:600}