@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Advent+Pro:wght@400;700&family=Fjalla+One&display=swap";html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Fragment Light,sans-serif;font-weight:400;font-size:16px;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;scroll-behavior:smooth}ul{list-style-type:none;text-decoration:none;padding:0;margin:0}a{text-decoration:none;color:inherit;scroll-behavior:smooth;cursor:pointer}img{width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:Fragment,sans-serif;font-weight:400}@font-face{font-family:Fragment;src:url(/Portfolio-website/fonts/PPFragment-SansRegular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fragment Italic;src:url(/Portfolio-website/fonts/PPFragment-SansRegularitalic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fragment Light;src:url(/Portfolio-website/fonts/PPFragment-SansLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Fragment Bold;src:url(/Portfolio-website/fonts/PPFragment-SansExtraBold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fragment Bold Italic;src:url(/Portfolio-website/fonts/PPFragment-SansExtraBoldItalic.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.link-active{color:#ffffff80}.content-wrapper{margin-inline:32px}.viewport-content{flex-direction:column;width:100%;height:100svh;display:flex}.background-video{position:absolute;top:0%;left:0%;width:100%;height:100%;object-fit:cover;z-index:-1;filter:blur(4px)}@media screen and (max-width:850px){.content-wrapper{margin-inline:16px}}:root{--icon-radius: 8px}.hero-text{display:flex;flex-direction:column;align-items:center;font-weight:700;line-height:1;margin-top:1rem;position:relative;top:-25%}.full-name{font-family:Fragment Italic,sans-serif;font-style:normal;font-size:clamp(24px,6vw,128px);line-height:80%;margin-block:0;color:#fff}.title{font-family:Fragment Light,sans-serif;font-size:clamp(16px,3vw,24px);font-weight:400;max-width:750px;line-height:110%;letter-spacing:0px;margin:16px 0;color:#fff}.works-section{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,5vw,64px);margin-top:24px;margin-bottom:clamp(72px,7vw,132px)}.work-item{width:100%;height:100%;background-color:#222;border-radius:clamp(8px,3vw,16px)}.work-image-container{padding-inline:clamp(8px,3vw,16px);padding-top:clamp(8px,3vw,16px);padding-bottom:clamp(16px,4vw,24px)}.work-image{border-radius:clamp(8px,3vw,16px);z-index:1}.work-title{font-size:clamp(20px,5vw,32px);font-weight:400;margin-left:clamp(8px,3vw,16px);z-index:2}.work-tags{font-size:clamp(16px,4vw,20px);opacity:80%;margin-top:8px;margin-left:clamp(8px,3vw,16px);margin-bottom:0;padding-bottom:16px}@media screen and (max-width:850px){:root{--icon-radius: 4px}.works-section{margin-bottom:72px}}.large-text{font-size:clamp(21px,6vw,72px);font-family:Fragment Bold Italic,sans-serif;text-align:center;margin:0;white-space:nowrap}.footer-content{display:flex;justify-content:space-around}.footer-links{display:flex;gap:clamp(14px,4vw,64px);flex-wrap:wrap;font-size:16px;margin:24px 0 0}.underline-animation,.footer-links li a{transition:opacity .3s ease;cursor:pointer}.underline-animation:hover,.footer-links li a:hover{opacity:.8}.footer-bottom-text{font-size:14px;padding:0;opacity:.5;margin-top:96px;margin-bottom:32px;text-align:center}@media screen and (max-width:500px){.footer-links{display:grid;font-size:14px;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-top:16px}.footer-bottom-text{margin-top:48px;margin-bottom:16px}}.footer-links li:has(.link-active){border-bottom:2px solid hsla(0,0%,100%,.5);padding-bottom:2px;cursor:default;pointer-events:none}.hero-nav{display:flex;width:100vw;justify-content:space-between;z-index:2;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:clamp(16px,3vw,32px)}.logo{display:flex;font-family:Fragment Light,sans-serif;font-size:clamp(24px,3vw,32px);padding:0;margin-left:clamp(16px,3vw,32px);line-height:.9;align-items:center}.nav-container{display:flex;align-items:center;margin-right:clamp(16px,3vw,32px)}.nav-links{display:flex;gap:24px;font-size:16px}.nav-links li a{transition:opacity .3s ease;cursor:pointer}.nav-links li a:hover{opacity:.8}.nav-links li:has(.link-active),.mobile-nav li:has(.link-active){border-bottom:2px solid hsla(0,0%,100%,.5);padding-bottom:2px;cursor:default;pointer-events:none}.hamburger-btn,.mobile-nav-container{display:none}@media(max-width:800px){.nav-links{display:none}.hamburger-btn{display:block;z-index:101;background:none;border:none;color:#fff;cursor:pointer;font-size:clamp(16px,3vw,32px)}.mobile-nav-container{display:flex;position:fixed;top:0;right:0;width:70%;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.mobile-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-5%);width:100%;height:100%;gap:clamp(16px,2vw,32px);font-size:clamp(16px,3vw,32px);list-style:none}}@media screen and (max-width:650px){.mobile-nav-container{width:100%}}.page-break{display:block;max-width:730px;width:100%;height:2px;background-color:#fff;margin:0;transform-origin:center}.centred-container{display:flex;flex-direction:column;align-items:center}.about-large-text{font-size:32px;line-height:130%;letter-spacing:-2%;max-width:720px;padding:0;margin:0 0 48px}.result-text{margin:24px 0 72px}.about-text{max-width:720px;text-align:left;width:100%;margin:0 0 24px;line-height:140%;letter-spacing:-2%}.page-end{margin-bottom:64px}.internship{margin-top:24px}#value-prop{height:calc(1000px + 50vh);padding-bottom:10vh}@media screen and (max-width:1200px){.about-large-text{font-size:24px}}@media screen and (max-width:850px){.about-large-text{font-size:20px}.page-end{margin-bottom:32px}}.project-heading{text-align:center;font-size:clamp(28px,5vw,32px);margin-bottom:clamp(24px,3vw,48px);margin-top:clamp(48px,5vw,112px)}.project-subheading{font-size:clamp(20px,4vw,24px);margin-bottom:16px}.hero-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;margin-inline:16px;text-align:center}.project-title{font-family:Fragment Italic,sans-serif;font-size:clamp(24px,5vw,64px);text-align:center;text-decoration:underline;font-style:italic}.project-title a{transition:opacity .6s ease}.project-title a:hover{opacity:.8}.project-caption{font-size:clamp(14px,3vw,24px);font-weight:400;max-width:756px;margin-block:16px}.content-container,.process-container,.conclusion-container{max-width:1300px;margin-inline:auto;padding-inline:clamp(16px,4vw,64px)}.summary-headline{font-size:20px;margin-bottom:16px}.summary-text{margin:0;padding:0;flex:1 1 400px;max-width:750px}.summary-stats-container{display:flex;flex-wrap:wrap;gap:clamp(88px,7vw,120px);align-items:flex-start;justify-content:center}.key-stats{flex:0 1 auto;min-width:250px}.summary-list-item{margin-bottom:24px}.summary-links{opacity:1;transition:all .4s ease}.summary-links:hover{opacity:.7}.process-container{margin-top:56px}@media screen and (max-width:873px){.summary-stats-container{justify-content:flex-start;gap:40px}.key-stats ul{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 72px}.summary-list-item{margin-bottom:0}.process-container{margin-top:64px}}@media screen and (max-width:500px){.key-stats ul{grid-template-columns:1fr;gap:24px}}.process-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:32px}.card-title-container{display:flex;gap:16px;margin-bottom:16px}.process-card-title,.process-card-number{font-size:20px;margin:0}.research-intro{max-width:750px}.key-insights-container,.growth-container{display:flex;flex-direction:column;margin-top:32px}.key-insights-container{margin-bottom:64px}.two-column-grid{display:flex;flex-direction:row;gap:clamp(32px,4vw,72px);justify-content:flex-start}.bulleted-list{flex:1;list-style-type:disc;list-style-position:inside;padding-left:0;margin:0}@media screen and (max-width:800px){.two-column-grid{flex-direction:column;gap:8px}.bulleted-list{flex:1 1 auto;max-width:100%}}.bullet-points{margin-bottom:12px;text-indent:-1em;padding-left:1.2em}.bullet-heading{font-family:Fragment,sans-serif}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:32px;width:100%}.image-gallery img{width:100%;height:auto;object-fit:cover;border-radius:clamp(4px,3vw,8px)}.mobile-images{grid-template-columns:repeat(auto-fit,minmax(275px,1fr))}.design-item{display:flex;align-items:center;gap:clamp(32px,6vw,64px);margin-bottom:clamp(32px,5vw,88px)}.design-image{flex:0 1 auto;max-width:48%;border-radius:clamp(4px,3vw,8px)}.mobile-design{max-width:25%}.design-item-title{font-size:clamp(24px,4vw,32px)}.design-item-text{flex:0 1 auto;max-width:750px}@media screen and (max-width:900px){.design-item{flex-direction:column;gap:clamp(16px,4vw,32px);align-items:flex-start}.design-image{max-width:100%}.mobile-design{max-width:50%;margin-inline:auto}.flipped-design{flex-direction:column-reverse}}.left-column-text{max-width:750px}.conclusion-container{margin-bottom:96px}.conclusion-intro,.next-steps-intro,.bottom-line{max-width:750px}.next-steps-container{margin-top:32px}.gallery-image{width:100%;display:block;break-inside:avoid;margin-bottom:20px;border-radius:8px}@media(max-width:600px){.conclusion-container{margin-bottom:72px}.image-gallery{grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:16px;width:100%}.process-card-grid{gap:16px}}@media(max-width:633px){.conclusion-container{margin-bottom:72px}.mobile-images{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:453px){.mobile-images{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.technical-challenges{margin-block:32px}.text-content-wrapper{width:100%}.development-text,.left-column-text{flex:1 1 0;max-width:750px}.text-content-wrapper video{display:flex;flex:1 1 auto;min-width:300px;max-width:1300px;width:100%;object-fit:contain;border-radius:clamp(4px,3vw,8px);margin-top:clamp(16px,3vw,24px)}@media(max-width:1000px){.text-content-wrapper{flex-direction:column;align-items:center}.development-text,.left-column-text{width:100%;max-width:100%}.text-content-wrapper video{max-width:100%;width:100%;height:auto}}.bottom-line{margin-top:clamp(16px,4vw,32px)}