:root{--bg:#060b10;--text:#edf3f7;--muted:#8a9ba8;--cyan:#29c5ff;--amber:#cf9b55;--line:rgba(161,191,208,.25);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:100;background:#fff;color:#000;padding:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:116px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:34px;padding:0 4.5vw;background:linear-gradient(#050a0fdd,transparent)}.logo{display:flex;align-items:center;color:white;text-decoration:none}.logo img{width:130px;height:92px;object-fit:contain;margin-left:-31px;filter:drop-shadow(0 0 13px rgba(24,181,239,.25))}.logo strong{font-size:36px;letter-spacing:-1.7px;margin-left:-6px}.motto{border-left:1px solid #9da9b0;padding-left:25px;color:#8799a7;text-transform:uppercase;font-size:9px;line-height:1.7;letter-spacing:.28em}.header nav{justify-self:center;display:flex;gap:62px}.header nav a{position:relative;color:#a4b1ba;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.18em}.header nav a.active,.header nav a:hover{color:#fff}.header nav a.active:after{content:"";position:absolute;left:50%;bottom:-21px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.closed{padding-left:60px;position:relative;text-transform:uppercase;color:#a9b3b9;font-size:10px;line-height:1.6;letter-spacing:.22em}.closed:before{content:"";position:absolute;left:0;top:12px;width:42px;height:1px;background:#bbc3c7}.menu{display:none;background:transparent;border:0;width:42px}.menu i{display:block;height:1px;background:white;margin:8px}.gallery-hero{position:relative;height:941px;min-height:760px;overflow:hidden;isolation:isolate}.gallery-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(3,8,12,.18),transparent 17%,transparent 78%,rgba(3,8,12,.22)),url('../img/gallery-bg.png');background-size:cover;background-position:center top}.gallery-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,12,.35),transparent 25%)}.proof{position:absolute;left:11.3%;top:17%;width:130px}.proof div{padding:0 0 29px;margin-bottom:23px;border-bottom:1px solid rgba(255,255,255,.55)}.proof div:last-child{border:0}.proof strong{display:block;font-family:var(--serif);font-size:61px;font-weight:400;line-height:1}.proof span{display:block;margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#d2dbe0}.cases{position:absolute;left:25.2%;top:12.5%;width:41.7%;height:66%;display:grid;grid-template-columns:1fr 1fr}.case{position:relative;text-align:center;padding:41% 12% 8%;display:flex;flex-direction:column;justify-content:flex-end}.case-status{position:absolute;top:5%;left:50%;transform:translateX(-50%);white-space:nowrap;color:#97aab7;font-size:9px;text-transform:uppercase;letter-spacing:.2em;opacity:0;transition:.25s}.case:hover .case-status{opacity:1}.case-copy h2{font-size:38px;letter-spacing:-.04em;margin:0 0 7px}.case-copy p{margin:0 0 25px;text-transform:uppercase;color:#a1b1bb;font-size:9px;line-height:1.7;letter-spacing:.24em}.case-copy button{border:0;background:transparent;color:#d5e0e6;text-transform:uppercase;font-size:9px;letter-spacing:.2em;cursor:pointer}.case-copy button i{display:inline-grid;place-content:center;width:43px;height:43px;margin-right:16px;border:1px solid #a9bac4;border-radius:50%;font-style:normal;font-size:17px;transition:.2s}.case-copy button:hover i{background:var(--cyan);border-color:var(--cyan);color:#001019}.case-base{position:absolute;left:0;right:0;bottom:-10%;text-align:center;color:#bba06f;text-transform:uppercase;font-size:9px;line-height:1.9;letter-spacing:.25em}.case-base span{color:#918879}.statement{position:absolute;left:71.5%;top:21.5%;width:22%}.statement>p{font-size:31px;font-weight:700;line-height:1.28;margin:0}.statement em{color:var(--cyan);font-style:normal}.statement>i{display:block;width:42px;height:1px;background:#d5d9dc;margin:29px 0}.statement>span{display:block;color:#a0afba;font-size:16px;line-height:1.65}.statement>small{display:block;margin-top:54px;color:#8295a3;text-transform:uppercase;font-size:9px;line-height:2.2;letter-spacing:.2em}.partner{position:absolute;z-index:3;left:28.6%;bottom:5.7%;width:50.5%;height:104px;display:grid;grid-template-columns:1.2fr 1px 1fr 54px 1.2fr;align-items:center;gap:25px;padding:0 40px;color:white;text-decoration:none;border:1px solid #2e799d;background:linear-gradient(90deg,rgba(6,16,23,.96),rgba(8,27,38,.94));box-shadow:inset 0 -2px #24bfff,0 10px 30px rgba(0,0,0,.45)}.partner strong{font-size:33px}.partner>i{height:38px;width:1px;background:#8ba0ad}.partner span,.partner small{text-transform:uppercase;color:#8297a5;font-size:9px;line-height:1.8;letter-spacing:.2em}.partner b{width:43px;height:43px;display:grid;place-content:center;border:1px solid #a8bac4;border-radius:50%;font-size:18px;font-weight:400}.ad-mark{position:absolute;bottom:2.1%;left:28.6%;color:#526b7b;font-size:8px;letter-spacing:.08em}.corner{position:absolute;bottom:3.5%;color:#728794;text-transform:uppercase;font-size:9px;line-height:1.9;letter-spacing:.21em}.corner.left{left:5.7%}.corner.right{right:4.9%}.project-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#071018}.detail{padding:80px 7vw;border-right:1px solid var(--line);opacity:.48;transition:.35s}.detail.open,.detail:hover{opacity:1;background:radial-gradient(circle at 65% 20%,rgba(22,146,198,.13),transparent 36%)}.detail>span,.detail>small{text-transform:uppercase;color:#7991a1;font-size:10px;letter-spacing:.2em}.detail h2{font-size:70px;letter-spacing:-.06em;margin:25px 0 15px}.detail p{max-width:560px;color:#98a9b4;font-size:17px;line-height:1.75}.detail small{display:block;margin-top:38px;color:#c2975d}.closed-note{padding:120px 8vw;background:linear-gradient(90deg,#050b10,rgba(5,11,16,.78)),url('../img/gallery-bg.png') center 60%/cover;min-height:520px}.closed-note span{font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#cb9a58}.closed-note h2{font-family:var(--serif);font-size:clamp(46px,6vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:28px 0}.closed-note p{max-width:700px;color:#98a9b4;font-size:17px;line-height:1.8}footer{padding:50px 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:#04090d}footer .logo img{width:85px;height:62px;margin-left:-19px}footer .logo strong{font-size:23px}footer p{text-align:right;color:#748896;line-height:1.7}footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(126,161,181,.14);color:#546c7a;font-size:10px}.case:focus-within{outline:1px solid var(--cyan);outline-offset:-5px}
@media(max-width:1100px){.header{grid-template-columns:auto 1fr auto}.motto,.closed{display:none}.header nav{justify-self:end}.gallery-hero{height:auto;min-height:1300px;background:#071018}.gallery-bg{height:760px;background-position:center top}.proof{top:145px;left:5%}.cases{top:90px;left:25%;width:68%;height:575px}.statement{left:8%;top:750px;width:84%}.partner{left:8%;bottom:95px;width:84%}.corner{display:none}.ad-mark{left:8%;bottom:70px}.project-details{grid-template-columns:1fr}.detail{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:700px){.header{height:84px;padding:0 18px}.logo img{width:76px;height:58px;margin-left:-18px}.logo strong{font-size:24px}.header nav{display:none}.header.open nav{display:flex;position:absolute;top:84px;left:0;right:0;background:#071018;padding:25px;flex-direction:column;gap:25px}.menu{display:block}.gallery-hero{min-height:1430px}.gallery-bg{height:570px;background-size:auto 570px;background-position:52% top}.proof{top:100px;left:18px;width:64px}.proof div{padding-bottom:14px;margin-bottom:14px}.proof strong{font-size:36px}.proof span{font-size:8px}.cases{top:108px;left:24%;width:75%;height:410px}.case{padding-left:3%;padding-right:3%}.case-copy h2{font-size:24px}.case-copy p{font-size:7px}.case-copy button{font-size:0}.case-copy button i{margin:0;width:34px;height:34px}.case-base{display:none}.statement{top:610px}.statement>p{font-size:32px}.partner{bottom:85px;left:18px;width:calc(100% - 36px);height:auto;min-height:230px;padding:28px;grid-template-columns:1fr 50px}.partner>i,.partner span,.partner small{display:none}.partner strong{font-size:36px}.ad-mark{left:18px;right:18px;bottom:38px}.project-details{display:block}.detail{padding:60px 22px}.detail h2{font-size:52px}.closed-note{padding:90px 22px}.closed-note h2{font-size:48px}footer{grid-template-columns:1fr;padding:40px 22px}footer p{text-align:left}}