/* Mowbray redesign layer, October 2026: "a marked-up brief".
   Ink on plain paper, serif headlines, and a red pencil that only ever corrects.
   Every rule is scoped to #mw so it outranks the inline design system on each page.
   Delete the mu-plugin that loads this file to return to the previous look. */

/* ---------- tokens ---------- */
#mw,#mow-modal{
  --ink:#17191B; --paper:#F6F6F3; --surface:#EEEEEA; --white:#FFFFFF;
  --red:#C4321A; --red-ink:#A3260F; --graphite:#5E6064;
  --teal:#C4321A; --blue:#17191B; --gold:#C4321A; --goldink:#A3260F; --sage:#5E6064;
  --line:rgba(23,25,27,.15); --line2:rgba(23,25,27,.08);
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  --strike:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7 C 30 4, 66 7, 98 4' fill='none' stroke='%23C4321A' stroke-width='3.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100' preserveAspectRatio='none'%3E%3Cpath d='M70 8 C 30 4, 6 30, 11 56 C 16 86, 62 97, 94 82 C 117 70, 115 28, 85 13 C 72 7, 57 7, 46 12' fill='none' stroke='%23C4321A' stroke-width='3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --pencil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C 70 7, 170 5, 262 9 S 370 17, 396 9' fill='none' stroke='%23C4321A' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M22 18 C 110 12, 220 11, 300 13 S 380 16, 390 12' fill='none' stroke='%23C4321A' stroke-opacity='.45' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body{background:#F6F6F3}
#mw{background:var(--paper);color:var(--ink)}
#mw ::selection{background:rgba(196,50,26,.18)}
#mw :focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* ---------- type ---------- */
#mw h1,#mw h2,#mw h3,#mw .disp,#mw .wp-block-post-title{font-family:var(--serif);font-weight:600;letter-spacing:-.012em;text-wrap:balance}
#mw h4,#mw h5{font-family:var(--sans);font-weight:600;letter-spacing:0}
#mw h2{line-height:1.08}
#mw .lead{color:rgba(23,25,27,.8)}
#mw .ink .lead{color:rgba(246,246,243,.74)}
#mw .muted{color:rgba(23,25,27,.6)}
#mw .mono,#mw .wm{font-family:var(--sans)}
#mw .kick,#mw .kick.b,#mw .kick.g,#mw .kick.s{color:var(--graphite);letter-spacing:.16em;font-size:12px}
#mw .ink .kick{color:rgba(246,246,243,.6)}
#mw .kick::before,#mw .kick.b::before,#mw .kick.g::before,#mw .kick.s::before{width:22px;height:1.5px;background:currentColor;clip-path:none;opacity:.9}

/* the red pencil, available to any page */
#mw .pen-u{background:var(--pencil) no-repeat left 100%/100% .32em;padding-bottom:.08em}
#mw .pen-x{color:var(--graphite);background:var(--strike) no-repeat 0 58%/100% .36em;padding:0 .04em}

/* ---------- logo ---------- */
#mw .mk .a{stroke:var(--ink)}
#mw .mk .b{stroke:var(--red)}
#mw .ink .mk .a,#mw .onink .mk .a,#mw .foot .mk .a{stroke:var(--paper)}
#mw .wm{font-weight:700;letter-spacing:.2em;font-size:18px}

/* ---------- header and navigation ---------- */
#mw .head{background:rgba(246,246,243,.94);border-bottom:1px solid var(--line)}
#mw .head-prog{background:var(--red)}
#mw .nav>a,#mw .nav .navitem>button,#mw .nav .navitem>a{color:rgba(23,25,27,.7);border-radius:3px}
#mw .nav>a:hover,#mw .nav .navitem:hover>button,#mw .nav .navitem:hover>a{color:var(--ink)}
#mw .nav>a[aria-current]::after{background:var(--red)}
#mw .nav>a[href="/#proof"],#mw .mnav a[href="/#proof"]{display:none}
#mw .dd{border-radius:4px;box-shadow:0 18px 40px rgba(23,25,27,.12)}
#mw .dd-link{border-radius:3px}
#mw .dd-dot{border-radius:0;width:12px;height:2px;margin-top:10px;background:var(--ink)}
#mw .dd-tt{font-family:var(--serif);font-size:16px}
#mw .nav a.nav-tool{border-color:transparent;background:none;border-radius:3px;padding-left:12px}
#mw .nav a.nav-tool:hover{background:rgba(23,25,27,.05)}
#mw .nav-new,.nav-new{background:var(--red,#C4321A);border-radius:2px}
#mw .head .head-tool{border-color:var(--ink);background:transparent;border-radius:3px}
#mw .head .head-tool svg{color:var(--red)}
#mw .burger{border-radius:3px}
#mw .mnav a{font-family:var(--serif);font-weight:600}

/* ---------- buttons ---------- */
#mw .btn{border-radius:3px;transition:background .2s,color .2s,border-color .2s}
#mw .btn:hover{transform:none}
#mw .btn-primary,#mw .btn-acc{background:var(--red);color:#fff;box-shadow:none}
#mw .btn-primary:hover,#mw .btn-acc:hover{background:var(--red-ink);box-shadow:none}
#mw .btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
#mw .btn-ghost:hover{border-color:var(--red);color:var(--red)}
#mw .ink .btn-ghost{border-color:rgba(246,246,243,.5);color:#fff}
#mw .ink .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}

/* ---------- inner-page heroes become type on paper ---------- */
#mw .mhero{min-height:0;background:var(--paper);border-bottom:1px solid var(--line);isolation:auto}
#mw .mhero .mh-bg,#mw .mhero .mh-vid,#mw .mhero .mh-duo,#mw .mhero video,#mw .mhero .mh-scrim,#mw .mhero .mh-grain,#mw .mhero .mh-after,#mw .mhero .mh-dest,#mw .mhero .mh-badge{display:none!important}
#mw .mhero .mh-wrap{width:min(1180px,100%);padding:0 32px}
#mw .mhero .mh-content{max-width:700px;padding:clamp(84px,11vh,120px) 0 clamp(64px,9vh,96px)}
#mw .mhero .mh-crumb,#mw .mhero .mh-crumb a{color:rgba(23,25,27,.55)}
#mw .mhero .mh-crumb .cur{color:var(--ink)}
#mw .mhero .mh-eyebrow{color:var(--graphite);font-family:var(--sans);letter-spacing:.16em}
#mw .mhero .mh-eyebrow .mh-tick{background:var(--ink);height:1.5px;width:22px}
#mw .mhero .mh-h1{font-family:var(--serif);font-weight:600;color:var(--ink);text-shadow:none;line-height:1.02;letter-spacing:-.015em;font-size:clamp(42px,5vw,72px)}
#mw .mhero .mh-h1 .mh-l2{background:var(--pencil) no-repeat 0 100%/100% .26em;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink);-webkit-text-fill-color:var(--ink);display:inline;padding-bottom:.1em}
#mw .mhero .mh-h1 .mh-l1{display:block}
#mw .mhero.mw-has-photo .mh-h1 .mh-l2{background:none;padding-bottom:0}
#mw .mhero .mh-sub{color:rgba(23,25,27,.82);text-shadow:none;font-size:clamp(17px,1.4vw,20px);max-width:56ch}
#mw .mhero .mh-sub b{color:var(--ink)}
#mw .mhero .mh-btn{box-shadow:none;background:var(--red);color:#fff;font-family:var(--sans);font-weight:600;border-radius:3px;font-size:15.5px;padding:16px 24px}
#mw .mhero .mh-btn:hover{background:var(--red-ink);transform:none}
#mw .mhero .mh-ghost{color:var(--ink);opacity:1}
#mw .mhero .mh-ghost .mh-gc{border-color:rgba(23,25,27,.3)}
#mw .mhero .mh-feats .mh-f{color:var(--graphite)}
#mw .mhero .mh-feats .mh-f b{color:var(--ink)}
#mw .mhero .mh-feats .mh-fd{background:var(--red);border-radius:0;width:10px;height:2px}
@media(max-width:860px){#mw .mhero .mh-content{padding:64px 0 56px}#mw .mhero .mh-wrap{padding:0 22px}}

/* hero photograph, framed and annotated, set per page by the plugin */
#mw .mhero.mw-has-photo .mh-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:72px;align-items:center}
#mw .mhero.mw-has-photo .mh-content{padding-top:64px;padding-bottom:64px}
#mw .mw-hero-photo{position:relative;margin:56px 0;align-self:center;order:2}
#mw .mw-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;outline:1px solid rgba(23,25,27,.85);outline-offset:-1px}
#mw .mw-hero-photo figcaption{position:absolute;left:14px;bottom:14px;background:var(--paper);padding:10px 14px;font:600 13px/1.35 var(--sans);color:var(--ink);max-width:230px;border-left:2px solid var(--red)}
#mw .mw-hero-photo .mw-ring{position:absolute;pointer-events:none;overflow:visible}
#mw .mw-hero-photo .mw-ring path{fill:none;stroke:var(--red);stroke-width:3.5;stroke-linecap:round}
@media(max-width:980px){#mw .mhero.mw-has-photo .mh-wrap{grid-template-columns:1fr;gap:0}#mw .mw-hero-photo{margin:0 0 56px;max-width:440px}#mw .mw-hero-photo figcaption{left:12px;bottom:12px}}

/* ---------- sections and editorial blocks ---------- */
#mw .sec{padding:84px 0}
@media(max-width:980px){#mw .sec{padding:64px 0}}
#mw .shead h2{font-weight:600}
#mw .grain::after{display:none}
#mw .ink{background:var(--ink)}

/* service cards become ruled blocks */
#mw .svc{background:transparent;border:0;border-top:1.5px solid var(--ink);border-radius:0;padding:26px 0 8px;overflow:visible}
#mw .svc:hover{transform:none;box-shadow:none;border-color:var(--red)}
#mw .svc-ico{background:none;width:auto;height:auto;margin-bottom:14px;justify-content:flex-start}
#mw .svc-ico svg{stroke:var(--ink);width:26px;height:26px}
#mw .svc-num{top:28px;right:0;color:var(--red)}
#mw .svc h3{font-size:24px}
#mw .svc p{color:rgba(23,25,27,.68);font-size:15.5px}
#mw .svc .tag{background:none;padding:0;border-radius:0;color:var(--graphite);font-weight:500}
#mw .svc .tags{gap:4px 14px}
#mw .svc .tag+.tag::before{content:"";display:inline-block;width:4px;height:4px;background:var(--line);margin:0 10px 2px -9px;border-radius:50%}

#mw .step .sn{color:var(--red)}
#mw .step .sbar{height:1.5px;border-radius:0;background:var(--ink)}
#mw .step h4{font-family:var(--serif);font-weight:600;font-size:22px}
#mw .step p{color:rgba(23,25,27,.66)}
#mw .ink .step p{color:rgba(246,246,243,.66)}

#mw .tick{color:rgba(23,25,27,.82)}
#mw .tick .ck{background:transparent;color:var(--red);border:1.5px solid var(--red);font-weight:700}
#mw .ink .tick,#mw .panel.ink-panel .tick{color:rgba(246,246,243,.86)}
#mw .ink .tick b,#mw .panel.ink-panel .tick b{color:#fff}
#mw .ink .tick .ck,#mw .panel.ink-panel .tick .ck{color:#fff;border-color:rgba(255,255,255,.5)}

#mw .panel{background:var(--white);border:1px solid var(--line);border-radius:0;box-shadow:none}
#mw .panel::after{display:none}
#mw .panel .pflag{color:var(--graphite)}
#mw .panel .pprice{background:none;padding:0;border-radius:0;font-family:var(--sans);font-weight:600;color:var(--red);font-size:15.5px}
#mw .panel.ink-panel{background:var(--ink)}
#mw .panel.ink-panel .pprice{color:#fff;background:none}

#mw .pnav-card{background:transparent;border:0;border-top:1.5px solid var(--ink);border-radius:0;padding:24px 0 0}
#mw .pnav-card:hover{transform:none;box-shadow:none;border-color:var(--red)}
#mw .pnav-card .pk{color:var(--graphite)}
#mw .pnav-card h4{font-family:var(--serif);font-size:26px}
#mw .pnav-card .pa{color:var(--ink)}
#mw .pnav-card:hover .pa{color:var(--red)}

#mw .ctaband{background:var(--ink)}
#mw .ctaband::before{display:none}
#mw .ctaband h2,#mw .ctaband .lead{text-shadow:none}
#mw .ctaband h2{font-weight:600}

#mw .code-card{border-radius:3px}
#mw .ai-badge{background:none;padding:0;color:var(--graphite);border-radius:0}

/* proof band: flat ink, no wash */
#mw #proof{background:var(--ink)}
#mw #proof::before{display:none}
#mw #proof h2,#mw #proof .lead,#mw #proof .kick{text-shadow:none}
#mw .metric .mn{font-family:var(--serif);font-weight:600}
#mw .metric .ml{text-shadow:none;color:rgba(246,246,243,.72)}

/* related reading cards (inner pages) */
#mw .mw-rr-card{background:transparent;border:0;border-top:1.5px solid var(--ink);border-radius:0;box-shadow:none;padding:22px 0 4px}
#mw .mw-rr-card:hover{transform:none;box-shadow:none;border-color:var(--red)}
#mw .mw-rr-card h3,#mw .mw-rr-card h4{font-family:var(--serif)}

/* ---------- forms and contact ---------- */
#mw .cform{border-radius:0;box-shadow:none;border:0;border-top:1.5px solid var(--ink);background:transparent;padding:30px 0 0}
#mw .field input,#mw .field select,#mw .field textarea{border-radius:3px;background:var(--white);border-color:rgba(23,25,27,.24)}
#mw .field input:focus,#mw .field select:focus,#mw .field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(196,50,26,.14)}
#mw .form-note{color:var(--red)}
#mw .cmail{color:var(--ink);font-family:var(--serif);border-bottom:2px solid var(--red);padding-bottom:3px}
#mw .cmail:hover{text-decoration:none;color:var(--red)}
#mw .cmeta-i .dot2{border-radius:0;width:10px;height:2px;margin-top:11px;background:var(--red)}
#mw .contact{background:var(--white)}

/* ---------- footer ---------- */
#mw .foot{background:var(--ink)}
#mw .foot h5{font-family:var(--sans);color:rgba(246,246,243,.55)}
#mw .foot-brand .wm{color:#fff}

/* ---------- cookie bar and contact pop-out ---------- */
#mw .ckbar{border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
#mw .ckbar-txt a{color:#fff}
#mow-modal .mow-card,#mow-modal [class*="card"]{border-radius:4px!important}

/* ---------- articles ---------- */
#mw .article-wrap .wp-block-post-title{font-weight:600;letter-spacing:-.015em;line-height:1.06}
#mw .article-wrap .wp-block-post-date{color:var(--graphite)}
#mw .article-wrap .wp-block-post-content{color:rgba(23,25,27,.84)}
#mw .article-wrap .wp-block-post-content :is(h2,h3){font-family:var(--serif);font-weight:600}
#mw .article-wrap .wp-block-post-content a{color:var(--ink);text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
#mw .article-wrap .wp-block-post-content a:hover{color:var(--red)}
#mw .article-wrap .wp-block-post-content blockquote{border-left-color:var(--red);font-family:var(--serif)}
#mw .article-wrap .wp-block-post-featured-image img,#mw .article-wrap .wp-block-post-content img{border-radius:2px}
#mw .mw-short-answer{border-left:3px solid var(--red)!important;background:var(--white)!important}
#mw .article-wrap .wp-block-table thead th{font-family:var(--sans)}

/* ---------- homepage insights row (markup written daily by refresh_insights.py) ---------- */
#mw .hi-row{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto;gap:0 48px;overflow:visible;padding:0;scroll-snap-type:none}
#mw .hi-row>a{grid-column:2;flex:none;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;box-shadow:none;transform:none}
#mw .hi-row>a:nth-child(2){border-top:1.5px solid var(--ink)}
#mw .hi-row>a:hover{transform:none;box-shadow:none}
#mw .hi-row>a:not(:first-child) .hi-img{display:none}
#mw .hi-row>a:first-child{grid-column:1;grid-row:1 / span 5;border:0;padding:0}
#mw .hi-row>a:first-child .hi-img{aspect-ratio:16/9;border-radius:0}
#mw .hi-row>a:nth-child(n+6){display:none}
#mw .hi-body{padding:0;gap:8px}
#mw .hi-row>a:first-child .hi-body{padding-top:20px}
#mw .hi-date{color:var(--graphite);font-family:var(--sans)}
#mw .hi-row h3{font-family:var(--serif);font-size:21px;line-height:1.25}
#mw .hi-row>a:first-child h3{font-size:clamp(26px,2.6vw,32px);line-height:1.15}
#mw .hi-row>a:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:5px}
#mw .hi-more{display:none}
#mw .hi-viewall{color:var(--ink);font-family:var(--sans);border-bottom:1.5px solid var(--ink);padding-bottom:4px}
#mw .hi-viewall:hover{text-decoration:none;color:var(--red);border-color:var(--red)}
@media(max-width:860px){#mw .hi-row{grid-template-columns:1fr;gap:0}#mw .hi-row>a,#mw .hi-row>a:first-child{grid-column:1;grid-row:auto}#mw .hi-row>a:first-child{margin-bottom:24px}}

/* ---------- /news/ listing ---------- */
#mw .allposts a:hover{color:var(--red)}

/* ---------- page-specific components ---------- */
/* contact page form (it carries its own copy of the old tokens) */
#mw .mw-cf{--ink:#17191B;--paper:#F6F6F3;--surface:#EEEEEA;--teal:#C4321A;--line:rgba(23,25,27,.18);background:var(--white);border:0;border-top:1.5px solid var(--ink);border-radius:0;padding:30px 0 0;color:var(--ink)}
#mw .mw-cf h3{font-family:var(--serif);font-weight:600;font-size:28px}
#mw .mw-cf .intro,#mw .mw-cf label,#mw .mw-cf .note{color:rgba(23,25,27,.72)}
#mw .mw-cf label{font-family:var(--sans)}
#mw .mw-cf input,#mw .mw-cf select,#mw .mw-cf textarea{border-radius:3px;border-color:rgba(23,25,27,.24)}
#mw .mw-cf input:focus-visible,#mw .mw-cf select:focus-visible,#mw .mw-cf textarea:focus-visible{outline:2px solid var(--ink);box-shadow:0 0 0 5px rgba(196,50,26,.18)}
#mw .mw-cf button{background:var(--red);color:#fff;border-radius:3px;font-family:var(--sans);font-weight:600}
#mw .mw-cf button:hover{background:var(--red-ink)}
#mw .oplist .opl{border-radius:0;background:transparent;border:0;border-top:1px solid rgba(246,246,243,.16);padding-left:34px}
#mw .oplist .opl::before{left:2px;border-radius:0;background:var(--red)}

/* pricing page */
html #mw .prc-eye:nth-child(2) .n,html #mw .prc-eye:nth-child(3) .n{color:var(--ink)}
html #mw .prc-eye .n,html #mw .prc-fig{font-family:var(--serif);font-weight:600}
html #mw .prc-fig{color:var(--ink)}
#mw .prc-eye .l,#mw .prc-eye .say,#mw .prc-quote,#mw .prc-note{color:rgba(23,25,27,.76)}
html #mw .panel.prc-lead{border:1.5px solid var(--ink);box-shadow:none}
html #mw .prc-note{border-radius:0;border:0;border-left:3px solid var(--red);background:var(--white)}
#mw .ink .prc-note{background:rgba(246,246,243,.06);color:rgba(246,246,243,.84)}
html #mw .prc-rc{border-radius:2px;font-family:var(--sans)}
html #mw .prc-rc.a{background:var(--ink);color:#fff}
html #mw .prc-rc.b{background:rgba(23,25,27,.22);color:var(--ink)}
html #mw .prc-rc.c{background:rgba(23,25,27,.09);color:var(--ink)}
html #mw .prc-rc.d{background:transparent;color:var(--graphite);text-decoration-color:var(--red);text-decoration-thickness:2px;border:1px dashed var(--line)}
#mw .prc-xi .xm{border-color:rgba(240,120,100,.6);color:#F0A090}
#mw .prc-closer,#mw .prc-quote{border-left-color:var(--red)}
#mw .ctaband.prc-cta::before{display:none}

/* insights listing */
#mw .tile{border-radius:0;background:var(--ink)}
#mw .tile:hover{transform:none;box-shadow:none}
#mw .tile-img{background-color:var(--ink)}
#mw .tile-scrim{background:linear-gradient(180deg,rgba(23,25,27,0) 12%,rgba(23,25,27,.9) 62%,rgba(23,25,27,.96) 100%)}
#mw .tile-date{color:rgba(246,246,243,.7);font-family:var(--sans)}
#mw .tile h3{font-family:var(--serif);font-weight:600;font-size:21px}
#mw .tile-chip{background:var(--red);color:#fff;border-radius:2px;font-family:var(--sans)}
#mw .news-pager button{border-radius:3px;font-family:var(--sans);color:var(--ink)}
#mw .news-pager button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}
#mw .news-pager button[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
#mw .news-count{color:var(--graphite);font-family:var(--sans)}
#mw .allposts a{border-bottom-color:rgba(196,50,26,.4)}
#mw .eyebrow{border-radius:2px}

/* about page record card */
#mw .reccard{border-radius:0;background:transparent;border:0;border-top:1.5px solid rgba(246,246,243,.5);padding:24px 0 0}
#mw .reccard .rc-h{color:rgba(246,246,243,.6)}
#mw .reccard .rc-n{font-family:var(--serif);color:#fff}

/* legal page text */
#mw .legal-wrap :is(p,li,b){color:rgba(23,25,27,.82)}

/* business checklist tool: flatten, keep it a working tool */
#mw .lp-card,#mw .lp-demo,#mw .lp-ans,#mw .lp-block,#mw .lp-cover,#mw .lp-dock,#mw .lp-static details,#mw .lp-note,#mw .lp-howto div{border-radius:4px}
#mw .lp-f input,#mw .lp-f select,#mw .lp-f textarea,#mw .lp-field textarea,#mw .lp-card input,#mw .lp-card select{border-radius:3px}
#mw .lp-card legend,#mw .lp-static h4,#mw .lp-cover h2,#mw .lp-cover h3{font-family:var(--serif)}

/* contact pop-out (lives outside #mw) */
#mow-modal .mow-panel{border-radius:4px}
#mow-modal .mow-panel::before{display:none}
#mow-modal .mow-h{font-family:'Source Serif 4',Georgia,serif;font-weight:600;letter-spacing:-.01em}
#mow-modal .mow-form input,#mow-modal .mow-form select,#mow-modal .mow-form textarea{border-radius:3px}
#mow-modal .mow-send{background:#C4321A;color:#fff;border-radius:3px}
#mow-modal .mow-send:hover{background:#A3260F}

/* icons: no rounded tiles anywhere */
#mw .svc-ico{border-radius:0}

/* ---------- homepage (sections swapped in by the plugin) ---------- */
#mw .mwh-hero{border-bottom:1px solid var(--line)}
#mw .mwh-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:64px;align-items:center;padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px)}
#mw .mwh-hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.03;letter-spacing:-.018em;margin-top:6px}
#mw .mwh-sub{font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;color:rgba(23,25,27,.82);max-width:560px;margin-top:30px}
#mw .mwh-ctas{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:36px}
#mw .mwh-link{font-weight:600;font-size:15px;color:var(--ink);border-bottom:1.5px solid var(--ink);padding:6px 0 4px}
#mw .mwh-link:hover{color:var(--red);border-color:var(--red)}
#mw .mwh-promise{margin-top:22px;font-size:14.5px;color:var(--graphite)}
#mw .mwh-hero-photo{position:relative;margin:0}
#mw .mwh-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:58% 40%;outline:1px solid rgba(23,25,27,.85);outline-offset:-1px}
#mw .mwh-hero-photo figcaption{position:absolute;left:14px;bottom:14px;background:var(--paper);padding:11px 15px;font:600 13.5px/1.35 var(--sans);color:var(--ink);border-left:2px solid var(--red);max-width:240px}
@media(max-width:980px){#mw .mwh-hero-grid{grid-template-columns:1fr;gap:40px}#mw .mwh-hero-photo{max-width:560px}#mw .mwh-hero-photo img{aspect-ratio:3/2;object-position:55% 38%}}
@media(max-width:560px){#mw .mwh-hero-grid{padding-top:44px;gap:32px}#mw .mwh-hero h1{font-size:42px;line-height:1.04}#mw .mwh-sub{font-size:16.5px;line-height:1.55;margin-top:22px}#mw .mwh-ctas{gap:18px;margin-top:28px}}

#mw .mwh-two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
#mw .mwh-usual h2{font-size:clamp(34px,3.4vw,46px);margin-bottom:24px}
#mw .mwh-rows{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
#mw .mwh-rows li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
#mw .mwh-rows li>span{font:600 12px/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
#mw .mwh-rows li.ours>span{color:var(--red)}
#mw .mwh-rows p{font-size:17px;color:rgba(23,25,27,.82)}
#mw .mwh-rows b{color:var(--ink)}
@media(max-width:900px){#mw .mwh-two{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){#mw .mwh-rows li{grid-template-columns:1fr;gap:4px}}

#mw .mwh-moves{padding-top:0}
#mw .mwh-moves h2,#mw .mwh-doors h2{font-size:clamp(34px,3.4vw,46px);max-width:760px}
#mw .mwh-move-list{margin-top:52px;border-top:1.5px solid var(--ink)}
#mw .mwh-move{display:grid;grid-template-columns:64px minmax(150px,220px) 1fr 28px;gap:24px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line);color:inherit}
#mw .mwh-move .n{font:600 13px/1 var(--sans);letter-spacing:.14em;color:var(--red)}
#mw .mwh-move h3{font-size:30px;line-height:1.1}
#mw .mwh-move p{font-size:17.5px;line-height:1.55}
#mw .mwh-move del{text-decoration:none;color:var(--graphite);background:var(--strike) no-repeat 0 58%/100% .4em;margin-right:8px}
#mw .mwh-move ins{text-decoration:none;color:var(--ink)}
#mw .mwh-move .arr{justify-self:end;font-size:20px;color:var(--graphite);transition:transform .2s,color .2s}
#mw .mwh-move:hover .arr{color:var(--red);transform:translateX(4px)}
@media(max-width:860px){#mw .mwh-move{grid-template-columns:36px 1fr 20px;gap:6px 14px;padding:22px 0}#mw .mwh-move h3{font-size:27px}#mw .mwh-move p{grid-column:2;font-size:16px;line-height:1.45}#mw .mwh-move del{display:block;width:max-content;max-width:100%;font-size:14px;margin:2px 0 4px}#mw .mwh-move .arr{grid-row:1;grid-column:3}}

#mw .mwh-proof-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
#mw .mwh-proof h2{font-size:clamp(34px,4.2vw,54px);max-width:560px}
#mw .mwh-stats{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:56px;max-width:520px}
#mw .mwh-stats b{display:inline-block;font:600 clamp(64px,7vw,92px)/1 var(--serif);color:#fff}
#mw .mwh-stats span{display:block;margin-top:16px;padding-top:14px;border-top:1px solid rgba(246,246,243,.22);color:rgba(246,246,243,.74);font-size:16px}
#mw .mwh-proof-say{font-size:20px;line-height:1.65;color:rgba(246,246,243,.84);max-width:520px}
@media(max-width:900px){#mw .mwh-proof-grid{grid-template-columns:1fr;gap:44px}}

#mw .mwh-door-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:52px}
#mw .mwh-door{border-top:1.5px solid var(--ink);padding-top:28px;display:flex;flex-direction:column;gap:14px}
#mw .mwh-door .tag{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
#mw .mwh-door h3{font-size:clamp(28px,3vw,36px)}
#mw .mwh-door .price{font:600 16px/1.3 var(--sans);color:var(--ink)}
#mw .mwh-door p{color:rgba(23,25,27,.82);font-size:17px}
#mw .mwh-door ul{list-style:none;margin:2px 0 12px;padding:0}
#mw .mwh-door li{padding:8px 0 8px 26px;position:relative;font-size:16px}
#mw .mwh-door li::before{content:"";position:absolute;left:0;top:19px;width:13px;height:1.5px;background:var(--red)}
#mw .mwh-door .btn{align-self:flex-start;margin-top:auto}
@media(max-width:860px){#mw .mwh-door-grid{grid-template-columns:1fr;gap:48px}}

#mw .mwh-how{background:var(--surface)}
#mw .mwh-how-head{max-width:720px}
#mw .mwh-how h2{font-size:clamp(34px,3.4vw,46px);margin-bottom:18px}
#mw .mwh-steps{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:52px 0 0;padding:0}
#mw .mwh-steps li{counter-increment:st;border-top:1.5px solid var(--ink);padding-top:20px}
#mw .mwh-steps li::before{content:"0" counter(st);display:block;font:600 13px/1 var(--sans);letter-spacing:.14em;color:var(--red);margin-bottom:14px}
#mw .mwh-steps span{display:block;font:600 22px/1.15 var(--serif);margin-bottom:10px}
#mw .mwh-steps p{font-size:16px;color:rgba(23,25,27,.8)}
@media(max-width:900px){#mw .mwh-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#mw .mwh-steps{grid-template-columns:1fr}}

/* insights and contact on the homepage */
#mw #insights{background:var(--paper)!important;padding-top:96px}
#mw #insights .hi-head h2{font-size:clamp(34px,3.4vw,46px)}

/* every live article now has a full-colour featured image; only the noindexed archive cards keep the old grade, so mute those */
#mw .tile:has(.tile-chip) .tile-img{filter:grayscale(1) contrast(1.06) brightness(1.03)}

/* older dark hero used on /news/ */
#mw .subhero{background:var(--paper)!important;background-image:none!important;color:var(--ink);border-bottom:1px solid var(--line)}
#mw .subhero::before,#mw .subhero::after,#mw .subhero .hero-grid{display:none!important}
#mw .subhero h1{color:var(--ink);font-family:var(--serif);font-weight:600}
#mw .subhero h1 .accent{color:var(--ink);background:var(--pencil) no-repeat 0 100%/100% .26em;padding-bottom:.08em}
#mw .subhero .eyebrow{border:0;padding:0;border-radius:0;color:var(--graphite);background:none;letter-spacing:.16em}
#mw .subhero .eyebrow .pulse{display:none}
#mw .subhero .lead{color:rgba(23,25,27,.7)}
#mw .subhero .crumbs,#mw .subhero .crumbs a{color:rgba(23,25,27,.55)}

/* business checklist: its deep teal is hard-coded, so map each use */
html #mw .lp-demo-top,html #mw .lp-card legend,html #mw .lp-acc-k,html #mw .lp-phase.is-done .lp-acc-c{color:var(--ink)}
html #mw .lp-card legend b{background:var(--ink);color:#fff}
html #mw .lp-d-box{background-color:var(--ink);border-color:var(--ink)}
html #mw .lp-check input{accent-color:var(--red)}
html #mw .lp-next{border-left-color:var(--red)}
html #mw .lp-go:hover strong{text-decoration-color:var(--red)}
html #mw .lp-go-arrow,html #mw .lp-linkbtn{color:var(--red)}
html #mw .lp-src a,html #mw .lp-inline,html #mw .lp-links a,html #mw .lp-ans a{color:var(--ink);text-decoration-color:var(--red)}
html #mw .lp-acc-btn:hover .lp-acc-chev{border-color:var(--ink)}
html #mw .lp-acc-bar i{background:var(--red)}
html #mw .lp-acc-chev:before,html #mw .lp-phase.is-done .lp-acc-c:before{border-color:var(--ink)}
html #mw .lp-tick input:checked + .lp-tick-box{background-color:var(--ink);border-color:var(--ink)}
html #mw .lp-chip-must{background:rgba(196,50,26,.08);border-color:rgba(196,50,26,.3);color:var(--red-ink)}
#mw .subhero h1,#mw .subhero .lead,#mw .subhero .eyebrow{text-shadow:none}

/* the pencil draws itself once, on the homepage headline only */
@keyframes mw-pencil{from{background-size:0% .32em}to{background-size:100% .32em}}
#mw .mwh-hero .pen-u{animation:mw-pencil .7s cubic-bezier(.3,.7,.2,1) .35s both}
@media(prefers-reduced-motion:reduce){#mw .mwh-hero .pen-u{animation:none}}
/* footer: the tagline corrects itself */
#mw .foot-bot .pen-x{color:rgba(246,246,243,.5)}
#mw .foot-social a{color:rgba(246,246,243,.7)}
#mw .foot-social a:hover{color:#fff}
#mw .foot-social svg,#mw .foot-social svg *{fill:currentColor}
/* mobile header chip */
@media(max-width:980px){#mw .head .head-tool .nav-new{background:transparent;color:var(--red);padding:0}}
/* article frame */
#mw .article-wrap .wp-block-post-featured-image img{border-radius:0;outline:1px solid rgba(23,25,27,.85);outline-offset:-1px}
#mw .article-wrap .wp-block-post-content{font-size:18px}
#mw .reccard .rc-n{color:#fff!important}
html #mw .lp-static h4{color:var(--ink)}
html #mw .lp-d-c{color:var(--red-ink);background:rgba(196,50,26,.08);border-radius:2px}
html #mw .lp-ans:nth-child(1){border-top:3px solid var(--ink)}
html #mw .lp-ans:nth-child(3){border-top:3px solid var(--red)}

/* ---------- video bands ---------- */
#mw .mw-band{position:relative;margin:0;background:var(--ink);overflow:hidden}
#mw .mw-band video{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
#mw .mw-band figcaption{position:absolute;left:max(32px,calc((100% - 1180px)/2 + 32px));bottom:32px;background:var(--paper);color:var(--ink);padding:14px 20px;font:500 clamp(17px,1.6vw,21px)/1.3 var(--serif);border-left:3px solid var(--red);max-width:min(560px,80%)}
#mw .mw-band figcaption span{font-weight:600}
@media(max-width:760px){#mw .mw-band video{aspect-ratio:4/3}#mw .mw-band figcaption{left:16px;right:16px;bottom:16px;max-width:none;font-size:16px;padding:11px 14px}}
#mw .mwh-hero-photo video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:58% 40%;outline:1px solid rgba(23,25,27,.85);outline-offset:-1px;background:#e9e4dc}
@media(max-width:980px){#mw .mwh-hero-photo video{aspect-ratio:3/2;object-position:55% 38%}}
#mw .mwh-moves+.mw-band{margin-top:0}

/* ---------- homepage hero: a brief, corrected live in red pencil ---------- */
#mw .mwb{position:relative;justify-self:center;width:100%;max-width:490px}
#mw .mwb-paper{position:relative;background:#FFFFFF;padding:34px 36px 30px 40px;transform:rotate(-1.4deg);box-shadow:0 1px 0 rgba(23,25,27,.06),0 24px 50px -24px rgba(23,25,27,.35),0 2px 6px rgba(23,25,27,.06);font-family:var(--sans);color:var(--ink)}
#mw .mwb-paper::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(23,25,27,.035) 33px 34px);pointer-events:none}
#mw .mwb-top{display:flex;justify-content:space-between;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);padding-bottom:14px;border-bottom:1px solid var(--line)}
#mw .mwb-title{font:600 27px/1.15 var(--serif);margin:20px 0 6px;letter-spacing:-.01em}
#mw .mwb-list{list-style:none;counter-reset:b;margin:0;padding:0}
#mw .mwb-list li{counter-increment:b;position:relative;padding:11px 0 11px 30px;font-size:16.5px;line-height:1.4;border-bottom:1px solid rgba(23,25,27,.06)}
#mw .mwb-list li::before{content:counter(b);position:absolute;left:0;top:12px;font:600 12px/1.4 var(--sans);color:var(--graphite)}
#mw .mwb-x,#mw .mwb-u,#mw .mwb-r{position:relative;display:inline-block;white-space:nowrap}
#mw .mwb-r{margin:0 .3em}
#mw .mwb-x{color:rgba(23,25,27,.55)}
#mw .mwb svg path{fill:none;stroke:var(--red);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2;stroke-dashoffset:0}
#mw .mwb.js svg path{stroke-dashoffset:1.1}
#mw .mwb.js.go svg path{animation:mwb-draw .5s cubic-bezier(.35,.6,.25,1) forwards}
#mw .mwb-x svg{position:absolute;left:-3%;top:44%;width:106%;height:.5em;overflow:visible}
#mw .mwb-x svg path{stroke-width:3}
#mw .mwb-u svg{position:absolute;left:-2%;bottom:-.32em;width:104%;height:.5em;overflow:visible}
#mw .mwb-u svg path{stroke-width:3.4}
#mw .mwb-r svg{position:absolute;left:-38%;top:-26%;width:176%;height:152%;overflow:visible}
#mw .mwb-r svg path{stroke-width:2.4;vector-effect:non-scaling-stroke}
#mw .mwb-key{font-weight:600}
#mw .mwb-note{position:absolute;right:-30px;top:10px;font:500 21px/1 'Caveat',cursive;color:var(--red);transform:rotate(-6deg);display:flex;align-items:center;gap:4px}
#mw .mwb.js .mwb-note,#mw .mwb.js .mwb-foot{opacity:0}
#mw .mwb.js.go .mwb-note,#mw .mwb.js.go .mwb-foot{animation:mwb-in .4s ease forwards}
#mw .mwb-note svg{width:34px;height:14px;order:-1}
#mw .mwb-note svg path{stroke-width:2.2}
#mw .mwb-tick{display:inline-block;width:20px;height:16px;margin-left:10px;vertical-align:-2px;overflow:visible}
#mw .mwb-tick path{stroke-width:3}
#mw .mwb-foot{margin-top:18px;text-align:right;font:500 20px/1 'Caveat',cursive;color:var(--red)}
@keyframes mwb-draw{to{stroke-dashoffset:0}}
@keyframes mwb-in{to{opacity:1}}
@media(prefers-reduced-motion:reduce){#mw .mwb svg path{animation:none;stroke-dashoffset:0}#mw .mwb-note,#mw .mwb-foot{animation:none;opacity:1}}
@media(max-width:980px){#mw .mwb{max-width:440px;justify-self:start}}
@media(max-width:560px){#mw .mwb-paper{padding:26px 22px 22px 26px;transform:rotate(-1deg)}#mw .mwb-title{font-size:23px}#mw .mwb-list li{font-size:15px;padding-left:24px}#mw .mwb-note{right:-10px;top:14px;font-size:16px}#mw .mwb-note svg{display:none}}

/* the pencil that does the writing, and the paper it writes on */
#mw .mwb-pencil{position:absolute;left:0;top:0;width:300px;height:auto;transform-origin:6px 8px;pointer-events:none;opacity:0;filter:drop-shadow(0 10px 8px rgba(23,25,27,.22)) drop-shadow(0 2px 2px rgba(23,25,27,.18));z-index:3;will-change:transform}
#mw .mwb-pencil.on{opacity:1;transition:opacity .25s}
#mw .mwb-paper{background-color:#FFFFFF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .5  0 0 0 0 .45  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
@media(max-width:560px){#mw .mwb-pencil{width:210px}}

/* the order the pencil works in */
#mw .mwb.js.go .mwb-s1 svg path{animation-delay:.7s}
#mw .mwb.js.go .mwb-s2 svg path{animation-delay:1.25s}
#mw .mwb.js.go .mwb-u svg path{animation-delay:1.9s;animation-duration:.6s}
#mw .mwb.js.go .mwb-note{animation-delay:2.62s}
#mw .mwb.js.go .mwb-note svg path{animation-delay:2.6s;animation-duration:.45s}
#mw .mwb.js.go .mwb-r svg path{animation-delay:3.15s;animation-duration:.56s}
#mw .mwb.js.go svg.mwb-tick path{animation-delay:3.82s;animation-duration:.35s}
#mw .mwb.js.go .mwb-foot{animation-delay:4.25s}
#mw .mwh-hero{overflow:hidden;overflow:clip}

/* first impression: the hero copy arrives line by line, then the pencil underlines it */
@keyframes mw-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#mw .mwh-hero-copy>*{animation:mw-rise .7s cubic-bezier(.2,.7,.2,1) both}
#mw .mwh-hero-copy>.kick{animation-delay:.05s}
#mw .mwh-hero-copy>h1{animation-delay:.12s}
#mw .mwh-hero-copy>.mwh-sub{animation-delay:.28s}
#mw .mwh-hero-copy>.mwh-ctas{animation-delay:.4s}
#mw .mwh-hero-copy>.mwh-promise{animation-delay:.5s}
#mw .mwh-hero .pen-u{animation-delay:.8s}
#mw .mwh-hero .mwb{animation:mw-rise .8s cubic-bezier(.2,.7,.2,1) .2s both}
/* navigation: a small pencil underline on hover */
#mw .nav>a,#mw .nav .navitem>a,#mw .nav .navitem>button{position:relative}
#mw .nav>a::before,#mw .nav .navitem>a::before,#mw .nav .navitem>button::before{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:.32em;background:var(--pencil) no-repeat 0 100%/0% 100%;transition:background-size .3s cubic-bezier(.3,.7,.2,1)}
#mw .nav>a:hover::before,#mw .nav .navitem>a:hover::before,#mw .nav .navitem>button:hover::before,#mw .nav>a:focus-visible::before{background-size:100% 100%}
#mw .nav a.nav-tool::before{display:none}
@media(prefers-reduced-motion:reduce){#mw .mwh-hero-copy>*,#mw .mwh-hero .mwb{animation:none}}

/* 404 */
#mw .mw-404 .mh-h1 .mw-404-x{background:var(--strike) no-repeat 0 58%/100% .34em;color:var(--graphite);-webkit-text-fill-color:var(--graphite)}
#mw .mw-404-links{padding-top:24px}
#mw .mw-404-links .mwh-rows{max-width:760px}
#mw .mw-404-links a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}

/* 10 Oct pm: the pencil script now draws each line under the tip, so the CSS stroke timings stand down */
html #mw .mwb.js.go.jsd svg path,html #mw .mwb.js.go.jsd .mwb-note,html #mw .mwb.js.go.jsd .mwb-foot{animation:none}
html #mw .mwb-x svg{left:-4%;width:109%}

/* 10 Oct: articles kept the old theme's 118px top padding, made for a header that floated over the page.
   The header is sticky and in the flow now, so that padding was a blank band above every featured image. */
#mw .article-wrap{padding-top:48px}
@media(max-width:560px){#mw .article-wrap{padding-top:28px}}

/* footer social icons: the inline style still carried the teal palette */
#mw .foot-social a{color:rgba(246,246,243,.62)}
#mw .foot-social a:hover{color:#C4321A}

/* Header checklist button on phones: the old rules hid the word and left a bare tick box. Phones now show
   "Checklist" with the tick, and drop the Free pill instead (the page itself says free). */
@media(max-width:560px){#mw .head .head-tool span:not(.nav-new){display:inline}#mw .head .head-tool .nav-new{display:none}}
@media(max-width:380px){#mw .head .head-tool{width:auto;padding:0 9px;justify-content:flex-start;gap:5px;font-size:13px}#mw .head .head-tool span:not(.nav-new){display:inline}}
@media(max-width:359px){#mw .head .logo .wm{font-size:15px;letter-spacing:.14em}#mw .head .logo .mk{height:22px;width:auto}#mw .head .head-tool{padding:0 7px;font-size:12px;gap:4px}#mw .head .head-tool svg{width:15px;height:15px}#mw .head .head-tool + .burger{margin-left:6px}}

/* Dark call-to-action cards inside service grids (inline background:var(--ink)) lost their inner padding when the
   redesign turned .svc cards into open, ruled text. Give the dark ones room again (Jordan, 10 Oct: "too close to the edges"). */
#mw .svc[style*="background:var(--ink)"]{padding:30px 26px 28px;border-top:0}
@media(max-width:560px){#mw .svc[style*="background:var(--ink)"]{padding:26px 22px 24px}}
/* the contact form card is white on paper but had no inner padding, so its heading and fields touched the edge */
#mw .mw-cf{padding:30px 28px;border:1px solid var(--line)}
@media(max-width:560px){#mw .mw-cf{padding:24px 18px}}

/* business checklist: the last teal and blue accents from the old palette */
html #mw .lp-ans:nth-child(n){border-top:4px solid var(--ink)}
html #mw .lp-ans:nth-child(2){border-top-color:var(--red)}
html #mw .lp-cover:after{background:var(--red);height:3px}
html #mw .lp-chip-if{background:rgba(23,25,27,.05);border-color:rgba(23,25,27,.2);color:var(--ink)}

/* Imagify serves WebP in <picture> (10 Oct 2026): the wrapper takes no box, so images lay out exactly as before */
picture{display:contents}

/* 14 Oct 2026: Imagify serves WebP inside <picture>. The content-image height rule targets the img as a direct
   child, so inside <picture> an image fell back to its height attribute and stretched (1600x1000 shown 760x1000). */
picture > img{max-width:100%;height:auto}