/* it-t10-tiler.css: the tiler page drawn to the owner's corrected design
   (tools/trades10/pack-corrected3/tiler/visual-reference/page-design-v2.png, 875 wide).
   Desktop sizes are the design's pixels times --u (page width / 875, so 1.463px at 1280); below
   900px the same sections stack in the same order. Built by tools/trades10/tiler.py. */
main.t-tiler{container-type:inline-size;--tl-ink:#0B1419;--tl-slate:#183036;--tl-muted:#5B666C;--tl-rule:#E3E7E9;--tl-mist:#F1F5F6;
  --tl-canvas:#FCFCFA;--tl-serif:"Source Serif 4",Georgia,serif;background:var(--tl-canvas);color:var(--tl-ink)}
.t-tiler>*{--u:calc(min(100cqw,1600px)/875)}
main.t-tiler .tx{width:calc(803*var(--u));margin-inline:auto}
main.t-tiler h1,main.t-tiler h2{font-family:var(--tl-serif);font-weight:700;color:var(--tl-slate);letter-spacing:-.005em}
main.t-tiler h2{font-size:calc(24.2*var(--u));line-height:1.12}
main.t-tiler .tl-sub{margin-top:calc(8*var(--u))!important;font-size:max(12.5px,calc(11.4*var(--u)));line-height:1.45;color:var(--tl-muted)}
main.t-tiler .tl-btn{display:inline-flex;align-items:center;gap:calc(9*var(--u));height:calc(35*var(--u));padding:0 calc(19*var(--u));border-radius:calc(4*var(--u));
  background:var(--orange);color:#fff!important;font:700 max(11.5px,calc(11*var(--u)))/1 var(--sans);text-decoration:none!important;white-space:nowrap;
  box-shadow:0 calc(6*var(--u)) calc(12*var(--u)) rgba(242,98,7,.18);transition:background .18s ease-out,transform .18s ease-out}
main.t-tiler .tl-btn:hover{background:var(--cta-h);transform:translateY(-1px)}
main.t-tiler .tl-btn svg{width:calc(13*var(--u));height:calc(13*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-tiler .tl-eye{display:block;font:700 max(9.5px,calc(7.5*var(--u)))/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6A7379}

/* hero: one picture across the band with the copy on it */
main.t-tiler .tl-hero{position:relative;overflow:hidden;background:var(--tl-canvas)}
main.t-tiler .tl-hero-img{position:absolute;right:0;top:0;height:100%;width:calc(517*var(--u));max-width:none;object-fit:cover;object-position:left center}
main.t-tiler .tl-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--tl-canvas) 0 34%,rgba(252,252,250,.75) 46%,rgba(252,252,250,0) 62%)}
main.t-tiler .tl-hero-in{position:relative;z-index:1}
main.t-tiler .tl-hero-in .tx{position:relative;min-height:calc(345*var(--u));padding:calc(58*var(--u)) 0 calc(24*var(--u))}
main.t-tiler .tl-hero-copy{position:relative;width:calc(330*var(--u))}
main.t-tiler .tl-hero h1{margin:0}
main.t-tiler .tl-seo{display:block;font:500 max(10px,calc(8.6*var(--u)))/1.3 var(--sans);letter-spacing:.01em;color:#6A7379;margin-bottom:calc(6*var(--u))}
main.t-tiler .tl-big{display:block;margin-top:calc(22*var(--u));font-size:calc(33*var(--u));line-height:calc(36.5*var(--u));font-weight:700}
main.t-tiler .tl-lede{max-width:calc(300*var(--u));margin-top:calc(7*var(--u))!important;font-size:max(12px,calc(10.7*var(--u)));line-height:calc(17*var(--u));color:#41505A}
main.t-tiler .tl-hero .tl-btn{margin-top:calc(18*var(--u))}
main.t-tiler .tl-proof{display:flex;gap:calc(22*var(--u));margin-top:calc(16*var(--u))!important}
main.t-tiler .tl-proof li{display:flex;align-items:center;gap:calc(6*var(--u));white-space:nowrap;font:400 max(10px,calc(8.4*var(--u)))/1 var(--sans);color:#3E4B52}
main.t-tiler .tl-ck{width:calc(9*var(--u));height:calc(9*var(--u));flex:none}

/* the hero document, drawn over the picture */
main.t-tiler .tl-hero-doc{position:absolute;left:calc(600*var(--u));top:calc(84*var(--u));width:calc(228*var(--u));text-decoration:none!important;
  transform:rotate(-3deg);transition:transform .18s ease-out}
main.t-tiler .tl-hero-doc:hover,main.t-tiler .tl-hero-doc:focus-visible{transform:rotate(-3deg) translateY(-4px)}
main.t-tiler .tl-hd{position:relative;display:block;background:#fff;border:1px solid #ECEFF0;border-radius:calc(3*var(--u));
  padding:calc(15*var(--u)) calc(14*var(--u)) calc(16*var(--u));box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) rgba(11,20,25,.16)}
main.t-tiler .tp-logo{display:block;font:700 calc(9*var(--u))/1 var(--sans);color:var(--tl-ink)}
main.t-tiler .tp-logo b{color:var(--orange)}
main.t-tiler .hd-title{display:block;margin-top:calc(10*var(--u));font:700 calc(10*var(--u))/1 var(--sans);letter-spacing:.01em;color:var(--tl-slate)}
main.t-tiler .hd-meta{display:flex;justify-content:space-between;margin-top:calc(20*var(--u));font-size:calc(6.6*var(--u));line-height:calc(10.5*var(--u));color:#5C666C}
main.t-tiler .hd-bill{display:grid}
main.t-tiler .hd-bill b{font-size:calc(6.8*var(--u));font-weight:700;color:var(--tl-ink)}
main.t-tiler .hd-num{display:grid;grid-template-columns:auto auto;column-gap:calc(10*var(--u));text-align:left}
main.t-tiler .hd-num span:nth-child(odd){color:#78838A}
main.t-tiler .hd-table{display:block;margin-top:calc(16*var(--u));border:1px solid #E6ECEE}
main.t-tiler .hd-th,main.t-tiler .hd-tr{display:grid;grid-template-columns:1fr calc(34*var(--u)) calc(38*var(--u)) calc(42*var(--u));
  font-size:calc(6.4*var(--u));line-height:1;align-items:center;height:calc(18.4*var(--u));padding:0 calc(6*var(--u));border-bottom:1px solid #E6ECEE}
main.t-tiler .hd-th{background:#F4F6F7;font-weight:600;color:var(--tl-ink)}
main.t-tiler .hd-tr{color:#5C666C}
main.t-tiler .hd-tr:last-child{border-bottom:0}
main.t-tiler .hd-th span+span,main.t-tiler .hd-tr span+span{text-align:right}
main.t-tiler .hd-total{display:flex;justify-content:flex-end;gap:calc(26*var(--u));margin-top:calc(13*var(--u));font:700 calc(10*var(--u))/1 var(--sans);color:var(--tl-ink)}
main.t-tiler .tl-edit{position:absolute;left:50%;bottom:calc(12*var(--u));transform:translate(-50%,calc(4*var(--u)));opacity:0;display:inline-flex;align-items:center;gap:calc(6*var(--u));
  background:var(--cta);color:#fff;border-radius:calc(4*var(--u));padding:calc(8*var(--u)) calc(12*var(--u));font:700 max(11px,calc(9*var(--u)))/1 var(--sans);white-space:nowrap;
  box-shadow:0 calc(8*var(--u)) calc(16*var(--u)) rgba(11,20,25,.3);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}
main.t-tiler .tl-edit svg{width:calc(10*var(--u));height:calc(10*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-tiler .tl-hero-doc:hover .tl-edit,main.t-tiler .tl-hero-doc:focus-visible .tl-edit{opacity:1;transform:translate(-50%,0)}

/* plan your tile project */
main.t-tiler .tl-plan{padding:calc(15*var(--u)) 0 0}
main.t-tiler .tl-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:calc(17*var(--u));border:1px solid #EDEFF0;background:#fff}
main.t-tiler .tl-col{padding:calc(12*var(--u)) calc(11*var(--u)) calc(16*var(--u))}
main.t-tiler .tl-col+.tl-col{border-left:1px solid #EDEFF0}
main.t-tiler .tl-col h3{font:700 max(11px,calc(9.6*var(--u)))/1 var(--sans);text-align:center;color:var(--tl-ink)}
main.t-tiler .tl-art{margin-top:calc(11*var(--u));height:calc(78*var(--u));display:flex;align-items:flex-start;justify-content:center}
main.t-tiler .tl-draw{width:100%;height:100%}
main.t-tiler .tl-col:nth-child(-n+2) .tl-art{height:calc(114*var(--u))}
main.t-tiler .tl-fields{margin-top:calc(12*var(--u));display:grid;gap:calc(13*var(--u))}
main.t-tiler .tl-field{display:flex;align-items:baseline;gap:calc(4*var(--u));font-size:calc(7*var(--u));color:#3E4B52}
main.t-tiler .tl-field i{flex:1;border-bottom:1px solid #C9D0D3;height:calc(7*var(--u))}
main.t-tiler .tl-field em{font-style:normal;color:#5C666C}
main.t-tiler .tl-check{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(7*var(--u));color:#3E4B52}
main.t-tiler .tl-check i{flex:1;border-bottom:1px solid #C9D0D3;height:calc(7*var(--u))}
main.t-tiler .tl-box{width:calc(8*var(--u));height:calc(8*var(--u));flex:none;border:1px solid #AEB8BC;border-radius:calc(1*var(--u))}

/* estimate before you invoice */
main.t-tiler .tl-tools{padding:calc(11*var(--u)) 0 0}
main.t-tiler .tl-trow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(15*var(--u))!important;background:var(--tl-mist);border-radius:calc(2*var(--u))}
main.t-tiler .tl-trow li+li{border-left:1px solid #DCE4E6}
main.t-tiler .tl-tool{display:flex;align-items:flex-start;gap:calc(21*var(--u));padding:calc(20*var(--u)) calc(16*var(--u)) calc(20*var(--u)) calc(26*var(--u));text-decoration:none!important}
main.t-tiler .tl-tico{width:calc(30*var(--u));height:calc(30*var(--u));flex:none;margin-top:calc(1*var(--u))}
main.t-tiler .tl-tool b{display:block;font:700 max(12px,calc(11*var(--u)))/1.2 var(--sans);color:var(--tl-ink)}
main.t-tiler .tl-tool i{display:block;margin-top:calc(5*var(--u));font:400 max(11.5px,calc(9.8*var(--u)))/calc(14*var(--u)) var(--sans);font-style:normal;color:var(--tl-muted)}
main.t-tiler .tl-tool:hover b{color:var(--cta)}

/* templates */
main.t-tiler .tl-tpl{padding:calc(23*var(--u)) 0 0}
main.t-tiler .tl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(22*var(--u));margin-top:calc(11*var(--u))!important}
main.t-tiler .tl-tp{position:relative;display:block;background:#fff;border:1px solid #E9ECEE;border-radius:calc(3*var(--u));padding:calc(14*var(--u)) calc(15*var(--u)) calc(15*var(--u));
  text-decoration:none!important;box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) rgba(11,20,25,.05);transition:box-shadow .18s ease-out,transform .18s ease-out}
main.t-tiler .tl-tp:hover,main.t-tiler .tl-tp:focus-visible{transform:translateY(-4px);box-shadow:0 calc(14*var(--u)) calc(28*var(--u)) rgba(11,20,25,.12)}
main.t-tiler .tp-doc{display:block}
main.t-tiler .tp-title{display:block;margin-top:calc(7*var(--u));font:700 calc(10.6*var(--u))/1 var(--sans);letter-spacing:.005em;color:var(--tl-slate);
  padding-bottom:calc(11*var(--u));border-bottom:1px solid #E6ECEE}
main.t-tiler .tp-meta{display:flex;justify-content:space-between;margin-top:calc(11*var(--u))}
main.t-tiler .tp-bill{display:grid;gap:calc(4*var(--u));width:calc(60*var(--u))}
main.t-tiler .tp-bill b{font:400 calc(7*var(--u))/1 var(--sans);color:#3E4B52}
main.t-tiler .tp-bill i{height:calc(5*var(--u));background:#EDEFF0;border-radius:calc(1*var(--u))}
main.t-tiler .tp-bill i:nth-child(3){width:78%}
main.t-tiler .tp-bill i:nth-child(4){width:64%}
main.t-tiler .tp-right{display:grid;gap:calc(5*var(--u));font-size:calc(7*var(--u));line-height:1;color:#3E4B52;width:calc(62*var(--u))}
main.t-tiler .tp-table{display:block;margin-top:calc(14*var(--u));border:1px solid #E6ECEE}
main.t-tiler .tp-th,main.t-tiler .tp-tr{display:grid;grid-template-columns:1fr calc(28*var(--u)) calc(38*var(--u)) calc(38*var(--u));align-items:center;
  height:calc(14*var(--u));padding:0 calc(6*var(--u));font-size:calc(7*var(--u));border-bottom:1px solid #E6ECEE}
main.t-tiler .tp-th{background:#F4F6F7;color:var(--tl-ink)}
main.t-tiler .tp-th span+span{text-align:center}
main.t-tiler .tp-tr{height:calc(15*var(--u));border-bottom:0}
main.t-tiler .tp-l{height:calc(5*var(--u));background:#EDEFF0;border-radius:calc(1*var(--u));margin-right:calc(6*var(--u))}
main.t-tiler .tl-tp .tl-edit{position:static;transform:none;opacity:1;display:inline-flex;margin-top:calc(14*var(--u));background:none;color:var(--cta);
  box-shadow:none;padding:0;font:700 calc(9.6*var(--u))/1 var(--sans);pointer-events:none}
main.t-tiler .tl-tp:hover .tl-edit,main.t-tiler .tl-tp:focus-visible .tl-edit{color:var(--cta-h);text-decoration:underline;text-underline-offset:3px}
main.t-tiler .tl-strip .t10-strip{margin:calc(30*var(--u)) 0 0}

/* scope row */
main.t-tiler .tl-scope{padding:calc(49*var(--u)) 0 0}
main.t-tiler .tl-srow{display:grid;grid-template-columns:repeat(7,1fr);margin-top:calc(16*var(--u))!important}
main.t-tiler .tl-srow li{padding:0 calc(12*var(--u))}
main.t-tiler .tl-srow li+li{border-left:1px solid var(--tl-rule)}
main.t-tiler .tl-srow li:first-child{padding-left:0}
main.t-tiler .tl-sico{width:calc(24*var(--u));height:calc(24*var(--u))}
main.t-tiler .tl-srow h3{margin-top:calc(14*var(--u));font:700 max(11.5px,calc(9.8*var(--u)))/calc(13*var(--u)) var(--sans);color:var(--tl-ink)}
main.t-tiler .tl-srow p{margin-top:calc(8*var(--u))!important;font-size:max(11px,calc(8.8*var(--u)));line-height:calc(12.6*var(--u));color:var(--tl-muted)}

/* payment: the page's only QR */
main.t-tiler .tl-pay{padding:calc(47*var(--u)) 0 0}
main.t-tiler .tl-payrow{display:flex;align-items:center;gap:calc(26*var(--u));margin-top:calc(20*var(--u));padding-left:calc(148*var(--u))}
main.t-tiler .tl-qr{width:calc(70*var(--u));padding:0;background:#fff}
main.t-tiler .tl-paytext{border-left:1px solid var(--tl-rule);padding-left:calc(26*var(--u))}
main.t-tiler .tl-paytext h3{font:700 max(12px,calc(10.6*var(--u)))/1 var(--sans);color:var(--tl-ink)}
main.t-tiler .tl-paytext p{margin-top:calc(9*var(--u))!important;font-size:max(11.5px,calc(9.6*var(--u)));line-height:1.4;color:#41505A}
main.t-tiler .tl-fine{color:#8A949A!important}

/* resources, FAQ */
main.t-tiler .tl-res{padding:calc(17*var(--u)) 0 0}
main.t-tiler .tl-res-in{display:grid;grid-template-columns:1fr calc(220*var(--u));gap:calc(30*var(--u));align-items:start}
main.t-tiler .tl-links{display:grid;grid-template-columns:1fr 1fr;gap:calc(13*var(--u)) calc(30*var(--u));margin-top:calc(18*var(--u))!important}
main.t-tiler .tl-links a{display:inline-flex;align-items:center;gap:calc(8*var(--u));font-size:max(11.5px,calc(9.6*var(--u)));color:var(--tl-ink)!important;text-decoration:none!important}
main.t-tiler .tl-links a svg{width:calc(11*var(--u));height:calc(11*var(--u));color:var(--orange);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-tiler .tl-links a:hover{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:3px}
main.t-tiler .tl-quote{background:var(--tl-mist);border-left:calc(3*var(--u)) solid var(--orange);padding:calc(18*var(--u)) calc(20*var(--u));
  font-family:var(--tl-serif);font-size:calc(13*var(--u));line-height:calc(19*var(--u));color:var(--tl-slate)}
main.t-tiler .tl-faqs{padding:calc(30*var(--u)) 0 calc(40*var(--u))}
main.t-tiler .tl-faq-h{font-size:calc(19*var(--u));margin-bottom:calc(12*var(--u))}
main.t-tiler .tl-faq details{border-bottom:1px solid var(--tl-rule)}
main.t-tiler .tl-faq summary{padding:calc(11*var(--u)) calc(2*var(--u));font-size:max(12.5px,calc(10.4*var(--u)));line-height:1.35;color:var(--tl-ink)}
main.t-tiler .tl-faq .a{padding:0 calc(20*var(--u)) calc(12*var(--u)) calc(2*var(--u))}
main.t-tiler .tl-faq .a p{font-size:max(12.5px,calc(10*var(--u)));line-height:1.6}

/* closing band */
main.t-tiler .tl-cta{position:relative;overflow:hidden;background:var(--tl-canvas)}
main.t-tiler .tl-cta-img{position:absolute;right:0;top:0;height:100%;width:calc(443*var(--u));max-width:none;object-fit:cover;object-position:left center}
main.t-tiler .tl-cta::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--tl-canvas) 0 36%,rgba(252,252,250,.7) 46%,rgba(252,252,250,0) 60%)}
main.t-tiler .tl-cta-in{position:relative;z-index:1;min-height:calc(162*var(--u));display:flex;align-items:center}
main.t-tiler .tl-cta h2{font-size:calc(21*var(--u))}
main.t-tiler .tl-cta .tl-btn{margin-top:calc(18*var(--u))}

@media (prefers-reduced-motion:reduce){main.t-tiler *{transition:none!important}}

/* phones and small tablets */
@media (max-width:999px){
  .t-tiler>*{--u:1.15px}
  main.t-tiler .tx{width:auto;padding-inline:var(--gut)}
  main.t-tiler h2{font-size:clamp(26px,6vw,32px)}
  main.t-tiler .tl-sub{font-size:15px}
  main.t-tiler .tl-btn{height:48px;padding:0 22px;font-size:15px;gap:10px}
  main.t-tiler .tl-btn svg{width:16px;height:16px}
  main.t-tiler .tl-hero-img{position:relative;width:100%;height:auto;aspect-ratio:517/345;object-position:center;
    -webkit-mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.22) 76%,transparent 96%);mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.22) 76%,transparent 96%)}
  main.t-tiler .tl-hero::after{display:none}
  main.t-tiler .tl-hero-in{margin-top:-20vw}
  main.t-tiler .tl-hero-in .tx{min-height:0;padding:0 var(--gut) 40px}
  main.t-tiler .tl-hero-copy{width:auto}
  main.t-tiler .tl-seo{font-size:12px}
  main.t-tiler .tl-eye{font-size:11px}
  main.t-tiler .tl-big{font-size:clamp(32px,8.4vw,44px);line-height:1.08;margin-top:10px}
  main.t-tiler .tl-lede{font-size:16px;line-height:1.5;margin-top:14px!important}
  main.t-tiler .tl-proof{flex-wrap:wrap;gap:10px 18px}
  main.t-tiler .tl-proof li{font-size:13px}
  main.t-tiler .tl-ck{width:13px;height:13px}
  main.t-tiler .tl-hero-doc{position:relative;left:0;top:0;width:min(420px,100%);margin:26px auto 0;transform:rotate(-1deg)}
  main.t-tiler .tl-edit{opacity:1;transform:translate(-50%,0)}
  main.t-tiler .tl-plan,main.t-tiler .tl-tools,main.t-tiler .tl-tpl,main.t-tiler .tl-scope,main.t-tiler .tl-pay,main.t-tiler .tl-res{padding-top:56px}
  main.t-tiler .tl-grid{grid-template-columns:1fr 1fr;margin-top:22px}
  main.t-tiler .tl-col{padding:18px 16px 22px}
  main.t-tiler .tl-col:nth-child(odd){border-left:0}
  main.t-tiler .tl-col:nth-child(n+3){border-top:1px solid #EDEFF0}
  main.t-tiler .tl-col h3{font-size:15px}
  main.t-tiler .tl-art{height:110px}
  main.t-tiler .tl-field,main.t-tiler .tl-check{font-size:13px}
  main.t-tiler .tl-box{width:15px;height:15px}
  main.t-tiler .tl-trow{grid-template-columns:1fr;margin-top:22px!important}
  main.t-tiler .tl-trow li+li{border-left:0;border-top:1px solid #DCE4E6}
  main.t-tiler .tl-tool{padding:20px;gap:16px}
  main.t-tiler .tl-tico{width:32px;height:32px}
  main.t-tiler .tl-tool b{font-size:16px}
  main.t-tiler .tl-tool i{font-size:14px;line-height:1.45}
  main.t-tiler .tl-cards{grid-template-columns:1fr;gap:18px;margin-top:22px!important;max-width:420px}
  main.t-tiler .tp-title{font-size:15px}
  main.t-tiler .tp-bill,main.t-tiler .tp-right{width:auto;font-size:11px}
  main.t-tiler .tp-th,main.t-tiler .tp-tr{font-size:11px;height:26px;grid-template-columns:1fr 46px 64px 64px}
  main.t-tiler .tl-tp .tl-edit{font-size:14px}
  main.t-tiler .tl-srow{grid-template-columns:1fr 1fr;gap:22px 0}
  main.t-tiler .tl-srow li{padding:0 14px}
  main.t-tiler .tl-srow li:nth-child(odd){border-left:0;padding-left:0}
  main.t-tiler .tl-sico{width:30px;height:30px}
  main.t-tiler .tl-srow h3{font-size:15px;line-height:1.25;margin-top:12px}
  main.t-tiler .tl-srow p{font-size:13.5px;line-height:1.45}
  main.t-tiler .tl-payrow{padding-left:0;flex-wrap:wrap;gap:20px;margin-top:22px}
  main.t-tiler .tl-qr{width:120px}
  main.t-tiler .tl-paytext{border-left:0;padding-left:0}
  main.t-tiler .tl-paytext h3{font-size:17px}
  main.t-tiler .tl-paytext p{font-size:14.5px}
  main.t-tiler .tl-res-in{grid-template-columns:1fr;gap:26px}
  main.t-tiler .tl-links{grid-template-columns:1fr;gap:14px}
  main.t-tiler .tl-links a{font-size:15px}
  main.t-tiler .tl-quote{font-size:19px;line-height:1.5}
  main.t-tiler .tl-faq-h{font-size:24px}
  main.t-tiler .tl-faq summary{font-size:15px;padding:14px 4px}
  main.t-tiler .tl-faq .a p{font-size:15px}
  main.t-tiler .tl-cta-img{position:relative;width:100%;height:auto;aspect-ratio:443/162;object-position:center;
    -webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 56%,transparent 100%)}
  main.t-tiler .tl-cta::after{display:none}
  main.t-tiler .tl-cta-in{height:auto;display:block;padding:0 0 48px;margin-top:-10vw}
  main.t-tiler .tl-cta h2{font-size:clamp(24px,5.6vw,30px)}
}
@media (max-width:560px){
  main.t-tiler .tl-grid{grid-template-columns:1fr}
  main.t-tiler .tl-col{border-left:0!important}
  main.t-tiler .tl-col+.tl-col{border-top:1px solid #EDEFF0}
  main.t-tiler .tl-srow{grid-template-columns:1fr}
  main.t-tiler .tl-srow li{border-left:0!important;padding:0}
}