@import url("https://fonts.googleapis.com/css2?family=Anton&family=Antonio:wght@100..700&family=Baloo+2:wght@400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Island+Moments&family=Lexend+Deca:wght@100..900&family=Lexend+Giga:wght@100..900&family=Special+Gothic+Condensed+One&family=Special+Gothic+Expanded+One&family=Special+Gothic:wght@400..700&display=swap");:root{--white:#F7F9FC;--black:#0A0A0A;--blue:#002052;--gray:#D5D7E0;--light-gray:#F7F7F7;--mid-gray:#404040;--light-blue:#5A8AC4;--blue-gray:#1F3B4D;--dark-blue:#00112E}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none;list-style-type:circle}li{margin-left:1rem}.header{font-size:clamp(4rem,calc(5.2vw + 1rem),6rem);letter-spacing:2px}.header,.subheader{font-family:Anton,sans-serif;line-height:1.4}.subheader{font-size:clamp(2.5rem,calc(3.8vw + 1rem),4.5rem);letter-spacing:-.5px}.text-label{font-family:Antonio,sans-serif;font-size:clamp(.75rem,calc(.9vw + 1.05rem),1rem);font-weight:600;letter-spacing:2px;line-height:1.4}.section-heading-lrg{font-size:clamp(2.5rem,calc(1.6vw + 1rem),5rem)}.section-heading,.section-heading-lrg{font-family:Antonio,sans-serif;font-weight:700;letter-spacing:.5px;line-height:1.6}.section-heading{font-size:clamp(1.25rem,calc(1.6vw + 1rem),1.5rem);text-transform:uppercase}.text-body{font-family:Inter,sans-serif;font-size:clamp(1rem,calc(.6vw + 1rem),1.25rem);font-weight:300;line-height:1.4;letter-spacing:-.5px}.btn-text{font-family:Antonio,sans-serif;font-size:clamp(1rem,1.3vw,1.5rem);font-weight:600;text-transform:uppercase;text-decoration:none;letter-spacing:1px;line-height:1.7}.text-list{font-family:Inter,sans-serif;font-size:clamp(.75rem,calc(.6vw + 1rem),1.25rem);font-weight:300;line-height:1.2;letter-spacing:-.5px}.footer-text{font-family:Antonio,sans-serif;font-size:clamp(1rem,1.3vw,1.5rem);letter-spacing:1px;line-height:1.7}.font-baloo{font-family:Baloo\ 2,cursive}.font-inter{font-family:Inter,sans-serif}.font-island{font-family:Island Moments,cursive;font-size:2.5rem}.font-lexend-deca{font-family:Lexend Deca,sans-serif}.font-lexend-deca,.font-lexend-giga{text-transform:uppercase;font-weight:700}.font-lexend-giga{font-family:Lexend Giga,sans-serif}.font-gothic-condensed{font-family:Special Gothic Condensed One,sans-serif;text-transform:uppercase}.font-gothic-expanded{font-family:Special Gothic Expanded One,sans-serif;text-transform:uppercase;font-weight:700}.font-gothic{font-family:Special Gothic,sans-serif}.bg-image{background:url(/hero-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--blue)}@media (max-width:800px){.bg-image{background-size:cover;background-attachment:fixed}}.navbar{position:relative;padding:1.5rem clamp(1rem,5vw,6rem);top:0;z-index:100}.navbar-container{display:flex;flex-direction:column}.logo{display:flex;align-items:flex-start}.logo-image{position:relative;width:clamp(320px,80vw,800px);aspect-ratio:4/1}.logo-img{object-fit:stretch;object-position:left}.nav-links{display:flex;align-items:center;margin-top:.75rem;gap:3rem;font-family:Antonio,sans-serif;font-size:clamp(1.25rem,calc(4.2vw),1.5rem);text-transform:uppercase;letter-spacing:-.5px;transition:all .2s ease-in-out}.nav-links a{color:var(--white);position:relative;padding:.25rem 0}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--gray);transition:width .4s ease}.nav-links a:hover:after{width:100%}@media (max-width:800px){.nav-links{gap:1rem}}.hero-section{padding:6rem clamp(1rem,5vw,6rem) 4rem;height:90dvh}.hero-container{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;margin:0 auto}.hero-content{display:grid;grid-gap:2rem;gap:2rem}.hero-title{margin:0;text-transform:uppercase;color:var(--white)}@media (max-width:800px){.hero-title{max-width:7ch}}.hero-description{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;color:var(--white);max-width:42ch}@media (max-width:768px){.hero-description{display:grid;grid-template-columns:1fr;max-width:30ch}}.hero-cta{margin-top:1.25rem}.hero-btn-cta{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--white);background:transparent;border:2px solid var(--white);padding:1rem 1.5rem;position:relative}.hero-btn-cta:hover{background:transparent;color:var(--blue);background:var(--white)}.about-full-section{background:url(/bg-services-grid.png) 50% no-repeat;background-size:cover;background-position:top;background-repeat:no-repeat;background-color:var(--white);padding:4rem clamp(1rem,5vw,6rem);color:var(--black)}.about-container.two-col{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:3rem;gap:3rem;margin:0 auto}@media (max-width:600px){.about-container.two-col{grid-template-columns:1fr;gap:6rem;align-items:start}}.about-col-left .intro-title{color:var(--blue);max-width:12ch}.about-col-left .intro-stack{display:grid;grid-gap:1.25rem;gap:1.25rem;margin-top:2rem}.about-col-left .intro-text{max-width:32ch}.about-col-right{display:grid;grid-gap:3rem;gap:3rem;position:relative}.about-block{display:grid;grid-gap:2rem;gap:2rem}.block-head{padding-top:.5rem;position:relative}.block-number{color:var(--blue-gray);margin-bottom:.25rem}.block-title{color:var(--blue)}.about-approach p,.block-body{max-width:60ch;color:var(--black)}.approach-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:800px){.approach-grid{grid-template-columns:1fr;gap:2rem}}.approach-card{display:grid;grid-auto-flow:row;align-content:start;grid-gap:.5rem;gap:.5rem}.approach-title{display:block;padding:.5rem 0;margin:0;text-transform:uppercase;color:var(--blue)}.approach-desc{margin:0;color:var(--black)}.approach-foot{color:var(--black);margin-top:.25rem}.about-cta{margin-top:1.25rem}.about-btn-cta{--cta-bg:var(--white);--cta-fg:var(--blue);--cta-border:var(--blue);display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--cta-fg);background:var(--cta-bg);border:2px solid var(--cta-border);padding:1rem 1.5rem;position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}.about-btn-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(38,0,255,.15),0 0 0 6px rgba(38,0,255,.15)}.about-btn-cta:hover{transform:translateY(-1px);background:var(--blue);color:var(--white)}.about-btn-cta:active{transform:translateY(0)}.about-btn-cta-icon{display:inline-block;transform:translateX(0);transition:transform .18s ease}.about-btn-cta:hover .about-btn-cta-icon{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.about-btn-cta,.about-btn-cta-icon{transition:none}}.portfolio-hero-section{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 1.5rem;color:var(--black)}.portfolio-hero-container{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.portfolio-hero-head{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-bottom:clamp(2rem,4vw,3rem)}.portfolio-hero-label{text-transform:uppercase;color:var(--blue-gray)}.portfolio-hero-title{color:var(--blue)}.portfolio-hero-intro{max-width:30ch}.portfolio-hero-card{display:grid;grid-gap:clamp(1rem,2vw,1.5rem);gap:clamp(1rem,2vw,1.5rem);border-bottom:2px solid var(--gray);padding:2rem 0;align-items:stretch}.portfolio-hero-card-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(1.5rem,2.5vw,2.5rem);gap:clamp(1.5rem,2.5vw,2.5rem)}@media (max-width:820px){.portfolio-hero-card{grid-template-columns:1fr}.portfolio-hero-card-content{display:flex;flex-direction:column}}.portfolio-hero-imageLink{display:block}.hero-project-image-wrapper{position:relative;max-height:50vh;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;background:var(--light-gray);border:2px solid var(--gray)}.hero-project-image{width:100%;height:auto;object-fit:contain;scroll-snap-align:start;background:var(--white);border:2px solid var(--gray);transition:transform .22s ease}@media (max-width:800px){.hero-project-image-wrapper{position:relative;max-height:45vh;overflow:auto}}.portfolio-hero-meta{display:grid;grid-gap:.75rem;gap:.75rem}.portfolio-hero-projectTitle{color:var(--blue)}.portfolio-hero-tagline{text-transform:uppercase;color:var(--blue-gray)}.portfolio-hero-metaBlock{display:grid;grid-gap:.4rem;gap:.4rem;margin-top:.5rem}.portfolio-hero-metaTitle{text-transform:uppercase;color:var(--blue)}.portfolio-hero-metaList{margin:0;padding:0;display:grid;grid-gap:.25rem;gap:.25rem}.portfolio-hero-metaItem{color:var(--black);padding-left:.5rem}.portfolio-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.portfolio-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.25rem;border:2px solid;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,transform .18s ease}.portfolio-hero-btnPrimary{background:var(--blue);color:var(--white);border-color:var(--blue)}.portfolio-hero-btnPrimary:hover,.portfolio-hero-btnSecondary{background:var(--white);color:var(--blue)}.portfolio-hero-btnSecondary{border-color:var(--blue)}.portfolio-hero-btnSecondary:hover{background:var(--blue);color:var(--white)}.portfolio-hero-foot{display:flex;justify-content:flex-end;margin-top:clamp(1.5rem,3vw,2.5rem)}.portfolio-hero-btnOutline{color:var(--black);border-color:var(--black);background:transparent}.portfolio-hero-btnOutline:hover{background:var(--black);color:var(--white)}.services-section{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 4rem;color:var(--black)}.services-container{margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:1.5rem}.section-label{text-transform:uppercase;color:var(--blue-gray);display:inline-block;margin-bottom:.5rem}.services-section .section-title{color:var(--blue);margin-bottom:.5rem}.services-intro{margin-bottom:2rem;color:var(--black);max-width:50ch}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2.5rem;gap:2.5rem}@media (max-width:600px){.services-grid{grid-template-columns:1fr;gap:3rem}}.service-item{position:relative;display:flex;flex-direction:column;gap:1rem}.service-number{color:var(--blue-gray);margin-bottom:.25rem}.service-title{text-transform:uppercase;color:var(--blue)}.service-item p{color:var(--black)}.services-cta{margin-top:1.25rem}.services-btn-cta{--cta-bg:var(--white);--cta-fg:var(--blue);--cta-border:var(--blue);display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--cta-fg);background:var(--cta-bg);border:2px solid var(--cta-border);padding:1rem 1.5rem;position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}.services-btn-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(38,0,255,.15),0 0 0 6px rgba(38,0,255,.15)}.services-btn-cta:hover{transform:translateY(-1px);background:var(--blue);color:var(--white)}.services-btn-cta:active{transform:translateY(0)}.services-btn-cta-icon{display:inline-block;transform:translateX(0);transition:transform .18s ease}.services-btn-cta:hover .about-btn-cta-icon{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.services-btn-cta,.services-btn-cta-icon{transition:none}}.contact-section{background-color:var(--dark-blue);color:var(--white);padding-left:clamp(1rem,5vw,6rem);padding-top:4rem;padding-bottom:4rem;display:flex;justify-content:flex-start}.contact-container{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.section-title-contact{color:var(--white);max-width:20ch}.contact-subtitle{color:var(--light-blue);max-width:20ch;margin-top:.5rem}.contact-container{color:var(--light-blue);margin-bottom:.5rem}.contact-container .section-title{color:var(--white)}.contact-cta{margin-top:1.25rem}.contact-btn-cta{--cta-bg:var(--white);--cta-fg:var(--black);--cta-border:var(--white);display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--cta-fg);background:var(--cta-bg);border:2px solid var(--cta-border);padding:1rem 1.5rem;position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}.contact-btn-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(38,0,255,.15),0 0 0 6px rgba(38,0,255,.15)}.contact-btn-cta:hover{transform:translateY(-1px);background:var(--blue);color:var(--white);border:2px solid var(--white)}.contact-btn-cta:active{transform:translateY(0)}.contact-btn-cta-icon{display:inline-block;transform:translateX(0);transition:transform .18s ease}.contact-btn-cta:hover .about-btn-cta-icon{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.contact-btn-cta,.contact-btn-cta-icon{transition:none}}.portfolio-full-section{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 1.5rem;color:var(--black)}.portfolio-full-container{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.portfolio-full-label{text-transform:uppercase;color:var(--blue-gray)}.portfolio-full-title{color:var(--blue)}.portfolio-full-intro{max-width:40ch;color:var(--black)}.portfolio-display{display:flex;flex-direction:column;gap:6rem}.portfolio-display-block{display:flex;flex-direction:column;gap:2.5rem}.portfolio-display-header{display:flex;flex-direction:column;gap:.5rem}.portfolio-display-heading{color:var(--blue);border-bottom:1px solid var(--mid-gray)}.portfolio-display-subheading{text-transform:uppercase;color:var(--blue-gray)}.project-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;grid-gap:2rem;gap:2rem}@media screen and (max-width:400px){.project-columns{display:flex;flex-direction:column;gap:4rem}}.project-image-wrapper{position:relative;max-height:100vh;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;background:var(--light-gray);border:2px solid var(--gray)}.project-image{width:100%;height:auto;object-fit:contain;scroll-snap-align:start;background:var(--white);border:2px solid var(--gray)}@media screen and (max-width:400px){.project-image-wrapper{position:relative;max-height:40vh;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;background:var(--light-gray);border:2px solid var(--gray)}}.project-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;height:100%}.project-overview{display:flex;flex-direction:column;gap:.75rem}.project-meta-title{color:var(--blue)}.project-description{color:var(--black);max-width:40ch}.project-service-tech-wrapper{display:grid;grid-template-columns:1fr 1fr}.project-details-meta{display:flex;flex-direction:column;gap:1.5rem}.project-details-meta-block{display:flex;flex-direction:column;gap:1rem}.project-details-meta-title{text-transform:uppercase;color:var(--blue)}.project-details-meta-text{max-width:30ch;color:var(--black)}.project-cta{display:flex;margin-top:1.5rem;gap:1rem}.project-btn-primary{--cta-bg:var(--blue);--cta-fg:var(--white);--cta-border:var(--blue);display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--cta-fg);background:var(--cta-bg);border:2px solid var(--cta-border);padding:1rem 1.5rem;position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}.project-btn-primary:hover{background:var(--white);color:var(--blue)}.project-btn-secondary{--cta-bg:var(--white);--cta-fg:var(--blue);--cta-border:var(--blue);display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--cta-fg);background:var(--cta-bg);border:2px solid var(--cta-border);padding:1rem 1.5rem;position:relative;transition:transform .18s ease,background-color .18s ease,color .18s ease}.project-btn-secondary:hover{background:var(--blue);color:var(--white)}.service-page-outer-wrapper{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 1.5rem;color:var(--black)}.services-page-container{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.services-full-container{display:grid;grid-gap:1.5rem;gap:1.5rem}.services-full-label{text-transform:uppercase;color:var(--blue-gray);display:inline-block}.services-full-title{color:var(--blue);margin:0}.services-full-intro{max-width:62ch;color:var(--black)}.services-full-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin-top:1.5rem;padding-top:1.5rem}@media (min-width:900px){.services-full-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.services-full-item{position:relative;padding:1.5rem}.services-full-itemInner{display:grid;align-items:start;grid-template-columns:auto 1fr;grid-column-gap:1rem;column-gap:1rem}.services-full-number{color:var(--blue-gray);min-width:2.5ch}.services-full-heading{text-transform:uppercase;color:var(--blue);margin:0 0 .35rem}.services-full-text{grid-column:2/-1;color:var(--black);max-width:62ch;margin:0}.packages-full-section{background:var(--white)}.packages-full-container{display:grid;grid-gap:1.5rem;gap:1.5rem}.packages-full-label{text-transform:uppercase;color:var(--blue-gray);display:inline-block}.packages-full-title{color:var(--blue);margin:0}.packages-full-intro{max-width:62ch;color:var(--black)}.packages-full-stack{display:grid;grid-gap:2.5rem;gap:2.5rem;margin-top:2rem;padding-top:2rem}.packages-full-item{position:relative;display:grid;grid-gap:1.25rem;gap:1.25rem}.packages-full-header{display:grid;grid-gap:.5rem;gap:.5rem}.package-title{text-transform:uppercase;color:var(--blue);margin:0;padding:.6rem 0 .9rem;border-bottom:1px solid var(--gray);position:relative}.package-description{color:var(--black);max-width:65ch;margin:.35rem 0 0}.package-label{text-transform:uppercase;color:var(--blue);margin-top:.6rem}.package-subtext{color:var(--black)}.packages-full-split{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;border-top:1px solid var(--gray);padding-top:1.25rem}@media (min-width:860px){.packages-full-split{grid-template-columns:1.2fr .8fr}}.packages-full-list{margin:0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem}.packages-full-list li{position:relative;padding-left:1.4rem;color:var(--black)}.packages-cost{margin-top:.25rem;padding-top:1rem;border-top:1px solid var(--gray);display:flex;justify-content:space-between;align-items:center}.packages-cost p{margin:0;text-transform:uppercase;color:var(--white);background:linear-gradient(90deg,var(--blue) 0,var(--dark-blue) 100%);border:2px solid var(--blue);padding:.55rem .8rem;display:inline-block}.packages-full-cta{margin-top:1.5rem;padding-top:1.5rem}.contact-page-section{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 1.5rem;color:var(--black)}.contact-page-container{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.contact-page-label{text-transform:uppercase;color:var(--blue-gray)}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(2rem,4vw,4rem);gap:clamp(2rem,4vw,4rem);align-items:start}.contact-left{display:grid;grid-gap:1.5rem;gap:1.5rem}.contact-right{position:relative}.contact-form-wrap{position:-webkit-sticky;position:sticky;top:6rem}.contact-page-header,.contact-page-title{color:var(--blue)}.contact-intro{max-width:35ch;color:var(--black)}.contact-meta{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;margin-top:.5rem}.meta-block{display:grid;grid-gap:.5rem;gap:.5rem}.meta-list{padding:0;margin:0;display:grid;grid-gap:.25rem;gap:.25rem}.contact-link{color:var(--black);border-bottom:2px solid var(--blue);text-decoration:none}.contact-link:hover{color:var(--blue)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;height:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{text-transform:uppercase;color:var(--dark-blue)}.contact-form input,.contact-form textarea{padding:.9rem .95rem;background-color:var(--white);border:2px solid var(--gray);color:var(--black);transition:border .2s ease,background-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--mid-gray);outline:none;background-color:var(--white)}.form-footer{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.submit-button{background-color:var(--blue);color:var(--white);text-transform:uppercase;padding:1rem 1.5rem;width:100%;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .02s ease}.submit-button:hover{background-color:var(--light-blue);color:var(--black)}.submit-button:disabled{opacity:.65;cursor:not-allowed}.form-status{color:var(--gray)}@media (max-width:1024px){.contact-form-wrap{position:static;top:auto}}@media (max-width:840px){.contact-layout,.form-grid{grid-template-columns:1fr}.submit-button{width:100%;text-align:center}}.footer{background-color:var(--dark-blue);color:var(--white);padding:2rem 1.5rem;text-align:end}.logo-footer-container{display:flex;justify-content:flex-end;margin:1.5rem 0}.logo-footer-image{position:relative;width:clamp(320px,30vw,800px);aspect-ratio:4/1}*{scrollbar-width:thin;scrollbar-color:var(--blue) var(--light-gray)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background-color:var(--blue);border:3px solid var(--light-gray);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--dark-blue)}::-webkit-scrollbar-corner{background:var(--light-gray)}@media (max-width:800px){.about-section,.contact-page-section,.contact-section,.hero-section,.portfolio-full-section,.services-full-section,.services-section{padding-left:clamp(1rem,5vw,6rem);padding-top:5rem}.service-page-outer-wrapper{padding:0}.packages-full-section{padding:2rem 1rem}}.caseStudy-full-section{background-color:var(--white);padding:6rem clamp(1rem,5vw,6rem) 1.5rem;color:var(--black)}.caseStudy-full-container{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.caseStudy-full-label{text-transform:uppercase;color:var(--blue-gray)}.caseStudy-full-title{color:var(--blue)}.caseStudy-tagline{color:var(--blue-gray);text-transform:uppercase}.caseStudy-block{margin:4rem auto 0;padding-top:2.5rem;border-top:1px solid var(--blue-gray);display:grid;grid-template-columns:1fr 2fr;grid-gap:1.25rem 2rem;gap:1.25rem 2rem}@media (max-width:600px){.caseStudy-block{grid-template-columns:1fr}}.caseStudy-subheading{padding:1rem 0}.caseStudy-text{margin-bottom:2rem}.caseStudy-block h2{color:var(--blue)}.caseStudy-block h3{color:var(--blue-gray)}.caseStudy-block,.caseStudy-content,.caseStudy-full-container{min-width:0}.atlas-logo-figure{background:var(--black);padding:1rem 1.5rem;border:1px solid var(--gray);border-radius:.5rem}.caseStudy-logo-image{position:relative;width:100%;height:auto}.typography-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.typography-grid-item{border:1px solid var(--gray);border-radius:.5rem;background:var(--white);padding:2rem 1.5rem;flex-grow:1;width:40%}@media (max-width:600px){.typography-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.typography-grid-item{width:100%}}.font-heading{border-bottom:1px solid var(--gray);margin-bottom:1rem;padding:1rem 0}.font-heading,.palette-title{text-transform:uppercase}.colour-palette{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.colour-swatch{display:flex;flex-grow:1;flex-direction:column;align-items:center;text-align:center;padding:1rem 1.5rem;border:1px solid var(--gray);border-radius:.5rem;background:var(--white)}.colour-swatch-box{width:50px;height:50px;border-radius:.25rem;margin-bottom:.5rem;border:1px solid var(--gray)}.colour-swatch-name{text-transform:uppercase}.colour-swatch-hex{font-size:.75rem;color:var(--mid-gray)}.screenshots-carousel{display:flex;gap:1rem;padding:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.screenshots-grid{display:flex;justify-content:space-between;overflow-x:scroll}.screenshot-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80vw;max-width:100%}@media (min-width:900px){.screenshot-card{flex-basis:50vw}}.screenshot-viewport{position:relative;height:clamp(320px,60vh,720px);overflow:auto;background:var(--light-gray);border:2px solid var(--gray)}.screenshot-viewport img{display:block;width:100%;height:auto;object-fit:contain;background:var(--white)}@media (max-width:800px){.screenshot-viewport{height:clamp(320px,40vh,720px)}}