@font-face{font-family:Nichrome;src:url('/assets/fonts/MDNichromeTest-Bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Montreal;src:url('/assets/fonts/NeueMontreal-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Montreal;src:url('/assets/fonts/NeueMontreal-Medium.otf') format('opentype');font-weight:500;font-display:swap}
:root{--paper:#f8eee8;--ink:#ff5400;--muted:#b26445;--line:#dfc7ba;--gutter:clamp(16px,1.4vw,28px);--body:clamp(17px,1.67vw,27px)}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montreal,Arial,sans-serif;-webkit-font-smoothing:antialiased}body::selection{background:#222;color:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%;display:block}figure,p,h1,h2,h3,h4,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}button{cursor:pointer}h1,h2{font-family:Nichrome,Impact,sans-serif;font-weight:700}h2{font-size:clamp(38px,4.4vw,76px);line-height:.98;letter-spacing:-.035em}p{line-height:1.35}a,button{touch-action:manipulation}.page-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.page-inset{margin-left:var(--gutter);margin-right:var(--gutter)}.muted{color:var(--muted)}.skip-link{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:fixed;left:20px;top:15px;background:white;color:black;padding:12px;z-index:100;transform:translateY(-150%)}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible;transform:none}
.project-nav{position:absolute;z-index:10;top:20px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:50px;font-size:14px;font-weight:500;min-height:40px;transition:background .2s,color .2s}.back-link{background:var(--paper);color:#151515;padding:10px 18px}.back-link>span{font-size:18px}.back-link:hover{background:#d6d3cc}.studio-logo{position:absolute;left:50%;transform:translateX(-50%);width:132px}.studio-logo img{filter:brightness(0) invert(1);width:100%}.talk-link{color:#fff;background:#151515;padding:4px 4px 4px 19px;gap:15px}.arrow-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:#151515;font-size:20px;transition:transform .3s}.talk-link:hover .arrow-circle{transform:rotate(45deg)}
.project-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#333;color:#f3f1ed}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 46%;filter:grayscale(1) brightness(.7);animation:photo-in 1.4s cubic-bezier(.2,.7,.3,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 35%,#0001 60%,#0008)}.hero-brand{position:absolute;top:38%;left:50%;width:clamp(150px,15.5vw,250px);height:auto;transform:translate(-50%,-50%);filter:brightness(0) invert(1);opacity:.93}.hero-bottom{position:absolute;bottom:20px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-bottom h1{font-size:clamp(76px,11.25vw,210px);line-height:.8;letter-spacing:-.02em;white-space:nowrap}.hero-scroll{display:flex;align-items:center;gap:22px;font-size:13px;padding-bottom:6px;white-space:nowrap}.hero-scroll>span:last-child{font-size:30px}.hero-scroll:hover>span:last-child{transform:translateY(5px)}
.project-story{padding-top:clamp(80px,11.1vw,180px);padding-bottom:clamp(75px,8vw,140px)}.story-row{display:grid;grid-template-columns:35% 65%;margin-bottom:70px}.story-row:last-child{margin-bottom:0}.story-label{font-size:18px;padding-right:30px}.story-label .muted{margin-top:8px}.story-copy{max-width:1120px}.story-copy h2{font-family:Montreal,Arial,sans-serif;font-size:clamp(34px,3.25vw,52px);font-weight:500;letter-spacing:-.05em;margin-bottom:28px;line-height:1.05}.story-copy p{font-size:var(--body);letter-spacing:-.025em;margin-top:15px;max-width:1050px}.scope-list{list-style:none;padding:18px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:42px;font-size:18px;margin-top:28px;padding:0 0 8px;border-bottom:1px solid var(--ink)}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.chapter-nav a{border-top:1px solid var(--line);padding:18px 0;font-size:15px;display:flex;align-items:center;gap:20px}.chapter-nav a span{color:var(--muted);font-size:12px}.chapter-nav a:hover{border-color:var(--ink)}.chapter{padding-bottom:clamp(60px,7vw,120px)}.wide-shot{border-radius:5px;overflow:hidden;position:relative}.website-shot{background:#d7d5d0;padding:32px clamp(24px,7.5vw,130px) 28px}.shot-topline,.shot-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em}.shot-topline{margin-bottom:70px}.shot-bottomline{margin-top:55px;letter-spacing:0;font-size:12px}.shot-bottomline>a{border-bottom:1px solid currentColor;padding-bottom:3px}.browser-frame{background:#f5f5f5;border:1px solid #c0bfbb;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #0000000e}.browser-chrome{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px;background:#efefec;color:#777;font-size:10px;gap:15px;border-bottom:1px solid #d5d5d2}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#b9b9b5}.browser-address{padding:3px 10px;text-align:center;font-size:10px;letter-spacing:.025em}.browser-chrome:after{content:'';width:20px}.hero-browser{max-width:1320px;margin:auto;transform:perspective(1500px) rotateX(2deg)}.website-media{position:relative;aspect-ratio:1891/875;overflow:hidden}.website-media>img,.website-media>video{width:100%;height:100%;object-fit:cover}.website-media>video[hidden]{display:none}.section-description{display:grid;grid-template-columns:35% 65%;padding-top:clamp(70px,7vw,120px);padding-bottom:clamp(65px,7vw,110px)}.eyebrow{font-size:12px;letter-spacing:.05em;font-weight:500;padding-top:9px}.section-description>div>p{font-size:var(--body);max-width:920px;letter-spacing:-.025em;margin-top:30px}.section-description>div>p+p{margin-top:15px}.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.discovery-tile{min-width:0;padding:30px clamp(20px,3vw,54px) 32px;overflow:hidden;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;min-height:490px;background:#dedcd7}.listing-tile{background:#1f524b;color:#eeede9}.tile-kicker{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;gap:15px;margin-bottom:60px}.discovery-tile .browser-frame{margin:0 -12% 0 0;transform:translateX(4%);box-shadow:0 20px 40px #0002}.listing-tile .browser-frame{margin:0 0 0 -12%;transform:translateX(-4%)}.discovery-tile img{width:100%;height:auto}.discovery-tile figcaption{font-size:clamp(22px,2.4vw,38px);line-height:1.1;letter-spacing:-.04em;margin-top:60px}.discovery-tile figcaption span{display:block;font-size:13px;letter-spacing:0;margin-top:12px;color:#6b6b65}.listing-tile figcaption span{color:#a4a4a0}
.platform-chapter>.section-description{padding-top:40px}.platform-stage{background:#dedcd7;padding:32px clamp(16px,4vw,70px) 20px;border-radius:5px}.platform-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 34px}.platform-tabs button{display:flex;gap:16px;align-items:center;background:transparent;border:1px solid #a9a7a2;border-radius:40px;padding:13px 25px;font-size:15px;transition:background .2s,color .2s}.platform-tabs button span{font-size:12px;opacity:.65}.platform-tabs button[aria-selected=true]{background:#222;color:#fff;border-color:#222}.platform-tabs button:hover{border-color:#222}.dashboard{display:grid;grid-template-columns:19% 81%;background:#f6f7f8;border:1px solid #bdbdb8;border-radius:10px;overflow:hidden;box-shadow:0 22px 45px #00000010;min-height:510px;font-size:13px;font-family:Montreal,Arial,sans-serif}.dashboard-sidebar{background:#183c38;color:#e8e9e7;padding:22px 16px;display:flex;flex-direction:column}.dashboard-brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:500;padding-bottom:30px}.dashboard-brand img{width:34px;height:48px;object-fit:contain}.dashboard-brand small,.dashboard-user small{display:block;font-size:11px;opacity:.6;font-weight:400;margin-top:4px}.dashboard-menu{display:grid;gap:5px}.dashboard-menu>div{display:flex;gap:11px;align-items:center;padding:12px 10px;color:#a9b0ac;font-size:12px;border-radius:6px}.dashboard-menu>div:first-child{background:#ffffff18;color:white}.dashboard-menu>div>span{width:15px;font-size:15px}.dashboard-user{border:1px solid #ffffff20;border-radius:7px;display:flex;gap:8px;align-items:center;padding:10px 8px;font-size:11px;margin-top:auto}.avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#dfdfdb;color:#323532;font-size:10px}.dashboard-switch{display:flex;gap:5px;padding-top:8px}.dashboard-switch>span{flex:1;border:1px solid #ffffff20;padding:8px 2px;font-size:9px;text-align:center;border-radius:5px;color:#aeb5b1}.dashboard-main{padding:18px 26px 26px;min-width:0;color:#202725}.dashboard-topbar{font-size:10px;color:#858b88;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e6e5;padding-bottom:15px}.dashboard-topbar strong{font-weight:400;color:#353a37}.dashboard-demo{border:1px solid #d8dcd9;border-radius:20px;padding:4px 8px;color:#737a75;font-size:9px}.dashboard-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:26px 0 25px}.dashboard-heading h3{font-size:26px;line-height:1.05;letter-spacing:-.025em;font-weight:500}.dashboard-heading p{font-size:12px;color:#8a908c;margin-top:9px}.dashboard-date{font-size:9px;color:#979c98;padding-top:5px}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid #e1e4e2;border-radius:10px;padding:17px 14px 13px;min-height:106px;box-shadow:0 2px 5px #00000003}.metric-card .metric-label{display:flex;align-items:start;justify-content:space-between;gap:5px;font-size:10px;color:#7d847f;line-height:1.3;min-height:26px}.metric-card .metric-icon{color:#626f66;font-size:16px}.metric-card strong{display:block;font-size:29px;font-weight:500;letter-spacing:-.04em;margin-top:9px}.dashboard-bottom{padding-top:20px;min-height:120px}.dash-quick{border:1px solid #e1e4e2;border-radius:10px;background:#fff;padding:20px}.dash-quick h4,.dash-card h4{font-size:14px;font-weight:500;margin-bottom:16px}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-actions>span{background:#1f524b;color:white;padding:10px 12px;font-size:10px;border-radius:5px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dash-card{padding:18px;background:#fff;border:1px solid #e1e4e2;border-radius:10px}.pipeline-row{display:grid;grid-template-columns:70px 1fr 25px;align-items:center;gap:10px;font-size:10px;margin-top:12px;color:#838a85}.pipeline-track{height:6px;background:#eceeec;border-radius:3px;overflow:hidden}.pipeline-fill{height:100%;background:#505e54;border-radius:3px}.pipeline-row:nth-child(3) .pipeline-fill{background:#7c877f}.pipeline-row:nth-child(4) .pipeline-fill{background:#adb3ae}.dash-followup{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:11px 0;border-bottom:1px solid #eceeec}.dash-followup:last-child{border:0}.dash-followup span{color:#8c938e}.dash-table{width:100%;border-collapse:collapse;font-size:10px}.dash-table th{text-align:left;color:#919993;font-weight:400;padding:10px 0;border-bottom:1px solid #e1e4e2}.dash-table td{padding:13px 6px 13px 0;border-bottom:1px solid #eff0ee}.status-tag{font-size:9px;padding:4px 7px;display:inline-block;border-radius:20px;background:#eef0ed;color:#657468}.status-tag.pending{background:#f1efea;color:#827866}.demo-note{text-align:center;font-size:10px;color:#73746e;margin-top:20px;line-height:1.5}.platform-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:50px}.platform-features>div{border-top:1px solid var(--line);padding-top:20px}.platform-features>div>span{font-size:11px;color:var(--muted)}.platform-features h3{font-weight:400;font-size:clamp(23px,2.1vw,32px);letter-spacing:-.035em;margin-top:28px}.platform-features p{font-size:17px;color:#71716b;max-width:360px;margin-top:13px}
.app-stage{position:relative;overflow:hidden;background:#183c38;color:#f3f1ed;padding:30px clamp(24px,5vw,80px) 25px;border-radius:5px;min-height:940px}.app-stage>.shot-topline{margin-bottom:65px;color:#a5a6a1}.app-stage-heading{text-align:center}.fine-label{font-size:10px;letter-spacing:.15em}.app-stage-heading>p{font-family:Nichrome,Impact,sans-serif;font-size:clamp(44px,5.2vw,80px);letter-spacing:-.02em;line-height:1;margin-top:18px}.phone-trio{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,65px);height:590px;padding-top:70px;perspective:1400px}.phone{position:relative;background:#161616;border:3px solid #62635e;box-shadow:0 0 0 2px #101110,0 24px 40px #0003;overflow:hidden;border-radius:clamp(24px,3vw,44px);padding:7px;flex-shrink:0;width:clamp(160px,20vw,285px);line-height:0}.phone>img{width:100%;height:auto;display:block;border-radius:clamp(17px,2.6vw,35px);pointer-events:none}.phone:after{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:25%;height:12px;border-radius:10px;background:#101010}.phone-left{transform:translateY(45px) rotate(-9deg);z-index:1}.phone-center{transform:translateY(-15px);z-index:2}.phone-right{transform:translateY(45px) rotate(9deg);z-index:1}.app-stage>.shot-bottomline{position:relative;margin-top:65px;color:#a5a6a1}.store-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.store-link{display:flex;align-items:center;gap:15px;padding:14px 18px;border:1px solid #aaa9a3;border-radius:9px;min-width:225px;font-size:21px;line-height:1.15;transition:background .2s,color .2s}.store-link svg{width:28px;height:30px;fill:currentColor}.store-link small{display:block;font-size:10px;margin-bottom:3px}.store-link>span:last-child{font-size:20px;margin-left:auto;padding-left:15px}.store-link:hover{background:#222;color:white;border-color:#222}
.workmate-stage{border-radius:5px;background:#e0e8e2;padding:32px clamp(24px,5vw,80px) 28px;overflow:hidden}.workmate-stage>.shot-topline{margin-bottom:40px;color:#676960}.workmate-art{display:grid;grid-template-columns:43% 57%;min-height:680px;align-items:center}.workmate-art-copy{padding:30px 0 40px 10px}.workmate-art-copy>img{width:75px;height:75px;object-fit:contain;margin-bottom:30px}.workmate-wordmark{font-size:clamp(36px,4.3vw,68px);font-weight:500;letter-spacing:-.05em;line-height:1}.workmate-wordmark>span{display:block;font-family:Nichrome,Impact,sans-serif;font-size:clamp(50px,5.8vw,90px);font-weight:700;line-height:.94;margin-top:25px;letter-spacing:-.025em}.workmate-art-copy>p:not(.workmate-wordmark){font-size:17px;color:#77796f;margin-top:28px;line-height:1.5;letter-spacing:-.015em}.internal-label{display:inline-block;font-size:9px;letter-spacing:.1em;border:1px solid #aaa99f;border-radius:20px;padding:8px 13px;margin-top:30px}.workmate-phones{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;min-width:0}.workmate-phones .phone{width:clamp(175px,19vw,280px)}.welcome-phone{transform:rotate(-8deg) translateY(30px);z-index:1}.workmate-demo-phone{transform:rotate(6deg) translateY(-25px);z-index:2;margin-left:-30px}.wm-screen{position:relative;aspect-ratio:591/1280;background:#f0f1f5;overflow:hidden;border-radius:30px;line-height:1.3;font-family:Montreal,Arial,sans-serif;font-size:11px;color:#202723}.wm-status{padding:12px 18px 17px;display:flex;justify-content:space-between;font-size:10px;font-weight:500}.wm-profile{display:flex;align-items:center;gap:7px;background:#fff;padding:10px;font-size:9px}.wm-profile .avatar{width:24px;height:24px;font-size:8px}.wm-profile small{display:block;font-size:8px;color:#969c97}.wm-bell{margin-left:auto;font-size:19px}.wm-greeting{background:linear-gradient(125deg,#2b6a5f,#123b35);border-radius:18px;padding:18px 14px 15px;margin:10px;color:#fff}.wm-greeting>span{font-size:8px;letter-spacing:.08em;color:#c5cec7}.wm-greeting h3{font-size:27px;margin:8px 0 1px;font-weight:500}.wm-greeting>p{font-size:8px;color:#c1cac2}.wm-counts{display:flex;gap:15px;border-top:1px solid #ffffff25;margin-top:15px;padding-top:12px}.wm-counts>span{font-size:7px;white-space:nowrap;color:#bdc7c0}.wm-counts b{display:block;font-size:17px;color:#fff;font-weight:500}.wm-screen>h4{font-size:12px;margin:14px 10px 2px}.wm-muted{font-size:9px;color:#919b92;margin:0 10px}.wm-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 10px}.wm-actions>span{background:#fff;border:1px solid #e6e8e5;border-radius:12px;padding:10px 2px;font-size:7px;text-align:center;white-space:nowrap}.wm-actions b{display:block;font-size:19px;font-weight:400;color:#667a6b;margin-bottom:5px}.wm-toggle{display:flex;border:1px solid #e3e6e1;border-radius:25px;background:white;margin:12px 10px;padding:3px;font-size:9px}.wm-toggle>*{text-align:center;padding:7px;flex:1}.wm-toggle b{background:#1f524b;border-radius:20px;color:#fff;font-weight:400}.wm-schedule{background:#fff;border:1px solid #e6e8e5;border-radius:14px;padding:13px;margin:0 10px}.wm-schedule h4{font-size:10px;margin-bottom:16px}.wm-schedule>span{display:block;color:#92998e;font-size:7px;margin-bottom:4px}.wm-schedule strong{display:block;font-size:9px;font-weight:500}.wm-schedule p{color:#949b91;font-size:8px;margin-top:3px}.wm-schedule hr{border:0;border-top:1px solid #eef0eb;margin:13px 0}.wm-bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#183c38;border-radius:18px 18px 0 0;padding:12px 3px 11px;color:#9aa397;font-size:17px}.wm-bottom-nav>span{text-align:center}.wm-bottom-nav small{display:block;font-size:7px;margin-top:3px}.wm-bottom-nav .wm-home{font-size:25px;transform:translateY(-8px);color:white}.workmate-stage>.shot-bottomline{margin-top:35px;color:#676960}
.closing{display:grid;grid-template-columns:35% 65%;position:relative;border-top:1px solid var(--line);padding-top:90px;padding-bottom:140px}.closing h2{font-size:clamp(42px,5vw,86px)}.closing-body>p{font-size:var(--body);margin-top:30px;letter-spacing:-.025em}.back-top{position:absolute;bottom:35px;right:var(--gutter);font-size:13px;display:flex;gap:25px;align-items:center}.back-top span{font-size:23px}.project-footer{background:#ff5400;color:#f8eee8;padding-top:65px;padding-bottom:25px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-top>p{font-size:clamp(30px,4.5vw,72px);letter-spacing:-.04em;line-height:1.1}.footer-top>a{display:flex;gap:45px;font-size:clamp(30px,4.5vw,70px);border-bottom:1px solid #aaa;padding-bottom:7px;white-space:nowrap}.footer-top>a:hover span{transform:translate(4px,-4px)}.footer-links{display:flex;gap:30px;justify-content:space-between;padding-top:80px;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-wordmark{display:block;margin:80px 0 45px}.footer-wordmark>img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.92}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#f8eee8}.reveal{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.js-ready .reveal.is-visible{opacity:1;transform:none}@keyframes photo-in{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(min-width:1800px){.dashboard{min-height:600px;font-size:15px}.metric-card{min-height:130px}.metric-card strong{font-size:37px}.metric-card .metric-label{font-size:13px}.dashboard-menu>div{font-size:15px;padding:15px 10px}.dashboard-heading{padding:35px 0}.dashboard-heading h3{font-size:32px}.dashboard-heading p{font-size:16px}.app-stage{min-height:1100px}.phone-trio{height:690px}.phone{width:320px}.workmate-phones .phone{width:310px}.workmate-art{min-height:770px}.wm-screen{font-size:13px}.wm-greeting{padding:24px 18px}.wm-schedule{padding:20px}}
@media(max-width:1000px){.project-hero{min-height:600px}.hero-scroll>span:first-child{display:none}.hero-brand{width:180px}.story-label{font-size:15px}.scope-list{font-size:13px}.story-row,.section-description,.closing{grid-template-columns:30% 70%}.story-copy h2{font-size:34px}.discovery-tile{min-height:380px;padding:25px 25px}.tile-kicker{margin-bottom:40px}.discovery-tile figcaption{margin-top:40px}.dashboard{grid-template-columns:18% 82%;min-height:460px}.dashboard-sidebar{padding:20px 8px}.dashboard-brand{font-size:14px;gap:4px}.dashboard-brand img{width:25px;height:38px}.dashboard-menu>div{font-size:10px;padding:10px 5px}.dashboard-menu>div>span{font-size:12px;width:12px}.dashboard-main{padding:16px}.dashboard-metrics{gap:8px}.metric-card{padding:12px 9px;min-height:90px}.metric-card strong{font-size:24px}.metric-card .metric-label{font-size:9px}.metric-card .metric-icon{display:none}.dashboard-user{font-size:8px;gap:5px}.dashboard-user .avatar{width:22px;height:22px;font-size:8px}.dashboard-user small{font-size:8px}.dashboard-date{display:none}.dashboard-heading{padding:22px 0}.platform-features{gap:25px}.platform-features h3{font-size:24px}.platform-features p{font-size:15px}.app-stage{min-height:760px}.phone-trio{height:480px;padding-top:50px;gap:30px}.phone{width:22vw}.app-stage>.shot-topline{margin-bottom:50px}.app-stage>.shot-bottomline{margin-top:35px}.workmate-art{min-height:570px;grid-template-columns:41% 59%}.workmate-phones .phone{width:22vw}.workmate-phones{gap:10px}.workmate-wordmark{font-size:36px}.workmate-wordmark>span{font-size:55px}.workmate-art-copy>p:not(.workmate-wordmark){font-size:14px}.wm-greeting{padding:12px 10px;margin:7px}.wm-status{padding:9px 14px 13px}.wm-profile{padding:7px}.wm-greeting h3{font-size:21px}.wm-counts{gap:11px;margin-top:10px;padding-top:8px}.wm-counts>span{font-size:6px}.wm-counts b{font-size:14px}.wm-screen>h4{margin-top:9px;font-size:10px}.wm-actions{margin:8px 7px;gap:3px}.wm-actions>span{font-size:6px;padding:7px 1px}.wm-actions b{font-size:16px}.wm-toggle{margin:8px 7px;font-size:7px}.wm-toggle>*{padding:5px}.wm-schedule{padding:10px;margin:0 7px}.wm-schedule h4{margin-bottom:9px;font-size:8px}.wm-schedule hr{margin:8px 0}.wm-schedule strong{font-size:8px}.wm-schedule p{font-size:6px}.wm-bottom-nav{padding:8px 2px}.phone:after{height:9px;top:10px}.footer-links{gap:16px}}
@media(max-width:700px){:root{--body:20px;--gutter:16px}html{scroll-padding-top:24px}.project-nav{top:16px;gap:10px}.pill{font-size:12px;min-height:36px}.back-link{padding:8px 13px;gap:8px}.back-link>span{font-size:15px}.talk-link{padding:3px 3px 3px 13px;gap:10px}.arrow-circle{width:29px;height:29px;font-size:18px}.studio-logo{display:none}.project-hero{height:100svh;min-height:550px;max-height:1000px}.hero-photo{object-position:58% center}.hero-brand{width:175px;top:40%}.hero-bottom{bottom:22px}.hero-bottom h1{font-size:15vw;line-height:.82}.hero-scroll{padding-bottom:0}.hero-scroll>span:last-child{font-size:25px}.project-story{padding-top:75px;padding-bottom:60px}.story-row{display:block;margin-bottom:55px}.story-label{font-size:13px;margin-bottom:26px}.story-label .muted{display:inline-block;margin:5px 0 0;font-size:12px}.story-copy h2{font-size:35px;margin-bottom:20px}.story-copy p{font-size:20px;margin-top:14px;line-height:1.35}.scope-list{display:flex;flex-wrap:wrap;gap:4px 15px;padding-top:9px;font-size:12px;max-width:330px}.text-link{font-size:16px;margin-top:22px}.chapter-nav{grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:24px}.chapter-nav a{padding:15px 0;font-size:12px;gap:13px}.chapter-nav a span{font-size:10px}.chapter{padding-bottom:60px}.website-shot{padding:20px 18px 18px}.shot-topline{font-size:8px;letter-spacing:.04em;margin-bottom:30px;gap:10px}.shot-bottomline{font-size:9px;gap:10px;margin-top:28px}.browser-frame{border-radius:5px}.browser-chrome{height:23px;padding:0 8px;font-size:7px;gap:5px}.browser-dots{gap:3px}.browser-dots i{width:3px;height:3px}.browser-address{font-size:7px;padding:2px 5px}.browser-chrome:after{width:10px}.hero-browser{transform:none}.section-description{display:block;padding-top:55px;padding-bottom:40px}.eyebrow{font-size:10px;margin-bottom:25px;padding-top:0}.section-description h2{font-size:43px;line-height:.98}.section-description>div>p{font-size:20px;margin-top:23px;line-height:1.35}.discovery-grid{grid-template-columns:1fr;gap:12px}.discovery-tile{min-height:340px;padding:24px 27px}.tile-kicker{font-size:8px;margin-bottom:40px}.discovery-tile figcaption{font-size:30px;margin-top:35px}.discovery-tile figcaption span{font-size:11px;margin-top:8px}.platform-chapter>.section-description{padding-top:12px}.platform-stage{padding:22px 10px 14px}.platform-tabs{gap:6px;margin-bottom:23px}.platform-tabs button{padding:10px 17px;gap:8px;font-size:12px}.platform-tabs button span{font-size:9px}.dashboard{display:block;min-height:0;border-radius:5px}.dashboard-sidebar{display:none}.dashboard-main{padding:12px 12px 16px}.dashboard-topbar{font-size:8px;padding-bottom:10px}.dashboard-demo{font-size:7px;padding:3px 6px}.dashboard-heading{padding:20px 0}.dashboard-heading h3{font-size:23px}.dashboard-heading p{font-size:10px;margin-top:7px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:87px;padding:12px}.metric-card .metric-label{font-size:10px;min-height:15px}.metric-card .metric-icon{display:inline;font-size:12px}.metric-card strong{font-size:29px;margin-top:10px}.dashboard-bottom{padding-top:12px;min-height:0}.dash-quick{padding:15px}.dash-actions{gap:6px}.dash-actions>span{font-size:9px;padding:9px 10px}.dash-grid{grid-template-columns:1fr;gap:8px}.dash-card{padding:14px}.dash-card h4,.dash-quick h4{font-size:12px;margin-bottom:10px}.dash-followup{font-size:10px}.dash-table{font-size:8px}.dash-table td{padding:11px 2px}.status-tag{font-size:7px;padding:4px 5px}.demo-note{font-size:9px;max-width:260px;margin:15px auto 0}.platform-features{grid-template-columns:1fr;gap:25px;padding-top:35px}.platform-features>div{display:grid;grid-template-columns:25px 1fr;column-gap:10px;padding-top:17px}.platform-features>div>span{padding-top:5px}.platform-features h3{font-size:25px;margin-top:0}.platform-features p{grid-column:2;margin-top:10px;max-width:none;font-size:16px}.app-stage{padding:23px 20px 22px;min-height:0}.app-stage>.shot-topline{font-size:7px;margin-bottom:48px}.fine-label{font-size:8px}.app-stage-heading>p{font-size:43px;margin-top:15px}.phone-trio{height:390px;gap:15px;padding-top:45px;width:130%;margin-left:-15%}.phone{width:36vw;max-width:185px;padding:5px;border-width:2px;border-radius:25px}.phone>img{border-radius:18px}.phone:after{top:9px;height:8px;width:26%}.phone-left{transform:translateY(30px) rotate(-9deg)}.phone-center{transform:translateY(-10px)}.phone-right{transform:translateY(30px) rotate(9deg)}.app-stage>.shot-bottomline{font-size:8px;margin-top:37px;align-items:end}.store-links{gap:10px;margin-top:25px}.store-link{min-width:0;flex:1;font-size:16px;padding:12px 10px;gap:8px;border-radius:6px}.store-link svg{width:21px;height:25px}.store-link small{font-size:8px}.store-link>span:last-child{font-size:16px;padding-left:0}.workmate-stage{padding:23px 20px 20px}.workmate-stage>.shot-topline{font-size:7px;gap:6px;margin-bottom:20px}.workmate-art{display:block;min-height:0}.workmate-art-copy{padding:15px 0 30px;text-align:center}.workmate-art-copy>img{width:48px;height:48px;margin:0 auto 17px}.workmate-wordmark{font-size:35px}.workmate-wordmark>span{font-size:51px;margin-top:16px}.workmate-art-copy>p:not(.workmate-wordmark){font-size:13px;margin-top:20px}.internal-label{font-size:8px;padding:7px 11px;margin-top:18px}.workmate-phones{gap:15px;min-height:440px;max-width:480px;margin:auto}.workmate-phones .phone{width:44vw;max-width:210px}.workmate-demo-phone{margin-left:-20px;transform:rotate(6deg) translateY(-5px)}.welcome-phone{transform:rotate(-8deg) translateY(20px)}.wm-screen{border-radius:18px}.wm-status{padding:8px 12px 13px;font-size:9px}.wm-profile{font-size:8px;padding:7px;gap:5px}.wm-profile .avatar{width:20px;height:20px;font-size:7px}.wm-profile small{font-size:6px}.wm-greeting{border-radius:12px;padding:12px 9px;margin:7px}.wm-greeting>span{font-size:6px}.wm-greeting h3{font-size:23px;margin-top:6px}.wm-greeting>p{font-size:6px}.wm-counts{gap:10px;margin-top:10px;padding-top:8px}.wm-counts>span{font-size:5px}.wm-counts b{font-size:14px}.wm-screen>h4{font-size:10px;margin:10px 8px 2px}.wm-muted{font-size:7px;margin:0 8px}.wm-actions{gap:3px;margin:9px 7px}.wm-actions>span{font-size:5px;padding:7px 1px;border-radius:8px}.wm-actions b{font-size:16px}.wm-toggle{font-size:7px;padding:2px;margin:9px 7px}.wm-toggle>*{padding:5px 3px}.wm-schedule{padding:10px;margin:0 7px;border-radius:10px}.wm-schedule h4{font-size:8px;margin-bottom:10px}.wm-schedule strong{font-size:7px}.wm-schedule>span{font-size:6px}.wm-schedule p{font-size:6px}.wm-schedule hr{margin:9px 0}.wm-bottom-nav{border-radius:14px 14px 0 0;padding:8px 2px 9px;font-size:14px}.wm-bottom-nav small{font-size:5px}.wm-bottom-nav .wm-home{font-size:21px}.workmate-stage>.shot-bottomline{font-size:8px;margin-top:35px;gap:10px;align-items:end}.closing{display:block;padding-top:55px;padding-bottom:100px}.closing h2{font-size:44px}.closing-body>p{font-size:20px;margin-top:23px}.back-top{bottom:30px;font-size:12px}.project-footer{padding-top:40px;padding-bottom:20px}.footer-top{display:block}.footer-top>p{font-size:36px}.footer-top>a{font-size:42px;display:inline-flex;margin-top:30px;gap:55px}.footer-links{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:20px;padding-top:50px}.footer-wordmark{margin:55px 0 30px}.footer-bottom{font-size:8px;gap:10px}}
@media(max-width:380px){.hero-bottom h1{font-size:14.5vw}.hero-scroll{display:none}.platform-tabs button{padding:9px 13px;gap:6px}.store-links{flex-direction:column}.store-link{max-width:230px}.phone-trio{height:350px}.workmate-phones{min-height:380px}.wm-schedule>p{display:none}.wm-schedule hr{margin:7px 0}}


/* Detail nav stays on screen like the reference case-study pages */
.project-nav{position:fixed;top:20px;left:var(--gutter);right:var(--gutter)}
.project-nav .back-link{display:inline-flex;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s}
.project-nav .back-link svg{width:9px;height:12px;flex:0 0 auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.project-nav .back-link:hover{transform:translateX(-2px)}
.project-nav .back-link:hover svg{transform:translateX(-3px)}
.project-nav .talk-link{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.project-nav .talk-link:hover{transform:translateY(-2px)}
@media (max-width:767px){.project-nav{top:14px}}

.project-nav .studio-logo img{transition:filter .3s}
.project-nav.is-past-hero .studio-logo img{filter:brightness(0)}

/* Detail nav: matches the reference case-study header (fixed, full-width, 36px pills) */
.project-nav{top:0;left:0;right:0;padding:20px 18px 18px;gap:10px}
.project-nav .pill{min-height:36px;height:36px;font-family:Montreal,Arial,sans-serif;font-weight:500;line-height:1}
.project-nav .back-link{background:#fdf8f5;color:#000;padding:0 16px;gap:8px;font-size:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.project-nav .back-link>span{font-size:14px}
.project-nav .back-link svg{width:10.4px;height:10.4px;flex:0 0 auto}
.project-nav .back-link:hover{transform:translateX(-2px);background:#fdf8f5}
.project-nav .talk-link{position:relative;overflow:hidden;clip-path:inset(0 round 50px);background:#000;color:#fff;padding:3px 3px 3px 20px;gap:8px;font-size:12px;isolation:isolate}
.project-nav .talk-link .talk-text{position:relative;z-index:2;color:#fff;font-size:12px;padding-right:8px}
.project-nav .talk-link .arrow-circle{position:relative;z-index:2;width:30px;height:30px;background:#ff5400;color:#fff;font-size:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.project-nav .talk-link .arrow-circle svg{width:10px;height:10px}
.project-nav .talk-link .talk-fill{position:absolute;z-index:1;right:3px;top:3px;width:30px;height:30px;border-radius:50%;background:#ff5400;transform:scale(0);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.project-nav .talk-link:hover{transform:none}
.project-nav .talk-link:hover .talk-fill{transform:scale(10)}
.project-nav .talk-link:hover .arrow-circle{transform:rotate(45deg) scale(1.05);animation:nv-arrow-bounce .9s cubic-bezier(.34,1.56,.64,1) .3s infinite alternate}
@keyframes nv-arrow-bounce{from{transform:rotate(45deg)}to{transform:rotate(0deg)}}
@media (max-width:767px){.project-nav{padding:14px 16px}}

/* Preserve the supplied admin interfaces as complete screenshot previews. */
.platform-screenshot-panel{width:100%;overflow:hidden;border:1px solid #bdc3c0;border-radius:10px;background:#f7f8fa;box-shadow:0 22px 45px #00000010}
.platform-screenshot{display:block;width:100%;height:auto;max-width:100%;filter:none}

/* App photography follows the client's emerald, gold and ivory palette. */
.app-shoots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter)}
.app-shoots>figure{overflow:hidden;border-radius:5px;aspect-ratio:4/5;background:#183c38}
.app-shoots img{display:block;width:100%;height:100%;object-fit:cover;filter:none}
@media(max-width:700px){.app-shoots{grid-template-columns:1fr;gap:12px}}

/* The original in-screen CRM/CMS/HRMS switcher is the only tab control. */
.platform-stage.platform-shoot-stage{padding:20px 0 0;background:#1f524b;overflow:hidden}
.platform-laptop-scene{position:relative;width:100%;aspect-ratio:1448/1086;overflow:hidden}
.platform-laptop-canvas{position:absolute;left:0;top:0;width:1448px;height:1086px;transform:scale(var(--laptop-scale,1));transform-origin:0 0;isolation:isolate}
.platform-laptop-plate{position:absolute;inset:0;z-index:2;display:block;width:1448px;height:1086px;max-width:none;filter:none;pointer-events:none}
.platform-laptop-scene .platform-screenshot-panel{position:absolute;left:0;top:0;z-index:1;width:1902px;height:1078px;border:0;border-radius:0;box-shadow:none;background:#f7f8fa;transform-origin:0 0;transform:matrix3d(0.5783385909569,6.938893903907e-18,0,0,0,0.5797773654917,0,0,0,0,1,0,175,97,0,1);overflow:hidden;backface-visibility:hidden}
.platform-laptop-scene .platform-screenshot{display:block;width:100%;height:100%;max-width:none;filter:none}
.platform-laptop-scene .platform-in-screen-tabs{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent}
.platform-laptop-scene .platform-in-screen-tabs button{position:absolute;display:block;margin:0;padding:0;min-height:0;border:0;border-radius:8px;background:transparent;color:transparent;font-size:0;cursor:pointer;outline-offset:0;transition:box-shadow .15s}
.platform-laptop-scene .platform-in-screen-tabs button:hover{background:#c8b47920;box-shadow:inset 0 0 0 2px #c8b479}
.platform-laptop-scene .platform-in-screen-tabs button:focus-visible{outline:3px solid #c8b479;background:#c8b47920}
.platform-laptop-scene .platform-in-screen-tabs button[aria-selected="false"]{animation:platform-tab-pulse 1.6s ease-in-out infinite}
@keyframes platform-tab-pulse{0%,100%{background:#c8b47908;box-shadow:inset 0 0 0 1px #c8b47945}50%{background:#c8b47945;box-shadow:inset 0 0 0 3px #c8b479}}
@media(max-width:700px){.platform-stage.platform-shoot-stage{padding-top:12px}}

/* Reference-matched laptop shots retain each card's original background. */
.discovery-tile.discovery-shoot-tile{padding:28px 0 26px;min-height:0;justify-content:flex-start}
.discovery-shoot-tile .tile-kicker{padding:0 clamp(20px,3vw,54px);margin-bottom:14px}
.discovery-laptop-scene{position:relative;width:100%;aspect-ratio:1219/1180;overflow:hidden}
.discovery-laptop-canvas{position:absolute;left:0;top:0;width:1219px;height:1290px;transform:scale(var(--discovery-laptop-scale,1));transform-origin:0 0}
.discovery-laptop-pose{position:absolute;inset:0;width:1219px;height:1290px;transform:rotate(var(--discovery-pose-angle,0deg));transform-origin:50% 50%;isolation:isolate}
.listing-tile .discovery-laptop-pose{--discovery-pose-angle:-6deg}
.discovery-tile .discovery-laptop-plate{position:absolute;inset:0;z-index:2;width:1219px;height:1290px;max-width:none;filter:none;pointer-events:none}
.discovery-laptop-screen{position:absolute;left:0;top:0;z-index:1;width:1902px;height:1128px;overflow:hidden;transform-origin:0 0;transform:matrix3d(0.4524909594125,0.02318403547211,0,-7.820569351565e-06,-0.01783217798312,0.4641955941104,0,1.278946469431e-05,0,0,1,0,223,82,0,1);backface-visibility:hidden;background:#f7f8fa}
.discovery-laptop-screen{background:#fff}.discovery-laptop-screen img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;filter:none}
.discovery-shoot-tile figcaption{padding:0 clamp(20px,3vw,54px);margin-top:24px}
@media(max-width:700px){.discovery-tile.discovery-shoot-tile{padding:24px 0}.discovery-shoot-tile .tile-kicker{padding:0 24px;margin-bottom:10px}.discovery-shoot-tile figcaption{padding:0 24px;margin-top:22px}}
@media(max-width:380px){.platform-shoot-stage .platform-tabs button span{display:none}}

/* Four real 27 Workmate screens, staggered like the phone shoot reference. */
.workmate-gallery-stage{position:relative;height:clamp(600px,48vw,760px);padding:0 clamp(24px,4vw,64px);overflow:hidden;background:radial-gradient(ellipse at 83% 18%,#e6d8bd66,transparent 55%),radial-gradient(ellipse at 64% 86%,#dce9b955,transparent 55%),#eef0e7}
.workmate-gallery-stage>.shot-topline{position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);top:30px;z-index:3;margin:0}
.workmate-gallery{display:grid;grid-template-columns:34% 66%;align-items:center;gap:0;height:100%}
.workmate-gallery .workmate-art-copy{position:relative;z-index:2;padding:40px 15px 40px 0}
.workmate-gallery .workmate-art-copy>img{width:56px;height:56px;margin-bottom:22px}
.workmate-gallery .workmate-wordmark{font-size:clamp(30px,3.2vw,44px)}
.workmate-gallery .workmate-wordmark>span{font-size:clamp(34px,3.5vw,50px);margin-top:18px}
.workmate-gallery .workmate-art-copy>p:not(.workmate-wordmark){font-size:15px;margin-top:20px}
.workmate-gallery .internal-label{font-size:8px;margin-top:22px}
.workmate-screen-wall{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,clamp(160px,16vw,220px)));align-items:start;justify-content:center;gap:clamp(18px,2.3vw,32px);height:100%;min-height:0;min-width:0;overflow:visible}
.workmate-screen-column{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;container-type:inline-size}
.workmate-screen-column-left{margin-top:-100px}
.workmate-screen-column-right{margin-top:50px}
.workmate-device{position:relative;width:100%;padding:7px;border:2px solid #a69b85;border-radius:42px;background:#111311;box-shadow:inset 0 0 0 2px #3f4139,0 2px 0 1px #bfb7a4,0 16px 30px -16px #183c3859;line-height:0}
.workmate-device>img{display:block;width:100%;height:auto;border-radius:32px}
.workmate-device:after{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:26%;height:15px;border-radius:20px;background:#111311}
@supports(width:1cqw){.workmate-device{padding:2cqw;border-radius:12cqw}.workmate-device>img{border-radius:9cqw}.workmate-device:after{top:3.7cqw;height:4.2cqw}}
.workmate-gallery-stage>.shot-bottomline{position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);bottom:25px;z-index:3;margin:0}
.workmate-gallery-stage>.shot-bottomline>span:last-child{display:none}
@media(max-width:1000px) and (min-width:701px){.workmate-gallery{grid-template-columns:30% 70%}.workmate-gallery .workmate-wordmark{font-size:28px}.workmate-gallery .workmate-wordmark>span{font-size:36px}.workmate-screen-wall{grid-template-columns:repeat(2,minmax(0,180px));gap:18px}.workmate-screen-column-left{margin-top:-70px}.workmate-screen-column-right{margin-top:40px}}
@media(max-width:700px){.workmate-gallery-stage{height:clamp(720px,195vw,840px);padding:0 18px}.workmate-gallery-stage>.shot-topline{left:18px;right:18px;top:20px}.workmate-gallery{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:start}.workmate-gallery .workmate-art-copy{padding:48px 0 38px;text-align:center}.workmate-gallery .workmate-art-copy>img{width:38px;height:38px;margin:0 auto 14px}.workmate-gallery .workmate-wordmark{font-size:28px}.workmate-gallery .workmate-wordmark>span{font-size:36px;margin-top:12px}.workmate-gallery .workmate-art-copy>p:not(.workmate-wordmark){font-size:12px;margin-top:16px}.workmate-gallery .internal-label{font-size:7px;margin-top:16px;padding:6px 10px}.workmate-screen-wall{grid-template-columns:repeat(2,minmax(0,clamp(100px,33vw,130px)));gap:18px}.workmate-screen-column{gap:18px}.workmate-screen-column-left{margin-top:-25px}.workmate-screen-column-right{margin-top:25px}.workmate-gallery-stage>.shot-bottomline{display:none}}

/* cursor palette for this project (see nv-cursor.css) */
:root{--dc-light:#1f524b;--dc-light-chip:#1f524b;--dc-light-chip-text:#f8eee8;--dc-dark:#bfa270;--dc-dark-chip:#bfa270;--dc-dark-chip-text:#12322c;--dc-brand:#f8eee8;--dc-brand-chip:#f8eee8;--dc-brand-chip-text:#ff5400}

/* music button inside the detail nav: sits left of Let's Talk, same 36px height as the pills */
.project-nav .nv-music-btn--detail{margin:0 10px 0 auto;width:36px;height:36px;font-size:16px}
.project-nav .nv-music-btn--detail+.talk-link{margin-left:0}
.project-nav .back-link{margin-right:auto}

/* ---- case-study layout, matched to the reference detail pages: story, tags, then a text-free gallery ---- */
@font-face{font-family:Nichrome;src:url('/assets/fonts/MDNichromeTest-Dark.woff') format('woff');font-weight:500;font-display:swap}
.story-label{font-size:18px;font-weight:500;line-height:1.1}
.story-copy h2{font-family:Nichrome,Impact,sans-serif;font-weight:500;font-size:clamp(38px,3.75vw,54px);letter-spacing:0;line-height:1;margin-bottom:28px}
.story-copy p{font-size:clamp(18px,1.67vw,24px);line-height:1.25;letter-spacing:0;margin-top:15px;max-width:910px}
.story-copy p+p{margin-top:14px}
.project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:clamp(50px,6vw,90px) 0 0 35%}
.project-tags span{display:inline-block;border:1px solid currentColor;border-radius:50px;padding:14px 28px;font-size:clamp(16px,1.5vw,22px);font-weight:500;line-height:1;white-space:nowrap}
.cs-gallery{display:grid;gap:var(--gutter)}
.cs-gallery>*{margin-top:0!important;margin-bottom:0!important}
.cs-gallery .recording-showcase{margin-top:0}
.cs-gallery .chatbot-showcase:not(.cs-panel){display:block;padding:0;background:transparent;border-radius:5px;overflow:hidden}
.cs-gallery .chatbot-showcase:not(.cs-panel) .chatbot-demo{width:100%;max-width:none;margin:0}
.cs-gallery .chatbot-showcase:not(.cs-panel) .chatbot-video{width:100%;border-radius:5px}
.cs-gallery .discovery-grid{padding:0;margin-left:var(--gutter);margin-right:var(--gutter);gap:var(--gutter)}
.cs-gallery .discovery-tile{min-height:0;justify-content:center;padding:clamp(24px,3.5vw,54px)}
.cs-gallery .tz-wide,.cs-gallery .tz-guide-grid{margin-top:0}
.project-links{padding-top:clamp(50px,6vw,90px);padding-bottom:clamp(60px,8vw,140px);display:flex;justify-content:center}
.project-links .store-links{margin-top:0;justify-content:center}
@media(max-width:700px){.project-tags{margin-left:0;justify-content:flex-start;gap:10px}.project-tags span{padding:11px 18px}}
@media(max-width:700px){.project-links{padding-top:40px;padding-bottom:70px}.project-links .store-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.project-links .store-link{flex:0 1 auto;min-width:0;padding:9px 14px;gap:9px;font-size:14px;border-radius:50px;line-height:1.1}.project-links .store-link svg{width:16px;height:18px}.project-links .store-link small{font-size:8px;margin-bottom:1px}.project-links .store-link>span:last-child{display:none}}
/* phone layout matched to the reference detail pages: 8px gutters, story keeps two columns, pairs stay side by side */
@media(max-width:700px){
  :root{--gutter:8px}
  .project-story{padding-top:60px;padding-bottom:40px}
  .story-row{display:grid;grid-template-columns:30% 70%;margin-bottom:48px}
  .story-label{font-size:15px;line-height:1.1;margin-bottom:0;padding-right:10px}
  .story-copy h2{font-size:clamp(40px,12.8vw,54px);line-height:.9;margin-bottom:18px}
  .story-copy p{font-size:14px;line-height:1.28;margin-top:12px}
  .story-copy p+p{margin-top:10px}
  .project-tags{margin:40px 0 0;justify-content:center;gap:8px}
  .project-tags span{font-size:14px;padding:11px 18px}
  .cs-gallery{gap:8px;margin-top:0}
  .cs-gallery .app-shoots{grid-template-columns:1fr 1fr;gap:8px}
  .cs-gallery .discovery-grid{grid-template-columns:1fr 1fr;gap:8px}
  .cs-gallery .discovery-tile.discovery-shoot-tile{padding:16px 0}
  .cs-gallery .chatbot-showcase.cs-panel{padding:30px 18px;gap:24px}
  .cs-gallery .chatbot-showcase.cs-panel h2{font-size:30px}
  .cs-gallery .chatbot-showcase.cs-panel p{font-size:14px;line-height:1.3}
  .project-links{padding-top:32px;padding-bottom:56px}
}