@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";*{font-family:Oswald,sans-serif;box-sizing:border-box}:root{--text-yellow: #FFC03A;--text-black: #000000;--text-gray: #d0d0d0}body,html{width:100vw;margin:0}.nav{width:100vw;position:fixed;display:flex;top:0;left:0;justify-content:space-between;align-items:center;padding:10px 30px;background-color:transparent;z-index:999}.main-menu{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:20px 40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}.logo{max-width:200px}ul{list-style:none;display:flex;gap:20px;align-items:center}.link{text-decoration:none;font-size:1.4rem;color:inherit;font-weight:300;padding:5px 10px;border-radius:5px;transition:ease .2s}.link:hover{background-color:#0000001a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.active .link{background-color:#ffc03a99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.hamburger-menu{display:none;width:100vw;list-style:none;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:-1000px;left:0;transition:ease 1s}.hamburger-menu .link{font-size:1.5rem}.hamburger-menu li{padding:50px 0;text-transform:uppercase;width:100%;display:flex;align-items:center;justify-content:center;font-weight:700}.hamburger{display:none;z-index:99;background-color:transparent;border:none}:root{--bar-height: 4px;--bar-gap: 7px}.top-animate{transform:translateY(calc(var(--bar-height) + var(--bar-gap))) rotate(45deg)}.middle-animate{opacity:0}.bottom-animate{transform:translateY(-11px) rotate(-45deg)}@media screen and (max-width: 880px){.main-menu{display:none}.nav{justify-content:center;background-color:#fff}.hamburger{display:block;position:absolute;top:50%;transform:translateY(-50%);right:30px;font-size:3rem}.bar{content:"";width:2rem;height:4px;background-color:#000;transition:ease 1s}.bar-top,.bar-middle{margin-bottom:var(--bar-gap)}.show{top:0;left:0}}.home-body{height:100vh;height:100dvh;position:relative;overflow:hidden}.hex-background{position:absolute;top:calc(50% - 60vmin);left:calc(50% - 60vmin);height:120vmin;width:120vmin;z-index:1;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-color:var(--text-yellow);animation:pulse 2s ease-in-out infinite alternate}.hex-image{position:absolute;top:calc(50% - 50vmin);left:calc(50% - 50vmin);z-index:2;height:100vmin;width:100vmin;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-image:url(/assets/citifi-background-6-ADqOLaRv.avif);background-size:cover;background-position:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 12px 24px rgba(0,0,0,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.2))}.textHome h1{color:var(--text-yellow);font-size:clamp(2rem,5vw,3rem);text-align:center;background-color:#fff;padding:clamp(16px,4vw,40px) clamp(20px,6vw,60px);-webkit-clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);box-shadow:inset 0 6px 12px #0006,inset 0 12px 24px #0000004d,inset 0 -4px 8px #0003,inset 0 0 30px #00000026}.textHome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99;width:min(80vw,700px);color:var(--text-yellow)}.textHome button{border:5px solid var(--text-yellow);background-color:#0000004d;font-family:inherit;font-size:clamp(1rem,2.5vw,1.3rem);padding:5px 30px;font-weight:700;color:var(--text-yellow)}.textHome button:active{transform:scale(.99)}@media screen and (max-width: 850px){.textHome{width:min(85vw,500px)}}@media screen and (max-width: 500px){.hex-background{height:120vmin;width:120vmin;top:calc(50% - 60vmin);left:calc(50% - 60vmin)}.hex-image{height:110vmin;width:110vmin;top:calc(50% - 55vmin);left:calc(50% - 55vmin)}}.strategy-body{overflow:hidden;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.hex-cluster{position:relative;width:100%;flex:1;transform-origin:center center}.strategy-body .strategy-link{z-index:101;position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;color:#000;text-decoration:none;font-size:1.2rem}.strategy-body .strategy-link:hover{color:var(--text-yellow)}.reference{position:static;transform:none;text-align:center}.triangle{height:250px;width:250px;background:var(--text-yellow);position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;z-index:2;font-size:1.5rem;transition:ease 2s;border:none}.triangle:focus,.triangle:hover{font-weight:700;outline:none}.triangle-up{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:70px}.triangle-down{clip-path:polygon(100% 0,0 0,50% 100%);padding-bottom:70px}.triangle1{top:calc(50% - 235px);left:calc(50% - 270px)}.triangle2{top:calc(50% + 35px);left:calc(50% - 125px)}.triangle3{top:calc(50% - 235px);left:calc(50% + 20px)}.triangle4{top:calc(50% - 235px);left:calc(50% - 125px)}.triangle5{top:calc(50% + 35px);left:calc(50% - 270px)}.triangle6{top:calc(50% + 35px);left:calc(50% + 20px)}.hex{height:625px;width:600px;position:absolute;top:calc(50% - 290px);left:calc(50% - 300px);background-color:var(--text-gray)}.viewTriangle{z-index:99;color:transparent;-webkit-user-select:none;user-select:none}.viewTriangle1{transform:translate(150px) scale(6)}.viewTriangle2{transform:translate(0) translateY(-150px) scale(6)}.viewTriangle3{transform:translate(-150px) scale(6)}.viewTriangle4{transform:translate(0) translateY(200px) scale(6)}.viewTriangle5{transform:translate(150px) scale(6)}.viewTriangle6{transform:translate(-150px) scale(6)}.text{position:absolute;top:calc(50% - 150px);left:calc(50% - 25vw);width:50vw;color:#000;opacity:0;transition:ease 2s;pointer-events:none;z-index:999;text-align:center}.text h1{color:#000}.textTriangle1,.textTriangle2,.textTriangle3,.textTriangle4,.textTriangle5,.textTriangle6{opacity:1}.arrow-right{font-size:7rem;position:fixed;right:10px;top:calc(50% - 3.5rem);color:#000;z-index:99}.arrow-right:hover{color:var(--text-yellow)}.flash{animation:flash 1s ease infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 700px){.strategy-body .strategy-link{position:static}.hex-cluster{transform:scale(.7)}}@media screen and (max-width: 850px){.arrow-right{font-size:4rem;right:5px;top:calc(50% - 2rem)}.text{left:calc(50% - 35vw);width:70vw}.hex-cluster{transform:scale(.7)}.strategy-body{padding-top:100px}}@media screen and (max-width: 500px){.hex-cluster{transform:scale(.6)}}.what-body{display:flex;height:100vh;align-items:center;justify-content:center}.no-overflow,.cutoff{overflow:hidden;height:100vh;position:relative}.hex{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);position:absolute}.hex:focus{background-color:var(--text-yellow);outline:none}.small-hex{width:250px;height:250px;z-index:2;opacity:.8;background:var(--text-gray);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.36);display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:#000}.small-hex:hover{background-color:var(--text-yellow);outline:none}.large-hex{width:800px;height:800px;top:calc(50% - 400px);left:calc(50% - 400px);background-color:var(--text-yellow);z-index:1;opacity:.5;animation:pulse 3s ease-in-out infinite alternate}.circle{height:380px;width:380px;border-radius:50%;background-color:var(--text-yellow);animation:pulse 3s ease-in-out infinite alternate;position:absolute;top:calc(50% - 190px);left:calc(50% - 190px)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.hex1{top:calc(50% - 250px);left:calc(50% - 125px);transition:ease 2s;z-index:10}.hex2{top:calc(50% + -0px);left:calc(50% - 125px);transition:ease 2s;z-index:10}.hex3{top:calc(50% - 125px);left:calc(50% - 325px);transition:ease 2s;z-index:10}.hex4{top:calc(50% - 125px);left:calc(50% + 75px);transition:ease 2s;z-index:10}.viewHex1{transform:translateY(150px) scale(5);background-image:url(/assets/citifi-background-4-CipSPsE_.avif)}.viewHex{opacity:1;color:transparent;z-index:99;background-size:cover;pointer-events:all}.textHex{opacity:0;transition:ease 2s;position:absolute;width:50vw;z-index:100;text-align:center;pointer-events:none;background-color:#fff;padding:20px 30px;box-shadow:inset 0 6px 12px #0006,inset 0 12px 24px #0000004d,inset 0 -4px 8px #0003,inset 0 0 30px #00000026}.textHex1{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex2{transform:translateY(-100px) scale(5);background-image:url(/assets/citifi-background-2-CoWkjLg5.avif)}.textHex2{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex3{transform:translate(200px) scale(5);background-image:url(/assets/citifi-background-5-CpYr-Z6S.avif)}.textHex3{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex4{transform:translateY(10px) translate(-200px) scale(5);background-image:url(/assets/citifi-background-1-BTCPWCyG.avif)}.textHex4{top:calc(50% - 225px);left:calc(50% - 25vw)}h1{font-size:3rem}p{font-size:1.3rem}.textView{opacity:1}.strategy-link{position:absolute;bottom:30px;left:calc(50% - 80px);color:#000;font-size:20px;text-decoration:none;z-index:5;align-self:center;padding:10px 20px;border-radius:10px;background-color:#ffc03a99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:ease .2s;display:flex;align-items:center;justify-content:center;gap:10px}.strategy-link:hover{background-color:#ffc03a33}.strategy-link:active{transform:scale(.95)}@media screen and (max-width: 1200px){p{font-size:1.4rem}h1{font-size:2rem}.textHex{width:60vw}.textHex1,.textHex2,.textHex3,.textHex4{left:calc(50% - 30vw)}}@media screen and (max-width: 700px){.what-body{display:block}.hexagons{position:relative;height:calc(12vh + 1000px + 6rem);margin-bottom:40px}.hex1,.hex2,.hex3,.hex4{left:50%;transform:translate(-50%);transition:ease 2s;background-color:var(--text-yellow)}.hex1{top:12vh}.hex2{top:calc(12vh + 250px + 2rem)}.hex3{top:calc(12vh + 500px + 4rem)}.hex4{top:calc(12vh + 750px + 6rem)}.strategy-link{position:static;display:flex;width:fit-content;text-align:center;z-index:4;margin:0 auto 120px}.circle,.large-hex{display:none}h1{font-size:2rem}p{font-size:1.2rem}.viewHex1{transform:translate(-50%) translateY(150px) scale(4);background-image:url(/assets/citifi-background-4-CipSPsE_.avif)}.viewHex2{transform:translate(-50%) translateY(50px) scale(4);background-image:url(/assets/citifi-background-2-CoWkjLg5.avif)}.viewHex3{transform:translate(-50%) translateY(-50px) scale(4);background-image:url(/assets/citifi-background-5-CpYr-Z6S.avif)}.viewHex4{transform:translate(-50%) translateY(-150px) scale(4);background-image:url(/assets/citifi-background-1-BTCPWCyG.avif)}.textHex{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;box-sizing:border-box;margin:0;padding:12px 16px}.textHex h1{font-size:1.4rem;margin:0 0 8px}.textHex p{font-size:.95rem;line-height:1.35;margin:0 0 8px}.textHex .flash{font-size:.8rem;margin:0}.textHex1,.textHex2,.textHex3,.textHex4{left:50%;top:50%}.no-overflow{overflow-y:auto;position:relative}.cutoff{overflow:hidden;height:100vh;position:relative}}.profile__image{border:solid 5px var(--text-yellow);overflow:hidden;position:relative;width:100%;max-width:350px;aspect-ratio:3 / 4;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff4d,inset 0 1px #ffffff80;border-radius:20px;display:flex;justify-content:center;align-items:center}.profile__image img{width:100%;height:100%;object-fit:cover;display:block}.profile{display:flex;max-width:100vw;height:100vh;justify-content:center;align-items:center;gap:50px;overflow-y:scroll;overflow-x:hidden}.profile__text{max-width:40vw}.profile__text h1{color:var(--text-yellow);text-transform:uppercase;font-size:3rem;line-height:1;margin-bottom:0}.profile__text h2{font-size:2rem;margin-top:1rem}.profile__text p{font-size:1.4rem}.profile__text .name{display:flex;align-items:end;justify-content:start;gap:.5rem}.profile__text .name .linkedin{font-size:20px;line-height:1;color:#0072b1}@media screen and (max-width: 950px){.profile{flex-direction:column;position:absolute;top:6rem;height:auto;gap:20px;padding-inline:20px;padding-bottom:100px}html{overflow-y:auto;overflow-x:hidden}.profile__text{max-width:800px}.profile__image{background-color:transparent;margin-bottom:30px}}.text-strategy2{max-width:40vw}.text-strategy2 h1{font-size:2rem;color:var(--text-yellow)}.text-strategy2 p{font-size:1.3rem}.body-strategy2{display:flex;justify-content:center;align-items:center;gap:70px;padding-top:100px}.image-strategy2{max-width:40vw}.image-strategy2 img{width:100%}.arrow-left{font-size:7rem;position:fixed;left:25px;top:calc(50% - 3.5rem);color:#000}.arrow-left:hover{color:var(--text-yellow)}@media screen and (max-width: 850px){.body-strategy2{flex-direction:column;margin-bottom:150px;margin-left:20px}.text-strategy2{max-width:80vw}.arrow-left{font-size:4rem;left:5px;top:calc(50% - 2rem)}.image-strategy2{max-width:80vw}}.contact-float{position:fixed;bottom:15px;right:20px;background-color:#ffc03a90;color:#000;padding:.5rem 1.5rem;font-size:1.4rem;cursor:pointer;border-radius:2rem;font-weight:300;display:flex;align-items:center;gap:8px;z-index:999;flex-wrap:nowrap;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid #FFC03A30;box-shadow:0 8px 32px #00000026,inset 0 1px #ffc03a50}.contact-float span{padding-bottom:5px;text-wrap:nowrap}.contact-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;max-width:600px;height:auto;background-color:#ffffff1a;color:#000;z-index:9999;padding:50px;border-radius:10px;font-weight:300;transition:all .5s ease-in-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}.contact-popup h1{margin:0 0 20px;font-weight:300}.contact-popup div.exit{position:absolute;top:20px;right:20px;font-size:1.8rem;font-weight:300;cursor:pointer}.contact-popup form{display:flex;flex-direction:column;gap:20px;font-weight:300}form input,form textarea,form button{border:solid 2px black;color:#000;outline:none;font-size:1.5rem;padding:.5rem 1rem;resize:none;background-color:transparent;border-radius:5px;font-weight:300}form input::placeholder,form textarea::placeholder{color:#000;opacity:1;font-weight:300}form input::-moz-placeholder,form textarea::-moz-placeholder{color:#000;opacity:1;font-weight:300}form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{color:#000;font-weight:300}form input::-ms-input-placeholder,form textarea::-ms-input-placeholder{color:#000;font-weight:300}form button{background-color:transparent;transition:.5s ease;cursor:pointer}form button:hover{background-color:transparent;color:#000}@media screen and (max-width: 1000px){.contact-popup{width:70vw}}@media screen and (max-width: 500px){form input,form textarea,form button{font-size:1rem}.contact-popup{width:90vw;padding:30px 20px}.contact-popup h1{font-size:1.8rem}.contact-popup div.exit{top:15px;right:15px;font-size:1.5rem}.contact-float{right:50%;transform:translate(50%);bottom:2rem;box-shadow:0 .5rem .7rem #0006}}.experience-body{width:100%;min-height:100vh;justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 25px;padding-top:100px;padding-inline:60px}.sheff-bg-img{background-image:url(/assets/sheffield-bg-img-BjjEf-yT.jpg);background-size:cover}.notts-bg-img{background-image:url(/assets/nottingham-bg-img-BHZL4H_4.jpg);background-size:cover}.north-bg-img{background-image:url(/assets/northampton-bg-img-X3nGWNIm.jpg);background-size:cover}.sal-bg-img{background-image:url(/assets/salisbury-bg-img-CmqfQaaw.jpg);background-size:cover}.woking-bg-img{background-image:url(/assets/woking-bg-img-4b70ww7n.jpg);background-size:cover}.experience-hex h3{opacity:0;transition:ease .5s;color:#fff;font-weight:300;z-index:2}.experience-hex{height:220px;width:220px;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-color:var(--text-yellow);margin-inline:auto auto;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.8rem;color:#fff;position:relative}.hex-cover{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;background-color:#000;transition:ease .5s}.experience-hex:hover .hex-cover{opacity:.5}.experience-hex:hover h3{opacity:1}@media screen and (max-width: 1200px){.experience-body{grid-template-columns:repeat(2,1fr)}.experience-hex{height:200px;width:200px}}@media screen and (max-width: 700px){.experience-body{grid-template-columns:repeat(1,1fr);padding-bottom:100px}.experience-hex{height:250px;width:250px}}