:root{--spinel:#FF5E7E;--sulphur:#F5F5B8;--cerulean:#2A82A4;--paper:#fffdf9;--white:#fffefa;--ink:#18313c;--muted:#66757a;--line:#dfe6e4;--blue:#2A82A4;scroll-padding-top:110px}
body{background:var(--paper);color:var(--ink)}.shell{max-width:1600px}.stage-header{position:sticky;top:0;z-index:40;height:88px;display:flex;gap:25px;border-bottom:1px solid #dfe6e4aa;background:#fffdf9e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.wordmark{color:var(--ink);font-size:23px;letter-spacing:-1px}.wordmark>span{font-size:10px}.stage-nav{display:flex;gap:4px;margin-left:auto;align-items:center}.stage-nav a{display:block;padding:10px 15px;border-radius:50px;font-size:12px;color:#556870;transition:background .25s,color .25s,transform .25s}.stage-nav a[aria-current]{background:var(--sulphur);color:var(--ink)}.stage-nav a:hover{color:var(--ink);background:#ff5e7e19;transform:translateY(-1px)}.language-switch{display:flex;gap:2px;border:1px solid #dce4e3;border-radius:50px;padding:3px;flex:0 0 auto}.language-switch button{border:0;background:transparent;border-radius:50px;padding:6px 8px;font-size:10px;color:#68777d}.language-switch button[aria-pressed=true]{background:var(--ink);color:white}.hero{padding-top:38px}.hero-top{font-size:11px;color:#66757a}.hero-grid{grid-template-columns:minmax(0,1fr) 355px;gap:65px;align-items:center;padding:44px 0 55px}.hero h1{font-size:clamp(90px,10.3vw,148px)}.hero h1>span{background:linear-gradient(105deg,#FF5E7E 14%,#FF5E7E 30%,#F5F5B8 39%,#FF5E7E 45%,#FF5E7E 66%,#2A82A4 87%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.hero-art{background:radial-gradient(ellipse at 22% 35%,#ff5e7e0e,transparent 60%)}.hero-bio{padding:0}.portrait-intro{display:flex;gap:18px;align-items:center;margin-bottom:22px}.portrait-intro img{width:104px;height:104px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 6px #F5F5B8;transform:rotate(-4deg);transition:transform .5s}.portrait-intro img:hover{transform:rotate(0) scale(1.04)}.portrait-intro>span{font-size:14px;color:var(--cerulean);font-weight:600}.hero-bio h2{font-size:25px;color:var(--ink);letter-spacing:-.7px}.hero-bio p{font-size:13px;line-height:1.8;color:#66757a}.underlined{background:var(--spinel);color:var(--ink);box-shadow:none;font-weight:600;gap:30px}.underlined:hover{background:var(--sulphur);color:var(--ink)}.hero-bottom{border-color:var(--line)}.hero-bottom>span{color:#738187}.hero-bottom>a{color:var(--ink);font-size:11px}.hero-bottom>a>span:first-child{animation:none;font-size:11px}.hero-bottom>a>span:last-child{font-size:20px}.scroll-progress{background:linear-gradient(90deg,var(--spinel) 0 45%,var(--sulphur) 45% 70%,var(--cerulean) 70%)}
.product-story{margin:35px 0 0;position:relative;background:#f6f8f7;border-radius:30px}.story-sticky{padding:46px 30px 25px}.story-heading{text-align:center;max-width:780px;margin:0 auto 20px}.story-heading>span{font-size:13px;color:#738187}.story-heading h2{font-size:clamp(36px,5.3vw,70px);line-height:1.04;letter-spacing:-2.5px;margin:16px 0 14px;font-weight:650;color:var(--ink)}.story-heading>p{font-size:15px;color:#6e7d82;line-height:1.6;margin:0}.story-scenes{position:relative}.story-scene{display:flex;flex-direction:column;align-items:center;padding:25px 0 40px;gap:15px}.story-device{width:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;will-change:transform}.story-phones{gap:24px}.story-phones .device-phone{width:175px}.story-phones .secondary-phone{transform:translateY(20px) rotate(5deg)}.story-copy{text-align:center;position:relative;z-index:3}.story-copy>span{font-size:12px;font-weight:600;color:var(--cerulean)}.story-copy h3{font-size:clamp(20px,2.4vw,32px);letter-spacing:-.7px;font-weight:600;line-height:1.18;margin:10px 0 13px}.story-open{font-size:12px;padding:9px 20px;display:inline-block;border-radius:50px;background:var(--spinel);color:var(--ink);font-weight:600}.story-open:hover{background:var(--sulphur)}.story-navigation{display:none;justify-content:center;gap:8px;margin:12px auto 0}.story-navigation button{font-size:11px;padding:9px 15px;border:0;border-radius:30px;background:#e8eeed;color:#64777d;transition:background .3s,transform .3s}.story-navigation button[aria-pressed=true]{background:var(--sulphur);color:var(--ink)}.story-scroll-note{display:none;text-align:center;font-size:10px;color:#8a989b;margin:12px 0 0}.story-enabled{height:300vh;min-height:1800px;overflow:clip}.story-enabled .story-sticky{position:sticky;top:88px;height:calc(100vh - 88px);height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;padding:25px 30px 18px}.story-enabled .story-heading{margin-bottom:5px}.story-enabled .story-heading h2{font-size:clamp(36px,4.6vw,62px);margin:10px 0}.story-enabled .story-scenes{flex:1;min-height:0;max-height:600px}.story-enabled .story-scene{position:absolute;inset:0;opacity:0;pointer-events:none;padding:12px 0 0;gap:8px;justify-content:center}.story-enabled .story-scene.active{pointer-events:auto}.story-enabled .story-device{height:calc(100% - 106px);max-height:450px;min-height:200px}.story-enabled .story-phones .device-phone{height:100%;width:auto;aspect-ratio:9/19.5}.story-enabled .story-laptop .device-laptop{width:min(760px,85%);max-height:100%}.story-enabled .story-laptop .device-screen{max-height:min(40vh,380px)}.story-enabled .story-copy h3{font-size:25px;margin:7px 0 10px}.story-enabled .story-navigation,.story-enabled .story-scroll-note{display:flex}.story-enabled .story-scroll-note{display:block}.story-enabled[data-active="1"]{background:var(--sulphur)}.story-enabled[data-active="1"] .story-navigation button[aria-pressed=true]{background:var(--spinel)}.story-enabled[data-active="2"]{background:#e6f1f4}.product-story{transition:background .65s}
.device-shell{position:relative;flex-shrink:0}.device-phone{width:260px;aspect-ratio:9/19.5;border:8px solid #242a2e;border-radius:36px;background:#242a2e;box-shadow:0 20px 35px -15px #172e3b55,0 0 0 1px #66747c;overflow:visible}.device-phone:before{content:'';position:absolute;width:55px;height:13px;background:#11191d;border-radius:12px;top:5px;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none}.device-phone:after{content:'';position:absolute;width:3px;height:37px;background:#37424a;border-radius:3px;right:-11px;top:92px}.device-screen{position:relative;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c6c7 transparent}.device-screen>img{width:100%;height:auto;max-height:none;display:block;object-fit:initial}.device-phone .device-screen{border-radius:27px;background:#12191d;padding-top:22px;scrollbar-width:none}.device-phone .device-screen>img{border-radius:0 0 26px 26px}.device-laptop{width:min(90%,920px);padding-bottom:16px;perspective:1000px}.device-laptop>.device-screen{height:auto;aspect-ratio:16/10;background:#fff;border:9px solid #232b30;border-top-width:13px;border-bottom-width:16px;border-radius:16px 16px 5px 5px;box-shadow:0 14px 30px -18px #18313c66;overflow-y:auto}.device-laptop:before{content:'';position:absolute;width:4px;height:4px;background:#667580;border-radius:50%;left:50%;top:5px;z-index:4}.device-laptop:after{content:'';position:absolute;bottom:0;left:-4%;width:108%;height:17px;border-radius:2px 2px 50% 50% / 2px 2px 80% 80%;background:linear-gradient(#d8e0e4 0 30%,#8d9ca4 40%,#c9d2d8 100%);box-shadow:0 9px 12px -9px #18313c80}.lofi-screen-crop{position:relative;width:100%;aspect-ratio:64/33;overflow:hidden;background:#faf8f1}.lofi-screen-crop>img{position:absolute;top:-3.0303%;left:0;width:100%;height:auto;max-height:none;display:block}.device-laptop>.lofi-screen{aspect-ratio:64/33}.media,.media.media-ringlight{background:#f1f6f5;border:0;box-shadow:none;border-radius:20px}.media .device-stage{display:flex;align-items:center;justify-content:center;position:relative;padding:35px 28px 45px;background:transparent;cursor:default;perspective:1200px}.media .device-stage-phone{aspect-ratio:16/11;min-height:575px}.media .device-stage-laptop{aspect-ratio:16/11;min-height:390px}.media .device-stage .device-phone{height:510px;width:auto;aspect-ratio:9/19.5}.media .device-stage .expand-hint{position:absolute;right:18px;bottom:15px;opacity:1;transform:none;background:#fffdf9e8;border:1px solid #d8e4e5;color:var(--ink);cursor:zoom-in;z-index:5}.media .device-stage .device-screen:focus-visible{outline:3px solid var(--cerulean);outline-offset:4px}.media-lofi .gallery-stage{aspect-ratio:16/11}.gallery-bar{display:none}.gallery-controls{padding-top:14px}.gallery-thumb{background:white;border-color:#dbe4e5}.gallery-thumb.active{background:#fff1f3;border-color:var(--spinel)}.gallery-thumb.active>span{color:#753b4b}.gallery-caption{font-size:11px;color:#76868d}.gallery-nav button,.zoom-nav button,.project-pagination button{background:white;color:var(--ink);border-color:#dce6e7}.gallery-nav button:hover,.zoom-nav button:hover{background:var(--sulphur);color:var(--ink);border-color:var(--sulphur)}.ownership,.ownership.company{color:#77878c;font-size:10px;line-height:1.75}.ownership.company{background:#edf4f5;border-left:2px solid var(--cerulean)}.project-info p{color:#536970;font-size:14px}.project-stack>span{background:#f1f4e2;color:#5c6d59}.project-heading h3{color:var(--ink)}.project-heading>span,.project-category{color:#7c8b8f}.work{margin-top:100px}.section-title h2{font-size:clamp(35px,4vw,54px);color:var(--ink);letter-spacing:-1.7px}.section-intro{font-size:14px;line-height:1.6;color:#718188;margin:14px 0 0}.section-title>button{margin-left:auto;flex:0 0 auto;border-color:#dce5e4;background:#fffefa;color:var(--ink)}.project-tab.selected{background:var(--spinel);color:var(--ink);box-shadow:none}.selected .tab-copy small{color:#5f3d45}.project-tab:hover{background:#f5f5b880}.tab-thumb{background:#e4eef1;color:var(--cerulean)}.tab-copy small{color:#839197}.search{border-color:#dbe5e6;box-shadow:none}.search:focus-within{border-color:var(--cerulean);box-shadow:0 0 0 3px #2a82a414}.filter select{color:#526a74}.project-list{scrollbar-color:#aac4cf transparent}.index-note{color:#7b8c92}.project-links>button,.project-links>a{border-color:#dce5e6;color:var(--ink)}.index-title{color:var(--ink)}.project-pagination>span{color:#73878f}.file-visual{background:#f3f6ed}.file-description,.source-tree{color:#59717b}.file-visual h4{color:var(--ink)}
.about-section{margin:130px 0 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;scroll-margin-top:120px}.about-photo{max-width:460px;position:relative}.about-photo:before{content:'';position:absolute;inset:18px -18px -18px 18px;border-radius:30px;background:var(--sulphur);z-index:-1;transform:rotate(3deg)}.about-photo img{width:100%;height:auto;border-radius:25px;display:block}.section-eyebrow{font-size:12px;color:var(--cerulean)}.about-content h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-1.5px;font-weight:600;line-height:1.1;margin:15px 0 22px}.about-content>p{font-size:15px;line-height:1.8;color:#61777f;max-width:65ch}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.about-facts h3{font-size:13px;margin:0 0 10px}.about-facts p{font-size:12px;line-height:1.8;color:#71858d}.about-more{border:0;border-radius:50px;background:var(--sulphur);padding:12px 22px;font-size:12px;margin-top:10px}.about-portrait{display:block;border-radius:20px;margin:0 0 30px}.contact{margin-top:140px;border-color:var(--line);padding:50px 0 70px}.contact>span{font-size:13px;color:#73878e}.contact h2{font-size:clamp(50px,8vw,100px);letter-spacing:-4px;line-height:1;margin:22px 0 0;color:var(--spinel)}.contact>a{font-size:clamp(23px,3vw,45px);color:var(--ink);margin-top:35px}.contact>a>span{color:var(--cerulean)}footer{color:#73878f;border-color:var(--line)}dialog{background:#fffdf9}dialog p{color:#657d87}.dialog-label{color:var(--cerulean)}.done{background:var(--spinel);color:var(--ink)}.close{color:var(--ink)}.image-dialog{border-color:#dce5e6}.image-dialog .zoom-surface{max-height:72vh;overflow:auto;scrollbar-width:thin}.image-dialog #expanded-image{max-height:none;max-width:85vw;width:auto;height:auto}.image-dialog .zoom-surface.lofi-crop{height:auto;max-height:72vh;overflow:hidden}.image-dialog .zoom-surface.lofi-crop #expanded-image{width:100%;max-width:none}.zoom-nav button{border-color:#dce5e6}.transition-ghost .device-stage{height:100%}.transition-ghost{background:#f1f6f5!important}.reveal{will-change:opacity,transform}
@media(min-width:1600px){.hero-art{left:-75px;right:-75px}}
@media(max-width:1100px){.stage-header{gap:12px}.stage-nav a{font-size:11px;padding:9px 10px}.wordmark>span{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 290px;gap:35px}.hero h1{font-size:10.2vw}.hero-bio h2{font-size:22px}.hero-bio p{font-size:12px}.portrait-intro img{width:85px;height:85px}.portrait-intro>span{font-size:12px}.about-section{gap:55px}.about-facts{display:block}.media .device-stage{padding:30px 16px 45px}.media .device-stage-laptop{min-height:320px}.media .device-stage-phone{min-height:540px}.media .device-stage .device-phone{height:470px}.device-laptop>.device-screen{border-width:7px;border-top-width:11px;border-bottom-width:12px}.story-enabled .story-laptop .device-laptop{width:90%}}
@media(max-width:760px){:root{scroll-padding-top:120px}.stage-header{height:110px;display:grid;grid-template-columns:1fr auto;grid-template-rows:48px 48px;gap:0;align-content:center}.wordmark{font-size:21px}.wordmark>span{display:block;font-size:8px}.language-switch{grid-column:2;grid-row:1;justify-self:end}.stage-nav{grid-row:2;grid-column:1/-1;width:100%;margin:0;justify-content:space-between;gap:1px}.stage-nav a{font-size:10px;padding:9px 11px}.stage-nav a:first-child{display:block}nav>a:first-child{display:block}.hero{padding-top:28px}.hero-top{font-size:9px}.hero-grid{display:block;padding:30px 0}.hero h1{font-size:23.5vw}.hero-bio{display:block;padding-top:35px}.portrait-intro{gap:15px;margin-bottom:25px}.portrait-intro img{width:80px;height:80px}.portrait-intro>span{font-size:14px}.hero-bio h2{font-size:23px;line-height:1.3;max-width:300px;margin:0 0 15px}.hero-bio p{font-size:13px;max-width:330px;line-height:1.8}.hero-bio>a{margin-top:20px;display:inline-flex;font-size:12px}.hero-bottom>span{max-width:180px;line-height:1.6;font-size:8px}.hero-bottom>a{gap:10px}.hero-bottom>a>span:first-child{font-size:10px}.product-story{margin-top:25px;border-radius:20px}.story-sticky{padding:35px 15px 20px}.story-heading{margin-bottom:10px}.story-heading h2{font-size:36px;letter-spacing:-1.5px}.story-heading>span{font-size:11px}.story-heading>p{font-size:12px;line-height:1.6}.story-enabled{height:270vh;min-height:1600px}.story-enabled .story-sticky{top:110px;height:calc(100svh - 110px);padding:18px 12px 12px}.story-enabled .story-heading h2{font-size:34px;margin:9px 0}.story-enabled .story-scenes{max-height:none}.story-enabled .story-device{height:calc(100% - 110px);max-height:330px;min-height:145px}.story-phones{gap:13px}.story-phones .device-phone{border-width:5px;border-radius:25px}.story-phones .device-phone .device-screen{border-radius:20px;padding-top:16px}.story-phones .device-phone:before{height:9px;width:40px;top:4px}.story-phones .device-phone:after{display:none}.story-enabled .story-copy h3{font-size:18px;line-height:1.18;max-width:280px;margin:7px auto 10px}.story-copy>span{font-size:10px}.story-open{font-size:10px;padding:8px 15px}.story-navigation{gap:4px;margin-top:10px}.story-navigation button{font-size:9px;padding:8px 10px}.story-scroll-note{font-size:9px;margin:9px 0 0}.story-enabled .story-laptop .device-laptop{width:94%}.story-enabled .story-laptop .device-screen{max-height:30vh}.device-laptop>.device-screen{border-width:5px;border-top-width:9px;border-bottom-width:8px;border-radius:10px 10px 3px 3px}.device-laptop{padding-bottom:10px}.device-laptop:after{height:11px}.device-laptop:before{top:3px;width:3px;height:3px}.work{margin-top:65px}.section-title h2{font-size:35px}.section-title{gap:12px;align-items:flex-start}.section-intro{font-size:12px;max-width:200px;margin-top:12px}.section-title>button{font-size:9px;padding:8px 9px;margin-top:5px}.index-title{font-size:14px}.index-controls{margin-bottom:0}.project-heading h3{font-size:28px}.media .device-stage-phone{height:535px;min-height:0;aspect-ratio:auto;padding:24px 12px 35px}.media .device-stage .device-phone{height:470px;width:auto;aspect-ratio:9/19.5}.media .device-stage-laptop{min-height:270px;aspect-ratio:4/3;padding:25px 12px 40px}.device-laptop{width:94%}.media .device-stage .expand-hint{font-size:10px;right:10px;bottom:10px}.gallery-thumbs{gap:8px}.gallery-caption{font-size:10px;line-height:1.5}.ownership,.ownership.company{font-size:10px}.project-info p{font-size:13px}.about-section{grid-template-columns:1fr;gap:40px;margin-top:80px}.about-photo{width:80%;max-width:330px;margin:auto}.about-photo:before{inset:12px -12px -12px 12px;border-radius:22px}.about-photo img{border-radius:20px}.about-content h2{font-size:35px}.about-content>p{font-size:13px}.about-facts{display:block;margin-top:25px}.about-facts>div+div{margin-top:22px}.about-facts p{font-size:12px}.contact{margin-top:80px;padding:35px 0 45px}.contact h2{font-size:65px;letter-spacing:-2.5px}.contact>a{font-size:5.1vw;letter-spacing:-.5px}.contact>span{font-size:12px}footer{font-size:9px}.image-dialog .zoom-surface.lofi-crop{width:85vw}.image-dialog #expanded-image{max-width:85vw}.about-portrait{width:120px;height:120px}}
@media(max-height:760px) and (min-width:761px){.story-enabled .story-heading h2{font-size:42px}.story-enabled .story-heading>p{font-size:12px}.story-enabled .story-sticky{padding-top:15px}.story-enabled .story-device{max-height:300px}.story-enabled .story-copy h3{font-size:22px}}
.hero h1{line-height:1.06}.hero h1>span{line-height:1.06;padding-top:.10em;padding-bottom:.02em;margin-top:-.10em}.hero h1>span:nth-child(2){margin-top:-.04em}.live-site{overflow:hidden!important;position:relative}.live-site-frame{display:block;position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:top left;background:#fff}.live-toggle{display:flex;gap:3px;width:max-content;padding:4px;border-radius:40px;background:#e8eeed;margin:3px 0 12px}.live-toggle button{font-size:11px;padding:8px 14px;border:0;border-radius:40px;background:transparent;color:#536c76}.live-toggle button[aria-pressed=true]{background:var(--sulphur);color:var(--ink)}.live-hint{font-size:11px;line-height:1.6;color:#73888f;margin:0}.contact .contact-body{font-size:15px;line-height:1.8;color:#647b85;max-width:540px;margin:25px 0 0}.stage-nav a{white-space:nowrap}
.portrait-intro{position:relative}.portrait-crop{display:block;flex:0 0 104px;width:104px;height:104px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px var(--sulphur)}.portrait-intro .portrait-crop img{width:100%;height:100%;border-radius:0;box-shadow:none;transform:scale(2.25);transform-origin:61% 49%;object-fit:cover}.portrait-intro .portrait-crop img:hover{transform:scale(2.35)}.about-photo{overflow:hidden;border-radius:25px;aspect-ratio:1}.about-photo img{transform:scale(1.5);transform-origin:61% 49%}.about-portrait{object-fit:cover;object-position:60% 45%}.screen-next-hotspot{position:absolute;bottom:23px;right:17px;width:29px;height:29px;background:var(--spinel);color:var(--ink);border:2px solid #fff;border-radius:50%;z-index:4;box-shadow:0 3px 10px #17313d33;font-size:16px;opacity:.8}.screen-next-hotspot:hover{opacity:1;transform:scale(1.1)}.device-screen img[role=button]{cursor:pointer}.device-phone .screen-next-hotspot{bottom:18px;right:13px}
.project-picker-dialog .index-title>span:first-child{font-size:20px;font-weight:600;color:var(--ink)}
.story-enabled .story-laptop .device-laptop{max-height:none;height:auto}.device-laptop{box-sizing:content-box}.device-laptop:after{top:calc(100% - 16px);bottom:auto;transform:translateY(1px)}
.story-phones{position:relative}.story-scenario{position:absolute;left:8%;top:0;height:100%;width:70%;margin:0;border-radius:20px;overflow:hidden}.story-scenario>img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block}.story-scenario>figcaption{position:absolute;bottom:10px;left:12px;max-width:75%;font-size:9px;color:#fff;background:#122430aa;padding:5px 8px;border-radius:4px}.story-phones>.device-phone{margin-left:68%;z-index:2;transform:rotate(3deg)}.story-phones>.secondary-phone{display:none}.project-usage{margin-top:35px;border-radius:15px;overflow:hidden;background:#f4f5eb}.project-usage[hidden]{display:none}.usage-figure{margin:0;position:relative}.usage-figure>img{display:block;width:100%;height:auto;max-height:450px;object-fit:cover;object-position:60% 50%}.usage-figure>figcaption{position:absolute;bottom:12px;left:15px;background:#122430bb;color:white;font-size:9px;padding:6px 9px;border-radius:4px}.usage-copy{padding:23px 26px}.usage-copy h4{font-size:24px;letter-spacing:-.6px;margin:0 0 10px}.usage-copy p{font-size:13px;line-height:1.7;color:#657c85;margin:0;max-width:70ch}
.app-demo-screen{position:relative;overflow:hidden!important;background:white}.device-laptop>.app-demo-screen{aspect-ratio:16/10}.app-demo-frame{width:100%;height:100%;border:0;display:block;background:#fff}.device-laptop>.app-demo-screen>.app-demo-frame{position:absolute;inset:0}.demo-loader{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:18px;text-align:center;background:#fffdf9;color:#687e85;font-size:11px}.demo-loader:before{content:'';display:block;width:24px;height:24px;border:2px solid #e1ebec;border-top-color:var(--spinel);border-radius:50%;margin:auto;animation:loader-turn .8s linear infinite}@keyframes loader-turn{to{transform:rotate(360deg)}}
.work-layout{display:block;max-width:1100px;margin:auto}.project-explorer{display:flex;align-items:center;gap:22px;max-width:1100px;margin:8px auto 35px}.project-explorer>button{background:#fffefa;border:1px solid #dce5e6;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:18px;min-width:310px;text-align:left}.project-explorer>button>span:first-child{font-size:10px;color:#6b818a}.project-explorer>button>strong{font-size:14px;font-weight:600}.project-explorer>button>span:last-child{margin-left:auto;color:var(--cerulean)}.project-explorer>span{font-size:11px;color:#7c8c92}.quick-project-nav{margin-left:auto;display:flex;gap:8px}.quick-project-nav button{width:39px;height:37px;border:1px solid #dce5e6;background:white;border-radius:7px;color:var(--ink)}.quick-project-nav button:hover{background:var(--sulphur)}.project-picker-dialog{max-width:540px;width:calc(100% - 28px);padding:36px 30px 24px;border:1px solid #dce5e6;border-radius:18px;overflow:hidden}.project-picker-dialog .index{position:static;top:auto;opacity:1!important;transform:none!important;width:100%}.project-picker-dialog .index-title{padding-right:25px;font-size:20px;margin-bottom:23px}.project-picker-dialog .index-title>span:last-child{font-size:11px}.project-picker-dialog .project-list{max-height:min(480px,48vh);display:flex;flex-direction:column;overflow-y:auto}.project-picker-dialog .project-tab{min-height:66px}.project-picker-dialog .tab-copy{font-size:14px}.project-picker-dialog .index-note{font-size:10px;margin:15px 0 0}.media .device-stage-phone{height:590px;min-height:0;aspect-ratio:auto}.media .device-stage-laptop{aspect-ratio:16/10;max-height:690px;min-height:390px}.story-scene[data-scene="2"] .device-screen{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#101920}.story-scene[data-scene="2"] .device-screen>img{width:100%;height:100%;object-fit:contain;max-height:100%}
.video-screen{padding-top:22px!important;overflow:hidden!important;background:#11191d}.video-screen iframe{display:block;width:100%;height:100%;border:0;background:#11191d}.video-screen iframe:focus-visible{outline:2px solid var(--sulphur)}
@media(max-width:760px){.device-laptop:after{top:calc(100% - 10px)}.stage-nav a{padding:9px 8px}.contact .contact-body{font-size:13px}.live-toggle button{font-size:10px}.portrait-crop{width:85px;height:85px;flex-basis:85px}.portrait-intro .portrait-crop img{width:100%;height:100%}.story-scenario{left:2%;width:82%;border-radius:13px}.story-phones>.device-phone{margin-left:68%;height:85%!important}.story-scenario>figcaption{font-size:7px;bottom:7px;left:7px;padding:4px 5px}.usage-copy{padding:20px}.usage-copy h4{font-size:22px}.usage-copy p{font-size:12px}.usage-figure>figcaption{font-size:8px;left:9px;bottom:9px}.project-explorer{gap:10px;flex-wrap:wrap;margin-bottom:28px}.project-explorer>button{min-width:0;flex:1;gap:12px;padding:11px 12px}.project-explorer>button>span:first-child{font-size:9px}.project-explorer>button>strong{font-size:12px}.project-explorer>span{display:none}.quick-project-nav{gap:5px;margin:0}.quick-project-nav button{width:31px;height:34px}.project-picker-dialog{padding:35px 20px 20px}.project-picker-dialog .project-list{max-height:48dvh}.project-picker-dialog .index-title{font-size:19px}.media .device-stage-phone{height:535px}.media .device-stage-laptop{aspect-ratio:4/3;min-height:270px;max-height:none}}
@media(prefers-reduced-motion:reduce){.story-device{transform:none!important}.portrait-intro img{transform:none}.product-story{transition:none}.reveal{will-change:auto}}

.live-expanded-toolbar{display:none}.device-shell.is-expanded{box-sizing:border-box!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;margin:0!important;background:#fff!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;transform:none!important;overflow:hidden!important}.device-shell.is-expanded:before,.device-shell.is-expanded:after{display:none!important}.device-shell.is-expanded>.live-site{position:absolute!important;inset:48px 0 0!important;width:100%!important;height:calc(100% - 48px)!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important}.is-expanded .live-expanded-toolbar{display:flex;align-items:center;gap:20px;box-sizing:border-box;height:48px;padding:0 18px;background:#fffdf9;border-bottom:1px solid #dce5e6;font-size:12px;color:var(--ink)}.live-expanded-toolbar strong{margin-right:auto}.live-expanded-toolbar a{font-size:11px;text-decoration:none;color:var(--cerulean)}.live-collapse{background:var(--sulphur);border:0;border-radius:20px;padding:8px 13px;color:var(--ink);font:inherit}.live-expanded-dialog{box-sizing:border-box!important;position:fixed;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}.live-expanded-dialog::backdrop{background:#fff}.media-yt-streamer~.project-usage .usage-figure>img{object-position:50% 40%}@media(max-width:600px){.is-expanded .live-expanded-toolbar{gap:10px;padding:0 10px;font-size:10px}.live-expanded-toolbar a{font-size:10px}.live-collapse{padding:8px 10px}.usage-figure>figcaption{max-width:calc(100% - 34px);line-height:1.5}}

.studio-screen-crop,.zoom-surface.studio-crop{position:relative;aspect-ratio:1920/911;overflow:hidden!important;width:100%}.studio-screen-crop>img{position:absolute;top:-11.9649%;left:0;width:100%;height:auto!important;max-height:none!important;display:block}.image-dialog .zoom-surface.studio-crop{width:min(85vw,1400px);max-height:none}.image-dialog .zoom-surface.studio-crop #expanded-image{position:absolute;top:-11.9649%;left:0;width:100%;max-width:none;height:auto!important;max-height:none}.studio-screen{background:#0f0f0f}