@font-face{font-family:Outfit;src:url('assets/outfit-light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-regular.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bg:#090f0e;--surface:#101615;--ink:#d6d8d3;--muted:#999e97;--line:#d3d9cb1a;--accent:#ddd8c8;--gutter:4.2vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}p{margin:0;line-height:1.5}h1,h2,h3{font-weight:300;margin:0}h1,h2{letter-spacing:-.035em;line-height:1.04}h2{font-size:clamp(38px,4.1vw,66px)}img{max-width:100%;display:block}.site-shell{max-width:1920px;margin:auto;position:relative}.section{padding-inline:calc(var(--gutter) + 22px)}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.19em;color:var(--muted);line-height:1.5;margin-bottom:25px}.brand{display:block;width:145px;flex-shrink:0}.brand img{width:100%;height:auto;filter:brightness(0) invert(.93)}.site-header{height:108px;position:absolute;inset:0 22px auto;z-index:5;display:flex;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:42px;margin-left:clamp(80px,14vw,300px)}nav a,.social-links a{font-size:14px;color:#c0c3ba;transition:color .2s}nav a:hover,.social-links a:hover{color:white}.header-location{margin-left:auto;font-size:12px;letter-spacing:.12em}.header-location span{opacity:.45;margin:0 11px}.menu-toggle{display:none}
.hero{position:relative;margin-inline:22px;height:clamp(660px,55vw,900px);isolation:isolate;overflow:hidden}.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 50%;z-index:-3;filter:saturate(.85) brightness(.8)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#090f0e3d,transparent 55%,#04070656),linear-gradient(90deg,#070c0b70,transparent 75%)}.hero-panel{position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,#080e0ef5,#0b100fea 78%,#0b100fa8);z-index:-1;border-right:1px solid #c7c7af10}.hero-content{padding:clamp(180px,17.3vw,290px) var(--gutter) 46px;position:relative;width:70%}.hero-content .eyebrow{color:#a7aaa0;margin-bottom:24px}.hero h1{font-size:clamp(58px,6.2vw,112px);max-width:890px;line-height:.99;letter-spacing:-.04em}.hero-description{font-size:clamp(16px,1.45vw,21px);line-height:1.35;color:#aeb1a7;margin:25px 0 35px}.watch-button{display:inline-flex;align-items:center;gap:19px;font-size:16px}.circle{width:72px;height:72px;border:1px solid #d5d9c88a;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-size:21px;transition:background .25s,transform .25s,color .25s}.circle.small{width:46px;height:46px;font-size:14px}.watch-button:hover .circle,.circle:hover{background:#d8d8ca;color:#111714;transform:scale(1.04)}.hero-pagination{display:flex;align-items:center;gap:10px;margin-top:48px;font-size:12px;width:240px;letter-spacing:.08em}.slide-lines{display:flex;flex:1;gap:0}.slide-lines button{height:30px;flex:1;padding:12px 0}.slide-lines button span{height:1px;background:#c5c8b936;display:block}.slide-lines button.active span{background:#d4d7c9;height:2px}.hero-aside{position:absolute;right:var(--gutter);bottom:38px;text-align:right}.hero-aside p{font-size:12px;line-height:1.6;letter-spacing:.12em}.hero-aside button{font-size:12px;color:#bfc2b9;margin-top:22px;display:flex;gap:9px;align-items:center;margin-left:auto}
.projects{padding-top:72px;padding-bottom:28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.heading-copy{max-width:410px;font-size:18px;color:#b4b8ae;line-height:1.45}.heading-copy p{line-height:1.4}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #cbd1bf66;padding:0 0 7px;font-size:16px;line-height:1.5;margin-top:20px}.text-link:hover{color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-inline:calc(-1 * var(--gutter))}.project{min-width:0}.project-media{position:relative;width:100%;aspect-ratio:.685;display:block;overflow:hidden;text-align:left;background:#18201a;border:1px solid #cad0ba0f;isolation:isolate}.project-media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#050b0bed,transparent 45%)}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s,opacity .35s;filter:saturate(.85) brightness(.86)}.project:nth-child(1) img,.project:nth-child(1) video{object-position:57% center}.project:nth-child(2) img,.project:nth-child(2) video{object-position:63% center}.project-media video{opacity:0}.project-media.previewing video{opacity:1}.project-media:hover img{transform:scale(1.035)}.project-info{position:absolute;bottom:23px;left:23px;right:76px;z-index:2;display:flex;flex-direction:column;gap:5px}.take-code{font-size:17px;letter-spacing:.02em}.project-name{font-size:18px;line-height:1.3}.project-tag{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#abb0a1;margin-top:7px;line-height:1.5}.project-media>.circle{position:absolute;right:23px;bottom:42px;z-index:2}.project-credit{font-size:12px;color:#878f84;line-height:1.7;margin:22px 0 0}.project-credit a{border-bottom:1px solid #79827255;white-space:nowrap}.extra-project[hidden]{display:none}
.experience{padding-top:45px;padding-bottom:36px;border-top:1px solid var(--line)}.experience-stage{position:relative;min-height:455px;isolation:isolate}.experience-visual{position:absolute;inset:0 9% 0 22%;overflow:hidden;z-index:-1}.experience-visual video{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.8)}.experience-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 58%),linear-gradient(0deg,#090f0e88,transparent 35%)}.experience-copy{position:relative;padding-top:10px;max-width:440px;pointer-events:none}.experience-copy>*{pointer-events:auto}.experience-copy>p:not(.eyebrow){font-size:18px;color:#b7bcb0;line-height:1.42;margin-top:25px;max-width:405px}.experience-copy .watch-button{margin-top:26px}.feature-play{position:absolute;right:29%;top:40%;width:72px;height:72px}.experience-aside{position:absolute;right:0;top:36%;width:6%;font-size:16px;letter-spacing:.15em;line-height:1.5}.experience-aside i{display:block;margin-top:35px;width:55px;height:2px;background:#808a785e}.experience-controls{position:absolute;bottom:15px;right:11%;left:49%;display:flex;flex-direction:column;gap:10px}.lab-tabs{display:flex;gap:18px;justify-content:flex-end}.lab-tabs button{font-size:12px;color:#b4b8aa;padding:8px 0;min-width:28px;position:relative}.lab-tabs button span{margin-left:6px}.lab-tabs button.active:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:0;background:#d8dfc7}.lab-tabs button:not(.active){opacity:.6}.timeline{display:flex;gap:12px;align-items:center}.timeline input{width:100%;height:18px;accent-color:#bdc4ae;cursor:pointer}.timeline output{font:12px monospace;color:#c9cebd}
.about{display:grid;grid-template-columns:1fr 1.13fr;gap:5%;padding-top:10px;padding-bottom:48px;align-items:center}.portrait-column>.eyebrow{margin-bottom:13px}.portrait{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#171b19}.portrait>img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:50% 30%;filter:contrast(.93) brightness(.89)}.portrait:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#090f0eed,transparent 45%)}.portrait-caption{position:absolute;bottom:22px;left:24px;display:flex;flex-direction:column;font-size:12px;line-height:1.5;z-index:1}.portrait-caption span:last-child{color:#969e91}.about-copy .eyebrow{margin-bottom:18px}.about-copy h2{font-size:clamp(32px,3.15vw,55px);line-height:1.1}.about-copy>p:not(.eyebrow){font-size:18px;color:#aab2a5;line-height:1.5;max-width:620px;margin-top:22px}.short-rule{display:block;height:2px;width:40px;background:#aeb7a333;margin-top:22px}.about-facts{display:grid;grid-template-columns:.8fr .85fr 1.4fr;margin:24px 0 30px;gap:18px}.about-facts>div{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.about-facts>div:last-child{border:0}.about-facts strong{font-size:34px;font-weight:300;line-height:1}.about-facts span{font-size:14px;color:#99a191}.pill{display:inline-flex;gap:35px;align-items:center;padding:12px 24px;border:1px solid #c1c8b66e;border-radius:32px;font-size:14px;transition:background .25s,color .25s}.pill:hover{background:#d5d8ca;color:var(--bg)}.pill>span{font-size:22px;line-height:1}
.process{padding-top:34px;padding-bottom:36px;border-block:1px solid var(--line)}.process .section-heading{margin-bottom:35px}.process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.process-steps li{border-right:1px solid var(--line);padding-right:18px;min-width:0}.process-steps li:last-child{border:0;padding-right:0}.step-number{font-size:12px;color:#889282;letter-spacing:.13em;display:block;margin-bottom:21px}.step-title{display:flex;gap:12px;align-items:center}.step-title svg{width:27px;height:27px;flex-shrink:0;color:#b9c0af}.step-title h3{font-size:17px;line-height:1.25}.process-steps p{font-size:14px;line-height:1.5;margin:15px 0 0 39px;color:#939c8c}
.tools{padding-top:36px;padding-bottom:58px}.tools .eyebrow{margin-bottom:18px}.tools h2{font-size:42px}.software-list{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));margin-top:40px;gap:10px}.software{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 12px;border-right:1px solid var(--line);font-size:12px;line-height:1.2;text-transform:uppercase}.software:last-child{border:0}.software-mark{display:grid;place-items:center;height:44px;font-weight:400;font-size:40px;line-height:1;text-transform:none}.software-mark.max{color:#1ba4a5;font-weight:600}.corona{color:#e2693a}.tyflow{color:#27899c}.phoenix{color:#e37446}.grow{color:#5c9b3a}.forest{color:#408b5b}.craft{color:#d98575}.software-mark.pf{font-size:21px;color:#6078c4}.software-mark.anima{font-size:28px;color:#e1e4d8}
.contact{position:relative;isolation:isolate;min-height:455px;overflow:hidden}.contact-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;z-index:-3;filter:saturate(.75) brightness(.8)}.contact-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07100fdc,transparent 82%),linear-gradient(0deg,#09110ce6,transparent 60%)}.contact-content{padding:66px calc(var(--gutter) + 22px);max-width:950px}.contact-content .eyebrow{color:#aeb5a5}.contact-content h2{font-size:clamp(40px,4.3vw,72px)}.contact-content>p:not(.eyebrow){font-size:18px;color:#b1baac;line-height:1.4;margin:24px 0 32px}.site-footer{padding-top:36px;padding-bottom:26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:32px}.footer-top .brand{width:132px}.footer-top nav,.social-links{display:flex;gap:26px}.footer-top a{font-size:13px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding-top:24px;font-size:12px;color:#85917f}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:white;color:#111;z-index:20}.skip:focus{top:10px}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.will-reveal.visible{opacity:1;transform:none}.motion-paused .will-reveal{opacity:1;transform:none}.modal-open{overflow:hidden}dialog{padding:22px;width:min(1120px,94vw);max-height:94svh;border:1px solid #a9b89b40;background:#0e1612;color:var(--ink);overflow:auto}dialog::backdrop{background:#030804e8;backdrop-filter:blur(10px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}.dialog-header .eyebrow{margin:0;font-size:12px}#dialog-video{width:100%;max-height:62svh;display:block;aspect-ratio:16/9;background:#000}.dialog-copy{display:flex;justify-content:space-between;gap:25px;padding-top:23px}.dialog-copy h2{font-size:32px}.dialog-copy p{font-size:16px;color:#afb9a5;margin-top:14px;max-width:780px}.dialog-copy .credit{font-size:12px;color:#88967d}.dialog-nav{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px}#video-error{margin-top:14px}#video-error a{text-decoration:underline}
@media(min-width:1700px){:root{--gutter:72px}.hero-content{padding-top:285px}.experience-stage{min-height:535px}.contact{min-height:505px}}
@media(max-width:1100px){.site-header nav{margin-left:9vw;gap:24px}.header-location{font-size:10px}.hero{height:660px}.hero-content{width:80%;padding-top:200px}.hero h1{font-size:74px}.hero-panel{width:35%}.section-heading .heading-copy{max-width:340px;font-size:16px}.project-name{font-size:16px}.project-info{left:16px;right:62px}.project-media>.circle{right:14px}.project-tag{font-size:10px}.experience-copy{max-width:330px}.experience-copy>p:not(.eyebrow){font-size:16px}.experience-stage{min-height:410px}.experience-aside{font-size:12px}.about-copy>p:not(.eyebrow){font-size:16px}.about-facts span{font-size:12px}.process-steps{gap:14px}.step-title{gap:8px;align-items:flex-start}.step-title h3{font-size:15px}.process-steps p{margin-left:0;font-size:13px}.software{padding:0 5px;font-size:10px}.software-mark{font-size:32px}.software-mark.pf{font-size:16px}.footer-top nav{gap:18px}.social-links{gap:18px}}
@media(max-width:760px){:root{--gutter:22px}.section{padding-inline:22px}.site-header{inset:0 12px auto;height:85px;padding:0 18px;justify-content:space-between}.brand{width:130px}.header-location{display:none}.site-header nav{display:none}.menu-toggle{display:flex;align-items:center;gap:10px;font-size:14px}.menu-toggle span{font-size:25px}.site-header nav.is-open{display:flex;position:absolute;left:0;right:0;top:85px;margin:0;background:#0b120ffa;flex-direction:column;padding:28px;gap:24px;border-bottom:1px solid var(--line)}.hero{margin:0 12px;min-height:730px;height:92svh;max-height:860px}.hero-content{padding:195px 20px 50px;width:100%}.hero-panel{width:71%;background:linear-gradient(90deg,#070e0fdc,#080e0f99,transparent);border:0}.hero-shade{background:linear-gradient(0deg,#090f0e9c,transparent 50%)}.hero>video{object-position:62% center}.hero h1{font-size:clamp(49px,10.8vw,74px);line-height:1.02;letter-spacing:-.04em}.hero-content .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:22px}.hero-description{font-size:17px;margin:24px 0 30px}.circle{width:60px;height:60px;font-size:18px}.watch-button{font-size:15px;gap:14px}.hero-pagination{width:190px;margin-top:37px}.hero-aside{bottom:24px;right:20px}.hero-aside p{display:none}.hero-aside button{font-size:11px}.projects{padding-top:45px;padding-bottom:23px}.section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:11px;margin-bottom:19px}h2{font-size:42px}.section-heading .heading-copy{max-width:100%;font-size:16px;margin-top:25px}.heading-copy p{max-width:440px}.text-link{font-size:14px;margin-top:16px}.project-grid{margin-inline:-10px;gap:12px;grid-template-columns:1fr}.project-media{aspect-ratio:.88}.project-info{left:22px;bottom:24px;right:80px}.take-code{font-size:16px}.project-name{font-size:19px}.project-tag{font-size:11px}.project-media>.circle{right:22px;bottom:35px}.project-credit{font-size:12px;line-height:1.6;margin-top:20px}.experience{padding-top:28px;padding-bottom:28px}.experience-stage{min-height:615px}.experience-visual{inset:195px -10px 0;z-index:-1}.experience-shade{background:linear-gradient(0deg,#09100c9c,transparent 50%,var(--bg))}.experience-copy{max-width:100%;padding-top:0}.experience-copy h2{font-size:42px}.experience-copy>p:not(.eyebrow){font-size:16px;max-width:85%;margin-top:19px}.experience-copy .watch-button{margin-top:24px}.experience-aside{display:none}.feature-play{right:calc(50% - 32px);top:48%;width:64px;height:64px}.experience-controls{left:12px;right:12px;bottom:8px}.lab-tabs{gap:20px}.lab-tabs button{font-size:12px}.about{grid-template-columns:1fr;gap:30px;padding-top:20px;padding-bottom:36px}.portrait>img{aspect-ratio:1.08}.about-copy .eyebrow{display:none}.about-copy h2{font-size:36px}.about-copy>p:not(.eyebrow){font-size:16px}.about-facts{gap:10px;grid-template-columns:.8fr .8fr 1.3fr;margin:23px 0}.about-facts strong{font-size:30px}.about-facts span{font-size:12px;max-width:120px}.process{padding-top:30px;padding-bottom:25px}.process-steps{grid-template-columns:1fr;gap:0}.process-steps li{display:grid;grid-template-columns:30px 1fr;gap:10px 13px;border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.step-number{grid-row:1 / 3;margin:4px 0}.step-title{align-items:center;gap:13px}.step-title h3{font-size:18px}.process-steps p{grid-column:2;margin:0 0 0 40px;font-size:14px}.tools{padding-top:30px;padding-bottom:35px}.tools h2{font-size:36px}.software-list{grid-template-columns:repeat(3,1fr);row-gap:28px;margin-top:32px}.software{font-size:12px;gap:9px}.software:nth-child(3n){border:0}.software-mark{height:38px;font-size:32px}.software-mark.pf{font-size:21px}.contact{min-height:425px}.contact-content{padding:50px 22px;max-width:100%}.contact-content h2{font-size:40px}.contact-content>p:not(.eyebrow){font-size:16px;line-height:1.5}.contact-image{object-position:60% center}.contact-shade{background:linear-gradient(90deg,#07100fe8,#09110c55),linear-gradient(0deg,#09110ce6,transparent 70%)}.footer-top{flex-wrap:wrap;gap:28px}.footer-top .brand{width:125px}.footer-top nav{order:3;width:100%;justify-content:space-between}.social-links{margin-left:auto;gap:14px}.social-links a{font-size:12px}.footer-bottom{display:block;font-size:12px;line-height:1.6}.footer-bottom p+p{margin-top:8px}.site-footer{padding-top:28px;padding-bottom:23px}.dialog-copy{display:block}.dialog-copy h2{font-size:26px}.dialog-nav{margin-top:20px;justify-content:flex-end}dialog{padding:14px}.dialog-header .eyebrow{font-size:10px;max-width:230px}.dialog-header .circle{width:40px;height:40px}.will-reveal{transform:translateY(12px)}}
.software-mark img{width:44px;height:44px;object-fit:contain}.software-mark.tyflow,.software-mark.grow,.software-mark.craft{font-size:24px;letter-spacing:-.035em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
.language-switch{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.12em;flex-shrink:0}.language-switch button{min-width:32px;min-height:44px;opacity:.5;transition:opacity .2s;font-weight:400;letter-spacing:inherit}.language-switch button:hover,.language-switch button[aria-pressed="true"]{opacity:1}.language-switch button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.language-switch>span{opacity:.4}
.portrait>img{height:auto;aspect-ratio:auto}
@media(max-width:760px){.language-switch{margin-left:auto;margin-right:15px;gap:2px;font-size:11px}.language-switch button{min-width:28px}.site-header{gap:8px}.site-header .brand{width:112px}.menu-toggle{gap:4px;font-size:12px}}
@media(max-width:360px){.site-header{padding-inline:10px}.site-header .brand{width:98px}.language-switch{margin-right:5px}}