@import url("/device-showcase.css?v=xdr-20261010");
/* Shared editorial basics only. Each project below has its own reading order and image rhythm. */
.pcl-case{--pcl-ink:#222422;--pcl-muted:#5b655f;background:#fff;color:var(--pcl-ink)}.pcl-case h1,.pcl-case h2,.pcl-case h3{font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:500}.pcl-case h1{font-size:clamp(64px,8vw,126px);line-height:1;letter-spacing:-.065em}.pcl-case h2{font-size:clamp(33px,3.3vw,51px);line-height:1.08;letter-spacing:-.047em}.pcl-case h3{font-size:25px;line-height:1.16;letter-spacing:-.03em}.pcl-case p{font-size:17px;line-height:1.7;color:var(--pcl-muted)}.pcl-case .pcl-kicker{font-size:10px;line-height:1.6;color:#6d7369;letter-spacing:.055em;text-transform:uppercase}.pcl-kicker>span{padding:0 11px;color:#c4c6bf}.pcl-case .pcl-brief{font-size:18px;line-height:1.7}.pcl-case .pcl-scope{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 19px;margin:27px 0 0;color:#6d7369;font-size:11px;line-height:1.5}.pcl-scope>li{border-bottom:1px solid #d9ded3;padding-bottom:5px}.pcl-feature>p,.pcl-thinking>p{margin-top:17px!important}.pcl-image{position:relative;overflow:hidden;border-radius:14px;background:var(--pcl-mat);isolation:isolate}.pcl-image>img{display:block;width:100%;height:auto}.pcl-case figure{margin:0}.pcl-text-link{display:flex;align-items:center;justify-content:space-between;gap:25px;width:max-content;max-width:100%;font-size:14px;line-height:1.4;border-bottom:1px solid #aaa99b;padding:12px 0;margin-top:28px}.pcl-text-link>span{font-size:19px}.pcl-closing{padding:77px 0 68px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;border-top:1px solid #e4e7de;margin-top:78px}.pcl-closing h2{font-size:clamp(34px,3.4vw,52px);margin-top:17px!important;max-width:650px}.pcl-closing>div>p:last-child{font-size:16px;line-height:1.65;max-width:500px;margin-top:22px!important}.pcl-closing-links{display:flex;flex-direction:column;gap:15px;max-width:380px;width:100%;justify-self:end}.pcl-closing-links>a{font-size:14px;line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 0;border-bottom:1px solid #bdc4b1}.pcl-closing-links>a>span{font-size:19px;transition:transform .3s}.pcl-closing-links>a:hover>span{transform:translate(3px,-3px)}.pcl-closing-links .pcl-live-link{background:#222422;color:#fff;padding:17px 20px;border-radius:3px;border-bottom:0}.pcl-case .portfolio-next{margin-top:0}.pcl-case .portfolio-next h2{line-height:1.1}.pcl-case .portfolio-next p{font-size:15px}.pcl-case .portfolio-next>div>span{color:#697361}.pcl-case :is(.ncase-product-scope,.ncase-technical,.portfolio-technical){margin-top:20px}

/* RELAY — the case follows the same three-stage journey as the product. */
.pcl-relay-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;align-items:end;padding:22px 0 43px}.pcl-relay-intro h1{color:#2445ef;margin-top:13px!important;display:flex;align-items:center;gap:38px}.pcl-relay-intro h1>span{font-size:.57em;line-height:1;font-weight:400;color:#8096ff}.pcl-relay-intro>.pcl-brief{max-width:570px;padding-bottom:3px}.pcl-relay-cover{padding:4%;background:#edf2ff}.pcl-relay-cover>img{border-radius:3px;box-shadow:0 18px 36px -26px #1a3e9833}.pcl-route-number{display:block;font-size:70px;font-weight:300;line-height:1;letter-spacing:-.07em;color:#c1ceee}.pcl-relay-start{padding:83px 0 75px;display:grid;grid-template-columns:90px 1.1fr 1fr;gap:5%;border-bottom:1px solid #e3e9f5;align-items:start}.pcl-relay-start h2{margin-top:13px!important;max-width:480px}.pcl-relay-start>div>p:last-child{margin-top:21px!important;max-width:485px}.pcl-relay-start>.pcl-thinking{padding-top:6px;max-width:420px}.pcl-relay-start .pcl-thinking h3{font-size:24px;color:#586b8a}.pcl-relay-start .pcl-thinking p{font-size:16px;color:#5f6f8a}.pcl-relay-middle{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;padding-top:66px;align-items:center}.pcl-relay-pages{height:680px;border-radius:13px;overflow:hidden;position:relative;background:#edf2ff;border-top:1px solid #edf2ff}.pcl-relay-long{width:65%;position:absolute;left:6%;top:8%;border:1px solid #dce5fb;border-radius:3px;overflow:hidden;box-shadow:0 17px 30px -23px #24385f44}.pcl-relay-phone{width:24%;position:absolute;left:72%;top:25%;border:1px solid #d6e0f7;border-radius:3px;overflow:hidden;box-shadow:0 17px 30px -23px #24385f44}.pcl-relay-pages img{width:100%;height:auto}.pcl-relay-destination .pcl-route-number{font-size:62px;margin-bottom:28px}.pcl-relay-destination h2{margin-top:13px!important}.pcl-relay-destination>p:not(.pcl-kicker){margin-top:21px!important}.pcl-relay-destination .pcl-thinking{border-top:1px solid #dce4f5;margin-top:31px;padding-top:25px}.pcl-relay-destination .pcl-thinking h3{font-size:24px;color:#586b8a}.pcl-relay-destination .pcl-thinking p{font-size:15px;color:#5f6f8a}.pcl-relay-finish{padding-top:77px}.pcl-route-heading{display:grid;grid-template-columns:90px 1fr 1fr;gap:5%;align-items:start;margin-bottom:38px}.pcl-route-heading h2{margin-top:12px!important}.pcl-route-heading>p{padding-top:24px;max-width:490px}.pcl-relay-detail{padding:4%;background:#edf2ff}.pcl-relay-detail>img{border-radius:3px}

/* ORBIT — an image-first opening, followed by an asymmetric visual essay. */
.pcl-orbit-cover{background:#101113;padding:3% 3% 0;border-radius:15px}.pcl-orbit-cover>img{border-radius:2px}.pcl-orbit-cover figcaption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 7px;color:#86828e;font-size:10px;line-height:1.5;letter-spacing:.025em}.pcl-orbit-title{padding:44px 0 67px;display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:center}.pcl-orbit-title h1{font-size:100px;margin-top:14px!important;letter-spacing:-.06em}.pcl-orbit-title>.pcl-brief{max-width:570px}.pcl-orbit-mosaic{display:grid;grid-template-columns:1.7fr 1fr;gap:37px 7%;align-items:start}.pcl-orbit-long{grid-row:1/3;height:1000px;padding:6%;overflow:hidden;background:#eae7ee;border-radius:13px}.pcl-orbit-long>img{width:100%;height:auto;box-shadow:0 20px 35px -24px #2920334d;border-radius:3px}.pcl-orbit-note{padding:24px 1px 0}.pcl-marginal{font-size:10px;color:#7a6e84;line-height:1.5;display:block;margin-bottom:29px}.pcl-orbit-note .pcl-thinking h3{font-size:31px;line-height:1.14;max-width:320px}.pcl-orbit-note .pcl-thinking p{font-size:16px;line-height:1.7;max-width:335px}.pcl-orbit-mobile{background:#d7cfdf;height:650px;overflow:hidden;padding:10% 18%;border-radius:12px}.pcl-orbit-mobile>img{width:100%;height:auto;border-radius:3px;box-shadow:0 15px 28px -21px #29203355}.pcl-orbit-context{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:start;padding:76px 0 38px}.pcl-orbit-context h2{margin-top:15px!important}.pcl-orbit-context>p{padding-top:6px;max-width:580px}.pcl-orbit-detail{padding:4%;background:#101113}.pcl-orbit-detail>img{border-radius:3px}.pcl-orbit-features{padding:25px 0 0}.pcl-orbit-features>article{display:grid;grid-template-columns:38px 1fr 1.45fr;gap:4%;border-bottom:1px solid #e1dfe5;padding:28px 0;align-items:start}.pcl-orbit-features>article>span{font-size:11px;color:#b3a3c3;padding-top:4px}.pcl-orbit-features h3{font-size:26px;max-width:350px}.pcl-orbit-features p{font-size:16px;line-height:1.7;max-width:650px}

/* FORMA — product, checkout, invoice: a commerce sequence in three close-ups. */
.pcl-forma-intro{display:grid;grid-template-columns:1fr 1.65fr;gap:6%;align-items:center;padding-top:11px}.pcl-forma-intro h1{font-size:100px;letter-spacing:-.065em;margin-top:17px!important;color:#3c2c26}.pcl-forma-intro h1>span{color:#d17f68}.pcl-forma-intro .pcl-brief{font-size:17px;line-height:1.7;margin-top:24px!important;max-width:460px}.pcl-forma-intro .pcl-scope{color:#826b5f;gap:8px 15px}.pcl-forma-cover{min-height:460px;padding:5%;display:flex;align-items:center;background:#f4ded5}.pcl-forma-cover>img{box-shadow:0 18px 32px -23px #98634944;border-radius:3px}.pcl-forma-premise{padding:82px 0 67px;display:grid;grid-template-columns:.65fr 1.6fr;gap:8%;align-items:start}.pcl-forma-premise>.pcl-kicker{max-width:230px;padding-top:7px;color:#7b6656}.pcl-forma-premise .pcl-thinking h3{font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-.042em;max-width:730px}.pcl-forma-premise .pcl-thinking p{font-size:19px;line-height:1.7;max-width:760px;color:#796d64}.pcl-forma-chapter{display:grid;grid-template-columns:1.35fr 1fr;gap:9%;align-items:center;margin-bottom:68px}.pcl-forma-chapter-copy{max-width:470px}.pcl-commerce-number{font-size:11px;color:#846a5b;line-height:1.6;display:block;margin-bottom:20px}.pcl-forma-chapter h2{font-size:40px;letter-spacing:-.045em;line-height:1.13;color:#624a3b}.pcl-forma-chapter-copy>p{font-size:17px;line-height:1.75;color:#796454;margin-top:22px!important}.pcl-forma-product-crop{aspect-ratio:1.42;background:#faf7f1;border-radius:11px;position:relative}.pcl-forma-product-crop>img{width:269%;max-width:none;position:absolute;left:-42%;top:-94%;height:auto}.pcl-forma-checkout{grid-template-columns:1fr 1.15fr;padding:41px 5%;background:#faf4ef;border-radius:15px;gap:11%;margin-bottom:68px}.pcl-forma-checkout-crop{aspect-ratio:1.067;background:#fffaf5;border-radius:10px;position:relative}.pcl-forma-checkout-crop>img{width:339%;max-width:none;position:absolute;left:-186%;top:-84.6%;height:auto}.pcl-forma-checkout .pcl-thinking{padding-top:23px;margin-top:29px;border-top:1px solid #e5d8cb}.pcl-forma-checkout .pcl-thinking h3{font-size:24px;color:#8f6b4f}.pcl-forma-checkout .pcl-thinking p{font-size:15px;line-height:1.7;color:#826a56}.pcl-forma-invoice{grid-template-columns:1fr 1fr;gap:12%;margin-bottom:0;padding:0 5%}.pcl-forma-invoice-crop{aspect-ratio:.865;background:#df856b;border-radius:12px;position:relative}.pcl-forma-invoice-crop>img{width:270.8%;max-width:none;position:absolute;left:-149%;top:-14.3%;height:auto}.pcl-case--forma .pcl-text-link{color:#946c50;border-color:#d3bba7}

/* NORTH — a spare project brief and numbered report boards. */
.pcl-north-intro{padding-top:21px;padding-bottom:55px}.pcl-north-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid #dce4e8;padding-bottom:32px}.pcl-north-heading h1{font-size:104px;letter-spacing:-.055em;color:#254755;margin-top:15px!important}.pcl-north-edition{font-size:11px;line-height:1.7;color:#6a8088;text-align:right;padding-bottom:5px}.pcl-north-summary{display:grid;grid-template-columns:.95fr 1.35fr;gap:13%;padding-top:36px;align-items:start}.pcl-north-summary dl>div{display:grid;grid-template-columns:80px 1fr;gap:22px;margin-bottom:15px;font-size:13px;line-height:1.7}.pcl-north-summary dt{color:#657b82}.pcl-north-summary dd{color:#506e78}.pcl-north-summary .pcl-brief{font-size:22px;line-height:1.55;color:#566f78;max-width:670px}.pcl-report-line{display:flex;align-items:center;gap:25px;padding:18px 0;border-top:1px solid #cad8de;border-bottom:1px solid #e4ecef;color:#617c85}.pcl-report-line>span{font-size:10px;line-height:1.5}.pcl-report-line>span:last-child{margin-left:auto}.pcl-report-line h2{font-size:18px;line-height:1.3;letter-spacing:-.015em;font-weight:400;color:#56727e}.pcl-north-board>.pcl-image{margin-top:20px;border-radius:4px;padding:3.5%;background:#e6eef2}.pcl-north-board>.pcl-image>img{border-radius:2px;box-shadow:0 13px 25px -21px #22445433}.pcl-north-thinking{display:grid;grid-template-columns:.42fr 1.6fr;gap:7%;padding:66px 0}.pcl-north-thinking>.pcl-kicker{padding-top:5px;color:#637f88}.pcl-north-thinking>div{display:grid;grid-template-columns:1fr 1fr;gap:11%}.pcl-north-thinking h3{font-size:25px;color:#537986}.pcl-north-thinking p{font-size:16px;line-height:1.7;color:#607e8a}.pcl-north-register{padding-top:23px}.pcl-north-register article{display:grid;grid-template-columns:35px 1fr 1.5fr;gap:4%;padding:26px 0;border-bottom:1px solid #e0e9ed}.pcl-north-register article>span{font-size:10px;padding-top:5px;color:#7b939c}.pcl-north-register h3{font-size:23px;color:#506f7a;max-width:330px}.pcl-north-register p{font-size:16px;line-height:1.7;color:#5d7b86;max-width:650px}.pcl-north-responsive{padding-top:63px}.pcl-north-sheets{height:660px;background:#edf2f4;margin-top:20px;position:relative;overflow:hidden;border:1px solid #e4ecef}.pcl-north-long{position:absolute;top:7%;left:5%;width:64%;box-shadow:0 17px 31px -24px #2b566544}.pcl-north-phone{position:absolute;top:7%;left:76%;width:19%;box-shadow:0 17px 31px -24px #2b566544}.pcl-north-sheets img{width:100%;height:auto}.pcl-case--north .pcl-closing{border-color:#d8e3e7}

/* FOLIO — a bold opening, paired screens and a composition-led allocation story. */
.pcl-folio-intro{text-align:center;max-width:850px;margin:0 auto;padding:22px 0 46px}.pcl-folio-intro>.pcl-kicker{color:#687a54}.pcl-folio-intro h1{font-size:clamp(105px,12vw,178px);line-height:1;letter-spacing:-.065em;margin-top:14px!important;color:#204a3b}.pcl-folio-intro h1>span{color:#d7c87c}.pcl-folio-intro>.pcl-brief{font-size:20px;line-height:1.6;color:#5d7154;max-width:740px;margin:22px auto 0!important}.pcl-folio-intro .pcl-scope{justify-content:center;color:#6f7b50;margin-top:24px}.pcl-folio-pair{display:grid;grid-template-columns:1fr .3fr;gap:22px;align-items:stretch}.pcl-folio-desktop{background:#204a3b;padding:5%;border-radius:13px;display:flex;align-items:center;overflow:hidden}.pcl-folio-desktop>img{width:100%;height:auto;border-radius:2px}.pcl-folio-mobile{height:650px;overflow:hidden;padding:13% 12%;border-radius:12px;background:#f3e398}.pcl-folio-mobile>img{width:100%;height:auto;border-radius:3px;box-shadow:0 12px 25px -18px #274a3644}.pcl-folio-point{max-width:900px;text-align:center;margin:0 auto;padding:76px 0 68px}.pcl-folio-point>.pcl-kicker{color:#7a855c}.pcl-folio-point h3{font-size:43px;line-height:1.14;letter-spacing:-.04em;color:#52795d;margin-top:18px!important}.pcl-folio-point p:not(.pcl-kicker){font-size:19px;line-height:1.7;color:#697d55;margin-top:23px!important}.pcl-folio-allocation{display:grid;grid-template-columns:.65fr 1.4fr;gap:7%;align-items:center}.pcl-folio-allocation>div>.pcl-kicker{color:#758355}.pcl-folio-allocation h2{font-size:39px;line-height:1.1;color:#618461;margin-top:17px!important}.pcl-folio-allocation>div>p:not(.pcl-kicker){font-size:17px;line-height:1.7;color:#677c52;margin-top:20px!important}.pcl-folio-detail{padding:4%;background:#e6e6d3;border-radius:11px}.pcl-folio-detail>img{border-radius:2px}.pcl-folio-connections{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:37px 0 65px}.pcl-folio-connections>div{border-top:1px solid #dfe5d0;padding-top:25px;display:grid;grid-template-columns:27px 1fr;gap:20px}.pcl-folio-connections>div>span{font-size:10px;color:#b0be95;padding-top:5px}.pcl-folio-connections h3{font-size:25px;color:#5f793f}.pcl-folio-connections p{font-size:16px;line-height:1.7;color:#65774f}.pcl-folio-composition{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center;background:#f6f3de;padding:5%;border-radius:13px}.pcl-folio-long{height:690px;overflow:hidden;box-shadow:0 18px 33px -24px #36502544}.pcl-folio-long>img{width:100%;height:auto}.pcl-folio-composition>div>.pcl-kicker{color:#767d48}.pcl-folio-composition h3{font-size:34px;line-height:1.13;color:#667134;margin-top:20px!important}.pcl-folio-composition p:not(.pcl-kicker){font-size:17px;line-height:1.7;color:#6b7045}

@media(max-width:1050px){.pcl-case h1{font-size:78px}.pcl-case h2{font-size:35px}.pcl-case .pcl-brief{font-size:17px}.pcl-relay-intro{gap:8%}.pcl-relay-start{grid-template-columns:65px 1fr 1fr;gap:4%;padding:64px 0}.pcl-route-number{font-size:59px}.pcl-relay-middle{gap:6%}.pcl-relay-pages{height:600px}.pcl-route-heading{grid-template-columns:65px 1fr 1fr;gap:4%}.pcl-orbit-title{gap:10%;padding-top:35px}.pcl-orbit-mosaic{gap:30px 6%}.pcl-orbit-long{height:940px}.pcl-orbit-note .pcl-thinking h3{font-size:27px}.pcl-orbit-note .pcl-thinking p{font-size:15px}.pcl-orbit-mobile{height:590px;padding:12% 14%}.pcl-orbit-context{gap:10%}.pcl-forma-intro{grid-template-columns:1fr 1.3fr;gap:5%}.pcl-forma-intro .pcl-brief{font-size:16px}.pcl-forma-cover{min-height:470px;padding:4%}.pcl-forma-premise{padding:64px 0 54px;gap:6%}.pcl-forma-premise .pcl-thinking h3{font-size:35px}.pcl-forma-premise .pcl-thinking p{font-size:18px}.pcl-forma-chapter{gap:7%;margin-bottom:53px}.pcl-forma-chapter h2{font-size:32px}.pcl-forma-chapter-copy>p{font-size:16px}.pcl-forma-checkout{padding:32px 4%;gap:8%;grid-template-columns:1fr 1fr}.pcl-forma-invoice{gap:9%;padding-inline:4%;margin-bottom:0}.pcl-north-heading h1{font-size:88px}.pcl-north-summary{gap:9%;grid-template-columns:1fr 1.3fr}.pcl-north-summary .pcl-brief{font-size:20px}.pcl-north-thinking{grid-template-columns:.3fr 1.6fr;gap:6%;padding-block:54px}.pcl-north-thinking>div{gap:8%}.pcl-north-thinking h3{font-size:24px}.pcl-north-sheets{height:600px}.pcl-folio-intro h1{font-size:132px}.pcl-folio-mobile{height:560px}.pcl-folio-point{padding:62px 0 53px}.pcl-folio-point h3{font-size:37px}.pcl-folio-allocation{gap:5%;grid-template-columns:.65fr 1.2fr}.pcl-folio-allocation h2{font-size:33px}.pcl-folio-composition{gap:7%;grid-template-columns:1.2fr 1fr}.pcl-folio-long{height:590px}.pcl-folio-composition h3{font-size:29px}.pcl-closing{gap:7%;padding-block:63px}}

@media(max-width:760px){.pcl-case h1{font-size:70px}.pcl-case h2{font-size:34px}.pcl-case h3{font-size:25px}.pcl-case p{font-size:16px;line-height:1.7}.pcl-case .pcl-kicker{font-size:10px}.pcl-case .pcl-brief{font-size:17px;line-height:1.7}.pcl-case .pcl-scope{font-size:11px;gap:8px 15px}.pcl-image{border-radius:10px}.pcl-closing{display:block;padding:47px 0;margin-top:53px}.pcl-closing h2{font-size:37px;max-width:530px}.pcl-closing>div>p:last-child{font-size:16px;margin-top:20px!important}.pcl-closing-links{max-width:none;margin-top:27px;gap:12px}.pcl-closing-links>a{font-size:15px;min-height:51px}.pcl-relay-intro{display:block;padding:16px 0 30px}.pcl-relay-intro h1{font-size:86px;gap:36px;margin-top:14px!important}.pcl-relay-intro .pcl-scope{margin-top:23px}.pcl-relay-intro>.pcl-brief{padding:0;margin-top:27px!important;max-width:none}.pcl-relay-cover{padding:5%}.pcl-relay-start{grid-template-columns:42px 1fr;gap:22px;padding:48px 0}.pcl-route-number{font-size:44px}.pcl-relay-start>.pcl-thinking{grid-column:2;padding-top:7px;max-width:none}.pcl-relay-start .pcl-thinking h3{font-size:24px}.pcl-relay-start .pcl-thinking p{font-size:16px}.pcl-relay-start>div>p:last-child{margin-top:19px!important}.pcl-relay-middle{display:flex;flex-direction:column;gap:35px;padding-top:43px;align-items:stretch}.pcl-relay-pages{height:590px;width:100%;border-radius:10px}.pcl-relay-destination{display:grid;grid-template-columns:42px 1fr;column-gap:22px}.pcl-relay-destination>.pcl-route-number{font-size:44px;grid-row:1/4;margin:0}.pcl-relay-destination>.pcl-kicker,.pcl-relay-destination>h2,.pcl-relay-destination>p,.pcl-relay-destination>.pcl-thinking{grid-column:2}.pcl-relay-destination .pcl-thinking{margin-top:26px;padding-top:22px}.pcl-relay-destination .pcl-thinking h3{font-size:24px}.pcl-relay-destination .pcl-thinking p{font-size:16px}.pcl-relay-finish{padding-top:50px}.pcl-route-heading{grid-template-columns:42px 1fr;gap:22px;margin-bottom:29px}.pcl-route-heading>p{grid-column:2;padding:0}.pcl-relay-detail{padding:5%}.pcl-orbit-cover{padding:4% 4% 0}.pcl-orbit-cover figcaption{font-size:9px;padding:17px 3px;gap:18px}.pcl-orbit-title{display:block;padding:31px 0 44px}.pcl-orbit-title h1{font-size:82px;margin-top:12px!important}.pcl-orbit-title>.pcl-brief{margin-top:28px!important;max-width:none}.pcl-orbit-mosaic{grid-template-columns:1fr .8fr;gap:25px 6%;align-items:start}.pcl-orbit-long{height:790px;padding:8%;border-radius:10px}.pcl-orbit-note{padding-top:9px}.pcl-marginal{font-size:9px;margin-bottom:20px}.pcl-orbit-note .pcl-thinking h3{font-size:25px}.pcl-orbit-note .pcl-thinking p{font-size:15px}.pcl-orbit-mobile{height:460px;padding:10% 12%;border-radius:10px}.pcl-orbit-context{display:block;padding:48px 0 28px}.pcl-orbit-context>p{margin-top:21px!important;padding:0;max-width:none}.pcl-orbit-detail{padding:4%}.pcl-orbit-features{padding-top:13px}.pcl-orbit-features>article{grid-template-columns:26px 1fr;gap:15px;padding:25px 0}.pcl-orbit-features h3{font-size:25px;max-width:none}.pcl-orbit-features p{grid-column:2;font-size:16px;max-width:none}.pcl-forma-intro{display:flex;flex-direction:column;align-items:stretch;gap:29px;padding-top:11px}.pcl-forma-intro h1{font-size:85px;margin-top:12px!important}.pcl-forma-intro .pcl-brief{font-size:17px;max-width:none;margin-top:22px!important}.pcl-forma-intro .pcl-scope{margin-top:23px}.pcl-forma-cover{min-height:0;padding:7%;aspect-ratio:1.55;border-radius:10px}.pcl-forma-premise{display:block;padding:48px 0 37px}.pcl-forma-premise>.pcl-kicker{padding:0;max-width:260px}.pcl-forma-premise .pcl-thinking{margin-top:20px}.pcl-forma-premise .pcl-thinking h3{font-size:34px}.pcl-forma-premise .pcl-thinking p{font-size:17px}.pcl-forma-chapter{display:flex;flex-direction:column;gap:28px;align-items:stretch;margin-bottom:43px}.pcl-forma-chapter-copy{max-width:none}.pcl-commerce-number{font-size:11px;margin-bottom:17px}.pcl-forma-chapter h2{font-size:34px;max-width:530px}.pcl-forma-chapter-copy>p{font-size:16px;max-width:590px;margin-top:20px!important}.pcl-forma-product-crop{width:100%}.pcl-forma-checkout{padding:28px 7%;border-radius:11px;gap:29px}.pcl-forma-checkout-crop{width:100%;max-width:500px;align-self:center}.pcl-forma-checkout .pcl-thinking{margin-top:25px;padding-top:21px}.pcl-forma-checkout .pcl-thinking h3{font-size:24px}.pcl-forma-checkout .pcl-thinking p{font-size:16px}.pcl-forma-invoice{padding:0 5%;margin-bottom:0}.pcl-forma-invoice-crop{width:100%;max-width:520px;align-self:center}.pcl-north-intro{padding-top:13px;padding-bottom:34px}.pcl-north-heading{padding-bottom:25px;gap:25px}.pcl-north-heading h1{font-size:76px;margin-top:13px!important}.pcl-north-edition{font-size:10px;max-width:90px;flex:none;line-height:1.7;padding-bottom:4px}.pcl-north-summary{display:flex;flex-direction:column-reverse;gap:28px;padding-top:27px}.pcl-north-summary .pcl-brief{font-size:20px;line-height:1.6;max-width:620px}.pcl-north-summary dl{width:100%}.pcl-north-summary dl>div{font-size:13px;gap:23px;margin-bottom:12px}.pcl-report-line{gap:15px;padding:16px 0}.pcl-report-line>span{font-size:9px}.pcl-report-line>span:last-child{text-align:right;max-width:80px}.pcl-report-line h2{font-size:17px;line-height:1.3;max-width:300px}.pcl-north-board>.pcl-image{margin-top:15px;padding:4%;border-radius:3px}.pcl-north-thinking{display:block;padding:44px 0}.pcl-north-thinking>.pcl-kicker{padding:0}.pcl-north-thinking>div{grid-template-columns:1fr;gap:28px;margin-top:23px}.pcl-north-thinking h3{font-size:26px}.pcl-north-thinking p{font-size:16px;max-width:600px}.pcl-north-register{padding-top:13px}.pcl-north-register article{grid-template-columns:26px 1fr;gap:14px;padding:25px 0}.pcl-north-register h3{font-size:24px;max-width:none}.pcl-north-register p{grid-column:2;font-size:16px;max-width:none}.pcl-north-responsive{padding-top:43px}.pcl-north-sheets{height:520px;margin-top:15px}.pcl-folio-intro{padding:17px 0 31px}.pcl-folio-intro h1{font-size:116px;margin-top:14px!important}.pcl-folio-intro>.pcl-brief{font-size:18px;line-height:1.65;margin-top:21px!important}.pcl-folio-intro .pcl-scope{margin-top:23px}.pcl-folio-pair{grid-template-columns:1fr .3fr;gap:13px}.pcl-folio-desktop{padding:6%;border-radius:9px}.pcl-folio-mobile{height:420px;padding:15% 10%;border-radius:9px}.pcl-folio-point{padding:47px 0 38px}.pcl-folio-point h3{font-size:34px;margin-top:18px!important}.pcl-folio-point p:not(.pcl-kicker){font-size:17px;margin-top:21px!important}.pcl-folio-allocation{display:flex;flex-direction:column;gap:27px;align-items:stretch}.pcl-folio-allocation h2{font-size:35px;margin-top:17px!important}.pcl-folio-allocation>div>p:not(.pcl-kicker){font-size:16px;max-width:580px;margin-top:19px!important}.pcl-folio-detail{padding:4%;border-radius:9px}.pcl-folio-connections{grid-template-columns:1fr;gap:25px;padding:30px 0 43px}.pcl-folio-connections>div{padding-top:22px;grid-template-columns:26px 1fr;gap:17px}.pcl-folio-connections h3{font-size:25px}.pcl-folio-connections p{font-size:16px;max-width:600px}.pcl-folio-composition{grid-template-columns:1.15fr 1fr;gap:7%;padding:6%;border-radius:10px}.pcl-folio-long{height:550px}.pcl-folio-composition h3{font-size:28px;margin-top:16px!important}.pcl-folio-composition p:not(.pcl-kicker){font-size:16px;line-height:1.7}}

@media(max-width:480px){.pcl-case h2{font-size:31px}.pcl-relay-intro h1{font-size:80px}.pcl-relay-intro>.pcl-brief{font-size:16px}.pcl-relay-start{grid-template-columns:34px 1fr;gap:18px}.pcl-route-number{font-size:39px}.pcl-relay-start .pcl-thinking h3{font-size:23px}.pcl-relay-pages{height:470px}.pcl-relay-long{width:63%}.pcl-relay-phone{width:25%;left:71%;top:24%}.pcl-relay-destination{grid-template-columns:34px 1fr;column-gap:18px}.pcl-relay-destination>.pcl-route-number{font-size:39px}.pcl-route-heading{grid-template-columns:34px 1fr;gap:18px}.pcl-orbit-cover figcaption{font-size:8px;gap:14px;padding:14px 1px}.pcl-orbit-title h1{font-size:78px}.pcl-orbit-mosaic{display:flex;flex-direction:column;gap:29px}.pcl-orbit-long{height:610px;padding:7%;width:100%}.pcl-orbit-note{padding:0}.pcl-marginal{font-size:10px;margin-bottom:19px}.pcl-orbit-note .pcl-thinking h3{font-size:28px;max-width:none}.pcl-orbit-note .pcl-thinking p{font-size:16px;max-width:none}.pcl-orbit-mobile{height:550px;width:100%;padding:9% 24%}.pcl-forma-intro h1{font-size:80px}.pcl-forma-intro .pcl-brief{font-size:16px}.pcl-forma-cover{aspect-ratio:1.42}.pcl-forma-premise .pcl-thinking h3{font-size:31px}.pcl-forma-premise .pcl-thinking p{font-size:16px}.pcl-forma-chapter h2{font-size:31px}.pcl-forma-checkout{padding:26px 6%}.pcl-forma-invoice{padding-inline:2%}.pcl-north-heading h1{font-size:68px}.pcl-north-heading>.pcl-north-edition{font-size:9px}.pcl-north-summary .pcl-brief{font-size:19px}.pcl-report-line>span:last-child{font-size:8px;max-width:64px}.pcl-report-line h2{font-size:16px}.pcl-north-sheets{height:430px}.pcl-north-long{width:65%;left:4.5%}.pcl-north-phone{left:76%;width:20%}.pcl-folio-intro h1{font-size:108px}.pcl-folio-intro>.pcl-brief{font-size:17px}.pcl-folio-pair{grid-template-columns:1fr;gap:15px}.pcl-folio-desktop{padding:6%}.pcl-folio-mobile{height:495px;padding:9% 26%;border-radius:10px}.pcl-folio-point h3{font-size:31px}.pcl-folio-point p:not(.pcl-kicker){font-size:16px}.pcl-folio-composition{display:flex;flex-direction:column-reverse;gap:28px;padding:27px 7%}.pcl-folio-composition h3{font-size:30px}.pcl-folio-long{height:580px;width:100%}.pcl-closing h2{font-size:33px}}

@media(prefers-reduced-motion:reduce){.pcl-case *,.pcl-case *::before,.pcl-case *::after{animation:none!important;transition:none!important}.pcl-case [data-ncase-reveal]{opacity:1!important;transform:none!important}}

.pcl-breadcrumb-side{display:flex;align-items:center;gap:28px}.pcl-breadcrumb-side>span{font-size:11px;color:#93968e}.pcl-case .pcl-engineering-jump{font-size:12px;line-height:1.4;color:#6d7369;gap:8px}.pcl-case .pcl-engineering-jump>span{font-size:15px}.pcl-case .pcl-engineering-jump:hover{color:#252b21}.pcl-case .pcl-engineering-jump:hover>span{transform:translateY(3px)}
@media(max-width:760px){.pcl-breadcrumb-side>span{display:none}.pcl-breadcrumb-side{gap:0}.pcl-case .ncase-breadcrumb{gap:15px}.pcl-case .pcl-engineering-jump{font-size:11px;gap:7px;white-space:nowrap}}

/* On phones, introduce Forma visually before its longer project brief. */
@media(max-width:760px){.pcl-forma-intro{gap:0}.pcl-forma-intro>div{display:contents}.pcl-forma-intro>div>.pcl-kicker{order:0}.pcl-forma-intro>div>h1{order:1}.pcl-forma-intro>.pcl-forma-cover{order:2;margin-top:26px}.pcl-forma-intro>div>.pcl-brief{order:3}.pcl-forma-intro>div>.pcl-scope{order:4}}
/* Actual application screens need complete framing, not landing-page crops. */
.pcl-relay-pages{height:auto;aspect-ratio:1.27}.pcl-relay-long{width:82%;left:5%;top:12%}.pcl-relay-phone{left:71%;width:24%;top:29%}
.pcl-orbit-mosaic{grid-template-columns:1.35fr .75fr;align-items:center}.pcl-orbit-long{height:auto;grid-row:auto;padding:5%;align-self:center}.pcl-orbit-note{padding:0}.pcl-orbit-mobile{height:auto;max-height:none;padding:7% 25%;grid-column:1/-1;background:radial-gradient(ellipse at 50% 10%,#bcb0cd,#eae7ee);text-align:center}.pcl-orbit-mobile>img{max-width:270px;margin:auto}
.pcl-forma-product-crop,.pcl-forma-checkout-crop,.pcl-forma-invoice-crop{aspect-ratio:auto;padding:4%}
.pcl-forma-product-crop>img,.pcl-forma-checkout-crop>img,.pcl-forma-invoice-crop>img{position:static;width:100%;height:auto;max-width:100%;border-radius:4px}
.pcl-north-sheets{height:auto;aspect-ratio:1.65}.pcl-north-long{top:12%;width:75%;left:4%}.pcl-north-phone{left:77%;width:18%;top:20%}
.pcl-folio-mobile{height:auto;padding:10%;align-self:center}.pcl-folio-long{height:auto;align-self:center}
@media(max-width:760px){.pcl-orbit-mosaic{grid-template-columns:1fr;gap:30px}.pcl-orbit-mobile{grid-column:auto;padding:8% 28%}.pcl-relay-pages{aspect-ratio:1.3}.pcl-north-sheets{aspect-ratio:1.4}.pcl-folio-mobile{padding:10% 28%}.pcl-forma-cover{min-height:0}.pcl-forma-chapter .pcl-image{max-width:none}}
/* Hardware belongs to the presentation; each product retains its own interface. */
.pcl-image{padding:5% 4%;overflow:visible;border-radius:14px}.pcl-image>.ds-device{width:100%}.pcl-image figcaption{position:relative}.pcl-forma-cover{min-height:0;padding:8% 3%;background:radial-gradient(ellipse at 50% 20%,#f9e8df,#eacdc0)}
.pcl-orbit-cover{padding:5% 4% 0;background:radial-gradient(ellipse at 50% 30%,#33313c,#141418 85%)}.pcl-orbit-cover .ds-device{--ds-shadow:#0009}.pcl-orbit-cover figcaption{padding:25px 0}
.pcl-relay-long,.pcl-relay-phone,.pcl-north-long,.pcl-north-phone{overflow:visible;border:0;box-shadow:none;background:transparent}
.pcl-relay-long{width:84%;left:2%;top:16%}.pcl-relay-phone{left:72%;top:33%;width:24%}.pcl-relay-pages{aspect-ratio:1.25;background:radial-gradient(ellipse at 40% 10%,#f9faff,#e2e8fb)}
.pcl-north-long{width:79%;left:2%;top:16%}.pcl-north-phone{left:77%;top:25%;width:18%}.pcl-north-sheets{aspect-ratio:1.6;background:radial-gradient(ellipse at 40% 10%,#f5f9fa,#dce7ec)}
.pcl-forma-product-crop,.pcl-forma-checkout-crop,.pcl-forma-invoice-crop{padding:7% 2%;overflow:visible}.pcl-forma-cover{aspect-ratio:auto}.pcl-north-board>.pcl-image{padding:5% 6% 3%}.pcl-north-board .pcl-north-detail{padding:5% 6% 3%}
.pcl-folio-desktop{padding:5% 3%;background:radial-gradient(ellipse at 40% 20%,#38654c,#1c4534)}.pcl-folio-mobile{padding:10%;background:radial-gradient(ellipse at 50% 20%,#f7eebb,#ead88c)}
.pcl-orbit-long,.pcl-folio-long{overflow:visible;box-shadow:none}.pcl-orbit-mobile{padding:6% 28%;background:radial-gradient(ellipse at 50% 20%,#e0d8e8,#ece9ef)}
@media(max-width:760px){.pcl-image{padding:6% 3%;border-radius:11px}.pcl-forma-cover{padding:8% 3%;aspect-ratio:auto}.pcl-forma-product-crop,.pcl-forma-checkout-crop,.pcl-forma-invoice-crop{padding:8% 2%;width:100%}.pcl-relay-pages{aspect-ratio:1.15}.pcl-north-sheets{aspect-ratio:1.3}.pcl-orbit-cover{padding-bottom:0}.pcl-orbit-mobile{padding:9% 25%}.pcl-folio-mobile{padding:9% 25%}.pcl-folio-desktop{padding:8% 3%}}