@font-face{font-family:Casko;src:url(/fonts/CaskoLuxuryDemo-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayXXThin.ttf);font-weight:100;font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayXThin.ttf);font-weight:200;font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayThin.ttf);font-weight:250;font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayLight.ttf);font-weight:300;font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayRoman.ttf);font-weight:400;font-display:swap}@font-face{font-family:Haas;src:url(/fonts/NeueHaasDisplayMediu.ttf);font-weight:500;font-display:swap}:root{font-size:calc(100vw / 1728);--navy:#070930;--scale:1;color:#000;background:#fff;font-family:Haas,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-size:24rem}h1,h2,h3,p{margin:0}h2{font-size:48rem;font-weight:400;line-height:1}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none;padding:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #65a55c;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5rem}.art{display:inline-block;flex:none;line-height:0;vertical-align:middle}.art img{display:block;max-width:none;zoom:var(--scale)}.skip-link{position:fixed;top:-100px;left:15px;font-size:18px;padding:12px;background:#fff;z-index:50}.skip-link:focus{top:12px}.hero{height:1117rem;background:var(--navy);color:#fff;position:relative;overflow:hidden}.identity{position:absolute;left:158rem;top:95rem;font-size:24rem;font-weight:250;line-height:28rem}.hero-line{position:absolute;left:146rem;top:95rem;transform:rotate(90deg);transform-origin:0 0}.hero-center{position:absolute;width:650rem;height:280rem;left:563rem;top:343rem}.hero h1{font-family:Casko,serif;font-size:271rem;font-weight:400;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic;position:absolute;left:0;top:87rem}.edition{position:absolute;left:113rem;top:87rem;font-size:24rem;font-weight:300;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}.hero-figure{position:absolute;left:478rem;top:0}.hero-cross-v{position:absolute;left:607.5rem;top:1rem;transform:rotate(90deg);transform-origin:0 0}.hero-cross-h{position:absolute;left:566rem;top:41.5rem}.tiny-v{position:absolute;left:219rem;top:77.5rem;transform:rotate(90deg);transform-origin:0 0}.tiny-h{position:absolute;left:216rem;top:80.5rem}.roles{position:absolute;top:664rem;left:611rem;display:flex;align-items:center;gap:40rem;font-weight:300;line-height:24rem}.roles .art{margin-left:2rem;margin-right:16rem}.learn{position:absolute;top:1002rem;left:812rem;display:flex;align-items:center;gap:12rem;font-weight:300;line-height:24rem}.learn>span{position:relative;width:24rem;height:24rem}.learn .art:first-child{position:absolute;left:12rem;top:1rem;transform:rotate(90deg);transform-origin:0 0}.learn .art:last-child{position:absolute;left:0;top:11rem}.about{height:1029rem;padding-top:191rem;overflow:hidden}.about-heading{position:relative;width:max-content;margin-left:438rem}.about h2{font-size:64rem;font-weight:500;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}.about h2 span{color:var(--navy)}.about>p{font-size:24rem;line-height:1;margin:40rem 0 0 347rem;text-box-trim:trim-both;text-box-edge:cap alphabetic}.cards{height:457rem;width:1437rem;margin:87rem 0 0 146rem;background:var(--navy);overflow:hidden;position:relative}.card-track{height:100%;position:relative;animation:cards-right 32s linear infinite;will-change:transform}.card-holder{position:absolute;top:57rem;width:643rem;height:530.945rem;display:flex;align-items:center;justify-content:center}.card{width:553.176rem;height:343.191rem;border-radius:9rem;transform:rotate(-22.83deg);box-shadow:0 4rem 4rem #0004;flex:none}.color-0{background:#282d8d}.color-1{background:#65a55c}.color-2{background:#e5cc11}.color-3{background:#ba0523}@keyframes cards-right{to{transform:translate(1468rem)}}.tools{height:945rem;padding:191rem 145rem 191rem 149rem;background:var(--navy);color:#fff;display:grid;grid-template-columns:433rem 1fr;overflow:hidden}.tools-heading{position:relative}.tools-heading h2{text-box-trim:trim-both;text-box-edge:cap alphabetic}.tools-heading>.art:nth-child(2){position:absolute;left:120rem;top:-29rem;transform:rotate(90deg);transform-origin:0 0}.tools-heading>.art:nth-child(3){position:absolute;left:109rem;top:-18rem}.tools-grid{display:grid;grid-template-columns:repeat(7,125rem);grid-template-rows:repeat(4,125rem);gap:21rem}.tools-grid>div{background:#3f405a}.works{height:1469rem;padding-top:191rem;position:relative}.works-inner{width:1457rem;margin-left:146rem;position:relative}.works-heading>.art{display:block;overflow:hidden}.works-heading h2{height:69rem;display:flex;align-items:center;margin-left:-2rem;text-box-trim:trim-both;text-box-edge:cap alphabetic}.project-title{display:flex;align-items:baseline;gap:40rem;margin-top:58rem;margin-bottom:19rem;line-height:1}.project-title h3{font-weight:400;font-size:36rem;text-box-trim:trim-both;text-box-edge:cap alphabetic}.number{font-weight:200;color:#242323}.project-title .number{font-size:32rem}.project{display:grid;grid-template-columns:997rem 409rem;gap:26rem}.project-art{height:564rem;position:relative;background:#121325;overflow:hidden}.project-art>div{position:absolute;left:-217rem;top:96rem;width:1514.709rem;height:998.931rem;display:flex;align-items:center;justify-content:center}.project-art>div:before{content:"";display:block;flex:none;background:#d2750b;width:1407.302rem;height:564rem;border-radius:22rem;transform:rotate(19.38deg)}.project-info{display:flex;flex-direction:column;align-items:flex-start;font-weight:200}.category{line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}.description{margin-top:52rem;font-size:24rem;line-height:24rem;text-box-trim:trim-both;text-box-edge:cap alphabetic}.outline{border:1px solid black;display:inline-flex;align-items:center;justify-content:center;gap:10rem;padding:12rem 21rem;line-height:1;font-weight:250;white-space:nowrap}.outline:hover{background:#e2e2f0;text-decoration:none}.project-info>.outline{margin-top:auto;margin-bottom:4rem;min-height:43rem}.project-nav{position:absolute;left:1487rem;top:174rem;width:70rem;display:flex;align-items:center;flex-direction:column;gap:12rem;font-weight:200}.project-nav>span{white-space:nowrap;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin-bottom:17rem}.project-nav button{width:35rem;height:67rem;display:flex;align-items:center;justify-content:center}.project-nav .art{transform:rotate(90deg)}.project-list{margin-top:109rem}.project-list .art{display:block;overflow:hidden}.project-list button{display:grid;grid-template-columns:72rem 428rem 1fr 55rem;align-items:center;text-align:left;width:100%;height:65rem;font-size:24rem}.project-list button:hover{background:#f4f4f8}.project-list button span{text-box-trim:trim-both;text-box-edge:cap alphabetic}.ask{height:615rem;background:var(--navy);color:#fff;padding:73rem 147rem 72rem 144rem;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.ask-title{position:relative}.ask-title h2{font-size:128rem;font-weight:300;line-height:1;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}.ask-title>.art{position:absolute;left:338rem;top:-22rem}.chat{background:#fff;color:#000;width:416rem;height:470rem;flex:none;display:flex;flex-direction:column;overflow:hidden}.chat header{height:51rem;display:flex;gap:14rem;align-items:center;padding:7rem 19rem;font-size:20rem;font-weight:300;flex:none}.chat>.art{height:1rem;overflow:hidden;display:block;flex:none}.messages{height:351rem;overflow:auto;padding:29rem 19rem 10rem;scrollbar-width:thin}.message{display:flex;gap:12rem;font-size:12rem;font-weight:300;line-height:1;margin-bottom:24rem}.message.user{justify-content:flex-end}.message p{padding:10rem;border-radius:5rem;background:#e2e2f0;text-box-trim:trim-both;text-box-edge:cap alphabetic;min-height:29rem}.message.loic p{background:#cbcbcc}.message time{display:block;font-size:10rem;line-height:1;font-weight:100;margin-top:4rem}.message.user time{text-align:right}.message.loic{margin-bottom:30rem}.messages.used .message p{max-width:290rem;line-height:1.4;text-box-trim:none}.chat form{display:flex;align-items:center;gap:11rem;padding:16rem 19rem 21rem 25rem;flex:1;min-height:65rem}.chat input{width:332rem;min-width:0;background:#e2e2f0;border:0;border-radius:5rem;padding:8rem 10rem;height:29rem;font-size:12rem;font-weight:300}.chat form button{display:flex;align-items:center;justify-content:center;width:29rem;height:29rem;flex:none;background:var(--navy);border-radius:5rem}footer{height:1115rem;padding:110rem 125rem 0 146rem}footer>.art{display:block;overflow:hidden}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:51rem}.contact-heading h2{margin-left:-2rem;text-box-trim:trim-both;text-box-edge:cap alphabetic}.contact-heading .outline{font-size:32rem;font-weight:400;padding:18rem 21rem;height:61rem}.contact-row{display:grid;grid-template-columns:437rem 1fr;align-items:center;height:130rem;font-size:32rem;font-weight:300}.contact-row a{overflow-wrap:anywhere;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}.contact-row:nth-of-type(3){height:131rem}.footer-bottom{display:flex;justify-content:space-between;margin-top:33rem;font-weight:500;line-height:1}.footer-bottom p,.footer-bottom a{text-box-trim:trim-both;text-box-edge:cap alphabetic}.footer-bottom a{display:flex;gap:8rem;align-items:center}.footer-bottom .art{transform:rotate(-90deg)}dialog{width:min(900px,90vw);border:0;padding:40px;font-size:20px;font-weight:300}dialog::backdrop{background:#070930b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin:16px 0 24px}dialog p{margin-top:20px}dialog .project-art{height:300px}dialog .project-art>div{width:100%;height:100%;left:0;top:100px}dialog .project-art>div:before{width:120%;height:300px}.close{position:absolute;right:18px;top:12px;font:32px Arial}.draft-note{font-size:15px;color:#666}.design-word{display:inline;position:relative}.design-i{display:inline-block;position:relative;line-height:1;vertical-align:baseline}.design-i-stem{display:inline-block;line-height:1}.design-i-star{position:absolute;left:50%;top:-.08em;transform:translate(-50%);width:.36em;height:.36em;background:currentColor;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);pointer-events:none}@media(min-width:701px){.project-nav button:hover{background:#f4f4f8}}@media(max-width:1100px){:root{font-size:1px}body{font-size:17rem}h2{font-size:32rem}.hero{height:760rem;min-height:100svh}.identity{left:32rem;top:38rem;font-size:18rem;line-height:23rem}.hero-line{left:22rem;top:38rem}.hero-center{top:290rem;left:50%;width:320rem;height:180rem;transform:translate(-50%)}.hero h1{font-size:145rem;top:46rem;left:7rem}.edition{font-size:13rem;left:67rem;top:45rem}.hero-figure{left:263rem;top:0;transform:scale(.52);transform-origin:0 0}.hero-cross-v{left:330rem;top:0;transform:scale(.52) rotate(90deg)}.hero-cross-h{left:308rem;top:21rem;transform:scale(.52);transform-origin:0 0}.tiny-v,.tiny-h{display:none}.roles{top:480rem;left:0;width:100%;justify-content:center;gap:12rem;font-size:14rem;line-height:20rem}.roles .art{margin:0}.learn{top:auto;bottom:55rem;left:50%;transform:translate(-50%);font-size:18rem}.about{height:auto;padding:85rem 24rem}.about-heading{margin:0 auto;width:auto;text-align:center}.about h2{font-size:38rem;line-height:1.08;max-width:400rem;margin:auto;text-box-trim:none}.about>p{margin:28rem auto 0;text-align:center;font-size:18rem;line-height:1.5;max-width:420rem;text-box-trim:none}.cards{width:100%;height:230rem;margin:40rem 0 0}.card-track{zoom:.5;width:200%;height:200%}.tools{height:auto;padding:70rem 24rem;display:block}.tools-heading{margin-bottom:40rem}.tools-heading>.art:nth-child(2){left:83rem;top:-23rem;transform:scale(.7) rotate(90deg)}.tools-heading>.art:nth-child(3){left:75rem;top:-15rem;transform:scale(.7);transform-origin:0 0}.tools-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:8rem}.tools-grid>div{aspect-ratio:1}.works{height:auto;padding:75rem 24rem 85rem}.works-inner{width:100%;margin:0}.works-heading h2{height:58rem}.project-title{margin-top:35rem;margin-bottom:18rem;gap:20rem}.project-title h3{font-size:28rem}.project-title .number{font-size:24rem}.project{display:flex;flex-direction:column;gap:24rem}.project-art{height:230rem}.project-art>div{zoom:.42}.project-info{font-size:18rem}.description{margin-top:22rem;font-size:18rem;line-height:1.35;text-box-trim:none}.project-info .outline{margin-top:28rem}.project-nav{position:static;width:100%;flex-direction:row;margin-top:30rem;gap:14rem}.project-nav>span{margin:0 8rem 0 0;font-size:16rem}.project-nav button{height:35rem;width:45rem;overflow:hidden}.project-nav .art{transform:scale(.6)}.project-list{margin-top:35rem}.project-list button{height:68rem;grid-template-columns:32rem 1fr 45rem;gap:5rem;font-size:16rem}.project-list button span:nth-child(3){display:none}.ask{height:auto;padding:75rem 24rem;display:block}.ask-title{margin-bottom:48rem}.ask-title h2{font-size:clamp(34px,8.5vw,58px);white-space:normal}.ask-title>.art{left:27%;top:-30rem;transform:scale(.6);transform-origin:0 0}.chat{width:100%;height:470rem;max-width:416rem;margin:auto}.chat header{font-size:20rem}.chat input{font-size:14rem;height:36rem;width:100%}.chat form button{height:36rem;width:36rem}.chat form{padding-left:19rem}.message{font-size:13rem}.message time{font-size:11rem}.chat .messages{height:350rem}.chat>.art{max-width:100%}.contact-heading{align-items:flex-start;gap:24rem;flex-direction:column;margin-bottom:35rem}.contact-heading h2{font-size:32rem}.contact-heading .outline{font-size:20rem;height:48rem;padding:12rem 18rem}.contact-row{grid-template-columns:80rem minmax(0,1fr);height:100rem;font-size:18rem;gap:16rem}.contact-row:nth-of-type(3){height:110rem}footer{height:auto;padding:70rem 24rem}.footer-bottom{font-size:14rem;gap:20rem;align-items:center}.footer-bottom a{gap:6rem}.footer-bottom .art{transform:scale(.75) rotate(-90deg)}dialog{padding:28px 20px}dialog .project-art>div{zoom:1}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.card-track{animation:none}.messages{scroll-behavior:auto}}.laptop-light{position:absolute;left:471rem;top:61rem;width:92rem;height:72rem;pointer-events:none;transform:rotate(42deg);transform-origin:right center;filter:blur(4rem);mix-blend-mode:screen;animation:screen-flicker 5.7s ease-in-out infinite}.laptop-light:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#b9ddff36 45%,#dcf2ffa6);clip-path:polygon(0 8%,100% 36%,100% 64%,0 92%)}.laptop-light>span{position:absolute;right:0;top:32%;height:25rem;width:6rem;background:#e8f5ff;box-shadow:0 0 18rem 9rem #b8daff88;border-radius:50%}@keyframes screen-flicker{0%,to{opacity:.65}25%{opacity:.82}39%{opacity:.73}43%{opacity:.35}47%{opacity:.8}65%{opacity:.58}76%{opacity:.78}80%{opacity:.42}84%{opacity:.72}}.tools{height:auto;min-height:640rem;padding-top:165rem;padding-bottom:165rem;align-items:center}.tools-grid{grid-template-rows:repeat(2,125rem)}.technology{display:flex;flex-direction:column;gap:12rem;align-items:center;justify-content:center;transition:background .2s,transform .2s}.technology:hover{background:#505274;transform:translateY(-4rem)}.technology>img{width:51rem;height:51rem;object-fit:contain;filter:brightness(0) invert(1)}.technology>span{font-size:14rem;font-weight:300;white-space:nowrap}.scroll-works{height:450vh;padding:0;position:relative}.works-sticky{height:100vh;position:sticky;top:0;display:flex;align-items:center;padding:35rem 0}.scroll-works .works-inner{width:calc(100% - 292rem);margin:0 146rem}.scroll-works .works-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #999;border-bottom:1px solid #999}.scroll-works .works-heading h2{height:70rem}.work-count{font-size:20rem;font-weight:300}.project-accordion{--panel-height:min(53vh,560rem);margin-top:28rem}.project-item{border-bottom:1px solid #aaa}.project-toggle{width:100%;height:62rem;display:grid;grid-template-columns:72rem 428rem 1fr 65rem 25rem;gap:0;align-items:center;text-align:left;font-size:24rem;font-weight:400}.project-toggle .number{font-size:24rem}.project-sign{text-align:right;font-size:26rem}.project-toggle:hover{color:#282d8d}.project-panel{height:calc(var(--panel-height) * var(--openness));overflow:hidden;opacity:clamp(0,var(--openness) * 2,1)}.project-panel>.project{height:var(--panel-height);padding-bottom:24rem;grid-template-columns:minmax(0,2.44fr) minmax(0,1fr);gap:26rem}.project-panel .project-art{height:100%}.project-panel .project-info{min-width:0;padding-top:3rem}.project-panel .description{margin-top:35rem;line-height:1.2;font-size:22rem}.project-panel .outline{font-size:22rem}.project-panel .project-art>div{top:50rem}.is-active .project-toggle{font-weight:500}.ask{height:auto;min-height:880rem;padding:105rem 146rem;gap:70rem;align-items:center}.ask-title{flex:1;min-width:0}.ask-title h2{font-size:108rem;line-height:.98;white-space:normal;text-box-trim:none}.ask-title>.art{left:295rem;top:-36rem}.ask-title>p{font-size:25rem;line-height:1.4;font-weight:300;margin-top:35rem;color:#d2d3e1}.chat{width:720rem;height:670rem;max-width:100%;border-radius:12rem;box-shadow:0 24rem 70rem #0003}.chat header{height:86rem;gap:18rem;padding:20rem 28rem;border-bottom:1px solid #e2e2ed}.chat header>div{display:flex;flex-direction:column;gap:6rem;font-size:23rem}.chat header strong{font-weight:500}.chat header>div>span{font-size:16rem;color:#65677d}.online-dot{width:8rem;height:8rem;border-radius:50%;background:#65a55c;margin-left:auto}.chat .messages{height:auto;flex:1;min-height:0;padding:30rem 28rem;scrollbar-color:#bdbdce transparent}.chat-welcome>p:first-child{font-size:27rem;font-weight:500;margin-bottom:12rem}.chat-welcome>p{font-size:22rem;line-height:1.45;font-weight:300}.suggestions{display:grid;gap:10rem;margin-top:28rem}.suggestions>button{padding:15rem 18rem;border:1px solid #dddde8;border-radius:7rem;text-align:left;display:flex;justify-content:space-between;font-size:19rem;color:#303249}.suggestions>button:hover{background:#f3f3fa}.chat .message{font-size:21rem;line-height:1.45;gap:12rem;margin-bottom:22rem}.chat .messages.used .message p{max-width:535rem;padding:14rem 18rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9rem}.chat .message.loic p{background:#f0f0f5}.chat .message.user p{background:#e2e2f0}.chat .message time{font-size:13rem;font-weight:300;margin-top:7rem;color:#6b6b80}.chat .message.loic>.art{margin-top:10rem}.chat form{border-top:1px solid #e2e2ed;flex:none;padding:18rem 24rem 10rem;gap:12rem;min-height:80rem}.chat input{width:100%;font-size:20rem;height:52rem;border-radius:7rem;padding:12rem 16rem;font-weight:300}.chat form button{width:52rem;height:52rem;border-radius:7rem}.chat form button:disabled{opacity:.4;cursor:default}.chat-caption{font-size:13rem;line-height:1.3;text-align:center;padding:0 18rem 17rem;color:#737388;font-weight:300}.typing{font-size:19rem;color:#63637b;padding:12rem 0}.typing span{animation:screen-flicker 2s infinite}.chat-contact{display:flex;gap:10rem;flex-wrap:wrap;margin-top:10rem}.chat-contact a{background:var(--navy);color:#fff;padding:10rem 14rem;border-radius:5rem;font-size:18rem}.chat-error{background:#fff0ed;border:1px solid #eed1cb;border-radius:8rem;padding:18rem;font-size:18rem;line-height:1.4}.chat-error button,.chat-error a{display:inline-block;text-decoration:underline;margin:12rem 16rem 0 0}.chat-error p{overflow-wrap:anywhere}@media(max-width:1000px)and (min-width:701px){.chat .message,.chat .messages.used .message p,.chat-welcome>p,.chat input{font-size:28rem}.chat header>div{font-size:28rem}.chat header>div>span,.chat-caption{font-size:21rem}.suggestions>button{font-size:25rem}.chat .message time{font-size:20rem}.chat{height:850rem;width:800rem}.ask{gap:35rem}.ask-title h2{font-size:90rem}}@media(max-width:1100px){.laptop-light{left:259.36rem;top:31.72rem;width:47.84rem;height:37.44rem;transform:rotate(42deg);transform-origin:right center;filter:blur(2.1rem)}.laptop-light>span{height:13rem;width:3.12rem;box-shadow:0 0 9rem 4rem #b8daff88}.tools{min-height:0;padding:70rem 24rem}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:10rem}.technology{min-height:84rem;gap:9rem;padding:12rem 4rem}.technology>img{width:34rem;height:34rem}.technology>span{font-size:10rem;white-space:normal;text-align:center}.scroll-works{height:420svh;padding:0}.works-sticky{height:100svh;padding:20rem 24rem}.scroll-works .works-inner{width:100%;margin:0}.scroll-works .works-heading h2{height:54rem;font-size:28rem}.work-count{font-size:14rem}.project-accordion{margin-top:14rem;--panel-height:min(46svh,370rem)}.project-toggle{height:49rem;grid-template-columns:33rem 1fr 38rem 20rem;font-size:15rem}.project-toggle .number{font-size:15rem}.project-toggle .project-type{display:none}.project-sign{font-size:20rem}.project-panel>.project{padding-bottom:18rem;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12rem}.project-panel .project-art{min-height:0}.project-panel .project-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0}.project-panel .category{font-size:13rem}.project-panel .description{display:none}.project-panel .outline{font-size:14rem;min-height:36rem;padding:8rem 10rem;margin:0;gap:6rem}.project-panel .outline .art{zoom:.55}.project-panel .project-art>div{top:15rem}.ask{padding:75rem 24rem;min-height:0;display:block}.ask-title{margin-bottom:38rem}.ask-title h2{font-size:64rem;line-height:1}.ask-title>.art{left:170rem;top:-24rem;transform:scale(.6)}.ask-title>p{font-size:19rem;margin-top:20rem}.chat{width:100%;height:610rem;border-radius:10rem;max-width:480rem}.chat header{height:76rem;padding:17rem 18rem;gap:12rem}.chat header>div{font-size:18rem;gap:5rem}.chat header>div>span{font-size:12rem}.online-dot{width:7rem;height:7rem}.chat .messages{height:auto;padding:24rem 16rem}.chat-welcome>p:first-child{font-size:23rem}.chat-welcome>p{font-size:17rem}.suggestions{margin-top:24rem;gap:10rem}.suggestions>button{font-size:15rem;padding:13rem 12rem;gap:10rem}.chat .message{font-size:16rem;gap:8rem;margin-bottom:20rem}.chat .messages.used .message p{max-width:255rem;padding:11rem 12rem;font-size:16rem}.chat .message time{font-size:11rem}.chat form{padding:13rem 13rem 8rem;gap:8rem;min-height:70rem}.chat input{font-size:16rem;height:46rem;padding:12rem}.chat form button{height:46rem;width:46rem}.chat-caption{font-size:10rem;padding:0 16rem 13rem}.typing{font-size:15rem}.chat-contact a{font-size:14rem;padding:9rem 11rem}.chat-error{font-size:15rem;padding:13rem}.chat .message.loic>.art{zoom:.8}}@media(prefers-reduced-motion:reduce){.laptop-light,.typing span{animation:none}.technology{transition:none}}footer{height:auto;padding-bottom:48px}.hero-stars{position:absolute;inset:0;pointer-events:none}.hero-star{position:absolute;width:7px;height:7px;color:#e1e9ff;opacity:.3;animation:star-twinkle 6s ease-in-out infinite}.hero-star:before,.hero-star:after{content:"";position:absolute;inset:0;background:currentColor;border-radius:50%}.hero-star:before{transform:scaleX(.16)}.hero-star:after{transform:scaleY(.16)}.star-0{left:17%;top:20%;animation-delay:-1.7s}.star-1{left:39%;top:14%;width:4px;height:4px;animation-delay:-4s}.star-2{left:74%;top:19%;width:9px;height:9px;animation-delay:-2.9s}.star-3{left:87%;top:43%;width:5px;height:5px;animation-delay:-.4s}.star-4{left:19%;top:61%;width:4px;height:4px;animation-delay:-3.5s}.star-5{left:81%;top:74%;animation-delay:-5s}.star-6{left:36%;top:82%;width:5px;height:5px;animation-delay:-2s}.star-7{left:60%;top:77%;width:4px;height:4px;animation-delay:-4.7s}.star-8{left:8%;top:37%;width:5px;height:5px;animation-delay:-.9s}@keyframes star-twinkle{0%,to{opacity:.12;transform:scale(.7)}50%{opacity:.75;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.hero-star{animation:none;opacity:.4}}.perched-letter{position:relative;display:inline-block}.perched-figure{position:absolute;left:.18em;top:-.04em;pointer-events:none;transform:scale(.84375);transform-origin:top left}.chat input:focus,.chat input:focus-visible{outline:2px solid #4775ed;outline-offset:3px;box-shadow:0 0 0 5px #4775ed14}@media(max-width:1100px){.perched-figure{transform:scale(.5);transform-origin:top left}.perched-figure img{zoom:1}.chat input{font-size:16px}.chat-caption{font-size:12px}.chat .messages.used .message p{max-width:100%}.chat .message>div{min-width:0;max-width:calc(100% - 32px)}.technology>span{font-size:11px}.contact-row a{line-height:1.3;text-box-trim:none}.hero{min-height:720px;height:100svh;max-height:1000px}.hero-center{top:36%}.roles{top:calc(36% + 190px)}footer{padding-bottom:32px}}@media(min-width:601px)and (max-width:1100px){.hero-center{transform:translate(-50%) scale(1.6);transform-origin:50% 0}.roles{top:calc(36% + 295px);font-size:20px;gap:22px}.learn{font-size:20px;bottom:65px}.about{padding:95px 48px}.about h2{font-size:48px;max-width:660px}.about>p{font-size:21px;max-width:700px;line-height:1.5}.cards{height:320px;margin-top:48px}.card-track{zoom:.7;width:143%;height:143%}.tools{padding:80px 48px}.tools-heading{margin-bottom:40px}.tools-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.technology{min-height:86px;aspect-ratio:1}.technology>img{width:38px;height:38px}.technology>span{font-size:11px}.works-sticky{padding:28px 48px}.scroll-works .works-heading h2{font-size:36px;height:66px}.project-toggle{height:56px;font-size:18px;grid-template-columns:42px 1fr 160px 48px 24px}.project-toggle .project-type{display:block;font-size:16px;font-weight:300}.project-toggle .number{font-size:18px}.project-accordion{--panel-height:min(48svh,490px)}.project-panel .category{font-size:17px}.project-panel .outline{font-size:17px;min-height:44px;padding:10px 14px}.project-panel .project-art>div{zoom:.65}.ask{padding:95px 48px;display:grid;grid-template-columns:minmax(0,1fr);gap:38px}.ask-title{margin:0}.ask-title h2{font-size:80px}.perched-figure{transform:scale(.625)}.ask-title>p{font-size:22px;margin-top:24px}.chat{width:100%;max-width:720px;height:640px;margin:0 auto}.chat header{height:80px;padding:18px 24px}.chat header>div{font-size:21px}.chat header>div>span{font-size:14px}.chat .messages{padding:28px 24px}.chat-welcome>p:first-child{font-size:27px}.chat-welcome>p{font-size:19px}.suggestions>button{font-size:17px;padding:15px}.chat .messages.used .message p{font-size:18px}.chat form{padding:16px 20px 10px}.chat input{height:50px;font-size:18px}.chat form button{height:50px;width:50px}footer{padding:80px 48px 40px}.contact-heading{flex-direction:row;align-items:center;gap:20px}.contact-heading h2{font-size:34px}.contact-row{font-size:21px;grid-template-columns:140px minmax(0,1fr)}.footer-bottom{font-size:17px}}@media(min-width:901px)and (max-width:1100px){.ask{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center}.ask-title h2{font-size:66px}.perched-figure{transform:scale(.515625)}.ask-title>p{font-size:19px}.chat-welcome>p:first-child{font-size:24px}.chat-welcome>p{font-size:17px}.suggestions>button{font-size:16px}}@media(max-width:360px){.hero-center{transform:translate(-50%) scale(.85);transform-origin:50% 0}.roles{font-size:12px;gap:8px;top:calc(36% + 165px)}.about,.tools,.ask{padding-left:18px;padding-right:18px}.about h2{font-size:34px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ask-title h2{font-size:56px}.perched-figure{transform:scale(.4375)}.works-sticky{padding-left:18px;padding-right:18px}.project-toggle{font-size:14px;grid-template-columns:27px 1fr 35px 18px}footer{padding-left:18px;padding-right:18px}.contact-row{grid-template-columns:65px minmax(0,1fr);gap:10px;font-size:16px}}@media(max-height:600px)and (max-width:1100px),(min-width:1101px)and (min-aspect-ratio:5/2){.scroll-works{height:auto;padding:55px 24px}.works-sticky{position:relative;height:auto;padding:0;display:block}.project-panel{height:auto;opacity:1}.project-panel>.project{height:300px}.project-item{padding-bottom:14px}.hero{height:720px}}.hero{height:100svh;min-height:0;max-height:none}@media(min-width:1101px){.learn{top:auto;bottom:48rem}}:root{--rule:#07093029;--muted:#68697b}body{-webkit-font-smoothing:antialiased}.hero-nav{position:absolute;top:58rem;right:146rem;display:flex;align-items:center;gap:32rem;font-size:18rem;font-weight:300;line-height:1;z-index:2}.hero-nav a{position:relative;padding:10rem 0;line-height:1;text-decoration:none}.hero-nav a:after{content:"";position:absolute;left:0;right:0;bottom:3rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.hero-nav a:hover:after,.hero-nav a:focus-visible:after{transform:scaleX(1)}.about{position:relative}.section-meta{position:absolute;left:146rem;right:145rem;top:68rem;display:flex;justify-content:space-between;font-size:15rem;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;font-weight:400;color:var(--muted)}.section-meta span:first-child{color:var(--navy)}.section-meta .editorial-rule{position:absolute;bottom:-19rem;left:0;width:100%;height:1px;background:var(--rule)}.tools{grid-template-columns:433rem minmax(0,1fr);padding-top:140rem;padding-bottom:140rem;align-items:start}.tools-heading h2{letter-spacing:-.025em}.section-index{font-size:15rem;line-height:1.4;font-weight:300;letter-spacing:.09em;text-transform:uppercase;margin-bottom:26rem;color:#abacbf}.tools-note{font-size:22rem;font-weight:300;line-height:1.45;color:#bfc0d0;max-width:285rem;margin-top:28rem}.tools-heading>.art:nth-child(3){position:absolute;left:270rem;top:65rem;transform:rotate(90deg);transform-origin:0 0}.tools-heading>.art:nth-child(4){position:absolute;left:259rem;top:76rem;transform:none}.tools-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;gap:1px;background:#ffffff25;border:1px solid #ffffff25;counter-reset:tools}.technology-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32rem 18rem;min-width:0}.technology-group{min-width:0}.technology-group.wide{grid-column:span 6}.technology-group.compact{grid-column:span 2}.technology-group h3{display:flex;justify-content:space-between;gap:8rem;font-size:18rem;font-weight:300;line-height:1.3;margin-bottom:14rem;color:#e1e2ed}.technology-group h3>span{font-size:13rem;color:#8f91ac;font-variant-numeric:tabular-nums}.technology-group.compact .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid>.technology{position:relative;min-height:150rem;aspect-ratio:auto;background:#16183b;counter-increment:tools;gap:17rem;transition:background .35s;transform:none}.technology:before{content:counter(tools,decimal-leading-zero);position:absolute;left:12rem;top:11rem;font-size:11rem;line-height:1;color:#777a99;font-variant-numeric:tabular-nums}.technology:hover{background:#292c50;transform:none}.technology>img{width:48rem;height:48rem;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.technology:hover>img{transform:translateY(-4rem)}.technology>span{font-size:15rem;letter-spacing:.01em}.works-heading h2,.contact-heading h2{letter-spacing:-.035em}.works-index{font-size:.36em;letter-spacing:.06em;font-weight:300;color:var(--muted);margin-right:16rem;align-self:center}.project-toggle{font-variant-numeric:tabular-nums}.project-toggle .number,.work-count{font-weight:300;color:var(--muted)}.project-toggle .project-type{font-weight:300}.project-panel .description{font-weight:300;line-height:1.35;color:#4b4c59;max-width:38ch}.outline{position:relative;transition:background .25s,color .25s}.outline:hover{background:var(--navy);color:#fff}.outline:hover .art{filter:invert(1);transform:translate(4px)}.outline .art{transition:filter .25s,transform .3s}.chat{border-radius:4rem;box-shadow:none}.suggestions>button{border-radius:2rem}.contact-heading{position:relative}.contact-heading:before{content:"04 / CONTACT";position:absolute;left:0;top:-38rem;font-size:14rem;letter-spacing:.1em;color:var(--muted)}.contact-row{position:relative;transition:background .25s}.contact-row>span{font-size:20rem;color:var(--muted)}.contact-row>a{letter-spacing:-.015em}.contact-row>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.contact-row.github-row{height:110rem}.footer-bottom{font-size:20rem}.star-pointer{position:fixed;left:0;top:0;width:0;height:0;z-index:9999;pointer-events:none;opacity:0;mix-blend-mode:difference;color:#fff}.pointer-star{position:absolute;left:-12px;top:-12px;width:24px;height:24px;background:currentColor;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%)}.pointer-ring{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:scale(.5);transition:opacity .25s,transform .35s}.star-pointer[data-mode=action] .pointer-ring{opacity:.8;transform:scale(1)}.star-pointer[data-mode=title]{color:#b5cdfc}@media(hover:hover)and (pointer:fine){.star-cursor-active,.star-cursor-active a,.star-cursor-active button,.star-cursor-active .technology{cursor:none}.star-cursor-active:has(dialog[open]),.star-cursor-active dialog,.star-cursor-active dialog button{cursor:auto}}@media(max-width:1100px){.hero-nav{top:28px;right:24px;gap:24px;font-size:14px}.about{padding-top:125px}.section-meta{left:24px;right:24px;top:40px;font-size:10px}.section-meta .editorial-rule{bottom:-16px}.tools{padding-top:65px;padding-bottom:65px}.section-index{font-size:11px;margin-bottom:22px}.tools-note{font-size:17px;max-width:300px;margin-top:20px}.tools-heading>.art{display:none}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.technology-groups{gap:26px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.technology-group.wide,.technology-group.compact{grid-column:span 2}.technology-group h3{font-size:16px;margin-bottom:12px;gap:10px}.technology-group h3>span{font-size:12px}.technology-group.compact .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid>.technology{min-height:100px;gap:12px}.technology:before{font-size:9px;top:8px;left:8px}.technology>img{width:32px;height:32px}.technology>span{font-size:10px}.project-panel .description{line-height:1.35}.contact-heading:before{top:-28px;font-size:10px}.contact-row>span{font-size:15px}.contact-row.github-row{height:100px}.footer-bottom{font-size:14px}}@media(min-width:601px)and (max-width:1100px){.hero-nav{right:48px;top:30px;font-size:16px}.section-meta{left:48px;right:48px;font-size:12px}.tools{padding-top:80px;padding-bottom:80px}.tools-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.technology-groups{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 14px}.technology-group.wide{grid-column:span 6}.technology-group.compact{grid-column:span 2}.technology-group h3{font-size:14px}.tools-grid>.technology{min-height:125px}.technology>img{width:40px;height:40px}.technology>span{font-size:12px}.section-index{font-size:12px}.tools-note{font-size:19px;max-width:400px}.contact-row>span{font-size:18px}.footer-bottom{font-size:17px}}@media(max-width:360px){.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.technology>span{font-size:9px}.technology>img{width:28px;height:28px}.hero-nav{gap:20px;right:18px;font-size:13px}.section-meta{left:18px;right:18px}.section-meta>span:last-of-type{max-width:140px;text-align:right}}@media(prefers-reduced-motion:reduce){.technology,.technology>img,.outline,.outline .art,.hero-nav a:after,.contact-row{transition:none}.star-pointer{display:none}}.hero-character{position:absolute;inset:0;pointer-events:none}.works-sticky{align-items:flex-start;background:#fff}.scroll-works{background:#fff}.scroll-works .works-inner{margin-top:auto;margin-bottom:auto;flex-shrink:0}.scroll-works .works-heading h2{text-box-trim:none;line-height:1.15}.shooting-star{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;overflow:visible;transition:transform .25s ease}a:hover .shooting-star,button:hover .shooting-star,a:focus-visible .shooting-star{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.shooting-star{transition:none}a:hover .shooting-star,button:hover .shooting-star,a:focus-visible .shooting-star{transform:none}}@media(min-width:1101px){.project-accordion{--panel-height:min(53vh,560rem,max(180rem, calc(100svh - 490rem) ))}}@media(min-width:1101px){.project-toggle{grid-template-columns:60rem minmax(0,1.8fr) minmax(0,1fr) 24rem}.project-toggle .project-type{transform:translate(21rem)}}.mockup-stage{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.6;background:var(--project-color);color:var(--project-ink);overflow:hidden;font-size:14px}.mockup-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,currentColor 50%,transparent 50.1%);opacity:.09}.mockup-heading,.mockup-baseline{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;font-size:1cqw;letter-spacing:.09em;font-weight:500}.mockup-heading{top:5%;border-top:1px solid currentColor;padding-top:1.2%}.mockup-baseline{bottom:4%;text-transform:uppercase}.mockup-title{position:absolute;top:12%;left:5%;right:5%;font-size:6.2cqw;line-height:1;letter-spacing:-.05em;font-weight:500}.mockup-cross{float:right;font-weight:300}.mockup-index{position:absolute;right:1%;bottom:3%;font-size:35cqw;line-height:.8;opacity:.07;letter-spacing:-.09em}.mockup-device{position:absolute;left:12%;top:28%;width:76%;background:#fafafa;border:1px solid #ffffffa0;border-radius:5px;overflow:hidden;box-shadow:0 2cqw 3cqw -1cqw #07093045;transform:perspective(1300px) rotateY(-5deg) rotateX(5deg) rotate(-2deg)}.mockup-device>img{display:block;width:100%;height:auto}.device-chrome{display:flex;align-items:center;gap:.4cqw;padding:.7cqw 1cqw;color:#626276;background:#fafafa;font-size:.9cqw}.device-chrome i{width:.45cqw;height:.45cqw;border-radius:50%;background:#b9b9c1}.device-chrome span{flex:1;text-align:center}.device-chrome b{font-weight:400}.mockup-phone{position:absolute;width:22%;padding:.6%;border-radius:2.4cqw;background:#070930;box-shadow:0 2cqw 3cqw -1cqw #07093050;overflow:hidden}.mockup-phone img{width:100%;display:block;border-radius:1.9cqw}.primary-phone{left:50%;top:19%;transform:rotate(8deg);z-index:2}.secondary-phone{left:27%;top:31%;transform:rotate(-9deg)}.mockup-mobile .mockup-title{font-size:7cqw}.mockup-mobile .mockup-index{left:4%;bottom:8%;font-size:24cqw}.project-techs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.project-techs li{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.25;border:1px solid currentColor;border-color:#07093025;padding:7px 9px;border-radius:2px}.project-techs img{width:16px;height:16px;object-fit:contain}.project-toggle{grid-template-columns:60rem minmax(0,1.7fr) minmax(0,1fr) 24rem}.project-toggle>span:nth-child(2){letter-spacing:-.02em}.project-toggle .project-type{font-size:18rem;font-weight:300}.project-panel .project-info{display:flex;flex-direction:column;align-items:flex-start;gap:18rem}.project-panel .description{margin:0;font-size:20rem}.project-panel .category{font-size:20rem}.project-panel .outline{margin-top:auto;display:flex}.project-cover{display:block;min-width:0;min-height:0;overflow:hidden;background:#e8dce8}.project-cover .mockup-stage{height:100%;width:100%;aspect-ratio:auto}.project-panel>.project{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.project-cover .mockup-device{top:25%;width:70%;left:15%}.project-cover .mockup-title{font-size:5cqw;top:12%}.cards:hover .card-track,.cards:focus-within .card-track{animation-play-state:paused}.card{display:block;overflow:hidden;color:#070930}.card-caption{position:absolute;left:30rem;right:30rem;top:25rem;display:flex;justify-content:space-between;font-size:17rem;letter-spacing:.02em}.card-name{position:absolute;top:60rem;left:30rem;right:25rem;font-size:38rem;letter-spacing:-.04em;line-height:1;font-weight:500}.card-preview{position:absolute;left:30rem;right:30rem;top:128rem;border:5rem solid #fafafa;border-top-width:16rem;border-radius:5rem;box-shadow:0 10rem 28rem #07093040;transform:translateY(8rem);transition:transform .5s}.card-preview img{display:block;width:100%}.card:hover .card-preview,.card:focus-visible .card-preview{transform:translateY(-4rem)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff5 49%,transparent 62%);transform:translate(-120%);transition:transform .8s;pointer-events:none}.card:hover:after{transform:translate(120%)}.case-page{font-size:16px;line-height:1.5;background:#faf9f6;color:#070930;--case-gutter:clamp(20px,5vw,88px)}.case-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px var(--case-gutter);border-bottom:1px solid #07093025;font-size:14px}.case-brand{font-weight:500;letter-spacing:-.04em;font-size:23px}.case-brand span{font-size:10px;letter-spacing:.08em;margin-left:8px}.case-header{padding:64px var(--case-gutter) 44px}.case-eyebrow{font-size:11px;letter-spacing:.1em;display:flex;justify-content:space-between;gap:16px;text-transform:uppercase}.case-header h1{font-size:clamp(52px,8.5vw,140px);font-weight:500;letter-spacing:-.065em;line-height:.98;max-width:1250px;margin:36px 0 40px}.case-header-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.case-header-bottom p{max-width:380px;font-size:17px;font-weight:300}.case-header-bottom a{font-size:13px;white-space:nowrap;border-bottom:1px solid;padding-bottom:6px}.case-hero{margin:0 var(--case-gutter)}.case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:9%;padding:100px var(--case-gutter);align-items:start;scroll-margin-top:30px}.case-summary{position:sticky;top:32px}.case-summary h2{font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:25px 0 20px}.case-summary>p:not(.case-eyebrow){font-weight:300;color:#545466;font-size:15px}.case-summary dl{margin:32px 0}.case-summary dl>div{padding:16px 0;border-top:1px solid #07093030}.case-summary dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.case-summary dd{margin:0;font-size:14px}.case-contact{font-size:13px;border-bottom:1px solid;padding-bottom:7px;display:inline-block}.case-story{min-width:0}.case-section{margin-bottom:90px}.case-section:last-child{margin-bottom:0}.case-section-number{font-size:11px;letter-spacing:.08em}.case-text h2{font-size:clamp(34px,4vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:24px 0 30px}.case-text p{max-width:660px;font-size:18px;font-weight:300;line-height:1.65;margin-bottom:20px}.case-gallery-heading{border-top:1px solid #07093040;padding-top:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.case-gallery-heading h2{font-size:32px;font-weight:400;letter-spacing:-.04em}.case-gallery-heading>span{font-size:11px;letter-spacing:.08em}.case-images{display:grid;gap:36px}.case-images figure{margin:0;min-width:0}.gallery-open{display:block;position:relative;width:100%;padding:0;background:#ecebe6;overflow:hidden}.gallery-open>img{display:block;width:100%;height:auto;transition:transform .6s}.gallery-open:hover>img{transform:scale(1.025)}.gallery-expand{position:absolute;bottom:12px;right:12px;background:#070930;color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:20px}.case-images figcaption{display:flex;gap:16px;font-size:12px;margin-top:10px;color:#55556b}.case-images figcaption>span{color:#070930}.phone-gallery{grid-template-columns:1fr 1fr;gap:30px}.phone-gallery .gallery-open{padding:20px}.phone-gallery .gallery-open>img{max-height:540px;object-fit:contain}.phone-gallery .userflow-image{grid-column:1/-1}.phone-gallery .userflow-image .gallery-open{padding:0}.case-next{display:grid;grid-template-columns:1fr auto;gap:30px;background:#070930;color:#fff;padding:56px var(--case-gutter) 66px}.case-next>span:first-child{grid-column:1/-1;font-size:11px;letter-spacing:.09em}.case-next strong{font-size:clamp(38px,6vw,90px);line-height:1.05;letter-spacing:-.05em;font-weight:400}.next-arrow{font-size:clamp(40px,6vw,90px);line-height:1}.case-footer{display:flex;justify-content:space-between;gap:20px;padding:30px var(--case-gutter);font-size:12px}.image-dialog{max-width:96vw;width:1300px;max-height:94svh;padding:52px 20px 20px;background:#faf9f6;color:#070930;border:0;font-size:14px}.image-dialog>img{display:block;width:100%;height:calc(85svh - 130px);object-fit:contain}.image-dialog .image-close{position:absolute;right:20px;top:15px;font-size:14px}.image-controls{display:flex;align-items:center;gap:18px;padding-top:20px}.image-controls>span{flex:1;font-size:13px}.image-controls button{font-size:25px;width:40px;min-height:40px}.image-controls a{font-size:12px}.image-dialog::backdrop{background:#070930da;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:1100px){.project-toggle{grid-template-columns:34px minmax(0,1fr) 20px}.project-toggle .project-type{display:none}.project-panel>.project{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.project-panel .project-info{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.project-panel .category{display:none}.project-panel .description{display:block;grid-column:1/-1;font-size:15px}.project-panel .project-techs{gap:4px}.project-panel .project-techs li{font-size:10px;padding:4px 5px;gap:4px}.project-panel .project-techs img{width:13px;height:13px}.project-panel .outline{white-space:nowrap;font-size:13px;margin-top:20px}.project-cover .mockup-stage{max-width:100%}.project-cover .mockup-device{width:60%;left:20%}.project-cover .mockup-heading,.project-cover .mockup-baseline{display:none}.project-cover .mockup-title{top:6%;font-size:4cqw}.project-cover .mockup-phone{width:16%}.project-cover .primary-phone{top:5%}.project-cover .secondary-phone{top:15%;left:32%}.case-content{gap:6%}.case-summary h2{font-size:25px}}@media(max-width:700px){.case-nav{font-size:12px;padding-top:22px;padding-bottom:22px}.case-brand span{display:none}.case-header{padding-top:40px;padding-bottom:30px}.case-header h1{font-size:clamp(44px,12vw,74px);margin:28px 0}.case-eyebrow{font-size:10px}.case-header-bottom{display:block}.case-header-bottom p{font-size:16px;margin-bottom:22px}.case-hero{margin:0}.case-hero .mockup-stage{aspect-ratio:1.2}.case-hero .mockup-title{top:14%;font-size:7cqw}.case-hero .mockup-device{top:32%;left:6%;width:88%;transform:rotate(-3deg)}.case-hero .mockup-heading,.case-hero .mockup-baseline{font-size:1.7cqw}.case-hero .mockup-phone{width:28%}.case-hero .primary-phone{left:51%;top:23%}.case-hero .secondary-phone{left:20%;top:30%}.case-content{display:block;padding-top:44px;padding-bottom:50px}.case-summary{position:static;border-bottom:1px solid #07093030;padding-bottom:35px;margin-bottom:45px}.case-summary>p:not(.case-eyebrow){max-width:440px}.case-summary dl{margin:24px 0}.case-summary dl>div{display:grid;grid-template-columns:95px 1fr;gap:12px}.case-summary dt{margin:4px 0}.case-section{margin-bottom:55px}.case-text p{font-size:17px}.case-images{gap:24px}.phone-gallery{gap:16px}.phone-gallery .gallery-open{padding:10px}.case-footer{flex-wrap:wrap;font-size:11px;gap:14px}.image-controls{gap:6px;flex-wrap:wrap}.image-controls a{flex-basis:100%;text-align:center}.image-controls>span{font-size:11px}.image-dialog{padding-left:10px;padding-right:10px}.image-dialog>img{height:calc(80svh - 150px)}}@media(max-width:400px){.project-panel .project-info{grid-template-columns:1fr;gap:6px}.project-panel .outline{justify-self:end;min-height:32px;padding:5px 10px}.project-accordion{--panel-height:min(46svh,370px)}.project-toggle{font-size:13px}.project-panel .project-techs li{font-size:9px}}@media(prefers-reduced-motion:reduce){.card-preview,.card:after,.gallery-open>img{transition:none}}.mockup-device{width:68%;left:16%;top:27%}.mockup-phone{width:18%}.primary-phone{left:53%;top:22%}.secondary-phone{left:31%;top:28%}.project-cover .mockup-device{width:64%;left:18%;top:26%}.project-techs{font-weight:400}.color-0,.color-3{color:#fff}.card-caption{justify-content:flex-end}.card-caption>span:first-child{display:none}.card-name{left:auto;right:27rem;top:65rem;width:290rem;text-align:right;font-size:30rem;line-height:1.04}.card:hover{text-decoration:none}@media(max-width:1100px){.project-cover .mockup-device{width:70%;left:15%;top:25%}}@media(max-width:700px){.case-hero .mockup-phone{width:24%}.case-hero .primary-phone{left:52%;top:29%}.case-hero .secondary-phone{width:22%;left:26%;top:37%}}.mockup-stage:not(.mockup-mobile) .mockup-device{top:26%;width:63%;left:18.5%}.mockup-baseline{z-index:3}.project-cover .mockup-stage:not(.mockup-mobile) .mockup-device{width:62%;left:19%;top:25%}@media(max-width:1100px){.project-cover .mockup-stage:not(.mockup-mobile) .mockup-device{width:74%;left:13%;top:24%}}@media(max-width:700px){.case-hero .mockup-stage:not(.mockup-mobile) .mockup-device{width:82%;left:9%;top:30%}}@media(max-width:1100px){.project-accordion{--panel-height:min(52svh,440px)}}@media(max-width:1100px){.project-cover .mockup-mobile .primary-phone{top:18%}.project-cover .mockup-mobile .secondary-phone{top:28%}}.arrival{position:fixed;inset:0;z-index:10000;background:#070930;color:#fff;display:grid;place-items:center;cursor:auto}.arrival-constellation{position:relative;width:280px;height:280px}.arrival-star,.arrival-spark{position:absolute;display:block;background:#fff8df;clip-path:polygon(50% 0,59% 38%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%)}.arrival-star{width:88px;height:112px;left:96px;top:84px;filter:drop-shadow(0 0 8px #d6e8ff);opacity:0}.arrival-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#b8d9ff55 0,#739ee019 27%,transparent 65%);opacity:0}.arrival-spark{width:14px;height:22px;opacity:0}.arrival-spark-0{left:62px;top:86px}.arrival-spark-1{left:198px;top:60px;width:8px;height:14px}.arrival-spark-2{left:211px;top:172px}.arrival-spark-3{left:85px;top:213px;width:8px;height:12px}.arrival-spark-4{left:36px;top:161px;width:7px;height:11px}.arrival-spark-5{left:158px;top:30px;width:6px;height:10px}.arrival-label{position:absolute;bottom:12%;font-size:11px;letter-spacing:.2em;text-align:center;line-height:2}.arrival-label>span{display:block;font-size:9px;color:#b6bdd2;letter-spacing:.17em}.arrival-skip{position:absolute;right:28px;bottom:24px;font-size:11px;color:#c3c7d8;padding:10px;cursor:pointer}.arrival-skip:focus-visible{outline:1px solid white}.arrival~.star-pointer{display:none}.about{height:auto;padding-bottom:90rem}.project-showcase{margin:65rem 0 0;position:relative}.showcase-pause{display:block;margin:15px 7% 0 auto;font-size:12px;color:#646477;min-height:32px}@media(max-width:1100px){.about{padding-bottom:45px}.project-showcase{margin:40px -24px 0}.showcase-pause{margin-right:24px}}@media(min-width:601px)and (max-width:1100px){.project-showcase{margin-left:-48px;margin-right:-48px}}@media(max-width:360px){.project-showcase{margin-left:-18px;margin-right:-18px}}@media(max-width:600px){.arrival-skip{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.showcase-pause{display:none}.arrival-star{opacity:1}}.project-showcase{margin:65rem 146rem 0}.folio-window{height:457rem;background:#070930;overflow:hidden;isolation:isolate}.folio-track{display:flex;width:max-content;animation:folio-right 40s linear infinite;animation-play-state:paused;will-change:transform;backface-visibility:hidden}.folio-window.is-running:not(.is-paused) .folio-track{animation-play-state:running}.folio-window:has(.folio-card:focus-visible) .folio-track{animation-play-state:paused!important}.folio-group{display:grid;grid-template-columns:repeat(4,367rem);width:1468rem;padding-top:151rem;flex:none}.folio-card{position:relative;display:block;width:553rem;height:343rem;border-radius:9rem;transform:rotate(-22.83deg);overflow:hidden;background:linear-gradient(125deg,#393f9e,#282d8d 58%,#222777);color:#fff;border:1px solid #ffffff12;box-shadow:0 5rem 10rem #0003;contain:layout paint;transition:transform .2s ease}.folio-color-1{background:linear-gradient(125deg,#77b36e,#65a55c 58%,#548c4d);color:#070930}.folio-color-2{background:linear-gradient(125deg,#f0da37,#e5cc11 58%,#ccb60d);color:#070930}.folio-color-3{background:linear-gradient(125deg,#cd1b3a,#ba0523 58%,#a20521)}.folio-title{position:absolute;right:34rem;top:36rem;width:295rem;font-family:Haas,Arial,sans-serif;font-size:33rem;font-weight:500;line-height:1.06;letter-spacing:-.035em;text-align:right}.folio-card:hover{text-decoration:none;transform:rotate(-22.83deg) scale(1.035)}.folio-card:focus-visible{outline:3px solid white;outline-offset:-8px}.project-showcase .showcase-pause{margin-right:0}@keyframes folio-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.tile-device{position:absolute;bottom:-48rem;right:28rem;width:355rem;display:block}.tile-mockup{display:block;width:100%;height:auto;max-height:343rem;object-fit:contain;object-position:bottom right}.tile-device-0{width:345rem;right:22rem}.tile-device-1{width:400rem;right:0}.tile-device-2{right:-18rem}.tile-device-3{width:540rem;right:-35rem;bottom:-25rem}.tile-device-3 .tile-mockup{transform:rotate(7deg);transform-origin:center bottom}@media(max-width:1100px){.project-showcase{margin:40px 0 0}.folio-window{height:230px}.folio-track{zoom:.5}}@media(min-width:601px)and (max-width:1100px){.folio-window{height:320px}.folio-track{zoom:.7}}@media(prefers-reduced-motion:reduce){.folio-window{overflow-x:auto}.folio-track{animation:none}.folio-group:nth-child(2){display:none}}.tile-sculpture{position:absolute;inset:0;pointer-events:none}.tile-sculpture i{position:absolute;display:block}.folio-color-1 .tile-sculpture i{background:linear-gradient(135deg,#f2f7c5 2%,#c5dc94 25%,#94bc70 58%,#3c703e);border:1rem solid #e5f3c34d;border-radius:44%;box-shadow:inset 3rem 4rem 7rem #faffcf66,inset -5rem -7rem 11rem #244e3633,4rem 10rem 16rem #24432b30}.folio-color-1 .tile-sculpture i:nth-child(1){left:128rem;top:133rem;width:62rem;height:106rem;transform:rotate(28deg)}.folio-color-1 .tile-sculpture i:nth-child(2){right:38rem;top:108rem;width:84rem;height:58rem;transform:rotate(-18deg)}.folio-color-1 .tile-sculpture i:nth-child(3){left:216rem;bottom:17rem;width:38rem;height:48rem;transform:rotate(-25deg)}.folio-color-2 .tile-sculpture i{border:17rem solid #f9e681;border-radius:50%;background:transparent;box-shadow:inset 3rem 4rem 5rem #99701688,inset -2rem -2rem 3rem #fff6bb,3rem 5rem #b78928,7rem 12rem 14rem #8b60162b}.folio-color-2 .tile-sculpture i:nth-child(1){left:152rem;top:106rem;width:102rem;height:110rem;transform:rotate(-18deg) skewY(12deg)}.folio-color-2 .tile-sculpture i:nth-child(2){right:34rem;top:142rem;width:63rem;height:70rem;border-width:11rem;transform:rotate(20deg) skewY(-16deg)}.folio-color-2 .tile-sculpture i:nth-child(3){left:167rem;bottom:13rem;width:42rem;height:47rem;border-width:8rem;transform:skewY(18deg)}.folio-color-3 .tile-sculpture i{background:conic-gradient(from 0deg at 48% 47%,#f5b5a1 0deg 90deg,#d76564 90deg 180deg,#8c1735 180deg 270deg,#ea8781 270deg);border-radius:7rem;box-shadow:inset 1rem 1rem 2rem #ffe1c666,5rem 8rem 13rem #570d2838;transform:rotate(28deg) skew(-8deg,-8deg)}.folio-color-3 .tile-sculpture i:nth-child(1){left:146rem;top:108rem;width:66rem;height:66rem}.folio-color-3 .tile-sculpture i:nth-child(2){right:40rem;top:130rem;width:49rem;height:49rem;transform:rotate(8deg) skew(-8deg,-8deg)}.folio-color-3 .tile-sculpture i:nth-child(3){left:140rem;bottom:23rem;width:32rem;height:32rem}@media(hover:hover)and (pointer:fine){.folio-window:hover .folio-track{animation-play-state:paused!important}}.case-nav .hero-brand{display:block;position:relative;width:145px;height:80px;flex:none;overflow:visible}.case-nav .hero-brand-art{display:block;position:absolute;width:650px;height:350px;left:0;top:0;margin:0;transform:scale(.22);transform-origin:top left;color:#070930}.case-nav .hero-brand-word{position:absolute;display:block;left:0;top:87px;margin:0;font-family:Casko,serif;font-weight:400;font-size:271px;line-height:1;letter-spacing:0;text-box-trim:trim-both;text-box-edge:cap alphabetic}.case-nav .hero-brand-edition{position:absolute;left:113px;top:87px;font-family:Haas,Arial,sans-serif;font-size:24px;font-weight:300;line-height:1;letter-spacing:0;margin:0}.hero-brand-figure{position:absolute;left:478px;top:0;width:161.311px;height:207px;filter:brightness(0) saturate(100%) invert(5%) sepia(50%) saturate(2773%) hue-rotate(223deg) brightness(91%) contrast(109%)}.case-nav .hero-brand-star{position:absolute;left:626px;top:0;width:65px;height:65px;margin:0;background:#070930;clip-path:polygon(50% 0,52% 48%,100% 50%,52% 52%,50% 100%,48% 52%,0 50%,48% 48%)}.project-viewer{min-width:0}.viewer-image{position:relative;display:block;width:100%;height:clamp(240px,35vw,470px);background:#eeede8;overflow:hidden;touch-action:pan-y}.viewer-image>img{display:block;width:100%;height:100%;object-fit:contain;padding:14px}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #07093030;padding:14px 0}.viewer-toolbar p{font-size:14px;line-height:1.4;font-weight:400}.viewer-toolbar p>span{font-size:11px;color:#656579;margin-right:18px;white-space:nowrap}.viewer-toolbar>div{display:flex;gap:8px;flex:none}.viewer-toolbar button{width:38px;height:38px;border:1px solid #07093040;font-size:22px}.viewer-toolbar button:hover{background:#070930;color:#fff}.viewer-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:16px 2px 8px;scrollbar-width:thin}.viewer-thumbnails button{position:relative;flex:0 0 86px;height:64px;border:2px solid transparent;background:#ecebe6;padding:4px;opacity:.65}.viewer-thumbnails button.is-selected{border-color:#070930;opacity:1}.viewer-thumbnails button:hover{opacity:1}.viewer-thumbnails img{width:100%;height:100%;object-fit:contain;display:block}.viewer-thumbnails span{position:absolute;bottom:0;right:0;font-size:9px;background:#070930;color:#fff;padding:1px 4px;line-height:1.4}@media(max-width:700px){.case-nav{gap:12px;padding-top:14px;padding-bottom:14px}.case-nav .hero-brand{width:100px;height:60px}.case-nav .hero-brand-art{transform:scale(.15)}.case-nav>a:first-child{max-width:90px;line-height:1.25}.viewer-image{height:300px}.viewer-image>img{padding:8px}.viewer-toolbar{gap:10px}.viewer-toolbar p{font-size:12px}.viewer-toolbar p>span{display:block;margin:0 0 3px}.viewer-thumbnails button{flex-basis:72px;height:56px}}