@font-face{font-family:Poppins;src:url('./Poppins-Light.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url('./Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('./Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('./Poppins-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--orange:#f15224;--paper:#faf7f2;--ink:#090e10}body{font-family:Poppins,Arial,sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(40px,5vw,76px);font-weight:500;line-height:1.14}h2{font-weight:500}h1>span,h2>span{color:var(--orange)}.pill{background:var(--orange);color:#fff;border-radius:0;font-size:12px;letter-spacing:0;padding:17px 26px}.pill:hover{background:#dd4317}.pill span{font-size:20px}.section{padding:100px max(6vw,24px)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.02em}.ambient{background:radial-gradient(ellipse at 10% 50%,#ffbc7026,transparent 50%),radial-gradient(ellipse at 90% 20%,#ff816022,transparent 55%),var(--paper)}.header{height:104px;padding:0 5vw;background:var(--paper);color:var(--ink);border-bottom:1px solid #1111110b;gap:35px}.header.on-dark{background:#080808;color:white}.brand-image{width:190px;display:block;flex-shrink:0}.brand-image img{width:100%;height:auto}.header .desktop-nav{display:flex;gap:25px;margin-left:auto;align-items:center;font-size:12px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a[aria-current=page]:after{content:'';height:2px;width:16px;background:var(--orange);position:absolute;bottom:4px;left:0}.header .desktop-nav a:hover{color:var(--orange)}.dots-menu{width:48px;height:48px;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px;place-content:center;flex-shrink:0}.dots-menu i{width:4px;height:4px;border:1px solid currentColor;border-radius:50%;transition:background .2s,transform .2s}.dots-menu:hover i{background:var(--orange);border-color:var(--orange);transform:scale(1.2)}body:has(dialog[open]){overflow:hidden}.menu-panel{position:fixed;inset:0 0 0 auto;margin:0;width:410px;max-width:94vw;height:100dvh;max-height:100dvh;padding:40px 40px 30px;border:0;background:#fff;overflow:auto}.menu-panel[open]{display:flex;flex-direction:column;animation:drawer-in .4s cubic-bezier(.2,.7,.2,1)}.menu-panel::backdrop{background:#0008;backdrop-filter:blur(3px)}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.menu-head .brand-image{width:180px}.menu-close{width:40px;height:40px;border-radius:50%;border:0;background:#fcf7f2;font-size:27px;font-weight:300;flex-shrink:0}.menu-panel nav{display:flex;flex-direction:column;gap:15px;margin:65px 0 45px;font-size:23px;font-weight:500}.menu-panel nav a{width:max-content}.menu-panel nav a:hover,.menu-panel nav a[aria-current=page]{color:var(--orange)}.social-links{display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:500}.social-links b{font-size:16px;width:28px;display:inline-block}.panel-contact{margin-top:auto;padding-top:30px;border-top:1px solid #111;display:flex;flex-direction:column;gap:8px}.panel-contact a:first-child{font-size:21px;font-weight:500}.panel-contact a:last-child{font-size:13px}.menu-panel .social-links{margin-bottom:60px}.cursor-dot{position:fixed;width:11px;height:11px;border-radius:50%;background:#fff;mix-blend-mode:difference;z-index:9999;pointer-events:none;top:0;left:0;opacity:0;will-change:transform;transition:width .18s,height .18s}.cursor-dot.active{opacity:1}.cursor-dot.over-link{width:25px;height:25px}.hero{height:760px;min-height:650px}.hero-copy{padding-top:100px}.hero h1{font-size:clamp(55px,6.5vw,100px);letter-spacing:-.055em;font-weight:300}.hero h1 strong{font-weight:600}.hero-description{font-size:20px;font-weight:300}.hero .pill{border-radius:30px}.hero .hotspot{font-size:10px}.intro-projects{display:grid;grid-template-columns:1fr 2.1fr;gap:45px;padding-top:110px;padding-bottom:90px}.intro-logo{max-width:330px;align-self:start;padding-top:8px}.intro-logo img{width:100%;height:auto}.intro-description{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding-bottom:42px;border-bottom:1px solid #111}.intro-description p{font-size:13px;line-height:1.9;color:#444}.intro-description .text-link{font-size:12px;font-weight:500;white-space:nowrap;border:0}.intro-copy h2{font-size:35px;margin:40px 0}.recent-project{border-bottom:1px solid #ccc}.recent-project summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;font-size:18px;font-weight:500;list-style:none}.recent-project summary::-webkit-details-marker{display:none}.recent-project summary small{font-size:12px;font-weight:300}.recent-plus{font-weight:300;font-size:28px;line-height:1;transition:transform .3s}.recent-project[open] .recent-plus{transform:rotate(45deg)}.recent-content{padding:15px 0 25px}.recent-content img{width:100%;max-height:400px;object-fit:cover;margin-bottom:15px}.recent-content .pill{padding:12px 20px}.services{padding-top:75px;padding-bottom:130px}.services-heading{text-align:center;margin:0 auto 75px;max-width:1000px}.services-heading h1,.services-heading h2{font-size:clamp(32px,3.8vw,56px);line-height:1.25;font-weight:500}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.service-card:nth-child(even){padding-top:55px}.service-card{display:block}.service-image{position:relative;overflow:hidden;background:#ece4dc;height:330px}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.service-card:hover img{transform:scale(1.055)}.service-arrow{position:absolute;right:16px;bottom:16px;width:40px;height:40px;background:white;display:grid;place-items:center;border-radius:50%;font-size:22px;transform:translateY(70px);transition:transform .3s}.service-card:hover .service-arrow,.service-card:focus-visible .service-arrow{transform:none}.service-card h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-top:23px}.service-card ul{list-style:none;padding:0;font-size:12px;font-weight:300;line-height:1.9;margin:15px 0}.service-card li{padding-left:13px;position:relative;margin-bottom:4px}.service-card li:before{content:'•';position:absolute;left:0;color:var(--orange)}.service-discover{font-size:11px;border-bottom:1px solid #b8aaa0;padding-bottom:4px}.work-index{background:#080808;color:#fff;padding-top:100px;padding-bottom:95px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.work-heading h1,.work-heading h2{font-size:clamp(45px,5vw,78px)}.work-heading h1 span{color:var(--orange)}.filters button{color:inherit;font-family:inherit}.filters button.active{background:var(--orange);color:white}.work-rows{border-top:1px solid #ffffff28}.work-row{position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;min-height:125px;padding:25px 20px;border-bottom:1px solid #ffffff28;overflow:hidden}.work-row img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .45s,transform .9s}.work-row:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0003 65%,#0009);z-index:-1;opacity:0;transition:opacity .4s}.work-row:hover img,.work-row:focus-visible img,.work-row:hover:after,.work-row:focus-visible:after{opacity:1;transform:scale(1)}.work-number{font-size:30px;font-weight:300;min-width:52px}.work-row h2{font-size:clamp(25px,3.4vw,52px);font-weight:300;line-height:1.2;flex:1;transition:transform .4s}.work-row:hover h2{transform:translateX(8px)}.work-type{font-size:11px;color:#ccc;white-space:nowrap}.work-arrow{font-size:25px;opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .3s}.work-row:hover .work-arrow,.work-row:focus-visible .work-arrow{opacity:1;transform:none}.all-projects{display:table;border:1px solid #777;border-radius:40px;padding:13px 25px;margin:45px auto 0;font-size:12px}.stats-title{font-size:clamp(28px,3.3vw,48px);line-height:1.3;font-weight:500;max-width:1100px}.typed-word{display:inline-block;min-width:6.4em;min-height:1.3em;text-align:left;vertical-align:bottom;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;color:inherit!important}.stats-title .typed-word{min-width:6.4em}.stats-copy h3{font-size:clamp(27px,3vw,41px);font-weight:500}.stats-copy p{font-size:13px}.stats-counters{gap:65px}.stat-number{font-size:49px}.stat h3{font-size:18px;font-weight:500}.stat p{font-size:12px}.apps h2{font-weight:500;font-size:clamp(42px,5vw,76px)}.apps-copy>p:not(.eyebrow){font-size:16px}.references{padding-bottom:60px}.reference-heading{text-align:center}.reference-heading h2{font-size:clamp(35px,4vw,58px)}.reference-word{min-width:6.5em}.logo-window{overflow:hidden;width:100%;margin-top:50px}.logo-track{display:flex;width:320%;animation:logo-drift 30s linear infinite}.logo-item{flex:0 0 6.25%;display:flex;align-items:center;justify-content:center;padding:25px 32px;height:110px}.logo-item img{width:100%;max-width:200px;max-height:58px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.logo-window:hover .logo-track,.logo-window.paused .logo-track{animation-play-state:paused}.logo-pause{display:block;margin:20px auto 0;background:none;border:0;color:#777;font-size:10px;border-bottom:1px solid #c5b9b0;padding:5px}.testimonial-section{padding-left:3vw;padding-right:3vw;padding-top:50px;background:radial-gradient(ellipse at 20% 60%,#ffc17977,transparent 60%),radial-gradient(ellipse at 90% 50%,#ff8d8d66,transparent 65%),var(--paper)}.testimonials-heading{text-align:center;margin-bottom:45px}.testimonials-heading h2{font-size:34px}.testimonial-window{overflow:hidden;touch-action:pan-y}.testimonial-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1);align-items:stretch}.testimonial-card{flex:0 0 33.333333%;padding:40px 30px;position:relative;margin:0;transition:background .35s}.testimonial-card.featured{background:white}.quote-icon{position:absolute;left:20px;top:36px;font-size:38px;color:var(--orange);line-height:1}.testimonial-card blockquote{font-size:13px;line-height:1.9;font-weight:300;margin:0 0 25px;padding-left:38px}.testimonial-card figcaption{display:flex;align-items:center;gap:17px;padding-left:38px}.testimonial-card figcaption img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.testimonial-card strong{display:block;font-size:15px;font-weight:500}.testimonial-card figcaption span{display:block;font-size:11px;line-height:1.5;margin-top:4px}.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:45px}.test-dots{display:flex;gap:12px}.test-dots button{padding:0;width:8px;height:8px;border-radius:50%;border:1px solid #aaa;background:transparent}.test-dots button[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}.test-prev,.test-next{border:0;background:none;padding:10px;font-size:20px}.footer .brand-image{width:min(100%,220px)}.footer h2{font-size:clamp(40px,5vw,73px);font-weight:500}.footer .pill{font-size:11px}.footer-social{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:30px}.footer-brand{display:block}.motion-toggle{background:transparent;border:0;color:#aaa;font-size:10px;padding:0;border-bottom:1px solid #555}.footer-bottom{align-items:center}.service-note{background:#0a0a0a;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.service-note h2{grid-row:span 2;font-size:clamp(33px,4vw,58px)}.service-note p{font-size:15px;line-height:1.8;color:#bbb;max-width:420px}.service-note .pill{width:max-content}.breadcrumb{display:inline-block;font-size:12px;color:#666;margin-bottom:50px;border-bottom:1px solid #bbb;padding-bottom:6px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:10%}.detail-grid h1{font-size:clamp(36px,4.5vw,65px)}.detail-grid p:not(.eyebrow){font-size:15px;line-height:1.9;color:#555;margin:30px 0}.detail-portrait{width:100%;height:520px;object-fit:cover}.service-details-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;margin-top:80px;border-top:1px solid #bfb9b1}.service-details-bottom h2{font-size:30px}.service-details-bottom li{font-size:15px;line-height:1.8;margin:12px 0}.service-details-bottom ul,.service-details-bottom ol{padding-left:22px;margin-top:25px}.service-details-bottom p{font-size:12px;color:#777;line-height:1.8}.project-detail h1{font-size:clamp(38px,5vw,74px);max-width:1000px}.project-description{max-width:700px;font-size:16px;line-height:1.8;margin:30px 0 45px;color:#555}.project-detail .project-image img{height:auto;max-height:850px;object-fit:contain;background:#e5dfd7}.detail-caption{display:flex;justify-content:space-between;font-size:11px;margin-top:20px;color:#777}.project-next{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:90px}.project-next h2{font-size:40px}.studio-intro>img{width:350px;height:auto;margin:40px 0}.studio-intro h1{margin:50px 0 25px}.studio-intro>p:last-child{font-size:20px;line-height:1.8;max-width:780px;font-weight:300}.contact-page{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:100px;padding-bottom:130px}.contact-page h1{font-size:clamp(45px,5.5vw,80px)}.contact-page p:not(.eyebrow){font-size:14px;line-height:1.8;margin:30px 0}.contact-page>div>a{display:block;font-size:18px;margin:14px 0}.contact-page .social-links{margin-top:35px;font-size:14px;flex-direction:row}.contact-page #brief-form{margin:0}.contact-page #brief-form label{font-size:13px}.contact-page #brief-form input,.contact-page #brief-form textarea,.contact-page #brief-form select{border:0;border-bottom:1px solid #c0b6ad;padding:14px 0;border-radius:0}.contact-page #brief-form .form-note{font-size:11px;margin:0}.motion-paused .logo-track{animation-play-state:paused}.motion-paused *{scroll-behavior:auto!important}.motion-paused .cursor-dot{display:none}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}@keyframes logo-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1600px){.section{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}.testimonial-section{padding-left:4vw;padding-right:4vw}}
@media(max-width:1100px){.header .desktop-nav{gap:17px;font-size:10px}.brand-image{width:160px}.service-image{height:280px}.service-grid{gap:20px}.service-card h2{font-size:22px}.stat{grid-template-columns:130px 1fr}.stat-number{font-size:43px}.testimonial-card{padding:35px 18px}.quote-icon{left:10px}.testimonial-card blockquote,.testimonial-card figcaption{padding-left:25px}.testimonial-card strong{font-size:13px}.testimonial-card figcaption img{width:47px;height:47px}.intro-projects{grid-template-columns:1fr 2fr;gap:30px}.intro-description{display:block}.intro-description a{margin-top:20px}.intro-copy h2{font-size:30px}.contact-page{gap:7%}}
@media(max-width:760px){.section{padding:65px 22px}.header{height:84px;padding:0 22px;gap:0}.header .desktop-nav{display:none}.brand-image{width:165px}.dots-menu{margin-left:auto}.menu-panel{padding:28px;max-width:92vw}.menu-panel nav{margin:45px 0 30px;font-size:23px}.menu-panel .social-links{font-size:18px;margin-bottom:40px}.panel-contact a:first-child{font-size:19px}.hero{height:auto;min-height:850px}.hero-copy{padding:45px 22px 0;width:100%}.hero h1{font-size:clamp(47px,10.6vw,72px);font-weight:300}.hero-description{font-size:17px}.hero-scene{top:330px}.hero .hotspot.stage{left:55%;top:53%}.hero .hotspot.layout{left:20%;top:68%}.hero .hotspot.experience{left:56%;top:80%}.intro-projects{display:block}.intro-logo{display:block;max-width:250px;margin-bottom:35px}.intro-description p{font-size:12px}.intro-description{padding-bottom:25px}.intro-copy h2{font-size:28px;margin:30px 0}.recent-project summary{font-size:15px}.recent-project summary small{display:block;font-size:11px;margin-top:3px}.services-heading{margin-bottom:40px}.services-heading h1,.services-heading h2{font-size:30px;line-height:1.3}.services-heading br{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.service-card:nth-child(even){padding-top:35px}.service-image{height:230px}.service-card h2{font-size:20px;margin-top:18px}.service-card ul{font-size:11px}.service-arrow{transform:none;width:30px;height:30px;font-size:18px;right:10px;bottom:10px}.work-heading{display:block;margin-bottom:30px}.work-heading .filters{margin-top:25px}.work-row{min-height:110px;padding:22px 0;gap:12px}.work-number{min-width:24px;font-size:20px}.work-row h2{font-size:24px}.work-type{display:none}.work-arrow{opacity:1;transform:none;font-size:21px}.work-row img{opacity:.22;transform:none}.work-row:after{opacity:1}.stats-title{font-size:25px}.stats-title br{display:none}.stats-title .typed-word{min-width:6em}.stats-layout{display:block}.stats-copy h3{font-size:28px}.stats-copy p{font-size:12px}.stat{grid-template-columns:120px 1fr}.stat-number{font-size:39px}.stat h3{font-size:17px}.stats-counters{gap:25px}.reference-heading h2{font-size:30px}.reference-word{min-width:6.4em}.logo-track{width:800%;animation-duration:30s}.logo-item{padding:15px 20px;height:90px}.logo-window{margin-top:25px}.references{padding-bottom:30px}.testimonials-heading h2{font-size:27px}.testimonial-card{flex-basis:100%;padding:34px 25px}.testimonial-card blockquote{font-size:13px;line-height:1.9}.testimonial-card figcaption{padding-left:25px}.testimonial-card figcaption img{width:60px;height:60px}.testimonial-card strong{font-size:15px}.testimonial-window{margin:0 -5px}.test-dots{gap:10px}.testimonial-controls{gap:10px;margin-top:25px}.testimonials-heading{margin-bottom:30px}.footer-main{display:block}.footer h2{font-size:48px}.footer-contact{border:0;padding-left:0}.footer-brand{border:0;padding:35px 0 0}.footer .brand-image{width:180px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-social{margin-top:20px}.service-note{display:block}.service-note p{margin:25px 0}.detail-grid{display:block}.detail-portrait{height:350px;margin-top:40px}.detail-grid h1{font-size:36px}.detail-grid p:not(.eyebrow){font-size:14px}.service-details-bottom{display:block;margin-top:50px;padding-top:40px}.service-details-bottom>div+div{margin-top:40px}.service-details-bottom h2{font-size:27px}.service-details-bottom li{font-size:13px}.project-next{display:block;margin-top:50px}.project-next h2{font-size:30px;margin-bottom:25px}.detail-caption{font-size:10px;gap:20px}.contact-page{display:block}.contact-page>div+div{margin-top:60px}.contact-page h1{font-size:50px}.studio-intro>img{width:250px}.studio-intro>p:last-child{font-size:17px}.cursor-dot{display:none}.apps h2{font-size:46px}.breadcrumb{margin-bottom:35px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card:nth-child(even){padding-top:0}.service-image{height:330px}.reference-heading h2{font-size:27px}.stat{grid-template-columns:100px 1fr}.stat-number{font-size:34px}}
@media(hover:none),(pointer:coarse){.cursor-dot{display:none}.work-row img{opacity:.22}.work-row:after{opacity:1}.work-arrow{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.cursor-dot{display:none}.logo-window{overflow-x:auto}.logo-track{width:160%}.logo-item{flex-basis:12.5%}.logo-item[aria-hidden=true]{display:none}.motion-toggle{display:none}.menu-panel[open]{animation:none}}