:root{--ink:#1b1b1a;--soft:#484845;--sub:#74736e;--line:#cec9c0;--paper:#f4f0ea;--white:#fbf9f6;--deep:#181918;--muted:#e7e2da;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:86px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
    ::selection{background:#c8c1b5;color:#111}
    a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
    button{font:inherit} a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
    .skip{position:absolute;top:-120px;left:20px;padding:12px;background:#fff;z-index:999}.skip:focus{top:10px}
    .wrap{width:min(100% - 96px,1330px);margin-inline:auto}
    .eyebrow,.navlink,.kicker,.micro{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;line-height:1.7}
    .eyebrow{color:#555651}.micro{color:var(--sub)}
    .header{position:sticky;top:0;z-index:50;background:rgba(244,240,234,.94);border-bottom:1px solid rgba(61,57,50,.16);backdrop-filter:blur(18px)}
    .nav{min-height:82px;display:flex;gap:32px;align-items:center;justify-content:space-between}
    .brand{display:flex;flex-flow:column;gap:0;line-height:.85;white-space:nowrap;flex-shrink:0}
    .brand strong{font-family:var(--serif);font-size:29px;font-weight:600;letter-spacing:-.035em}
    .brand small{letter-spacing:.38em;font-size:8px;font-weight:700;line-height:1.9;padding-left:2px}
    .links{display:flex;align-items:center;gap:27px}
    .navlink{letter-spacing:.14em;font-size:10px;color:#4f4e49;transition:color .15s}.navlink:hover{color:#000}
    .nav-cta{font-size:10px;text-transform:uppercase;letter-spacing:.14em;border:1px solid #333;padding:12px 16px;white-space:nowrap;transition:background .2s,color .2s}
    .nav-cta:hover{background:var(--ink);color:white}
    .menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:11px 13px;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
    .hero{padding:18px 0 0}
    .hero-frame{position:relative;overflow:hidden;background:#e8e5df;height:min(730px,65vw);min-height:570px}
    .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
    .hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(246,244,240,.74) 0%,rgba(246,244,240,.42) 39%,transparent 64%)}
    .hero-text{position:relative;z-index:1;padding:clamp(38px,5vw,85px);width:min(790px,72%)}
    .hero-text .eyebrow{margin-bottom:25px}
    .hero h1{font-family:var(--serif);font-weight:500;line-height:.89;letter-spacing:-.05em;font-size:clamp(64px,6.9vw,116px);max-width:750px;margin:0 0 24px}
    .hero p{font-size:15px;line-height:1.75;max-width:475px;margin:0 0 27px;color:#373631}
    .hero-action{display:inline-flex;align-items:center;gap:21px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;padding:13px 0;border-bottom:1px solid var(--ink)}
    .arrow{font-size:21px;font-weight:400;line-height:1;transition:transform .2s}.hero-action:hover .arrow,.textlink:hover .arrow{transform:translateX(5px)}
    .hero-foot{padding:13px 0 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}
    .hero-foot span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6e6b66}
    .hero-foot span:last-child{text-align:right}
    section{scroll-margin-top:84px}
    .opening{padding:128px 0 124px;display:grid;grid-template-columns:1fr 1.55fr;gap:9%;border-bottom:1px solid var(--line)}
    .opening h2,.section-heading,.principle h2,.about h2,.contact h2{font-family:var(--serif);font-size:clamp(55px,6vw,92px);font-weight:500;letter-spacing:-.038em;line-height:.98;margin:0}
    .opening .smallcopy{max-width:610px;font-size:18px;line-height:1.8;color:var(--soft);margin:29px 0 0}
    .opening .smallcopy strong{color:var(--ink);font-weight:500}
    .sectionhead{display:flex;justify-content:space-between;align-items:start;gap:55px;margin-bottom:55px}
    .sectionhead .lede{max-width:470px;font-size:15px;color:#5d5c57;line-height:1.75;margin:10px 0 0}
    .services{padding:104px 0 124px}
    .services .section-heading{font-size:clamp(54px,5.2vw,84px);max-width:790px}
    .services-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}
    .service{min-height:310px;padding:33px 45px 30px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:space-between}
    .service:nth-child(2n){padding-left:46px}
    .service-index{font-size:10px;letter-spacing:.2em;color:#777}
    .service h3{font-family:var(--serif);font-weight:500;font-size:41px;line-height:1.05;margin:16px 0 12px}
    .service p{font-size:14px;line-height:1.76;color:#585651;max-width:425px;margin:0}
    .service ul{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:9px 18px;flex-wrap:wrap}
    .service li{font-size:10px;font-weight:600;letter-spacing:.055em;color:#77716a}
    .principle{background:var(--deep);color:#eee9e1;padding:110px 0 116px}
    .principle-top{display:grid;grid-template-columns:.8fr 1.45fr;gap:10%;align-items:start}
    .principle h2{font-size:clamp(64px,6vw,100px);max-width:950px}
    .principle h2 em{font-weight:400;color:#aaa59e}
    .principle .intro{font-size:18px;max-width:750px;color:#c0bbb3;line-height:1.75;margin:28px 0 0}
    .principle .eyebrow{color:#a9a59e}
    .framework{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #56554f;margin-top:82px}
    .step{padding:27px 27px 0 0;border-right:1px solid #494742;min-height:154px}
    .step:not(:first-child){padding-left:27px}
    .step:last-child{border-right:0}
    .step span{color:#85827b;font-size:11px;letter-spacing:.16em}
    .step strong{display:block;font-family:var(--serif);font-size:28px;font-weight:400;margin:17px 0 7px}
    .step p{font-size:12px;line-height:1.6;color:#aaa69f;max-width:230px;margin:0}
    .perspective{padding:115px 0 120px;border-bottom:1px solid var(--line)}
    .perspective .section-heading{max-width:840px}
    .stories{border-top:1px solid var(--ink)}
    .story{display:grid;grid-template-columns:95px 1fr 1fr 40px;align-items:center;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}
    .story .num{font-size:11px;color:#7e7972;letter-spacing:.1em}
    .story h3{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.05;margin:0;letter-spacing:-.025em}
    .story p{font-size:13px;line-height:1.75;color:#65625c;margin:0;max-width:420px}
    .story b{font-size:24px;font-weight:400;color:#777}
    .sample{background:#e8e3da;padding:112px 0 124px}
    .sample-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}
    .sample .section-heading{font-size:clamp(48px,5.3vw,78px);margin:12px 0 24px}
    .sample p{max-width:475px;font-size:15px;color:#5c5b55;line-height:1.8}
    .sample .micro{display:block;margin-top:32px}
    .desk-card{background:#f9f8f4;border:1px solid #c9c2b9;box-shadow:0 20px 65px rgba(27,24,20,.08)}
    .desk-top{border-bottom:1px solid #ded8d0;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .desk-top strong{font-size:11px;letter-spacing:.17em;text-transform:uppercase}
    .desk-top span{font-size:10px;color:#9b958d;letter-spacing:.08em}
    .desk-body{padding:25px 25px 28px}
    .desk-meta{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#8b867f;margin-bottom:13px}
    .desk-title{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.08;margin:0 0 22px}
    .signal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf}
    .signal{padding:18px 13px 16px 0;border-right:1px solid #ddd8cf}
    .signal:not(:first-child){padding-left:13px}
    .signal:last-child{border-right:0}
    .signal label{display:block;font-size:9px;text-transform:uppercase;color:#716e67;letter-spacing:.1em;margin-bottom:7px}
    .signal strong{font-size:23px;font-family:var(--serif);font-weight:600;letter-spacing:-.03em}
    .signal em{display:block;font-size:10px;color:#7b7771;font-style:normal;margin-top:5px}
    .bars{display:flex;align-items:end;height:104px;gap:8px;margin:25px 0 12px;padding:0 3px;border-bottom:1px solid #dbd5cc}
    .bars div{flex:1;background:#777a73;opacity:.82;min-height:8px}
    .bars div:nth-child(even){background:#b4aba0}
    .desk-note{font-size:11px;color:#77736d;line-height:1.6}
    .about{padding:130px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:11%}
    .about h2{margin:17px 0 0}
    .about p{font-size:17px;line-height:1.83;color:#575550;max-width:625px;margin:0 0 22px}
    .about .roles{border-top:1px solid var(--line);padding:19px 0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#66625c;margin-top:30px;display:flex;justify-content:space-between;gap:18px}
    .textlink{display:inline-flex;align-items:center;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;border-bottom:1px solid #1b1b1a;padding:0 0 9px;margin-top:8px}
    .contact{background:#181918;color:#f4f0ea;padding:115px 0 52px}
    .contact .eyebrow{color:#aaa69d}
    .contact h2{max-width:870px;margin:20px 0 29px;font-size:clamp(67px,7vw,119px)}
    .contact .summary{font-size:17px;color:#aca79e;max-width:580px;line-height:1.7;margin-bottom:36px}
    .email{font-family:var(--serif);font-size:clamp(27px,3.8vw,59px);line-height:1.05;letter-spacing:-.03em;border-bottom:1px solid #b0a99f;padding-bottom:10px;display:inline-block;overflow-wrap:anywhere}
    .email:hover{color:#d7d0c4}
    .footer{border-top:1px solid #45433f;margin-top:130px;padding-top:28px;display:flex;justify-content:space-between;gap:25px;align-items:center}
    .footer small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#aaa59e}
    .footer a{text-decoration:underline;text-underline-offset:4px}
    @media(max-width:1050px){.links{gap:15px}.navlink{letter-spacing:.07em}.wrap{width:min(100% - 52px,1330px)}.service{padding-right:25px}.service:nth-child(2n){padding-left:27px}.hero-frame{height:650px}.hero-text{width:82%}.hero h1{font-size:clamp(64px,8vw,96px)}}
    @media(max-width:760px){.wrap{width:min(100% - 36px,1330px)}.nav{min-height:72px}.brand strong{font-size:25px}.menu-toggle{display:block}.links{display:none;position:absolute;left:0;right:0;top:71px;background:var(--paper);padding:26px 20px 34px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.navlink{font-size:12px}.nav-cta{align-self:flex-start}.hero{padding-top:12px}.hero-frame{height:auto;min-height:auto;display:flex;flex-direction:column;background:#e9e6df}.hero-img{position:relative;width:100%;height:auto;aspect-ratio:1.48;object-fit:cover;object-position:center}.hero-shade{display:none}.hero-text{order:-1;width:100%;padding:39px 25px 24px}.hero-text .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(53px,12vw,84px);max-width:560px;margin-bottom:18px}.hero p{font-size:13px;max-width:480px}.hero-foot{align-items:start}.hero-foot span{font-size:8px}.opening{padding:85px 0;display:block}.opening h2,.section-heading,.principle h2,.about h2,.contact h2{font-size:clamp(53px,10vw,77px)}.opening .right{margin-top:26px}.opening .smallcopy{font-size:16px}.services,.perspective{padding:86px 0}.sectionhead{display:block;margin-bottom:34px}.sectionhead .lede{margin-top:19px}.services-grid{grid-template-columns:1fr}.service,.service:nth-child(2n){padding:30px 15px 32px 0;min-height:250px}.service h3{font-size:38px}.principle{padding:92px 0}.principle-top,.sample-layout,.about{display:block}.principle h2{margin-top:25px}.principle .intro{font-size:16px}.framework{margin-top:50px;grid-template-columns:repeat(2,1fr)}.step{border-bottom:1px solid #484742;padding-bottom:25px}.step:nth-child(2n+1){padding-left:0}.step:nth-child(2n){padding-left:22px;border-right:0}.story{grid-template-columns:28px 1fr 18px;gap:15px;padding:26px 0}.story h3{font-size:31px}.story p{grid-column:2 / 3;font-size:12px}.story b{grid-column:3;grid-row:1}.sample{padding:86px 0}.desk-card{margin-top:35px}.desk-body{padding:20px}.signal strong{font-size:19px}.about{padding:90px 0}.about h2{margin-bottom:31px}.about p{font-size:15px}.about .roles{font-size:9px}.contact{padding-top:90px}.contact h2{margin-bottom:23px}.contact .summary{font-size:15px}.footer{margin-top:96px;flex-direction:column;align-items:start;gap:16px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
  

/* Full working site extensions */
.service-link{color:inherit;display:flex;text-decoration:none;transition:background .2s;cursor:pointer;padding-left:26px;}
.service-link:nth-child(2n){padding-left:46px}
.service-link:hover,.story-link:hover{background:rgba(80,70,50,.047)}
.service-link .open-line{display:block;color:#292824;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-top:22px}
.story-link{cursor:pointer;color:inherit;text-decoration:none;transition:background .2s}
.story-link h3{text-decoration:none}
.story-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.page-hero{padding:104px 0 90px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2.1fr;gap:8%}
.page-hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.046em;font-size:clamp(61px,7vw,108px);line-height:.97;margin:18px 0 21px}
.page-deck{font-size:21px;color:var(--soft);line-height:1.7;max-width:810px}
.breadcrumb{color:var(--sub);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.page-shell{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:11%;padding-top:90px;padding-bottom:112px;align-items:start}
.article-copy{min-width:0;color:#34342f;font-size:17px;line-height:1.91}
.article-copy>p:first-child{font-size:20px;line-height:1.8;color:#292924;margin-top:0}
.article-copy h2{font-family:var(--serif);font-weight:500;font-size:45px;letter-spacing:-.027em;line-height:1.1;margin:67px 0 17px;color:var(--ink)}
.article-copy h3{font-weight:650;font-size:18px;letter-spacing:-.01em;line-height:1.4;margin:33px 0 11px}
.article-copy p{margin:0 0 25px}.article-copy strong{font-weight:650;color:#111}
.article-copy ul,.article-copy ol{padding-left:25px;margin:15px 0 31px}.article-copy li{margin-bottom:12px;padding-left:4px}
.article-copy blockquote{margin:42px 0;padding:12px 28px;border-left:2px solid #55524b;font-family:var(--serif);font-size:33px;line-height:1.28;letter-spacing:-.02em}
.article-copy blockquote p{margin:0}
.article-copy hr{border:0;border-top:1px solid var(--line);margin:50px 0}
.side-panel{position:sticky;top:115px;border-top:1px solid var(--ink);padding-top:22px}
.side-panel h2{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.13;margin:11px 0 15px}
.side-panel p{font-size:13px;line-height:1.8;color:var(--soft);margin:0 0 16px}
.side-panel a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #555;padding-bottom:7px;display:inline-block;margin-top:15px}
.related{border-top:1px solid var(--line);padding:75px 0 90px}
.related h2{font-family:var(--serif);font-size:49px;font-weight:500;line-height:1;margin:0 0 34px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.related-item{background:var(--paper);padding:27px 32px;display:block;min-height:155px;transition:background .15s}
.related-item:hover{background:#e9e4dc}.related-item span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sub)}
.related-item strong{display:block;font:500 32px/1.1 var(--serif);margin-top:14px}
.page-footer{background:var(--deep);color:#f4f0ea;padding:65px 0 28px}
.page-footer .footer{margin-top:80px}
.page-footer .page-cta{font:500 clamp(46px,5vw,72px)/1.06 var(--serif);max-width:720px;margin:15px 0 26px}
.page-footer .page-email{font-size:13px;text-decoration:underline;text-underline-offset:5px;letter-spacing:.05em}
.small-proof{font-size:12px;color:#817c74;line-height:1.7}
@media(max-width:1050px){.page-shell{gap:6%}}
@media(max-width:760px){.service-link,.service-link:nth-child(2n){padding-left:12px}.page-hero{display:block;padding:69px 0 49px}.page-hero h1{font-size:clamp(55px,12vw,76px)}.page-deck{font-size:17px}.page-shell{grid-template-columns:1fr;padding-top:55px;padding-bottom:80px}.article-copy{font-size:15px}.article-copy>p:first-child{font-size:17px}.article-copy h2{font-size:38px;margin-top:48px}.article-copy blockquote{font-size:28px}.side-panel{position:static;margin-top:60px}.related{padding:60px 0}.related-grid{grid-template-columns:1fr}.related-item{min-height:128px}.page-footer{padding-top:60px}}

/* Narrow mobile typographic protection: keep the longest editorial headlines inside the viewport. */
@media (max-width: 360px) {
  .hero-text { padding: 32px 18px 25px; }
  .hero h1 { font-size: clamp(41px, 11.7vw, 47px); letter-spacing: -.042em; }
  .brand strong { font-size: 23px; }
  .brand small { letter-spacing: .31em; }
  .page-hero h1 { font-size: 47px; overflow-wrap: break-word; }
  .email, .page-email { overflow-wrap: anywhere; }
}


/* November 2026: Technical Product Chapter. Original Merchant Desk hero and site copy untouched. */
.technical-chapter{background:#1a1c1b;color:#f3f0ea;padding:0 0 35px;overflow:hidden;border-top:1px solid #3a3a37}
.technical-chapter-top{padding:27px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid #62645e}
.technical-chapter-top .eyebrow{color:#d2cdc4}
.tech-chapter-tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#a4aaa5;text-align:right}
.technical-intro{display:grid;grid-template-columns:minmax(0,0.77fr) minmax(0,1.23fr);gap:4.6%;align-items:stretch;padding:43px 0 43px}
.technical-statement{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 0 41px}
.technical-index{font-size:10px;letter-spacing:.22em;color:#aaaca7}
.technical-chapter h2{font-family:var(--serif);font-size:clamp(57px,5.8vw,96px);font-weight:500;line-height:.95;letter-spacing:-.04em;margin:28px 0 26px}
.technical-chapter h2 em{color:#b0b3ad;font-weight:400}
.technical-statement p{font-size:15px;color:#babcb7;line-height:1.85;max-width:405px;margin:0 0 27px}
.technical-link{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;border-bottom:1px solid #8e918c;padding:0 0 12px;display:inline-flex;gap:28px;align-items:center}
.technical-link:hover{color:white;border-color:white}
.technical-scene{position:relative;min-height:485px;margin:0;background:#3c3b36;overflow:hidden}
.technical-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.82)}
.technical-scene figcaption{position:absolute;bottom:14px;left:17px;font-size:9px;letter-spacing:.16em;color:#faf5ec;text-shadow:0 1px 7px #000}
.technical-details{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:4px;max-width:1800px;margin:0 auto;padding:0 4px}
.technical-details figure{position:relative;margin:0;min-width:0;min-height:245px;background:#242625;overflow:hidden}
.technical-details img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75);transition:transform .45s ease, filter .45s ease}
.technical-details figure:hover img{transform:scale(1.025);filter:saturate(.95)}
.technical-details figcaption{position:absolute;inset:auto 0 0 0;padding:22px 17px 13px;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent);color:white;font-size:9px;letter-spacing:.13em;white-space:nowrap}
.technical-chapter-foot{padding:25px 0 0;display:flex;align-items:center;gap:15px;justify-content:center;flex-wrap:wrap;font-size:10px;color:#b8b8b2;text-transform:uppercase;letter-spacing:.14em}
.technical-chapter-foot span[aria-hidden]{color:#6c706a}
@media(max-width:1100px){.technical-intro{grid-template-columns:1fr 1.1fr}.technical-chapter h2{font-size:clamp(54px,6vw,76px)}.technical-scene{min-height:400px}.technical-details figure{min-height:185px}.technical-details figcaption{font-size:8px;padding:25px 8px 11px;white-space:normal}}
@media(max-width:760px){.technical-chapter-top{padding:23px 0 17px}.tech-chapter-tag{max-width:130px;line-height:1.6;font-size:8px}.technical-intro{grid-template-columns:1fr;padding:23px 0 22px;gap:14px}.technical-statement{padding:27px 0 25px}.technical-chapter h2{font-size:clamp(58px,11.2vw,80px);margin:17px 0 16px}.technical-statement p{font-size:13px;line-height:1.7;max-width:580px}.technical-scene{min-height:340px}.technical-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.technical-details figure{min-height:175px}.technical-details figure:last-child{grid-column:span 2;min-height:160px}.technical-chapter-foot{font-size:8px;gap:9px;padding-top:22px}}
@media(max-width:360px){.technical-chapter h2{font-size:52px}.technical-scene{min-height:280px}.technical-details figure{min-height:135px}.technical-details figure:last-child{min-height:135px}.technical-details figcaption{font-size:7.5px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.technical-details img{transition:none}}