:root{--x-art:url('../media/download-f908d1a.svg');--site-width:1440px;--red:#ff3636;--ink:#080808;--grey:#3d3d3d;--line:#e4e4e4;--body:'Roboto',Arial,sans-serif;--heading:'Questrial',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}html{background:#f9f9f9}body{position:relative;width:100%;max-width:var(--site-width);margin:0 auto;border-inline:1px solid var(--line);color:var(--ink);background:#fff;font-family:var(--body);font-weight:300;font-size:18px;line-height:1.55}body.menu-open{overflow:hidden}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img,video{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:400;line-height:1.1}svg{width:24px;height:24px;flex-shrink:0}button{color:inherit;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header,.menu-header{max-width:1280px;margin-inline:auto;position:absolute;top:0;left:0;right:0;height:112px;display:flex;align-items:center;padding:20px 20px 20px 10px;gap:clamp(30px,13vw,180px);z-index:10}.brand{display:block;margin-right:auto}.brand img{width:85px;height:auto}.header-email{font-size:16px;font-weight:500;white-space:nowrap}.header-email b,.contact-links b{color:var(--red)}.menu-toggle,.menu-close{width:44px;height:44px;display:grid;place-items:center;padding:7px}.menu-toggle svg{width:30px;height:30px}.menu-close{color:var(--red)}.menu-close svg{width:40px;height:40px;stroke-width:2.8}
.hero{height:475px;position:relative;display:flex;align-items:flex-end;background:#fff var(--x-art) center center/cover no-repeat;padding:0 20px 64px;overflow:hidden}.hero-home{height:max(545px,calc(70svh + 40px));padding-bottom:60px}.hero-x{position:absolute;left:50%;bottom:280px;transform:translateX(-50%);width:270px;height:auto;object-fit:contain}.hero-bottom{width:100%;max-width:1240px;margin-inline:auto;display:grid;grid-template-columns:40% 20% 40%;align-items:end;gap:0}.hero h1{font-size:56px;line-height:60px;overflow-wrap:normal}.hero-bottom>p{font-size:27px;line-height:41px;font-weight:300;justify-self:end}.scroll-cue{width:44px;height:44px;background:black;color:white;display:grid;place-items:center;border-radius:50%;justify-self:center;margin-bottom:4px;transition:background .2s}.scroll-cue:hover{background:var(--red);color:white}.scroll-cue svg{width:21px;height:21px;stroke-width:3}
.site-menu{position:fixed;inset:0;width:100%;max-width:var(--site-width);height:100%;max-height:none;margin:0 auto;padding:0;border:0;background:#000;color:white;z-index:50;overflow:auto}.site-menu::backdrop{background:#000}.site-menu::before{content:"";position:fixed;inset:0 auto 0 50%;width:min(100%,var(--site-width));transform:translateX(-50%);background:var(--x-art) right center/auto 100% no-repeat;filter:brightness(.145);pointer-events:none}.site-menu .menu-header{position:relative}.menu-links{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:105px 24% 150px}.menu-links a{font:56px/1.1 var(--heading)}.menu-links [aria-current]{color:var(--red)}.menu-contact{position:absolute;bottom:40px;left:24%;right:20px}.contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-weight:400;font-size:15px}.contact-links a{display:flex;align-items:center;gap:10px}.contact-links svg{width:25px;height:25px;border:2px solid #aaa;border-radius:50%;padding:3px;color:#aaa}
.featured-work{display:grid;grid-template-columns:25% 75%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:590px}.work-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.work-tabs button{position:relative;flex:1;min-height:0;background:#f6f6f6;padding:0}.work-tabs button:nth-child(even){background:#ececec}.work-tabs button[aria-selected=true]{box-shadow:inset 4px 0 var(--red)}.work-tabs img{width:100%;height:100%;object-fit:contain}.work-tabs span{position:absolute;left:20px;top:15px;color:#888;font-size:17px;letter-spacing:1px;z-index:1}.work-panels,.feature-panel{position:relative;min-width:0;height:100%;background:#f6f6f6}.feature-slide{width:100%;height:100%;object-fit:cover;display:none}.feature-slide.is-active{display:block}.slide-dots{display:flex;gap:12px;position:absolute;bottom:24px;left:50%;transform:translateX(-50%)}.slide-dot{width:14px;height:14px;border-radius:50%;background:#aaa;border:2px solid transparent;box-shadow:0 0 0 6px #ffffff70}.slide-dot.is-active{background:var(--red)}.work-more{min-height:171px;display:grid;place-items:center}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:20px;font-weight:400}.text-link svg{width:18px;height:18px;color:var(--red)}
.video-section{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.video-copy{background:var(--grey);color:#fff;padding:100px 60px}.eyebrow{display:block;font-size:21px;font-weight:300;margin-bottom:70px}.video-copy h2{font-size:40px;line-height:46px}.video-copy em{color:var(--red);font-style:normal}.video-copy p{font-size:21px;line-height:32px;margin-top:32px}.video-poster{position:relative;padding:0;background:#222;overflow:hidden}.video-poster>img{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#ffffffd9;color:var(--red)}.play-circle svg{width:34px;height:34px;fill:currentColor;stroke:none}.video-dialog{border:0;padding:40px 0 0;margin:auto;background:#111;color:white;width:min(1100px,95vw);max-width:95vw}.video-dialog::backdrop{background:#000d}.video-dialog video{width:100%;max-height:85vh}.dialog-close{position:absolute;top:2px;right:6px;padding:5px;color:white}
.clients{padding:70px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:0 40px 60px}.section-heading h2{font-size:56px}.client-controls{display:flex;gap:14px}.client-controls button{padding:8px}.client-controls button:first-child svg{transform:rotate(180deg)}.client-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid var(--line)}.client-track::-webkit-scrollbar{display:none}.client-logo{flex:0 0 20%;min-width:0;height:180px;display:grid;place-items:center;padding:36px;scroll-snap-align:start;border-right:1px solid var(--line)}.client-logo img{max-width:100%;max-height:75px;width:150px;object-fit:contain}.process>h2{background:#000;color:#fff;font-size:40px;padding:70px 40px;text-align:center}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-step{padding:40px;background:#3d3d3d;color:white}.process-step:nth-child(even){background:#292929}.step-top{display:flex;justify-content:space-between;align-items:center;color:#aaa;margin-bottom:48px}.step-top svg{width:45px;height:45px;color:var(--red);stroke-width:1}.step-top span{font-size:22px}.process-step h3{font-size:30px;line-height:36px;margin-bottom:25px}.process-step p{font-size:18px;line-height:28px;color:#d4d4d4}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:85px 60px;align-items:center}.pricing h2{font-size:40px;line-height:46px}.pricing p{font-size:25px;line-height:38px;margin-bottom:30px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.founder{display:flex;align-items:center;padding-left:50px;background:#f5f5f5 var(--x-art) center/cover no-repeat;overflow:hidden}.founder>div{flex:1}.founder .eyebrow{margin-bottom:45px}.founder h2{font-size:40px;line-height:46px;margin-bottom:22px}.founder p{font-size:18px}.founder>img{width:48%;align-self:flex-end;object-fit:contain;max-height:400px}.mission{background:#3d3d3d;color:white;padding:40px 45px}.mission h2{font-size:30px;margin-bottom:25px}.mission p{font-size:17px;line-height:27px;margin-bottom:20px}.mission-mark{width:75px;height:70px;object-fit:contain;margin-left:auto}
.site-footer{background:#fff}.contact-cta{min-height:200px;padding:60px 60px;display:flex;justify-content:space-between;align-items:center;font:40px/1.2 var(--heading);border-bottom:1px solid var(--line)}.contact-cta svg{width:55px;height:55px;color:var(--red);stroke-width:1}.footer-bottom{display:grid;grid-template-columns:1.8fr 1fr;padding:55px 60px;gap:40px}.footer-contacts .contact-links{align-items:flex-start;gap:18px}.footer-contacts .contact-links>a:first-child{width:100%}.footer-bottom address{font-style:normal;font-size:18px;line-height:30px;margin-top:30px}.footer-nav{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.footer-nav nav{display:flex;gap:35px;font-size:18px}.footer-nav p{font-size:14px;color:#777;margin-top:45px}
.faq-item{background:#f9f9f9;border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;gap:25px;justify-content:space-between;align-items:center;padding:43px 45px;min-height:129px;cursor:pointer;font:25px/38px var(--heading);color:#555}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:18px;height:18px;color:var(--red);transition:transform .2s;stroke-width:3}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item[open] summary{color:var(--red)}.faq-answer{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:10px 60px 70px}.faq-answer h2{font-size:34px;line-height:42px;color:#555}.faq-answer p{font-size:20px;line-height:33px;color:#555}.faq-answer p+p{margin-top:16px}.answer-label{display:block;color:#737373;font-size:16px;margin-bottom:15px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);scroll-margin-top:24px}.project-card{display:block;position:relative;overflow:hidden;background:#f6f6f6}.project-card img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;transition:transform .4s}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.035)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:55px 20px}.pagination a{display:grid;place-items:center;min-width:48px;min-height:48px;font-size:18px;border:1px solid var(--line)}.pagination a[aria-current]{background:black;border-color:black;color:white}.pagination a:hover{border-color:var(--red);color:var(--red)}
.project-section{background:var(--section-bg);margin-top:var(--section-space);display:grid;grid-template-columns:repeat(var(--columns,1),minmax(0,1fr));align-items:start}.columns-2{--columns:2}.columns-3{--columns:3}.columns-4{--columns:4}.project-image img{width:100%;height:auto}.project-text{text-transform:uppercase;text-align:center;color:#6b6b6b;font-weight:300;font-size:14px;padding:12px 20px}.project-text p+p{margin-top:8px}.gallery-column{min-width:0}.project-intro{display:grid;grid-template-columns:2fr 1fr;background:#f1f1f1;align-items:stretch}.project-intro>.gallery-column{background:#f9f9f9}.project-intro-copy{padding:50px;display:flex;flex-direction:column;justify-content:center;font-weight:400;text-transform:uppercase;gap:24px}.intro-number{font-size:14px;color:#6f6f6f}.intro-name{font-weight:500;font-size:30px;color:#4d4d4d;line-height:1.2}.intro-name:after{content:"";display:block;background:#888;width:42px;height:2px;margin-top:26px}.intro-subtitle{font-size:18px;line-height:1.5;color:#555}.intro-description,.intro-tools{font-size:14px;line-height:23px;color:#6b6b6b;font-weight:300}.intro-tools p+p{margin-top:2px}.project-video{width:100%;height:auto;max-height:900px;object-fit:contain;background:#f9f9f9}.video-embed{position:relative;aspect-ratio:16/9;background:#f6f6f6}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.comparison{position:relative;isolation:isolate;overflow:hidden;background:#f9f9f9}.compare-base{width:100%}.compare-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;border-left:2px solid white;pointer-events:none}.compare-line span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border:2px solid white;border-radius:50%;color:white;background:#0005;font-size:24px}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.comparison:focus-within{outline:3px solid var(--red);outline-offset:-3px}.comparison figcaption{position:absolute;inset:20px 20px auto;display:flex;justify-content:space-between;font-size:13px;pointer-events:none}.comparison figcaption span{background:#0008;color:white;padding:4px 10px}.rotation{position:relative;background:white;touch-action:pan-y;cursor:grab}.rotation:active{cursor:grabbing}.rotation>img{width:100%;user-select:none;pointer-events:none}.rotation figcaption{text-align:center;font-size:14px;color:#888;margin-top:10px}.rotation input{display:block;width:min(350px,70%);margin:20px auto 30px;accent-color:var(--red)}
@media(max-width:1000px){.site-header,.menu-header{gap:40px}.hero h1{font-size:45px;line-height:50px}.hero-bottom>p{font-size:23px;line-height:34px}.featured-work{height:460px}.video-copy{padding:65px 35px}.video-section{min-height:400px}.video-copy h2{font-size:34px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step{padding:40px}.pricing{padding:65px 35px}.pricing p{font-size:22px}.founder{padding-left:35px}.mission{padding:35px}.footer-bottom{padding:45px 35px}.project-intro{grid-template-columns:1fr}.project-intro-copy{padding:40px 50px}.intro-description{max-width:850px;font-size:16px;line-height:27px}.intro-tools{font-size:15px}.project-intro .project-image{max-height:none}.columns-4{--columns:2}.client-logo{flex-basis:25%;padding:25px}.menu-links{padding-left:18%}.menu-contact{left:18%}.contact-links{gap:20px}.faq-answer{gap:35px;padding:10px 40px 50px}}
@media(max-width:700px){body{font-size:16px}.site-header,.menu-header{height:90px;padding:15px 20px;gap:16px}.brand img{width:73px}.header-email{display:none}.menu-toggle svg{width:28px;height:28px}.hero{height:375px;padding:0 24px 35px;background-position:center;background-size:auto 100%}.hero-home{height:555px;padding-top:100px}.hero-x{top:100px;bottom:auto;width:220px;height:220px}.hero-bottom{grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.hero h1{font-size:40px;line-height:44px;grid-column:1 / -1;max-width:none}.hero-bottom>p{grid-row:2;grid-column:1;justify-self:start;font-size:19px;line-height:29px}.scroll-cue{grid-column:2;grid-row:2;width:40px;height:40px;margin-bottom:5px}.hero:not(.hero-home) h1{font-size:38px;line-height:42px}.site-menu .menu-header{height:90px}.menu-links{padding:65px 35px 170px;gap:30px}.menu-links a{font-size:44px}.menu-contact{left:35px;bottom:35px;right:30px}.menu-contact .contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.site-menu::before{background-size:auto 100%}.featured-work{grid-template-columns:1fr;grid-template-rows:100px 1fr;height:390px}.work-tabs{flex-direction:row;grid-row:1;border-right:0;border-bottom:1px solid var(--line)}.work-tabs button{flex:1;min-width:0}.work-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--red)}.work-tabs span{font-size:12px;left:8px;top:5px}.feature-slide{object-fit:contain}.work-more{min-height:120px}.text-link{font-size:18px;gap:20px}.video-section{grid-template-columns:1fr}.video-copy{padding:45px 30px}.video-copy .eyebrow{margin-bottom:35px;font-size:18px}.video-copy h2{font-size:34px;line-height:40px}.video-copy p{font-size:19px;line-height:29px}.video-poster{aspect-ratio:1.3;min-height:0}.clients{padding-top:50px}.section-heading{padding:0 25px 40px}.section-heading h2{font-size:38px}.client-logo{flex-basis:50%;height:140px;padding:28px}.process>h2{font-size:32px;padding:50px 20px}.process-grid{grid-template-columns:1fr}.process-step{padding:35px 30px}.step-top{margin-bottom:28px}.process-step h3{font-size:30px}.process-step p{font-size:17px}.pricing{grid-template-columns:1fr;gap:30px;padding:55px 30px}.pricing h2{font-size:36px;line-height:42px}.pricing p{font-size:21px;line-height:32px}.story{grid-template-columns:1fr}.founder{min-height:340px;padding-left:30px}.founder>img{width:50%;max-height:320px}.founder .eyebrow{margin-bottom:32px}.founder h2{font-size:36px}.mission{padding:40px 30px}.mission p{font-size:17px}.contact-cta{padding:40px 25px;min-height:150px;font-size:30px;gap:20px}.contact-cta svg{width:35px;height:35px}.footer-bottom{grid-template-columns:1fr;padding:40px 25px;gap:35px}.footer-nav{align-items:flex-start}.footer-nav nav{gap:30px}.footer-nav p{margin-top:25px}.footer-contacts .contact-links{flex-direction:column;gap:17px}.footer-contacts .contact-links>a:first-child{width:auto}.faq-item summary{font-size:21px;line-height:29px;padding:30px 25px;min-height:100px}.faq-answer{grid-template-columns:1fr;padding:5px 25px 35px;gap:25px}.faq-answer h2{font-size:28px;line-height:35px}.faq-answer p{font-size:18px;line-height:29px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project-card img{aspect-ratio:1}.pagination{gap:8px;padding:35px 12px}.pagination a{min-width:40px;min-height:44px;font-size:16px}.project-intro-copy{padding:35px 25px;gap:20px}.intro-name{font-size:28px}.intro-subtitle{font-size:18px}.intro-description{font-size:15px;line-height:25px}.project-section.columns-3{--columns:1}.project-section.columns-2{--columns:1}.project-section.columns-4{--columns:2}.project-text{font-size:13px;padding:12px 20px}.compare-line span{width:36px;height:36px}.comparison figcaption{inset:10px 10px auto}.comparison figcaption span{font-size:11px}.rotation figcaption{font-size:13px}}
@media(max-width:380px){.hero h1{font-size:35px;line-height:40px}.hero-bottom>p{font-size:18px;line-height:28px}.hero:not(.hero-home) h1{font-size:34px;line-height:39px}.hero{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Details retained from the original studio design. */
.video-copy{position:relative;isolation:isolate;overflow:hidden}.video-copy:before{content:"";position:absolute;inset:0;background:var(--x-art) center/cover no-repeat;opacity:.06;z-index:-1}.play-circle{width:110px;height:110px;background:var(--red);color:white}.work-more .text-link{border:1px solid black;min-width:174px;min-height:52px;justify-content:center;font-size:14px;padding:10px 24px}.work-more .text-link svg{display:none}.work-more .text-link:hover{border-color:var(--red)}@media(max-width:700px){.play-circle{width:75px;height:75px}}

/* Shared typography: Questrial 400 and Roboto 300/400/500. */
body { font-weight: 300; }
h1, h2, h3, h4 { font-weight: 400; letter-spacing:0; }
.hero h1 { font-weight: 400; }
.hero-bottom > p { font-weight: 300; color: #3d3d3d; }
.header-email, .header-email b { font-weight: 500; }
.menu-links a { font-weight: 400; letter-spacing:0; }
.text-link { font-weight: 500; }
.intro-name { font-weight: 500; }
.intro-subtitle { font-weight: 500; }
.intro-description, .intro-tools, .project-text { font-weight: 300; }
.faq-item summary { font-weight: 400; }

/* Contain the image grid so it cannot overlap the following button. */
.featured-work { grid-template-rows: minmax(0, 1fr); min-height: 0; overflow: hidden; }
.work-tabs, .work-panels, .feature-panel { min-height: 0; }
.work-panels, .feature-panel { overflow: hidden; }
.feature-slide { max-height: 100%; }
.work-more { height: 171px; min-height: 171px; position: relative; display: flex; align-items: center; justify-content: center; background: #f9f9f9; }
.work-more .text-link { width: 174px; min-height: 52px; padding: 12px 20px; font-size: 14px; font-weight: 500; line-height: 24px; }
.slide-dots { left: 5%; transform: none; bottom: 24px; gap: 7px; }
.slide-dot { width: 13px; height: 13px; background: #c5c5c5; border: 0; box-shadow: none; }
.slide-dot.is-active { background: var(--red); }
.work-tabs button[aria-selected=true] { box-shadow: none; }

/* Original banner colors and proportions. */
.video-section { min-height: 536px; }
.video-copy { padding: 100px 60px; display: flex; flex-direction: column; justify-content: center; }
.video-copy .eyebrow { font-size: 17px; font-weight: 500; color: #b5b5b5; margin-bottom: 95px; }
.video-copy h2 { font-size: 40px; line-height: 46px; font-weight: 400; }
.video-copy p { color: #b5b5b5; font-size: 20px; line-height: 30px; font-weight: 300; }
.video-copy:before { opacity: .06; }
.client-logo { height: 255px; padding: 55px; }
.process-step h3 { font-weight: 400; }
.process-step p { font-weight: 300; }

/* Pricing and the original 65/35 founder/mission split. */
.pricing { background: #f9f9f9; grid-template-columns: 1fr 1fr; min-height: 270px; padding: 65px 80px; gap: 20px; }
.pricing h2 { font-size: 40px; line-height: 46px; }
.pricing p { font-size: 18px; line-height: 25px; font-weight: 300; color: #707070; margin-bottom: 22px; letter-spacing: .3px; }
.pricing .text-link { font-size: 16px; line-height: 24px; font-weight: 500; color: var(--red); gap: 8px; }
.pricing .text-link svg { width: 20px; height: 20px; }
.story { grid-template-columns: 65.16% 34.84%; min-height: 500px; background: #f9f9f9; }
.founder { display: grid; grid-template-columns: 1fr 1fr; align-items: end; padding: 0 0 0 50px; background-color: #f9f9f9; background-image: url('../media/svgexport-26-d010d39.svg'); background-position: bottom right; background-size: cover; }
.founder > div { align-self: center; }
.founder .eyebrow { font-size: 17px; line-height: 24px; font-weight: 500; color: #707070; margin-bottom: 8px; }
.founder h2 { font-size: 40px; line-height: 46px; margin-bottom: 16px; }
.founder p { font-size: 20px; line-height: 32px; font-weight: 400; }
.founder > img { width: 200px; height: auto; max-height: none; justify-self: center; align-self: end; }
.mission { padding: 45px 35px; display: flex; flex-direction: column; justify-content: center; background: #3d3d3d; }
.mission h2 { font-size: 30px; line-height: 38px; font-weight: 400; margin-bottom: 28px; }
.mission p { font-size: 15px; line-height: 22px; font-weight: 300; color: #cfcfcf; margin-bottom: 18px; }
.mission-mark { width: 210px; max-width: 65%; height: auto; margin: 8px 0 0; object-fit: contain; }

/* Restore the red call to action and three-column black footer. */
.site-footer { background: #000; color: #fff; }
.contact-cta { min-height: 125px; padding: 35px 20px; display: flex; align-items: center; justify-content: center; gap: 28px; background: var(--red); color: #fff; border: 0; font-size: 25px; line-height: 35px; font-weight: 400; letter-spacing:0; }
.contact-cta:hover { background: #ee2929; color: #fff; }
.contact-cta svg { width: 42px; height: 30px; color: #000; stroke-width: 1.8; }
.footer-bottom { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; min-height: 310px; padding: 60px 10px; }
.footer-brand { align-self: start; justify-self: start; }
.footer-brand img { width: 120px; height: auto; }
.footer-contact-list { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; font-size: 15px; line-height: 24px; font-weight: 500; }
.footer-contact-list > a, .footer-phone { display: flex; align-items: flex-start; gap: 12px; }
.footer-contact-list img { width: 26px; height: 26px; object-fit: contain; flex: 0 0 26px; }
.footer-contact-list b { color: var(--red); font-weight: 500; }
.footer-phone > div { display: flex; flex-direction: column; }
.footer-bottom address { margin-top: 30px; font-size: 16px; line-height: 25px; font-weight: 300; color: #999; }
.footer-nav { align-items: flex-start; justify-content: space-between; }
.footer-nav nav { display: flex; flex-direction: column; gap: 15px; font-size: 15px; line-height: 24px; font-weight: 500; }
.footer-nav p { color: #999; font-size: 13px; font-weight: 400; line-height: 21px; margin-top: 50px; }

@media(max-width:1000px) {
  .video-copy { padding: 60px 35px; }
  .video-copy .eyebrow { margin-bottom: 55px; }
  .client-logo { height: 190px; padding: 32px; }
  .pricing { padding: 55px 35px; }
  .story { grid-template-columns: 1fr; }
  .founder { min-height: 480px; }
  .mission { padding: 45px 40px; }
  .mission p { font-size: 16px; line-height: 26px; }
  .mission-mark { max-width: 45%; }
  .footer-bottom { padding: 60px 30px; grid-template-columns: .8fr 1.3fr 1fr; gap: 25px; }
}
@media(max-width:700px) {
  .hero-home { height: 585px; }
  .hero h1 { font-size: 36px; line-height: 42px; letter-spacing:0; }
  .hero-bottom > p { font-size: 18px; line-height: 28px; }
  .featured-work { grid-template-rows: 100px minmax(0,1fr); }
  .work-more { height: 130px; min-height: 130px; }
  .work-more .text-link { min-height: 48px; }
  .slide-dots { left: 20px; bottom: 18px; }
  .video-section { min-height: 0; }
  .video-copy { padding: 45px 30px; }
  .video-copy .eyebrow { font-size: 16px; margin-bottom: 40px; }
  .video-copy h2 { font-size: 30px; line-height: 38px; }
  .video-copy p { font-size: 17px; line-height: 27px; }
  .client-logo { height: 145px; padding: 30px; }
  .pricing { min-height: 0; grid-template-columns: 1fr; gap: 30px; padding: 50px 30px; }
  .pricing h2 { font-size: 32px; line-height: 38px; }
  .pricing p { font-size: 17px; line-height: 26px; }
  .founder { min-height: 400px; padding-left: 25px; grid-template-columns: 1fr 1fr; }
  .founder .eyebrow { font-size: 16px; }
  .founder h2 { font-size: 30px; line-height: 37px; letter-spacing:0; }
  .founder p { font-size: 18px; }
  .founder > img { width: min(100%,170px); }
  .mission { padding: 40px 30px; }
  .mission h2 { font-size: 28px; line-height: 36px; }
  .mission-mark { max-width: 65%; width: 200px; }
  .contact-cta { min-height: 115px; font-size: 23px; gap: 20px; }
  .contact-cta svg { width: 34px; }
  .footer-bottom { grid-template-columns: 1fr; gap: 40px; padding: 45px 30px; }
  .footer-brand img { width: 115px; }
  .footer-contact-list { font-size: 15px; }
  .footer-bottom address { font-size: 16px; }
  .footer-nav nav { flex-direction: row; flex-wrap: wrap; gap: 30px; }
  .footer-nav p { margin-top: 30px; }
}

/* Font sizes taken from the saved WordPress homepage and its Elementor CSS.
   Questrial only provides 400. Roboto is limited to 300, 400 and 500. */
body { font-weight: 400; font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
b, strong { font-weight: 500; }
h1, h2, h3, h4 { font-family: var(--heading); font-weight: 400; letter-spacing: 0; }
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong { font-weight: 400; }
.header-email { font-size: 15px; font-weight: 500; }
.hero-bottom > p { font-size: 27px; line-height: 41px; }
.step-top span { font-size: 20px; font-weight: 500; letter-spacing: .5px; }
.process-step h3 { font-size: 28px; line-height: 35px; }
.process-step p { font-size: 17px; line-height: 26px; font-weight: 300; }
.pricing p { font-size: 18px; line-height: 22px; letter-spacing: .6px; }
.founder p { font-family: var(--heading); font-size: 20px; line-height: 46px; font-weight: 400; }
.mission h2 { font-size: 30px; line-height: 46px; }
.mission p { font-size: 14px; line-height: 21px; font-weight: 300; }
.footer-bottom address { font-weight: 400; }
@media(max-width:1000px) {
  .hero-bottom > p { font-size: 20px; line-height: 30px; }
}
@media(max-width:700px) {
  .hero h1, .hero:not(.hero-home) h1 { font-size: 30px; line-height: 35px; letter-spacing: 0; }
  .hero-bottom > p { font-size: 17px; line-height: 24px; }
  .video-copy p { font-size: 15px; line-height: 24px; }
  .section-heading h2, .process > h2, .pricing h2 { font-size: 30px; line-height: 38px; }
  .pricing p { font-size: 14px; line-height: 22px; }
  .founder h2 { font-size: 30px; line-height: 38px; letter-spacing: 0; }
  .founder p { font-size: 20px; line-height: 38px; }
  .mission h2 { font-size: 30px; line-height: 38px; }
  .contact-cta { font-size: 20px; }
}