@import url("/device-showcase.css?v=xdr-20261010");
.ncase-main{--ncase-ink:#242424;--ncase-muted:#777773;--ncase-line:#e4e4df;--ncase-mat:#eeede7;background:#fff;color:var(--ncase-ink);font-family:'Hanken Grotesk',Arial,sans-serif;position:relative;isolation:isolate}.ncase-main *{box-sizing:border-box}.ncase-main h1,.ncase-main h2,.ncase-main h3,.ncase-main p,.ncase-main figure,.ncase-main dl,.ncase-main dd{margin:0}.ncase-main img{display:block;max-width:100%}.ncase-main a{color:inherit;text-decoration:none}.ncase-container{width:100%;max-width:1580px;margin:0 auto;padding:0 clamp(24px,5vw,80px)}.ncase-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:33px 0 29px;font-size:13px;line-height:1.4}.ncase-breadcrumb a{display:inline-flex;gap:11px;align-items:center}.ncase-breadcrumb a>span{font-size:17px;transition:transform .3s}.ncase-breadcrumb a:hover>span{transform:translateX(-4px)}.ncase-breadcrumb>span{font-size:11px;color:#9c9c95}.ncase-opening{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,1fr);gap:clamp(28px,3.5vw,58px);align-items:stretch}.ncase-cover{position:relative;aspect-ratio:3/2;background:var(--ncase-mat);border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6%;min-width:0;isolation:isolate}.ncase-cover::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(31,29,22,.025);border-radius:inherit;pointer-events:none}.ncase-cover>img{width:100%;height:auto;border-radius:3px;box-shadow:0 14px 26px -17px rgba(39,32,20,.25);border:1px solid rgba(38,31,23,.06)}.ncase-opening-copy{padding:8px 0 6px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0}.ncase-kicker{font-size:11px;color:#999990;line-height:1.5;letter-spacing:.015em;margin-bottom:15px!important}.ncase-opening h1{font-size:clamp(40px,4.2vw,68px);line-height:1.03;letter-spacing:-.045em;font-weight:500}.ncase-brief{font-size:clamp(15px,1.12vw,18px);line-height:1.68;font-weight:400;color:#73736e;margin-top:24px!important;max-width:455px}.ncase-opening-meta>p{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.5;color:#888881}.ncase-opening-meta>p>span{color:#bbbcb4}.ncase-opening-meta>ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:15px 0 0}.ncase-opening-meta li{border:1px solid #dfdfd8;color:#777770;border-radius:4px;padding:7px 10px;font-size:11px;line-height:1.35;white-space:nowrap}.ncase-about{padding:91px 0 76px}.ncase-about h2,.ncase-approach h2{font-weight:500;font-size:clamp(36px,3.45vw,54px);letter-spacing:-.045em;line-height:1.12}.ncase-about-grid{display:grid;grid-template-columns:.95fr 1.5fr;gap:12%;margin-top:40px}.ncase-facts{max-width:430px}.ncase-facts>div{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:15px 0;border-top:1px solid var(--ncase-line)}.ncase-facts dt{font-size:13px;line-height:1.65;color:#97978f}.ncase-facts dd{font-size:14px;line-height:1.75;color:#474743}.ncase-about-copy{padding-top:8px;max-width:710px}.ncase-about-copy>p:first-child{font-size:clamp(23px,2.1vw,32px);line-height:1.4;letter-spacing:-.025em;color:#393935}.ncase-about-copy>p+p{font-size:17px;line-height:1.7;margin-top:24px;color:#83837b;max-width:660px}.ncase-gallery{display:grid;gap:24px}.ncase-gallery figure{position:relative;overflow:hidden;border-radius:18px;background:var(--ncase-mat)}.ncase-web-presentation{height:clamp(570px,61vw,780px);isolation:isolate}.ncase-presentation-desktop{position:absolute;top:7.5%;left:6.5%;width:66%;border-radius:4px;box-shadow:0 24px 52px -28px rgba(54,45,29,.26);overflow:hidden;border:1px solid rgba(65,56,36,.05);background:#e8e7de}.ncase-presentation-desktop>img{width:100%;height:auto}.ncase-presentation-mobile{position:absolute;top:20%;left:76%;width:18.5%;border-radius:5px;box-shadow:0 19px 34px -20px rgba(54,45,29,.24);overflow:hidden;border:1px solid rgba(65,56,36,.09);background:#e8e7de}.ncase-presentation-mobile>img{width:100%;height:auto}.ncase-web-presentation::after{content:'';position:absolute;inset:0;box-shadow:inset 0 -1px rgba(30,26,20,.035);border-radius:inherit;pointer-events:none}.ncase-image-label{position:absolute;left:6.5%;right:6.5%;top:25px;display:flex;justify-content:space-between;font-size:10px;color:#99958b;line-height:1.4;z-index:2;letter-spacing:.025em}.ncase-gallery-pair{display:grid;grid-template-columns:1.216fr 1fr;gap:24px;align-items:start}.ncase-gallery-pair>figure{height:auto}.ncase-gallery-pair>figure>img{width:100%;height:auto}.ncase-website-detail{height:clamp(480px,48vw,650px);padding:5.5% 6.5%;background:#e4e3dc!important}.ncase-detail-window{width:100%;height:100%;overflow:hidden;position:relative;border-radius:4px;box-shadow:0 16px 33px -22px rgba(45,38,25,.24);border:1px solid rgba(45,38,25,.035);background:#e8e7de}.ncase-detail-window>img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}.ncase-approach{padding:89px 0 84px}.ncase-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:43px}.ncase-approach-grid>div{border-top:1px solid var(--ncase-line);padding-top:24px}.ncase-approach-number{font-size:11px;color:#a4a49b;line-height:1.5}.ncase-approach h3{font-size:27px;font-weight:500;line-height:1.16;letter-spacing:-.035em;margin-top:17px}.ncase-approach-grid p{font-size:17px;line-height:1.7;color:#85857c;max-width:545px;margin-top:18px}.ncase-project-links{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:49px}.ncase-project-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:14px;line-height:1.35;min-height:48px;transition:background .25s,color .25s}.ncase-project-links a>span{font-size:18px;display:inline-block;transition:transform .3s}.ncase-project-links a:hover>span{transform:translate(3px,-3px)}.ncase-visit{background:#242424;color:#fff!important;padding:15px 20px;border-radius:4px}.ncase-visit:hover{background:#45453f}.ncase-enquiry{border-bottom:1px solid #b8b8ae;padding:14px 0}.ncase-enquiry:hover{color:#ab482b}.ncase-motion [data-ncase-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.ncase-motion [data-ncase-reveal].ncase-visible{opacity:1;transform:none}
@media(min-width:1700px){.ncase-container{padding-inline:80px}.ncase-opening h1{font-size:64px}.ncase-brief{font-size:18px}.ncase-opening-copy{padding-top:15px}.ncase-opening-meta>p{font-size:13px}.ncase-opening-meta li{font-size:12px}}
@media(max-width:1050px){.ncase-container{padding-inline:4%}.ncase-opening{grid-template-columns:1.55fr 1fr;gap:29px}.ncase-opening h1{font-size:44px}.ncase-opening-copy{padding-top:0;gap:25px}.ncase-kicker{font-size:10px;margin-bottom:12px!important}.ncase-brief{font-size:14px;line-height:1.6;margin-top:20px!important}.ncase-opening-meta>p{font-size:11px;gap:6px}.ncase-opening-meta>ul{gap:6px;margin-top:11px}.ncase-opening-meta li{font-size:10px;padding:6px 8px}.ncase-cover{aspect-ratio:auto;min-height:365px;padding:7%}.ncase-about{padding-top:73px;padding-bottom:62px}.ncase-about-grid{gap:8%;grid-template-columns:1fr 1.45fr;margin-top:34px}.ncase-facts>div{grid-template-columns:76px 1fr;gap:15px}.ncase-about-copy>p:first-child{font-size:25px}.ncase-about-copy>p+p{font-size:16px;line-height:1.7;margin-top:21px}.ncase-gallery,.ncase-gallery-pair{gap:19px}.ncase-web-presentation{height:650px}.ncase-image-label{top:18px;font-size:9px}.ncase-gallery-pair>figure{height:auto}.ncase-website-detail{height:520px}.ncase-approach{padding-top:70px;padding-bottom:72px}.ncase-approach-grid{gap:8%;margin-top:35px}.ncase-approach h3{font-size:25px}.ncase-approach-grid p{font-size:16px;line-height:1.7}}
@media(max-width:760px){.ncase-container{padding-inline:22px}.ncase-breadcrumb{padding:26px 0 23px;font-size:12px}.ncase-breadcrumb>span{font-size:10px}.ncase-opening{display:flex;flex-direction:column;gap:29px}.ncase-cover{aspect-ratio:3/2;min-height:0;padding:6%;border-radius:13px}.ncase-opening-copy{padding:0;gap:29px}.ncase-opening h1{font-size:48px;line-height:1.04;letter-spacing:-.045em}.ncase-kicker{font-size:11px;margin-bottom:13px!important}.ncase-brief{font-size:16px;line-height:1.65;max-width:580px;margin-top:20px!important}.ncase-opening-meta>p{font-size:12px;gap:8px}.ncase-opening-meta>ul{margin-top:14px;gap:7px}.ncase-opening-meta li{font-size:11px;padding:7px 10px}.ncase-about{padding:60px 0 46px}.ncase-about h2,.ncase-approach h2{font-size:37px;line-height:1.12}.ncase-about-grid{grid-template-columns:1fr;gap:25px;margin-top:29px}.ncase-facts{max-width:none}.ncase-facts>div{grid-template-columns:90px 1fr;gap:25px;padding:15px 0}.ncase-facts dt{font-size:13px}.ncase-facts dd{font-size:15px}.ncase-about-copy{padding:0;max-width:600px}.ncase-about-copy>p:first-child{font-size:25px;line-height:1.4;letter-spacing:-.025em}.ncase-about-copy>p+p{font-size:16px;line-height:1.7;margin-top:19px}.ncase-gallery,.ncase-gallery-pair{gap:15px}.ncase-gallery figure{border-radius:13px}.ncase-web-presentation{height:520px}.ncase-presentation-desktop{width:66%;left:6%;top:10%;border-radius:2px}.ncase-presentation-mobile{width:21%;left:73%;top:24%;border-radius:3px}.ncase-image-label{left:6%;right:6%;top:18px;font-size:9px}.ncase-gallery-pair{grid-template-columns:1.216fr 1fr}.ncase-gallery-pair>figure{height:auto}.ncase-website-detail{height:385px;padding:7%}.ncase-approach{padding:58px 0 62px}.ncase-approach-grid{grid-template-columns:1fr;gap:31px;margin-top:31px}.ncase-approach-grid>div{padding-top:22px}.ncase-approach-number{font-size:11px}.ncase-approach h3{font-size:27px;margin-top:14px}.ncase-approach-grid p{font-size:16px;line-height:1.7;margin-top:16px;max-width:580px}.ncase-project-links{display:flex;align-items:stretch;flex-direction:column;gap:16px;margin-top:34px}.ncase-project-links a{font-size:15px;min-height:50px}.ncase-visit{padding:16px 19px}.ncase-enquiry{padding:15px 0}}
@media(max-width:480px){.ncase-container{padding-inline:18px}.ncase-breadcrumb>span{display:none}.ncase-opening{gap:26px}.ncase-opening h1{font-size:45px}.ncase-brief{font-size:16px;line-height:1.7}.ncase-opening-meta li{font-size:10px;padding:7px 8px}.ncase-about h2,.ncase-approach h2{font-size:34px}.ncase-web-presentation{height:440px}.ncase-image-label{font-size:8px;letter-spacing:0;top:16px}.ncase-presentation-desktop{top:12%;width:65%}.ncase-presentation-mobile{width:23%;left:71%;top:27%}.ncase-gallery-pair{grid-template-columns:1fr}.ncase-gallery-pair>figure{height:auto}.ncase-website-detail{height:300px;padding:7%}.ncase-detail-window>img{object-position:50% 57%}.ncase-approach h3{font-size:26px}.ncase-facts>div{grid-template-columns:75px 1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.ncase-main *,.ncase-main *::before,.ncase-main *::after{animation:none!important;transition:none!important}.ncase-motion [data-ncase-reveal]{opacity:1;transform:none}}

/* Keep this case study on a quiet, white canvas, including its shared navigation. */
body.money-case-page{background:#fff;color:#242424}.money-case-page .page-main{background:#fff;max-width:none}.money-case-page .page-header{height:84px;background:rgba(255,255,255,.96);border-bottom:1px solid #e9e9e3;color:#242424}.money-case-page .page-header.scrolled{height:72px}.money-case-page .page-header .brand,.money-case-page .page-header .brand>span{color:#242424}.money-case-page .page-header .brand>span>span{color:#86867f}.money-case-page .page-header .brand svg rect,.money-case-page .page-header .brand svg path:first-of-type{stroke:#242424}.money-case-page .page-nav{color:#4b4b45}.money-case-page .page-nav .nav-contact{border-color:#d9d9d1;color:#242424}.money-case-page .page-nav .nav-contact:hover{border-color:#fe5b2a;background:#fe5b2a}.money-case-page .menu-toggle{color:#242424}
@media(max-width:720px){.money-case-page .page-header,.money-case-page .page-header.scrolled{height:76px}.money-case-page .page-nav{background:#fff;color:#242424}.money-case-page .page-nav>a{border-bottom-color:#deded6}.money-case-page .page-nav .nav-contact{border-color:#c5c5ba}.money-case-page .page-nav>a[aria-current=page]{color:#bc451f}}
/* Product artboards replace the earlier long-page crops. */
.ncase-web-presentation{height:auto;aspect-ratio:1.62}
.ncase-presentation-desktop{top:12%;left:5%;width:74%}
.ncase-presentation-mobile{top:18%;left:76%;width:18%}
.ncase-mobile-image{display:grid;place-items:center;padding:8% 19%;background:#eeede6}
.ncase-mobile-image>img{width:100%;height:auto;border-radius:16px;box-shadow:0 22px 50px #28352022}
.ncase-website-detail{height:auto;padding:5%}
.ncase-detail-window{height:auto}.ncase-detail-window>img{height:auto;object-fit:contain}
@media(max-width:650px){.ncase-web-presentation{aspect-ratio:1.2}.ncase-presentation-desktop{top:17%;width:77%;left:4%}.ncase-presentation-mobile{top:35%;left:72%;width:23%}.ncase-mobile-image{padding:10% 27%}}
/* Complete product screens, framed in quiet aluminium rather than cropped canvases. */
.ncase-cover{padding:5% 7% 4%;background:radial-gradient(ellipse at 50% 15%,#f9f8f3,#e5e2d9 75%);overflow:visible;border-radius:16px}
.ncase-cover>.ds-device{width:100%;max-width:1240px;margin:auto}
.ncase-presentation-desktop{overflow:visible;border:0;box-shadow:none;background:none;top:15%;left:3%;width:79%}
.ncase-presentation-mobile{overflow:visible;border:0;box-shadow:none;background:none;top:17%;left:77%;width:18%}
.ncase-web-presentation{aspect-ratio:1.68;background:radial-gradient(ellipse at 50% 40%,#f6f5ef,#e9e7df);border-radius:16px}
.ncase-mobile-image{padding:8% 19%;border-radius:16px}.ncase-card-image{border-radius:16px;overflow:hidden}.ncase-gallery-pair>figure{height:auto;min-height:0;align-self:stretch}.ncase-card-image>img{display:block;width:100%;height:100%;object-fit:cover}.ncase-gallery-pair{align-items:stretch;gap:24px}
.ncase-website-detail{padding:5% 4%;background:radial-gradient(ellipse at 50% 20%,#f6f4ed,#e7e4da);border-radius:16px}.ncase-detail-window{overflow:visible;box-shadow:none;background:none}
@media(max-width:650px){.ncase-cover{padding:7% 4% 5%;border-radius:12px}.ncase-web-presentation{aspect-ratio:1.18}.ncase-presentation-desktop{width:86%;left:2%;top:17%}.ncase-presentation-mobile{left:72%;width:23%;top:38%}.ncase-mobile-image{padding:9% 23%}.ncase-gallery-pair{gap:16px}.ncase-card-image>img{height:auto}.ncase-website-detail{padding:7% 3%;border-radius:12px}}
.ncase-opening .ncase-cover{width:100%;aspect-ratio:auto;min-height:0;overflow:hidden;align-self:stretch}
.ncase-gallery-pair>.ncase-card-image>img{height:100%;object-fit:cover}
@media(max-width:760px){.ncase-opening .ncase-cover{padding:7% 5% 5%}}
/* Keep the three Money case links distinct on narrow phones. */
@media(max-width:600px){.ncase-breadcrumb:has(.pcl-breadcrumb-side a+a){display:block;padding:14px 0 19px}.ncase-breadcrumb:has(.pcl-breadcrumb-side a+a)>a{min-height:44px;white-space:nowrap}.ncase-breadcrumb:has(.pcl-breadcrumb-side a+a) .pcl-breadcrumb-side{display:flex;gap:25px;justify-content:flex-start}.ncase-breadcrumb:has(.pcl-breadcrumb-side a+a) .pcl-engineering-jump{min-height:40px;gap:8px;font-size:12px}}
/* QA 2026-10-10: a 44px hit area for the breadcrumb utility links without moving the layout. */
.pcl-engineering-jump{padding-block:12px;margin-block:-12px}