/* it-t10-engineer.css: the engineer and surveyor page drawn to the owner's mockup
   (tools/trades10/pack-professional/visual-references/engineer-surveyor.png, 858 px wide = a 1440 px
   screen). Every length is a multiple of --m (one mockup pixel), so the page is the design at any
   width; the hero and the closing band use cqw so the copy keeps its place on the photo.
   Built by tools/trades10/engineer.py. */
.t-engineer{
  --m:min(0.11655vw,1.88px);
  --ink:#0E1A20;--slate:#12333C;--mut:#5E6B70;--mut2:#8A9296;--rule:#DDE3E5;--mist:#F1F5F7;--orange:#F26207;
  --sans:Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#FCFCFB;font-family:var(--sans);color:var(--ink)}
.t-engineer h1,.t-engineer h2,.t-engineer h3{font-weight:800;color:var(--ink);letter-spacing:-.03em}
.t-engineer a{text-decoration:none}
.t-engineer .en-w{max-width:calc(var(--m)*748);margin-inline:auto}
.t-engineer .en-caps{margin:0;font-size:calc(var(--m)*8.2);line-height:1.5;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3C4A50}
.t-engineer .en-p{margin:calc(var(--m)*14) 0 0;font-size:calc(var(--m)*10.3);line-height:1.42;color:var(--mut)}
.t-engineer .en-btn{display:inline-flex;align-items:center;gap:calc(var(--m)*10);height:calc(var(--m)*31);padding-inline:calc(var(--m)*16);
  background:var(--orange);color:#fff!important;font-size:calc(var(--m)*8.5);font-weight:700;border-radius:calc(var(--m)*2);
  transition:background .16s ease-out,transform .16s ease-out}
.t-engineer .en-btn svg{width:1.45em;height:1.45em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.t-engineer .en-btn:hover{background:#D95100;transform:translateY(-1px)}
.t-engineer .t10-tp img.en-art{aspect-ratio:auto;object-fit:fill}

/* ---------- hero: the whole band is the photograph, the copy and the invoice sit on it */
.en-hero{position:relative;container-type:inline-size;overflow:hidden;height:39.98cqw;background:#EFE7DE}
.t-engineer .en-hero-photo{position:absolute;inset:0}
.t-engineer .en-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:858/343}
.t-engineer .en-hero-in{position:absolute;inset:0}
.t-engineer .en-hero-copy{position:absolute;left:6.41cqw;top:0;width:36cqw;height:100%}
.t-engineer .en-hero h1{margin:0}
.t-engineer .en-k{position:absolute;top:4.2cqw;left:0;white-space:nowrap;font:700 .956cqw/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#3C4A50}
.t-engineer .en-big{position:absolute;top:6.25cqw;left:0;display:block;font-size:2.85cqw;line-height:1.064;font-weight:800;letter-spacing:-.045em;color:#14212A}
.t-engineer .en-big span{display:block}
.t-engineer .en-lede{position:absolute;top:13.01cqw;left:0;margin:0;font-size:1.2cqw;line-height:1.36;color:#3E4C53;font-weight:400}
.t-engineer .en-hero .en-btn{position:absolute;top:17.6cqw;left:0;height:3.61cqw;padding-inline:1.87cqw;gap:1.1cqw;font-size:.99cqw;border-radius:.23cqw}

/* the hero invoice: a real paper lying over the photo */
.en-hero-doc{position:absolute;left:58.7cqw;top:1.748cqw;width:36.36cqw;height:36.48cqw;border-radius:.23cqw;overflow:hidden;
  box-shadow:0 1.6cqw 3.4cqw -1.2cqw rgba(12,24,30,.35)}
.t-engineer .en-inv{--u:.11655cqw;position:relative;width:100%;height:100%;background:#FDFDFC;color:#1E2A30;overflow:hidden}
.t-engineer .en-inv>*{position:absolute;left:calc(var(--u)*17.4);margin:0}
.t-engineer .en-inv-top{top:calc(var(--u)*14);left:calc(var(--u)*17.4);right:calc(var(--u)*15);display:flex;justify-content:space-between;align-items:flex-start}
.t-engineer .en-logo{font-size:calc(var(--u)*13);font-weight:800;letter-spacing:-.03em;color:#101A1F}
.t-engineer .en-logo b{color:var(--orange);font-weight:800}
.t-engineer .en-inv-no{text-align:right;font-size:calc(var(--u)*7);line-height:1.5;color:#5E6B70}
.t-engineer .en-inv-no b{display:block;font-size:calc(var(--u)*11);font-weight:800;letter-spacing:-.01em;color:#101A1F}
.t-engineer .en-inv-from{top:calc(var(--u)*51)}
.t-engineer .en-inv-bill{top:calc(var(--u)*51);left:calc(var(--u)*210)}
.t-engineer .en-inv-from,.t-engineer .en-inv-bill{font-size:calc(var(--u)*6.5);line-height:1.66;color:#5A676D}
.t-engineer .en-inv-from b,.t-engineer .en-inv-bill b{font-weight:700;color:#182329}
.t-engineer .en-inv-meta{top:calc(var(--u)*99);font-size:calc(var(--u)*6.5);line-height:1.32;color:#5A676D}
.t-engineer .en-inv-meta div{display:flex}
.t-engineer .en-inv-meta dt{width:calc(var(--u)*68)}
.t-engineer .en-inv-meta dd{margin:0;color:#3D4A50}
.t-engineer .en-inv-tab{top:calc(var(--u)*156);left:calc(var(--u)*17.4);right:calc(var(--u)*15);width:calc(var(--u)*280);border-collapse:collapse;font-size:calc(var(--u)*6.5)}
.t-engineer .en-inv-tab th{border-bottom:1px solid #D9E0E3;padding-bottom:calc(var(--u)*5);text-align:right;font-weight:700;color:#182329}
.t-engineer .en-inv-tab th:first-child,.t-engineer .en-inv-tab td:first-child{text-align:left}
.t-engineer .en-inv-tab td{border-bottom:1px solid #EDF1F2;padding:calc(var(--u)*2.6) 0;text-align:right;color:#4C595F}
.t-engineer .en-inv-tab tr>*:nth-child(2){width:calc(var(--u)*52)}
.t-engineer .en-inv-tab tr>*:nth-child(3){width:calc(var(--u)*52)}
.t-engineer .en-inv-tab tr>*:nth-child(4){width:calc(var(--u)*52)}
.t-engineer .en-inv-sum{top:calc(var(--u)*233);left:calc(var(--u)*139);width:calc(var(--u)*158);font-size:calc(var(--u)*6.5);line-height:1.4;color:#4C595F}
.t-engineer .en-inv-sum div{display:flex;justify-content:space-between;padding:calc(var(--u)*3) 0;border-bottom:1px solid #EDF1F2}
.t-engineer .en-inv-sum dd{margin:0}
.t-engineer .en-inv-tot{border-bottom:0!important;font-size:calc(var(--u)*9);font-weight:800;color:#101A1F;padding-top:calc(var(--u)*7)!important}
.t-engineer .en-inv-foot{top:calc(var(--u)*283);font-size:calc(var(--u)*6.5)}
.t-engineer .en-inv-foot{color:#6B787E}

/* ---------- from field notes to final record */
.en-notes{padding:calc(var(--m)*21) 0 0;background:#FBFAF9}
.t-engineer .en-notes-in{position:relative;display:grid;grid-template-columns:calc(var(--m)*200) calc(var(--m)*70) calc(var(--m)*160) 1fr;
  align-items:start;min-height:calc(var(--m)*280)}
.t-engineer .en-notes{position:relative;overflow:hidden}
.t-engineer .en-notes-copy h2{margin:calc(var(--m)*2) 0 0;font-size:calc(var(--m)*26);line-height:1.12;letter-spacing:-.045em}
.t-engineer .en-notes-copy .en-p{margin-top:calc(var(--m)*36)}
.t-engineer .en-rail{position:relative;height:calc(var(--m)*255);margin-top:calc(var(--m)*5);color:var(--mut2)}
.t-engineer .en-ruler{position:absolute;left:calc(var(--m)*22);top:calc(var(--m)*16);bottom:calc(var(--m)*16);width:1px;background:#AAB3B7}
.t-engineer .en-ruler::before{content:"";position:absolute;left:calc(var(--m)*-7);top:0;bottom:0;width:calc(var(--m)*7);
  background:repeating-linear-gradient(to bottom,#AAB3B7 0 1px,transparent 1px calc(var(--m)*12))}
.t-engineer .en-coord{position:absolute;left:0;font-size:calc(var(--m)*6.4);line-height:1.5;letter-spacing:.02em;color:#7C878C;white-space:nowrap}
.t-engineer .en-coord-t{top:0}
.t-engineer .en-coord-b{bottom:calc(var(--m)*-4)}
.t-engineer .en-steps{position:relative;margin:calc(var(--m)*23) 0 0;width:calc(var(--m)*118)}
.t-engineer .en-steps li{position:relative;margin-bottom:calc(var(--m)*14.5)}
.t-engineer .en-steps li::before{content:"";position:absolute;left:calc(var(--m)*-49);top:calc(var(--m)*8);width:calc(var(--m)*9);height:calc(var(--m)*9);
  border-radius:50%;background:var(--orange)}
.t-engineer .en-step-h{margin:0;font-size:calc(var(--m)*10.5);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.t-engineer .en-step-h span{display:block;font-size:calc(var(--m)*7.4);font-weight:600;letter-spacing:.06em;color:#8A9296;margin-bottom:calc(var(--m)*2)}
.t-engineer .en-steps p+p{margin:calc(var(--m)*4) 0 0;font-size:calc(var(--m)*7.6);line-height:1.45;color:var(--mut);font-weight:400}
.t-engineer .en-contour{position:absolute;right:calc(var(--m)*-55);top:calc(var(--m)*-21);width:calc(var(--m)*388)}
.t-engineer .en-contour-img{display:block;width:100%;height:auto}

/* ---------- survey work, clearly defined */
.en-scope{padding:calc(var(--m)*18) 0 calc(var(--m)*20);background:#FDFDFD}
.t-engineer .en-scope-in{max-width:none;display:grid;grid-template-columns:calc(var(--m)*203) calc(var(--m)*377) 1fr;align-items:start;padding:0 calc(var(--m)*23) 0 calc(var(--m)*55)}
.t-engineer .en-plat{margin-left:calc(var(--m)*8)}
.t-engineer .en-scope-list{margin-left:calc(var(--m)*26)}
.t-engineer .en-scope-copy h2{margin:calc(var(--m)*12) 0 0;font-size:calc(var(--m)*24);line-height:1.12;letter-spacing:-.045em}
.t-engineer .en-plat-img{display:block;width:100%;height:auto}
.t-engineer .en-scope-list{margin-top:calc(var(--m)*4);margin-left:calc(var(--m)*26)}
.t-engineer .en-scope-list li{position:relative;padding-left:calc(var(--m)*26);margin-bottom:calc(var(--m)*16)}
.t-engineer .en-scope-list li::before{content:"";position:absolute;left:0;top:calc(var(--m)*6);width:calc(var(--m)*16);height:calc(var(--m)*2);background:var(--orange)}
.t-engineer .en-scope-list h3{margin:0;font-size:calc(var(--m)*9.6);font-weight:800;letter-spacing:-.02em}
.t-engineer .en-scope-list p{margin:calc(var(--m)*3) 0 0;font-size:calc(var(--m)*7.6);line-height:1.4;color:var(--mut)}

/* ---------- practical tools, on graph paper */
.en-tools{background:
  repeating-linear-gradient(to right,rgba(150,166,172,.16) 0 1px,transparent 1px calc(var(--m)*6.5)),
  repeating-linear-gradient(to bottom,rgba(150,166,172,.16) 0 1px,transparent 1px calc(var(--m)*6.5)),#FAFBFB;
  border-block:1px solid #E6EAEB;padding:calc(var(--m)*20) 0 calc(var(--m)*22)}
.t-engineer .en-tools-in{display:grid;grid-template-columns:calc(var(--m)*195) 1fr 1fr 1fr;align-items:center}
.t-engineer .en-tools-copy h2{margin:calc(var(--m)*10) 0 0;font-size:calc(var(--m)*22);line-height:1.14;letter-spacing:-.045em}
.t-engineer .en-tool-list{display:contents}
.t-engineer .en-tool-list li{position:relative;text-align:center;padding:calc(var(--m)*18) calc(var(--m)*10) 0}
.t-engineer .en-tool-list li+li{border-left:1px solid #DCE3E5}
.t-engineer .en-pin{position:absolute;left:50%;top:calc(var(--m)*2);width:calc(var(--m)*2.6);height:calc(var(--m)*11);background:var(--orange);transform:translateX(-50%)}
.t-engineer .en-pin::after{content:"";position:absolute;left:50%;top:calc(var(--m)*-3);width:calc(var(--m)*6);height:calc(var(--m)*6);border-radius:50%;background:var(--orange);transform:translateX(-50%)}
.t-engineer .en-tool-list a{font-size:calc(var(--m)*12.5);font-weight:700;letter-spacing:-.025em;color:var(--ink)!important;text-decoration:none!important}
.t-engineer .en-tool-list a:hover{color:#C04E06!important;text-decoration:underline!important;text-underline-offset:calc(var(--m)*4)}

/* ---------- the template rail, the middle card open */
.en-tpl{padding:calc(var(--m)*21) 0 calc(var(--m)*24);background:#FDFDFD}
.t-engineer .en-tpl-in{display:grid;grid-template-columns:calc(var(--m)*200) 1fr;gap:calc(var(--m)*16);align-items:center}
.t-engineer .en-tpl-copy h2{margin:calc(var(--m)*10) 0 0;font-size:calc(var(--m)*24);line-height:1.12;letter-spacing:-.045em}
.t-engineer .en-rail-wrap{display:flex;align-items:center;gap:calc(var(--m)*3)}
.t-engineer .en-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--m)*22);flex:1}
.t-engineer .en-card{text-align:center}
.t-engineer .en-tp{border:1px solid #DFE5E7;background:#fff;box-shadow:0 calc(var(--m)*6) calc(var(--m)*14) calc(var(--m)*-8) rgba(16,30,38,.18)}
.t-engineer .en-card.is-open .en-tp{border:2px solid var(--orange)}
.t-engineer .en-tp img{aspect-ratio:137/111;object-fit:cover;object-position:top}
.t-engineer .en-card.is-open .t10-edit{opacity:1;transform:translate(-50%,0)}
.t-engineer .en-card .t10-edit{font-size:calc(var(--m)*9.5);padding:calc(var(--m)*9) calc(var(--m)*14);border-radius:calc(var(--m)*2);background:var(--orange);bottom:34%}
.t-engineer .en-card-cap{display:block;margin-top:calc(var(--m)*12);font-size:calc(var(--m)*9);font-weight:600;color:#3C4A50}
.t-engineer .en-chev{flex:none;width:calc(var(--m)*22);height:calc(var(--m)*22);border:0;background:none;color:#6E7A80;cursor:pointer;padding:0}
.t-engineer .en-chev svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.t-engineer .en-next svg{transform:rotate(180deg)}

/* ---------- payment band: the page's only QR */
.en-pay{background:var(--slate);color:#fff;padding:calc(var(--m)*22) 0 calc(var(--m)*24);position:relative;overflow:hidden}
.en-pay::before{content:"";position:absolute;inset:0;opacity:.5;background:var(--contours) center/cover no-repeat}
.t-engineer{--contours:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 858 123" preserveAspectRatio="none"><g fill="none" stroke="%232F5560" stroke-width="1"><path d="M0 18C120 6 240 34 360 26S600 2 720 14s138 22 138 22"/><path d="M0 44C120 32 240 60 360 52s240-24 360-12 138 22 138 22"/><path d="M0 70C120 58 240 86 360 78s240-24 360-12 138 22 138 22"/><path d="M0 96C120 84 240 112 360 104s240-24 360-12 138 22 138 22"/></g></svg>')}
.t-engineer .en-pay-in{position:relative;display:grid;grid-template-columns:calc(var(--m)*366) calc(var(--m)*61) 1fr;align-items:center}
.t-engineer .en-pay .en-caps{color:#9FB6BD}
.t-engineer .en-pay-copy h2{margin:calc(var(--m)*8) 0 0;font-size:calc(var(--m)*24);line-height:1.1;color:#fff;letter-spacing:-.045em}
.t-engineer .en-methods{margin:calc(var(--m)*10) 0 0;font-size:calc(var(--m)*10.5);color:#DCE7EA}
.t-engineer .en-own{margin:calc(var(--m)*9) 0 0;font-size:calc(var(--m)*8);color:#9FB6BD}
.t-engineer .en-own a{color:#9FB6BD!important;text-decoration:underline!important;text-decoration-color:rgba(242,98,7,.7)!important;text-underline-offset:calc(var(--m)*3)}
.t-engineer .en-own a:hover{color:#fff!important}
.t-engineer .en-pay-qr{width:calc(var(--m)*61);padding:calc(var(--m)*3);background:#fff;border:calc(var(--m)*2) solid var(--orange)}
.t-engineer .en-qr{width:100%}
.t-engineer .en-pay-right{margin:0 0 0 calc(var(--m)*100);padding-left:calc(var(--m)*44);border-left:calc(var(--m)*2) solid var(--orange);
  font-size:calc(var(--m)*12);line-height:1.5;color:#F2F6F7}

/* ---------- every engineer design (an addition under the design) */
.en-strip{padding:calc(var(--m)*26) 0 0}
.t-engineer .en-strip .t10-strip{margin-top:0}

/* ---------- from field to office */
.en-flow{padding:calc(var(--m)*22) 0 calc(var(--m)*22)}
.t-engineer .en-flow-in{display:grid;grid-template-columns:calc(var(--m)*260) 1fr;gap:calc(var(--m)*20)}
.t-engineer .en-flow-copy h2{margin:calc(var(--m)*10) 0 0;font-size:calc(var(--m)*20);line-height:1.14;letter-spacing:-.045em}
.t-engineer .en-office{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--m)*16);padding-top:calc(var(--m)*18)}
.t-engineer .en-office::before{content:"";position:absolute;left:calc(var(--m)*4);right:calc(var(--m)*40);top:calc(var(--m)*3);height:calc(var(--m)*2);background:var(--orange)}
.t-engineer .en-office li{position:relative}
.t-engineer .en-office li::before{content:"";position:absolute;left:0;top:calc(var(--m)*-19);width:calc(var(--m)*10);height:calc(var(--m)*10);border-radius:50%;background:var(--orange)}
.t-engineer .en-office h3{margin:0;font-size:calc(var(--m)*10);font-weight:800;letter-spacing:-.02em}
.t-engineer .en-office p{margin:calc(var(--m)*5) 0 0;font-size:calc(var(--m)*7.6);line-height:1.45;color:var(--mut)}

/* ---------- useful links and the FAQ */
.en-links{background:var(--mist);padding:calc(var(--m)*17) 0 calc(var(--m)*22)}
.t-engineer .en-links-in{display:grid;grid-template-columns:calc(var(--m)*271) 1fr;gap:0}
.t-engineer .en-faq-col{border-left:1px solid #D7E0E3;padding-left:calc(var(--m)*119)}
.t-engineer .en-link-list{margin-top:calc(var(--m)*14)}
.t-engineer .en-link-list li{margin-bottom:calc(var(--m)*4.5);line-height:1.3}
.t-engineer .en-link-list a{font-size:calc(var(--m)*9);color:#2A363C!important;text-decoration:none!important}
.t-engineer .en-link-list a:hover{color:#C04E06!important;text-decoration:underline!important;text-underline-offset:calc(var(--m)*4)}
.t-engineer .en-faq{margin-top:calc(var(--m)*10)}
.t-engineer .en-faq details{border-bottom:1px solid #DCE4E7}
.t-engineer .en-faq summary{padding:calc(var(--m)*4) 0;font-size:calc(var(--m)*9);line-height:1.4;color:#2A363C;gap:calc(var(--m)*20)}
.t-engineer .en-faq summary::after{font-size:calc(var(--m)*13);color:#6E7A80;font-weight:400}
.t-engineer .en-faq .a{padding:0 calc(var(--m)*20) calc(var(--m)*10) 0}
.t-engineer .en-faq .a p{font-size:calc(var(--m)*8);line-height:1.6;color:var(--mut)}

/* ---------- closing CTA: one photograph across the band */
.en-end{position:relative;container-type:inline-size;overflow:hidden;height:28.79cqw;background:#F6F6F5}
.t-engineer .en-end-photo{position:absolute;inset:0}
.t-engineer .en-end-photo img{display:block;width:100%;height:auto;aspect-ratio:858/247}
.t-engineer .en-end-in{position:absolute;inset:0}
.t-engineer .en-end-copy{position:absolute;left:6.41cqw;top:3.96cqw;width:36cqw}
.t-engineer .en-end-copy .en-caps{font-size:.956cqw;line-height:1.5}
.t-engineer .en-end-copy h2{margin:1.28cqw 0 0;font-size:2.45cqw;line-height:1.16;letter-spacing:-.045em}
.t-engineer .en-end .en-btn{position:absolute;left:0;top:9.91cqw;height:3.61cqw;padding-inline:1.87cqw;gap:1.1cqw;font-size:.99cqw;border-radius:.23cqw}
.t-engineer .en-end-list{position:absolute;left:5.24cqw;top:20.51cqw;padding-left:1.4cqw;border-left:.23cqw solid var(--orange)}
.t-engineer .en-end-list li{font-size:.85cqw;line-height:1.85;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4A575D}

/* ---------- the search copy that follows the design */
.t-engineer .t10-long{background:var(--mist)}

/* ---------- below 900 px the design stacks, in its own order */
@media (max-width:900px){
  .t-engineer{--m:min(0.3vw,3.2px)}
  .t-engineer .en-w{max-width:none;padding-inline:20px}
  .t-engineer .en-hero{height:auto;padding-bottom:26px;background:#fff}
  .t-engineer .en-hero-photo{position:static}
  .t-engineer .en-hero-photo img{aspect-ratio:858/343}
  .t-engineer .en-hero-in{position:static}
  .t-engineer .en-hero-copy{position:static;width:auto;height:auto;padding:24px 20px 0}
  .t-engineer .en-hero-copy>*,.t-engineer .en-hero h1 span{position:static!important}
  .t-engineer .en-k{display:block;font-size:11px;margin-bottom:10px}
  .t-engineer .en-big{font-size:clamp(28px,8vw,42px)}
  .t-engineer .en-lede{font-size:16px;margin-top:14px}
  .t-engineer .en-hero .en-btn,.t-engineer .en-end .en-btn{position:static;display:inline-flex;height:48px;padding-inline:20px;gap:10px;font-size:15px;border-radius:6px;margin-top:20px}
  .t-engineer .en-bk{display:none}
  .t-engineer .en-hero-doc{position:relative;left:auto;top:auto;width:calc(100% - 40px);height:auto;margin:24px 20px 0}
  .t-engineer .en-inv{--u:min(.34vw,3.6px);height:auto;padding:calc(var(--u)*16) calc(var(--u)*17) calc(var(--u)*22)}
  .t-engineer .en-inv>*{position:static;left:auto;top:auto;right:auto;width:auto;margin-top:calc(var(--u)*14)}
  .t-engineer .en-inv-top{margin-top:0}
  .t-engineer .en-inv-tab{width:100%}
  .t-engineer .en-inv-sum{margin-left:auto;width:60%}
  .t-engineer .en-notes-in,.t-engineer .en-scope-in,.t-engineer .en-tools-in,.t-engineer .en-tpl-in,
  .t-engineer .en-pay-in,.t-engineer .en-flow-in,.t-engineer .en-links-in{grid-template-columns:1fr;gap:22px}
  .t-engineer .en-rail{display:none}
  .t-engineer .en-steps{margin:0;width:auto}
  .t-engineer .en-steps li{padding-left:22px;margin-bottom:18px}
  .t-engineer .en-steps li::before{left:0;top:6px}
  .t-engineer .en-contour{position:static;right:auto;top:auto;width:100%;margin-top:18px}
  .t-engineer .en-notes-copy h2,.t-engineer .en-scope-copy h2,.t-engineer .en-tpl-copy h2{font-size:clamp(24px,6.4vw,34px)}
  .t-engineer .en-tool-list{display:grid;grid-template-columns:1fr}
  .t-engineer .en-tool-list li{text-align:left;padding:18px 0 0}
  .t-engineer .en-tool-list li+li{border-left:0;border-top:1px solid #DCE3E5}
  .t-engineer .en-pin{left:0;transform:none}
  .t-engineer .en-pin::after{left:0;transform:none}
  .t-engineer .en-cards{grid-template-columns:1fr;gap:26px}
  .t-engineer .en-chev{display:none}
  .t-engineer .en-pay-qr{width:118px}
  .t-engineer .en-pay-right{margin:0;padding-left:16px;font-size:17px}
  .t-engineer .en-office{grid-template-columns:1fr 1fr;padding-top:22px}
  .t-engineer .en-office::before{display:none}
  .t-engineer .en-office li::before{position:static;display:block;margin-bottom:8px}
  .t-engineer .en-faq-col{border-left:0;padding-left:0}
  .t-engineer .en-end{height:auto;padding-bottom:28px}
  .t-engineer .en-end-photo{position:static}
  .t-engineer .en-end-photo img{aspect-ratio:16/9;object-fit:cover;object-position:70% 50%}
  .t-engineer .en-end-in{position:static}
  .t-engineer .en-end-copy{position:static;width:auto;padding:24px 20px 0}
  .t-engineer .en-end-copy .en-caps{font-size:11px}
  .t-engineer .en-end-copy h2{font-size:clamp(26px,7vw,38px);margin-top:12px}
  .t-engineer .en-end-list{position:static;margin:22px 20px 0;padding-left:14px}
  .t-engineer .en-end-list li{font-size:11px}
}
@media (max-width:560px){
  .t-engineer .en-office{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.t-engineer .en-btn{transition:none}}

/* it-hero-phone-v1 start */
/* One composed hero on phones (24 Sep 2026): the picture sits under the copy inside the same panel,
   with a scrim in the panel color, instead of a separate strip beneath the text. */
@media (max-width:900px){
.t-engineer .en-hero{display:flex;flex-direction:column;position:relative;background:rgb(255,255,255);overflow:hidden;height:auto;min-height:0}
.t-engineer .en-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.t-engineer .en-hero-photo{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.2100) 0 0;width:100%;max-width:none;height:auto}
.t-engineer .en-hero-photo{aspect-ratio:1/0.7500;overflow:hidden}
.t-engineer .en-hero-photo img{display:block;position:static;width:100%;height:100%;max-width:none;aspect-ratio:auto;padding-top:calc(100vw*0.1260);box-sizing:border-box;background:rgb(255,255,255);object-fit:cover;object-position:30% 50%;-webkit-mask-image:none;mask-image:none}
.t-engineer .en-hero-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(255,255,255) 0,rgb(255,255,255) calc(100vw*0.1335),rgba(255,255,255,0.85) calc(100vw*0.1710),rgba(255,255,255,0.5) calc(100vw*0.2535),rgba(255,255,255,0) calc(100vw*0.4710))}
.t-engineer .en-hero-in{display:contents}.t-engineer .en-hero-copy{order:1;position:relative;z-index:2}.t-engineer .en-hero-doc{order:3;position:relative;z-index:3;margin-top:-28px}
}
/* it-hero-phone-v1 end */