@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";
:root{--background:#fff;--foreground:#191919;--muted:#656565;--line:#dedede;--accent:#b7411b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--background);color:var(--foreground);margin:0;font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1240px,100% - 112px);margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:-1.2px;font-size:28px;font-weight:500}.brand span,.accent{color:var(--accent)}nav{gap:40px;font-size:16px;display:flex}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:400;line-height:1.12}.meta{letter-spacing:.11em;color:var(--muted);font-size:12px;line-height:1.6}.hero{padding:75px 0 88px}.eyebrow{margin-bottom:26px}.hero h1{max-width:1160px;font-size:clamp(40px,4.7vw,68px)}.hero-bottom{grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;margin-top:38px;display:grid}.hero-bottom p{max-width:570px;color:var(--muted)}.actions{justify-content:flex-end;align-items:center;gap:28px;font-size:16px;display:flex}.primary{background:var(--foreground);color:#fff;gap:24px;padding:14px 20px;display:flex}.primary:hover{background:var(--accent);color:#fff}.section-head{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;margin-bottom:44px;padding-top:30px;display:grid}.section-head h2{font-size:32px}.section-head p{color:var(--muted);max-width:480px}.section-head .accent{vertical-align:top;letter-spacing:0;font-size:16px}.projects{grid-template-columns:1fr 1fr;gap:50px 40px;display:grid}.featured{grid-column:1/-1}.project-num{padding-bottom:16px}.image-slot{color:#777;background:#f3f3f2;border:1px solid #e8e8e6;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;font-size:14px;display:flex}.image-slot .meta{color:#555}.project-image{object-fit:contain;background:#f3f3f2;width:100%;height:300px;display:block}.featured .work-link{grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;display:grid}.project-copy{padding:24px 0 0}.featured .project-copy{padding:0}.project h3{justify-content:space-between;margin:12px 0 18px;font-size:34px;display:flex}.project h3 span{font-size:25px}.project p{color:var(--muted);max-width:510px}.tags{margin-top:25px;font-size:11px}.credibility{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:76px;padding:28px 0;display:flex}.split{grid-template-columns:1fr 1fr;gap:80px;padding:88px 0;display:grid}.split h2{max-width:360px;font-size:40px}.split p+p{margin-top:22px}.text-link{border-bottom:1px solid;margin-top:30px;font-size:16px;display:inline-block}.contact{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;padding:60px 0 80px;display:grid}.contact h2{font-size:64px}.contact-links{gap:45px;margin-top:28px;display:flex}.contact-links small{color:var(--muted);font-size:12px;display:block}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 0 36px;font-size:14px;display:flex}.case,.about-page{padding-top:45px;padding-bottom:90px}.back{font-size:14px}.case-heading{max-width:870px;padding:60px 0 48px}.case h1,.about-page h1{margin:18px 0 26px;font-size:clamp(48px,7vw,88px)}.lead{letter-spacing:-.025em;margin-bottom:30px;font-size:26px;line-height:1.5}.case>.image-slot,.case>.project-image{height:440px}.case-section{border-bottom:1px solid var(--line);padding:55px 0}.case-section h2{font-size:32px}.content-note{color:var(--muted);margin-top:45px;font-size:16px}.about-page{min-height:75vh;padding-top:80px}.about-page h1{max-width:800px}.about-body{max-width:650px;margin:48px 0 0 auto}.about-body p+p{margin-top:24px}.admin{max-width:860px;margin:60px auto;padding:24px}.admin h1{font-size:40px}.admin label{margin:18px 0;font-size:15px;display:block}.admin input,.admin textarea,.admin select{width:100%;font:inherit;border:1px solid #aaa;border-radius:0;padding:10px;display:block}.admin textarea{min-height:100px}.admin button{font:inherit;cursor:pointer;color:#fff;background:#191919;border:0;margin:5px 8px 5px 0;padding:9px 16px}.admin fieldset{border:1px solid #ddd;margin:25px 0;padding:22px}.admin .toolbar{z-index:1;background:#fff;border-bottom:1px solid #ddd;padding:12px 0;position:sticky;top:0}.error{color:#a32116}.preview-banner{color:#fff;background:#191919;padding:12px 30px;font-size:14px}.admin summary{cursor:pointer;padding:15px 0;font-size:23px}.admin small{color:var(--muted)}@media (max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:82px}nav{gap:20px;font-size:14px}.brand{font-size:25px}.hero{padding:50px 0 58px}.hero h1{font-size:40px}.hero-bottom,.section-head,.split,.contact{grid-template-columns:1fr;gap:24px}.hero-bottom{margin-top:28px}.actions{flex-wrap:wrap;justify-content:flex-start;gap:22px}.section-head h2{font-size:28px}.projects{grid-template-columns:1fr;gap:38px}.featured .work-link{display:block}.featured .image-slot,.featured .project-image{height:260px}.featured .project-copy{padding-top:24px}.project h3{font-size:32px}.credibility{grid-template-columns:1fr 1fr;gap:22px;margin-top:45px;font-size:11px;display:grid}.split{padding:55px 0}.split h2{font-size:34px}.contact{padding:42px 0 55px}.contact h2{font-size:50px}.footer{font-size:12px}.case-heading{padding-top:40px}.lead{font-size:23px}.case>.image-slot,.case>.project-image{height:270px}.about-page{padding-top:50px}.about-body{margin-top:35px}.admin{margin:20px auto}.admin fieldset{padding:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[data-slot=native-select-wrapper]{position:relative}[data-slot=native-select-icon]{display:none}html{scroll-padding-top:110px}.nav{z-index:40;background:#fff;height:88px;position:sticky;top:0;box-shadow:0 0 0 1px #fff}.nav:before{content:"";z-index:-1;border-bottom:1px solid var(--line);background:#fff;position:absolute;inset:0 calc(min(1240px,100vw - 112px)/2 - 50vw)}.brand{font-weight:700}nav a{font-weight:500}h1,h2,h3{letter-spacing:-.035em;font-weight:600}.hero h1{letter-spacing:-.055em;max-width:980px;font-size:clamp(44px,6.4vw,88px);font-weight:700;line-height:1.06}.hero{padding-top:65px}.hero-bottom{margin-top:32px}.section-head h2,.split h2,.case-section h2{font-weight:600}.project h3{font-weight:600;display:block}.project h3 a{justify-content:space-between;align-items:center;display:flex}.project-cover{display:block}.featured .image-slot,.featured .project-image{height:420px}.image-slot{min-height:300px}.store-link{border:1px solid var(--foreground);align-items:center;gap:22px;margin-top:24px;padding:11px 17px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.store-link:hover{background:var(--foreground);color:#fff}.store-pending{color:var(--muted);margin-top:22px;font-size:13px;display:block}.project-external{margin-left:24px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.project-gallery:empty{display:none}.project-gallery .project-image{object-fit:contain;height:auto;max-height:540px}.admin .gallery-image{margin:12px;display:inline-block}.admin .gallery-image img{object-fit:contain;width:140px;height:100px;display:block}@media (max-width:760px){html{scroll-padding-top:88px}.nav{height:72px}.nav:before{inset:0 -20px}.hero{padding-top:46px}.hero h1{font-size:clamp(42px,10.8vw,68px)}.featured .image-slot,.featured .project-image{height:300px}.project-gallery{gap:12px}.image-slot{min-height:260px}.project-external{margin-left:0;display:block}.brand{font-size:25px}}.featured .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.featured .project-gallery .project-image{background:#f3f3f2;width:100%;height:360px}.project-image{padding:18px}.case .project-gallery .project-image{width:100%;height:480px}@media (max-width:760px){.featured .project-gallery .project-image,.case .project-gallery .project-image{height:260px;padding:8px}}.hero h1{max-width:850px}.project-cover .project-image{aspect-ratio:1586/992;object-fit:contain;background:#f3f3f2;height:auto;padding:0}.apex-study{padding:42px 0 90px}.apex-hero{padding-top:54px}.apex-hero h1{margin:14px 0 24px;font-size:clamp(54px,7vw,96px)}.apex-hero>.lead{max-width:880px;margin-bottom:44px}.apex-visual{min-width:0;margin:0}.apex-visual img{object-fit:contain;width:100%;height:auto;display:block}.apex-visual.wide img{max-height:740px}.apex-visual figcaption{color:var(--muted);white-space:pre-line;padding-top:14px;font-size:14px;line-height:1.6}.apex-metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;margin:0;padding:38px 0 60px;display:grid}.apex-metadata dd{margin:8px 0 0;font-size:16px}.apex-metadata .store-link{margin:0}.apex-section{border-top:1px solid var(--line);padding:64px 0 72px;scroll-margin-top:30px}.apex-section-heading{grid-template-columns:1fr 1fr;gap:64px;margin-bottom:36px;display:grid}.apex-section h2{margin-top:12px;font-size:clamp(30px,3vw,42px)}.apex-section-heading>p{color:var(--muted);white-space:pre-line}.apex-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.apex-placeholder{text-align:center;color:#777;background:#f5f5f4;border:1px solid #e4e4e2;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:270px;padding:24px;font-size:14px;display:flex}.apex-placeholder .meta{text-transform:uppercase;max-width:200px}.apex-transition{border-top:1px solid var(--line);grid-template-columns:1fr 80px 1fr;align-items:center;padding-top:30px;display:grid}.apex-transition h3{margin-bottom:20px}.apex-transition .apex-placeholder{background:#fff;border-style:dashed;min-height:220px}.transition-arrow{color:var(--accent);text-align:center;font-size:36px}.apex-caption{color:var(--muted);grid-column:1/-1;margin-top:20px;font-size:14px}.apex-flow+.apex-flow{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}.apex-flow-intro{max-width:760px;margin-bottom:24px}.apex-flow-intro h3{letter-spacing:-.02em;font-size:23px}.apex-flow-intro p{margin-top:14px}.apex-flow-intro .meta{margin-top:10px;display:block}.flow-screens{scroll-snap-type:x proximity;padding-bottom:12px;display:flex;overflow-x:auto}.flow-screens>.apex-visual{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px)}.flow-screens .apex-placeholder{min-height:360px}.flow-screens img{height:470px}.experience-screens{background:#f5f5f4;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:40px}.experience-screens .apex-placeholder{background:#fff;min-height:340px}.experience-screens img{height:530px}.apex-empty{color:var(--muted);border-left:2px solid var(--line);padding:18px 24px;font-size:15px}.foundation-path{justify-content:space-between;gap:12px;padding:20px 0 28px;display:flex}.foundation-path>span:nth-child(2n){color:var(--accent)}.foundation-screens .apex-placeholder{min-height:230px}.shipped-screens{grid-template-columns:1fr;max-width:850px}.shipped-screens .apex-placeholder{min-height:280px}.state-screens img{max-height:320px}.apex-quality .apex-section-heading{margin-bottom:0}.apex-quality .apex-strip{margin-top:28px}.admin details details{border-top:1px solid var(--line);margin-top:20px}.admin details details summary{font-size:20px}.admin [aria-pressed=true]{background:#666}@media (max-width:760px){.apex-study{padding-top:28px}.apex-hero{padding-top:36px}.apex-metadata{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:40px}.apex-metadata dd{font-size:14px}.apex-section{padding:42px 0}.apex-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.apex-strip{grid-template-columns:1fr;gap:24px}.apex-context .apex-strip{display:flex;overflow-x:auto}.apex-context .apex-visual{flex:0 0 80%}.apex-transition{grid-template-columns:1fr}.transition-arrow{padding:10px;transform:rotate(90deg)}.apex-caption{grid-column:auto}.flow-screens>.apex-visual{flex:0 0 82%}.experience-screens{grid-template-columns:1fr;gap:24px;padding:20px}.experience-screens img{height:auto;max-height:600px}.foundation-path{letter-spacing:.03em;font-size:10px}.apex-placeholder{min-height:240px}.apex-hero>.lead{font-size:23px}.apex-metadata .store-link{gap:8px;padding:9px;font-size:12px}}.dragon-study .apex-section{padding:38px 0 44px}.dragon-study .apex-section-heading{margin-bottom:22px}.dragon-study .apex-hero .apex-placeholder{aspect-ratio:16/7;min-height:320px}.dragon-study .apex-strip{grid-template-columns:1fr}.dragon-study .apex-placeholder{min-height:180px}.dragon-study .apex-visual img{max-height:650px}.dragon-study .apex-mimo{max-width:none}.dragon-study .apex-mimo h2{font-size:28px}.dragon-study .apex-mimo .apex-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.dragon-study .apex-mimo .apex-visual img{max-height:300px}.responsive-comparison{grid-template-columns:2fr 1fr;align-items:end;gap:32px;display:grid}.responsive-marker{margin-bottom:16px}.dragon-study .apex-section:has(.apex-strip:empty) .apex-section-heading{margin-bottom:0}@media (max-width:760px){.responsive-comparison{grid-template-columns:1fr}.dragon-study .apex-hero .apex-placeholder{min-height:200px}.dragon-study .apex-mimo .apex-strip{grid-template-columns:1fr 1fr}}.hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 88px);padding:clamp(88px,12vh,160px) 0;display:flex}.hero .eyebrow{color:var(--accent)}@media (max-width:760px){.hero{min-height:calc(100svh - 72px);padding:64px 0 80px}}:root{--section-space:120px;--section-content-gap:56px}#work .section-head{margin-bottom:64px;padding-top:64px}.projects{row-gap:96px}.credibility{margin-top:var(--section-space);padding:40px 0}#about-preview,#contact{padding:var(--section-space) 0}.apex-metadata{padding-top:48px;padding-bottom:var(--section-space)}.apex-section,.dragon-study .apex-section{padding:96px 0 var(--section-space)}.apex-section-heading,.dragon-study .apex-section-heading{margin-bottom:var(--section-content-gap)}.apex-section:has(>.apex-strip:empty) .apex-section-heading{margin-bottom:0}.apex-flow+.apex-flow{margin-top:80px;padding-top:64px}.case-section{padding:96px 0}@media (max-width:760px){:root{--section-space:80px;--section-content-gap:36px}#work .section-head{margin-bottom:40px;padding-top:40px}.projects{row-gap:64px}.credibility{padding:32px 0}.apex-metadata{padding-top:36px}.apex-section,.dragon-study .apex-section{padding:64px 0 var(--section-space)}.apex-flow+.apex-flow{margin-top:56px;padding-top:40px}.case-section{padding:64px 0}}.project-back{justify-content:flex-end;display:flex}.contact-links{flex-wrap:wrap;row-gap:16px}