@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SF Pro';src:url('assets/sf-pro-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
:root{--black:#050505;--white:#fff;--serif:'Instrument Serif',Georgia,serif;--sans:'SF Pro',Arial,sans-serif;--gutter:7%;--line:#373737}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--black);color:white;font:300 17px/1.45 var(--sans)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}a,button,input,select,textarea{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9fba7c}.container{width:86%;margin-inline:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}.skip-link{position:fixed;z-index:50;top:10px;left:10px;padding:12px;background:white;color:black;transform:translateY(-200%)}.skip-link:focus{transform:none}
.hero{background:#000 url(assets/hero.webp) center/cover;position:relative;height:clamp(550px,46.25vw,888px);overflow:hidden}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{object-position:50% 65%}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.03) 40%,rgba(0,0,0,.65) 100%)}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-top:clamp(32px,4vw,77px)}.brand{display:inline-flex;align-items:center}.brand img{width:clamp(124px,10.5vw,202px);height:auto}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.05vw,40px);min-height:clamp(48px,3.49vw,67px);padding:8px clamp(28px,3.72vw,72px);border:1px solid #ffffff66;border-radius:999px;background:rgba(0,0,0,.2);backdrop-filter:blur(21.55px);-webkit-backdrop-filter:blur(21.55px);font-size:clamp(14px,1.04vw,20px)}nav a{position:relative;padding-block:8px}nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.hero-content{position:absolute;bottom:10.5%;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1.35fr .7fr;gap:12%;width:auto}.hero h1{font-size:clamp(39px,3.765vw,73px);max-width:950px;letter-spacing:-.015em}.hero-content p{align-self:center;font-size:clamp(16px,1.21vw,24px);line-height:1.1;max-width:480px}.video-toggle{position:absolute;right:2%;bottom:3%;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff60;border-radius:50%;opacity:.75}.video-toggle svg{width:13px;height:13px}
.vision{text-align:center;padding:clamp(92px,8vw,154px) 2.1% clamp(85px,8vw,160px)}.vision h2{font-size:clamp(32px,4.09vw,79px);line-height:1.04;letter-spacing:-.012em}.bracket-button{display:inline-block;font-size:clamp(13px,1.25vw,24px);line-height:1;padding:20px 26px;margin-top:clamp(32px,3.1vw,60px);border:1px solid #777;transition:background .25s,color .25s}.bracket-button:hover{background:white;color:black}.work-title{font-size:46.27vw;line-height:.735;letter-spacing:-.023em;text-align:center;overflow:hidden;white-space:nowrap;margin:0 0 clamp(90px,10.2vw,197px)}.projects{padding-bottom:clamp(42px,4.3vw,83px)}.project{display:grid;grid-template-columns:45.3% 1fr 45px;gap:3.6%;padding-bottom:clamp(48px,4.3vw,83px);margin-bottom:clamp(48px,4.3vw,83px);border-bottom:1px solid var(--line)}.project:last-child{margin-bottom:0}.project-image{padding:0;width:100%;overflow:hidden;text-align:left;aspect-ratio:748/396}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.3,1)}.project-image:hover img{transform:scale(1.025)}.project-info{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(12px,1.5vw,29px) 0}.project h3{font-size:clamp(32px,3.333vw,64px);max-width:470px;letter-spacing:-.01em}.project-info .project-caption{font-size:clamp(13px,1.04vw,20px);color:#bbb;margin-top:18px;max-width:370px;line-height:1.25}.project-tags{font-size:clamp(11px,1.04vw,20px);margin-top:auto;padding-top:38px;max-width:470px;line-height:1.2}.project-open{align-self:start;padding:8px 0;margin-top:15px;transition:transform .25s}.project-open:hover{transform:translate(3px,-3px)}.project-open svg{width:38px;height:26px}
/* WORK: a pinned canvas and large project images moving through depth. */
.project-stage:not(:last-child) .project{margin-bottom:clamp(48px,4.3vw,83px)}
.project-image{position:relative}
.project-image::after{content:'[ VER PROJETO ]';position:absolute;right:20px;top:20px;padding:11px 15px;border:1px solid #ffffff80;border-radius:999px;background:#0006;backdrop-filter:blur(12px);font:300 12px/1 var(--sans);opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none}
.project-image:is(:hover,:focus-visible)::after{opacity:1;transform:none}
.project-image:is(:hover,:focus-visible) img{transform:scale(1.045)}
.work-controls{display:none}
.work-immersive{position:relative;height:var(--work-scroll-height,422svh)}
.work-immersive .work-scene{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate;background:var(--black)}
.work-immersive .work-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;font-size:42vw;line-height:.75;overflow:visible;pointer-events:none}
.work-immersive .projects{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0}
.work-immersive .project-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.work-immersive .project-sticky{width:min(64vw,1060px);perspective:1400px;perspective-origin:50% 50%;pointer-events:none}
.work-immersive .project-stage .project{position:relative;display:block;width:100%;border:0;padding:0;margin:0;background:transparent;transform-origin:50% 50%;transform:translate3d(0,var(--work-y,0px),var(--work-z,0px)) rotateX(var(--work-tilt,0deg));opacity:var(--work-opacity,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}
.work-immersive .project-stage.is-active .project{pointer-events:auto}
.work-immersive .project-image{display:block;width:100%;margin:0;aspect-ratio:748/396;box-shadow:0 22px 90px #0005}
.work-immersive .project-image::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 45%,#000b);pointer-events:none}
.work-immersive .project-image::after{z-index:2}
.work-immersive .project-info{position:absolute;bottom:24px;left:28px;right:80px;z-index:2;padding:0;pointer-events:none}
.work-immersive .project h3{font-size:clamp(28px,3.1vw,50px);line-height:1.02;max-width:850px;text-shadow:0 2px 12px #0006}
.work-immersive .project-caption,.work-immersive .project-info .project-tags{display:none}
.work-immersive .project-open{position:absolute;right:25px;bottom:26px;z-index:3;margin:0;padding:6px}
.work-immersive .work-controls{position:absolute;z-index:20;left:50%;bottom:28px;transform:translateX(-50%);display:grid;grid-template-columns:38px auto 38px;align-items:center;gap:12px;font-size:12px;text-align:center}
.work-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#0004;backdrop-filter:blur(10px)}
.work-controls button:hover:not(:disabled){background:#ffffff20}
.work-controls p{grid-column:1/-1;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;opacity:.7}
@media(max-width:720px){.project-stage:not(:last-child) .project{margin-bottom:38px}.work-immersive .project-sticky{width:86vw;perspective:900px}.work-immersive .project-info{bottom:18px;left:18px;right:52px}.work-immersive .project h3{font-size:28px}.work-immersive .project-open{right:12px;bottom:18px}.work-immersive .project-open svg{width:25px}.work-immersive .work-controls{bottom:28px}.work-immersive .project-image{aspect-ratio:1.28}.work-immersive .project-image img{object-position:center}.project-image::after{right:15px;top:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-image::after{transform:none}}

.light-section{color:#000;background:#fff;overflow:clip}.services-scene{padding-top:clamp(65px,5.95vw,115px)}.services-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(48px,4vw,77px)}.services-heading h2,.faq h2,.contact h2{font-size:clamp(43px,3.765vw,73px);letter-spacing:-.01em}.services-intro{width:230px}.services-intro p{font-size:clamp(16px,1.21vw,24px);line-height:1.1}.slider-controls{display:flex;align-items:center;gap:10px;margin-top:20px}.services-count{font-size:11px;white-space:nowrap;margin-left:3px;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.slider-controls button{border:1px solid #bbb;width:42px;height:36px;display:grid;place-items:center;transition:background .2s}.slider-controls button:hover:not(:disabled){background:#eee}.services-track{display:flex;gap:clamp(24px,3.125vw,60px);overflow:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding:0 var(--gutter) 35px;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}.services-track::-webkit-scrollbar{display:none}.services-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.services-track a{cursor:pointer}.service-card{flex:0 0 clamp(320px,34.32vw,659px);scroll-snap-align:start}.service-card:nth-child(even){padding-top:4.63vw}.service-card img{width:100%;height:auto;aspect-ratio:659/448;object-fit:cover;display:block;border-radius:5px;user-select:none;-webkit-user-drag:none}.service-title{display:flex;align-items:center;gap:12px;margin-top:clamp(22px,2.08vw,40px)}.service-title span{font-size:clamp(13px,1.25vw,24px);align-self:baseline}.service-title h3{font-size:clamp(36px,3.765vw,73px);letter-spacing:-.015em}.service-card p{font-size:clamp(14px,.833vw,17px);max-width:90%;margin-top:16px;line-height:1.2}.service-card a{display:inline-block;border-bottom:1px solid #999;font-size:13px;margin-top:18px;padding-bottom:3px}.faq{display:grid;grid-template-columns:1fr 45%;gap:12%;padding-block:clamp(90px,10vw,193px) clamp(80px,7vw,134px)}.faq-intro p,.contact-intro p{font-size:clamp(16px,1.21vw,24px);line-height:1.15;max-width:470px;margin-top:32px}.faq-list details{border-bottom:1px solid #bebebe}.faq-list summary{list-style:none;font-size:clamp(16px,1.439vw,28px);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;font-family:Arial;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:16px;line-height:1.4;color:#535353;padding:0 30px 25px 0;max-width:600px}
.mission{position:relative;min-height:clamp(300px,26vw,500px);display:grid;place-items:center;padding:65px 13%;isolation:isolate;text-align:center}.mission img,.mission-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mission img{object-position:50% 78%}.mission-shade{background:#0007}.mission h2{font-size:clamp(39px,5.158vw,100px);line-height:.98;letter-spacing:-.015em;max-width:1450px}.contact{display:grid;grid-template-columns:1fr 32.3%;gap:25.5%;padding-top:clamp(75px,4.9vw,95px);padding-bottom:clamp(65px,5vw,100px)}.contact-intro{position:relative}.contact h2{max-width:570px}.contact-intro p{max-width:440px}.field{margin-bottom:clamp(24px,2.1vw,40px)}.field label{display:block;font-family:var(--serif);font-size:clamp(24px,1.875vw,36px);line-height:1.1;margin-bottom:14px}.field input,.field select,.field textarea{display:block;width:100%;padding:8px 6px 13px;color:#fff;background:transparent;border:0;border-bottom:1px solid #777;border-radius:0;line-height:1.2;font-size:clamp(14px,.94vw,18px)}.field input::placeholder,.field textarea::placeholder{color:#999;opacity:1}.field select{appearance:auto;color-scheme:dark}.field select option{background:#131313}.field textarea{resize:vertical;min-height:50px}.form-note{font-size:12px;color:#aaa;margin-top:5px;margin-bottom:14px}.submit-button{width:100%;background:white;color:black;padding:17px 8px;font-size:clamp(14px,1.25vw,24px);line-height:1;transition:background .2s}.submit-button:hover{background:#d9e1d0}.site-footer{padding-block:30px 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #666;padding-bottom:28px}.footer-top .brand img{width:98px}.back-top{display:flex;align-items:center;gap:15px;font-size:14px}.back-top svg{height:20px;width:20px}.footer-bottom{display:flex;justify-content:center;gap:14px;font-size:12px;color:#b6b6b6;padding-top:23px}.footer-bottom button{font-size:12px;padding:0;border-left:1px solid #555;padding-left:14px}
dialog{border:1px solid #454545;color:white;background:#090909;padding:clamp(25px,4vw,65px);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{display:flex;align-items:center;gap:20px;margin-left:auto;margin-bottom:35px;padding:0;font-size:14px}.dialog-close span{font-family:Arial;font-size:30px;font-weight:200}.project-dialog{width:min(1080px,90vw)}.project-dialog h2{font-size:clamp(36px,5vw,64px);margin-bottom:18px}.project-dialog p{color:#ccc;max-width:600px;margin-bottom:26px}.project-dialog img{width:100%;height:auto;display:block}.project-dialog .bracket-button{margin-top:28px}.brief-dialog{width:min(660px,90vw)}.brief-dialog h2{font-size:48px;margin-bottom:25px}.brief-dialog p{color:#c8c8c8;margin-bottom:18px;line-height:1.4}.brief-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:300 16px/1.4 var(--sans);padding:22px;background:#181818;border:1px solid #444;margin-block:25px}.brief-actions{display:flex;gap:12px;flex-wrap:wrap}.brief-actions button{border:1px solid #aaa;padding:12px 17px;font-size:14px}.brief-actions button:first-child{background:white;color:black}#copy-status{font-size:14px;margin-top:16px}
@media(min-width:1921px){.container{max-width:1800px}.hero-content{max-width:none}.vision{max-width:1660px}.work-title{font-size:min(46.27vw,1100px)}.contact{gap:20%;grid-template-columns:1fr 38%}}
@media(max-width:1000px){.site-header nav{gap:20px;padding-inline:28px}.hero-content{grid-template-columns:1.35fr .75fr;gap:7%}.hero h1{font-size:41px}.project{grid-template-columns:45% 1fr 32px}.project h3{font-size:35px}.project-caption{font-size:14px!important}.project-tags{font-size:12px!important}.contact{grid-template-columns:1fr 43%;gap:12%}.service-card{flex-basis:46vw}.faq{gap:7%;grid-template-columns:1fr 52%}.faq h2,.contact h2{font-size:44px}}
@media(max-width:720px){:root{--gutter:6%}.container{width:88%}.hero{height:760px;max-height:100svh;min-height:600px}.site-header{padding-top:28px}.site-header .brand img{width:142px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;width:48px;height:48px;z-index:12;border:1px solid #ffffff66;border-radius:50%;background:#0003;backdrop-filter:blur(21.55px);-webkit-backdrop-filter:blur(21.55px)}.menu-toggle span{width:27px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:88px;background:rgba(0,0,0,.2);padding:24px 28px;flex-direction:column;align-items:flex-start;gap:7px;border-radius:24px}.site-header nav.open{display:flex}.site-header nav a{font-family:var(--serif);font-size:31px}.site-header .brand{z-index:12}.hero-content{left:6%;right:6%;bottom:70px;display:block}.hero h1{font-size:clamp(36px,8.9vw,53px);line-height:1.04}.hero h1 br{display:none}.hero-content p{font-size:18px;max-width:350px;line-height:1.2;margin-top:26px}.hero-shade{background:linear-gradient(180deg,#0003,#0000 28%,#0009 100%)}.hero-video{object-position:55% 50%}.video-toggle{right:6%;bottom:23px}.vision{padding:75px 0 90px}.vision h2{font-size:33px;line-height:1.08}.bracket-button{font-size:13px;padding:18px 17px;margin-top:30px}.work-title{font-size:46.3vw;margin-bottom:65px}.projects{padding-bottom:25px}.project{grid-template-columns:1fr 35px;gap:0 12px;margin-bottom:38px;padding-bottom:38px}.project-image{grid-column:1/-1;margin-bottom:24px}.project-info{padding:0}.project h3{font-size:37px;max-width:340px}.project-info .project-caption{font-size:14px!important;margin-top:12px}.project-tags{padding-top:22px;font-size:12px!important;max-width:320px}.project-open{margin-top:0}.project-open svg{width:30px}.services-scene{padding-top:64px}.services-heading{align-items:flex-start;gap:32px;margin-bottom:35px}.services-heading h2{font-size:45px}.services-intro{width:145px;padding-top:7px}.services-intro p{font-size:15px}.slider-controls{margin-top:20px}.slider-controls button{width:34px;height:32px;flex-shrink:0}.services-count{font-size:9px;margin-left:0}.slider-controls{gap:6px}.services-track{gap:24px;padding-inline:6%;padding-bottom:20px}.service-card{flex-basis:80vw}.service-card:nth-child(even){padding-top:35px}.service-title h3{font-size:40px}.service-title span{font-size:13px}.service-card p{font-size:15px;margin-top:15px;max-width:100%}.faq{display:block;padding:80px 0 65px}.faq-intro h2{font-size:45px}.faq-intro p{font-size:17px;max-width:330px;margin-top:24px}.faq-list{margin-top:42px}.faq-list summary{font-size:18px;padding-block:21px}.faq-list details p{font-size:15px}.mission{min-height:355px;padding:55px 7%}.mission h2{font-size:42px;line-height:1.04}.contact{display:block;padding-top:65px;padding-bottom:60px}.contact h2{font-size:47px;max-width:340px}.contact-intro p{font-size:18px;max-width:340px;margin-top:26px}#project-form{margin-top:55px}.field{margin-bottom:27px}.field label{font-size:29px;line-height:1.1;margin-bottom:12px}.field input,.field select,.field textarea{font-size:16px}.submit-button{font-size:16px;padding:19px 12px}.form-note{font-size:12px}.site-footer{padding-block:10px 24px}.footer-top{padding-bottom:23px}.footer-bottom{font-size:10px;gap:9px}.footer-bottom button{font-size:10px;padding-left:9px}.back-top{font-size:12px;gap:9px}.brief-dialog h2{font-size:42px}.brief-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-video{opacity:0}.video-toggle{display:none}}

/* Keep the complete carousel visible while vertical travel advances the cards. */
.services-pinned{scroll-margin-top:calc(var(--services-pin-top,32px) - 32px)}
.services-pinned .services-scroll{position:relative;height:var(--services-scroll-height)}
.services-pinned .services-scene{position:sticky;top:var(--services-pin-top,0px);padding-block:clamp(24px,4svh,56px);background:#fff;overflow:clip}
.services-pinned .services-heading{margin-bottom:clamp(22px,3svh,36px)}
.services-pinned .services-track{scroll-snap-type:none;scroll-behavior:auto;padding-bottom:12px}
.services-pinned .service-card img{max-height:none}
.services-pinned .service-title{margin-top:clamp(16px,2svh,24px)}
.services-pinned .service-card p{margin-top:12px}
.services-pinned .service-card a{margin-top:14px}
.work-immersive .project-stage .project{transition:transform .18s ease-out,opacity .22s ease-out}

/* Varied entrances share one gentle timing curve. */
.motion-ready .reveal{transition:opacity var(--reveal-duration,1800ms) cubic-bezier(.25,.65,.25,1),transform var(--reveal-duration,1800ms) cubic-bezier(.25,.65,.25,1),filter var(--reveal-duration,1800ms) cubic-bezier(.25,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal:not(.is-revealed){opacity:0}
.motion-ready .reveal[data-motion=fade]:not(.is-revealed){transform:translateY(32px)}
.motion-ready .reveal[data-motion=blur]:not(.is-revealed){transform:translateY(28px);filter:blur(12px)}
.motion-ready .reveal[data-motion=hero-copy]:not(.is-revealed){transform:translate(36px,12px);filter:blur(10px)}
.motion-ready .reveal[data-motion=zoom]:not(.is-revealed){transform:scale(.96)}
.motion-ready .reveal[data-motion=panorama]:not(.is-revealed){transform:scale(1.12)}
.motion-ready .reveal.is-revealed{opacity:1;transform:none;filter:blur(0)}
.mission{overflow:clip}
.hero-line{display:block}
.reading-word{display:inline-block;color:transparent;background:linear-gradient(90deg,#fff 0%,#fff var(--word-fill,0%),#8c8c8c var(--word-fill,0%),#8c8c8c 100%);background-clip:text;-webkit-background-clip:text}
dialog[open]{animation:dialog-arrive .45s cubic-bezier(.22,1,.36,1)}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-ready .hero-video.reveal{opacity:0!important}.reading-word{color:#fff;background:none}dialog[open]{animation:none}}

.motion-ready .service-card .reveal[data-motion=fade]:not(.is-revealed){transform:translateY(12px)}
.motion-ready .reveal:focus-within{opacity:1;transform:none;filter:none;transition:none}
.footer-bottom{flex-wrap:wrap;align-items:center;text-align:center;row-gap:10px}
@media(max-width:720px){.footer-bottom{flex-direction:column;font-size:12px;gap:12px}.footer-bottom button{border-left:0;padding-left:0;font-size:12px}}

/* Figma: 659 × 448 images, 60 px gaps and an 89 px alternating vertical offset. */
.services-track{--service-card-size:clamp(320px,34.32vw,659px);align-items:flex-start;gap:calc(var(--services-fit-card-size,var(--service-card-size)) * 60 / 659)}
.service-card{flex-basis:var(--services-fit-card-size,var(--service-card-size));flex-shrink:0}
.service-card:nth-child(even){padding-top:calc(var(--services-fit-card-size,var(--service-card-size)) * 89 / 659)}
.service-card img{height:auto;aspect-ratio:659/448;max-height:none}
.service-title,.services-pinned .service-title{margin-top:calc(var(--services-fit-card-size,var(--service-card-size)) * 40 / 659)}
.service-title{gap:calc(var(--services-fit-card-size,var(--service-card-size)) * 10 / 659)}
.service-title span{flex:0 0 auto;align-self:center;font-size:calc(var(--services-fit-card-size,var(--service-card-size)) * 24 / 659);line-height:1.2;letter-spacing:-.04em;white-space:nowrap}
.service-title h3{font-size:calc(var(--services-fit-card-size,var(--service-card-size)) * 72.27935 / 659);line-height:1;letter-spacing:0;white-space:nowrap}
.service-card p,.services-pinned .service-card p{font-size:clamp(11px,calc(var(--services-fit-card-size,var(--service-card-size)) * 16 / 659),16px);max-width:calc(100% * 566 / 659);margin-top:calc(var(--services-fit-card-size,var(--service-card-size)) * 24 / 659);line-height:1.125;letter-spacing:-.04em}
@media(max-width:1000px){.services-track{--service-card-size:46vw}}
@media(max-width:720px){.services-track{--service-card-size:80vw}}

/* Shared solid arrow from the supplied SVG; inherit the foreground color. */
svg.site-arrow{display:inline-block;flex-shrink:0;width:24px;height:24px;fill:currentColor;stroke:none;vertical-align:middle}
.site-arrow--left{transform:rotate(180deg)}
.site-arrow--up{transform:rotate(-90deg)}
.project-open .site-arrow{width:38px;height:38px}
.work-controls .site-arrow{width:18px;height:18px}
.slider-controls .site-arrow{width:20px;height:20px}
.service-card a .site-arrow{width:18px;height:18px;margin-left:8px}
.back-top .site-arrow{width:20px;height:20px}
@media(max-width:720px){.project-open .site-arrow{width:25px;height:25px}}
.slider-controls button,.work-controls button{border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.slider-controls button:hover:not(:disabled),.work-controls button:hover:not(:disabled){background:transparent}

.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-status{font-size:14px;line-height:1.45;margin:0 0 18px;padding:14px 16px;border:1px solid #545454}
.form-status.is-success{color:#d8edcf;border-color:#62755c;background:#153116}
.form-status.is-error{color:#ffd7c7;border-color:#9c6854;background:#2c1710}
.form-status[hidden],.form-backup[hidden]{display:none}
.form-backup{font-size:13px;border-bottom:1px solid #888;padding:0 0 4px;margin-top:16px}