/* it-t10-welder.css: welder / fabricator page, drawn to the owner's mockup
   (tools/trades10/references-2/welder-fabricator.png, 1024 wide). Built by tools/trades10/welder.py. Prefix wl-.
   --v is one mockup pixel across the full-width hero, --u one mockup pixel in the body (1.25px at 1280). */
.t-welder{--steel:#0F1D24;--rule:#DDE1E4;--grey:#5E6A71;--disp:Barlow,"Segoe UI",Arial,sans-serif;--doc:Inter,'Inter Fallback',"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;--pen:"Architects Daughter","Segoe Print",cursive;--kal:Kalam,"Segoe Print",cursive;
  --or:#F26207;--v:calc(100vw / 1024);--u:calc(min(100vw, 1280px) / 1024);font-family:var(--disp)}
.t-welder a{color:inherit}

/* hero: the whole picture; copy where the design has it */
.wl-hero{position:relative;background:#101E26;color:#fff;overflow:hidden}
.wl-hero-pic{position:relative}
.wl-hero-pic img{display:block;width:100%;height:auto;aspect-ratio:1024/481}
.wl-crop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wl-hero-copy{position:absolute;left:calc(81 * var(--v));top:calc(134 * var(--v));width:calc(330 * var(--v))}
.wl-hero h1{margin:0}
.wl-k{position:absolute;left:0;top:0;white-space:nowrap;font:500 calc(8.4 * var(--v))/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#AFC0C8}
.wl-big{display:block;padding-top:calc(34 * var(--v))}
.wl-big>span{display:block;font:500 calc(30.5 * var(--v))/1 var(--disp);letter-spacing:.01em}
.wl-big em{display:block;font:700 calc(41.5 * var(--v))/1 var(--disp);font-style:normal;color:#FD6308;margin-top:calc(6 * var(--v));letter-spacing:.012em}
.wl-lede{margin-top:calc(26 * var(--v))!important;font:400 calc(13.2 * var(--v))/1.38 var(--disp);color:#E8EDEF;white-space:nowrap}
.wl-marks{display:flex;margin-top:calc(26 * var(--v))!important;width:calc(380 * var(--v));margin-left:calc(-14 * var(--v))!important}
.wl-marks li{display:flex;align-items:flex-start;position:relative}
.wl-marks li+li{padding-left:calc(24 * var(--v))}
.wl-marks li+li::before{content:"";position:absolute;left:calc(4 * var(--v));top:calc(10 * var(--v));width:calc(14 * var(--v));height:1px;background:#8E9AA0}
.wl-marks a{display:flex;flex-direction:column;align-items:center;gap:calc(7 * var(--v));font:600 calc(7.6 * var(--v))/1 var(--disp);letter-spacing:.02em;text-transform:uppercase;color:#fff;white-space:nowrap;min-width:calc(46 * var(--v))}
.wl-marks svg{width:calc(20 * var(--v));height:calc(20 * var(--v));stroke-width:1.4}
.wl-marks a:hover{color:#FFB27F}

/* white body: sidebar index and the main column, in mockup pixels */
.wl-body{background:#fff}
.wl-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:calc(190 * var(--u)) minmax(0,1fr)}
.wl-side{position:relative;border-right:1px solid var(--rule);padding:calc(40 * var(--u)) 0 0 calc(45 * var(--u))}
.wl-side::before{content:"";position:absolute;left:calc(32 * var(--u));top:calc(48 * var(--u));height:calc(565 * var(--u));width:1px;background:#B9C2C7}
.wl-side-h{font:700 calc(12.6 * var(--u))/1.26 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:#0B1419}
.wl-idx{margin-top:calc(29 * var(--u))!important}
.wl-idx li{position:relative;height:calc(79 * var(--u))}
.wl-idx li.nn{height:calc(61 * var(--u))}
.wl-idx li::before{content:"";position:absolute;left:calc(-16 * var(--u));top:calc(9 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;border:1px solid #6D7A81;background:#fff}
.wl-idx li.on::before{border-color:var(--or)}
.wl-idx li.nn::before{top:calc(2 * var(--u))}
.wl-idx a{display:block;text-decoration:none}
.wl-idx i{display:block;font:600 calc(20.5 * var(--u))/1 var(--disp);font-style:normal;color:#56636B;margin-bottom:calc(4 * var(--u))}
.wl-idx li.on i{color:var(--or)}
.wl-idx b{display:block;font:600 calc(11 * var(--u))/1.3 var(--disp);letter-spacing:.1em;text-transform:uppercase;color:#0B1419}
.wl-idx span{display:block;font:400 calc(11 * var(--u))/1.3 var(--disp);color:#6A767C;margin-top:calc(2 * var(--u))}
.wl-idx li.nn a{padding-left:calc(3 * var(--u))}
.wl-idx a:hover b{color:#C04E06}
.wl-stair{position:absolute;left:calc(14 * var(--u));top:calc(588 * var(--u));width:calc(146 * var(--u));height:auto;mix-blend-mode:multiply}
.wl-quote{position:absolute;left:calc(36 * var(--u));top:calc(772 * var(--u));font:500 calc(8.4 * var(--u))/1.75 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#56636B;white-space:nowrap}
.wl-quote::before{content:"";position:absolute;top:calc(-14 * var(--u));left:calc(9 * var(--u));width:calc(23 * var(--u));height:1.5px;background:var(--or)}

.wl-main{min-width:0;padding:calc(30 * var(--u)) calc(24 * var(--u)) 0 calc(25 * var(--u))}
.wl-row1{display:grid;grid-template-columns:calc(55 * var(--u)) calc(383 * var(--u)) calc(244 * var(--u)) auto;align-items:start;padding-left:calc(11 * var(--u))}
.wl-no{font:600 calc(34 * var(--u))/.9 var(--disp);color:var(--or);margin-top:calc(2 * var(--u))!important}
.wl-t h2,.wl-col h2{font:600 calc(14 * var(--u))/1.2 var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#0B1419}
.wl-t p{font:400 calc(12 * var(--u))/1.3 var(--disp);color:#5E6A71;margin-top:calc(5 * var(--u))!important}
.wl-say{font:400 calc(9.3 * var(--u))/1.6 var(--doc);color:#5E6A71;margin-top:calc(-3 * var(--u))!important}
.wl-editl{position:relative;display:inline-flex;align-items:center;gap:calc(5 * var(--u));font:400 calc(9.6 * var(--u))/1 var(--doc);color:#0B1419;padding-top:calc(24 * var(--u));white-space:nowrap}
.wl-editl::before{content:"";position:absolute;top:calc(8 * var(--u));left:0;width:calc(24 * var(--u));height:1.5px;background:var(--or)}
.wl-editl svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.wl-editl:hover{color:#C04E06}

/* the three documents: HTML on CSS paper, every element placed from the mockup (--p = one paper pixel) */
.wl-docs{position:relative;height:calc(447 * var(--u));margin-top:calc(10 * var(--u))}
.wl-paper{position:absolute;display:block;container-type:inline-size;text-decoration:none!important;color:#1D262B}
.wl-est{left:calc(3 * var(--u));top:0;width:calc(437 * var(--u))}
.wl-inv{left:calc(437 * var(--u));top:calc(33 * var(--u));width:calc(197 * var(--u))}
.wl-rec{left:calc(643 * var(--u));top:calc(41 * var(--u));width:calc(150 * var(--u))}
.wl-sheet{--p:calc(100cqw / var(--w));position:relative;display:block;width:100%;height:calc(var(--h) * var(--p));overflow:hidden;
  background:radial-gradient(130% 90% at 30% 10%,#FFFFFF 0,#F8F8F6 60%,#EFEFEC 100%);
  box-shadow:0 calc(10 * var(--p)) calc(18 * var(--p)) calc(-8 * var(--p)) rgba(11,20,25,.42),0 1px 3px rgba(11,20,25,.18)}
.wl-sheet::before{content:"";position:absolute;inset:0;opacity:.75;mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='7'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='2.4'%3E%3CfeDistantLight azimuth='225' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23c)'/%3E%3C/svg%3E") 0 0/calc(300 * var(--p)) calc(300 * var(--p))}
.wl-est .wl-sheet{clip-path:polygon(1.5% 2%,99% 0,100% 98.6%,1% 100%,0 50%)}
.wl-inv .wl-sheet{clip-path:polygon(2% 0,100% 1%,99% 100%,6% 99%,0 97%)}
.wl-rec .wl-sheet{clip-path:polygon(0 0,100% .5%,100% 100%,0 99.5%)}
.wl-est::after,.wl-inv::after,.wl-rec::after{content:"";position:absolute;inset:auto 3% -6px 3%;height:14px;background:radial-gradient(50% 50% at 50% 0,rgba(11,20,25,.25),transparent);z-index:-1}
.wl-sheet .dt{position:absolute;white-space:nowrap;font-family:var(--doc);font-weight:500;color:#2B353B}
.wl-sheet .db{font-weight:600;color:#1D262B}
.wl-sheet .dk{color:#2B353B}
.wl-sheet .dv{color:#353F45}
.wl-sheet small{font-size:.75em;color:#8A949A}
.wl-sheet .dh{font-family:var(--disp);font-weight:700;letter-spacing:.035em;color:#141D22}
.wl-sheet .dtot{font-weight:700;color:#141D22}
.wl-sheet .dbig{font-weight:700;color:#141D22}
.lg{font:700 1em/1 var(--disp);color:#141D22;letter-spacing:-.01em}
.lg span{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:.1em;text-underline-offset:.2em}
.lg2{font:700 1em/1 var(--disp);color:#141D22;letter-spacing:-.01em}
.lg2 em{font-style:normal;color:var(--or)}
.wl-sheet .dmk{font-family:var(--disp);font-weight:600;letter-spacing:.22em;color:#39444A}
.wl-sheet .dpen{font-family:var(--pen);color:#2F4A6D}
.wl-sheet .dthx{font-family:var(--kal);font-weight:300;font-style:italic;color:#1D262B}
.wl-sheet .dthx2{font-family:var(--doc);font-weight:600;font-style:italic;color:#1D262B}
.wl-sheet .dr{position:absolute;height:1px;background:#C3C9CC}
.wl-sheet .dr2{background:#8F989D}
.dtab{position:absolute;border-collapse:collapse;table-layout:fixed;width:calc(372.5 * var(--p));font-family:var(--doc);font-size:calc(6.9 * var(--p));line-height:1;font-weight:500;color:#2B353B}
.dtab th,.dtab td{height:calc(14.5 * var(--p));padding:0 calc(4 * var(--p));border:1px solid #BFC5C8;text-align:left;white-space:nowrap;overflow:hidden}
.dtab thead th{background:#DDE0E2;font-weight:600;color:#1D262B}
.dtab td:first-child{text-align:center}
.dtab .c{text-align:center}
.dtab .r{text-align:right;padding-right:calc(10 * var(--p))}
.dtab .dlab::before{content:"";display:table-row;height:calc(10 * var(--p))}
.dtab .dband th{background:#DDE0E2;font-weight:600;color:#1D262B;height:calc(14 * var(--p));border-top-width:1px}
.ddue{position:absolute;display:flex;justify-content:space-between;align-items:center;background:#17222A;color:#fff;padding:0 calc(11 * var(--p));font-family:var(--doc)}
.ddue span{font-size:calc(8.2 * var(--p));font-weight:600}
.ddue b{font-size:calc(9.8 * var(--p));font-weight:700}
.dgot{position:absolute;border:1px solid #F3A36F}
.dgot i{position:absolute;right:calc(10 * var(--p));top:50%;transform:translateY(-50%);width:calc(16 * var(--p));height:calc(16 * var(--p));color:var(--or);display:block}
.dgot svg{width:100%;height:100%;stroke-width:1.6}
.dimg{position:absolute;mix-blend-mode:multiply;max-width:none}
.wl-paper .t10-edit{bottom:auto;top:46%;max-width:92%;font-size:max(10px,calc(8 * var(--u)));padding:calc(7 * var(--u)) calc(9 * var(--u))}
.wl-paper .t10-edit svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}

/* 02 03 04 */
.wl-cols{display:grid;grid-template-columns:calc(247 * var(--u)) calc(289 * var(--u)) minmax(0,1fr);margin-top:calc(34 * var(--u))}
.wl-col{padding:calc(4 * var(--u)) 0 calc(14 * var(--u)) calc(22 * var(--u));border-left:1px solid var(--rule);min-height:calc(100 * var(--u))}
.wl-col:first-child{border-left:0;padding-left:calc(9 * var(--u))}
.wl-col h2{display:flex;align-items:baseline;gap:calc(16 * var(--u))}
.wl-col h2 span{font:600 calc(28 * var(--u))/.9 var(--disp);color:var(--or);letter-spacing:0}
.wl-col p{font:400 calc(9.8 * var(--u))/1.58 var(--doc);color:#5E6A71;margin-top:calc(9 * var(--u))!important;white-space:nowrap}

/* payment band: the page's only QR */
.wl-pay{display:grid;grid-template-columns:calc(179 * var(--u)) minmax(0,1fr) auto;align-items:center;background:#16232A;color:#fff;
  min-height:calc(71 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(25 * var(--u));margin-top:calc(18 * var(--u));box-shadow:0 12px 24px -20px rgba(0,0,0,.7)}
.wl-pay h2{color:#fff;font:600 calc(13.5 * var(--u))/1 var(--disp);letter-spacing:.07em;text-transform:uppercase;border-right:1px solid #56656D;padding:calc(4 * var(--u)) 0}
.wl-pay>p{font:400 calc(9.8 * var(--u))/1.4 var(--doc);color:#DDE4E7;padding-left:calc(24 * var(--u))}
.wl-qrbox{display:flex;align-items:center;gap:calc(17 * var(--u))}
.wl-qr{width:calc(53 * var(--u));padding:0;flex:none;display:block;background:#fff}
.wl-qrbox b{display:block;font:600 calc(9.8 * var(--u))/1.2 var(--doc)}
.wl-qrbox span{display:block;font:400 calc(9 * var(--u))/1.2 var(--doc);color:#C6D0D5;margin-top:calc(8 * var(--u))}
.wl-qrbox span::after{content:"";display:inline-block;vertical-align:middle;width:calc(23 * var(--u));height:1.5px;background:var(--or);margin-left:calc(13 * var(--u))}

/* FAQ beside the final call to action */
.wl-end{display:grid;grid-template-columns:calc(423 * var(--u)) minmax(0,1fr);margin-top:calc(30 * var(--u));padding-bottom:calc(30 * var(--u));border-bottom:1px solid var(--rule)}
.wl-faqs{display:grid;grid-template-columns:calc(98 * var(--u)) minmax(0,1fr);gap:calc(15 * var(--u));padding-right:calc(32 * var(--u));border-right:1px solid var(--rule)}
.wl-faq-side{border-right:1px solid var(--rule);padding-top:calc(8 * var(--u))}
.wl-faq-side h2{font:600 calc(14 * var(--u))/1.2 var(--disp);letter-spacing:.05em;text-transform:uppercase}
.wl-faq-side p{font:400 calc(9.6 * var(--u))/1.55 var(--doc);color:#6A767C;margin-top:calc(30 * var(--u))!important;position:relative}
.wl-faq-side p::after{content:"";position:absolute;left:0;top:calc(56 * var(--u));width:calc(24 * var(--u));height:1.5px;background:var(--or)}
.wl-faq{border-top:1px solid #C9D0D4}
.wl-faq details{border-bottom-color:#C9D0D4}
.t10 .wl-faq summary{justify-content:flex-start;gap:calc(12 * var(--u));font:400 calc(9.6 * var(--u))/1.3 var(--doc);color:#1D262B;padding:0 0 0 calc(6 * var(--u));min-height:calc(29.5 * var(--u))}
.wl-faq summary::after{content:none!important}
.wl-faq summary::before{content:"+";flex:none;width:calc(8 * var(--u));font:400 calc(12 * var(--u))/1 var(--disp);color:#0B1419}
.wl-faq details[open] summary::before{content:"\2212"}
.t10 .wl-faq .a{padding:0 12px 12px calc(26 * var(--u))}
.t10 .wl-faq .a p{font-size:max(13px,calc(10 * var(--u)))}
.wl-cta{position:relative;padding:calc(2 * var(--u)) 0 0 calc(27 * var(--u))}
.wl-cta h2{font:600 calc(15.4 * var(--u))/1.18 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:#0B1419;max-width:calc(205 * var(--u))}
.wl-cta p{font:400 calc(9.8 * var(--u))/1.55 var(--doc);color:#2E393F;margin-top:calc(6 * var(--u))!important}
.t-welder .wl-btn{display:inline-flex;align-items:center;gap:calc(7 * var(--u));height:calc(29 * var(--u));margin-top:calc(16 * var(--u));padding:0 calc(28 * var(--u));background:#C04E06;color:#fff;
  font:600 calc(9.8 * var(--u))/1 var(--disp);letter-spacing:.07em;text-transform:uppercase}
.t-welder .wl-btn:hover{background:#A94404}
.wl-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.t-welder .wl-small{font:400 calc(9.4 * var(--u))/1.2 var(--doc);color:#6A767C;margin-top:calc(16 * var(--u))!important}
.wl-truss{position:absolute;left:calc(211 * var(--u));top:calc(-18 * var(--u));width:calc(144 * var(--u));height:auto;mix-blend-mode:multiply}
.wl-truss-t{position:absolute!important;left:calc(298 * var(--u));top:calc(83 * var(--u));margin:0!important;font:500 calc(8.2 * var(--u))/1.5 var(--mono)!important;letter-spacing:.16em;text-transform:uppercase;color:#56636B!important}
.wl-truss-t::after{content:"";position:absolute;left:0;bottom:calc(-14 * var(--u));width:calc(24 * var(--u));height:1.5px;background:var(--or)}
.wl-more{padding:calc(24 * var(--u)) 0 calc(10 * var(--u)) calc(113 * var(--u))}
.wl-more-h{font:600 calc(11 * var(--u))/1.2 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:#56636B;margin-bottom:calc(10 * var(--u))!important}
.wl-faq2{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(32 * var(--u));border-top:0}
.wl-faq2 details{border-top:1px solid #C9D0D4;border-bottom:0}
.wl-tag{max-width:1280px;margin:0 auto;padding:calc(22 * var(--u)) calc(26 * var(--u)) calc(34 * var(--u));text-align:right;font:500 calc(8.2 * var(--u))/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#39444A}
.wl-tag::after{content:"";display:inline-block;vertical-align:middle;width:calc(15 * var(--u));height:1.5px;background:var(--or);margin-left:calc(9 * var(--u))}
.wl-all{background:#fff;padding:10px 0 48px}

/* smaller screens: the body keeps a readable floor under 1180, stacks under 900 */
@media (max-width:1180px){
  .wl-say,.wl-col p,.wl-pay>p,.wl-qrbox b,.wl-cta p,.t-welder .wl-small,.wl-faq-side p,.wl-editl{font-size:max(11px,calc(9.8 * var(--u)))}
  .t10 .wl-faq summary{font-size:max(12px,calc(9.6 * var(--u)))}
  .wl-col p{white-space:normal}
  .wl-say br,.wl-col p br{display:none}
}
@media (max-width:899px){
  .t-welder{--u:1px}
  .wl-hero-copy{position:static;width:auto;padding:26px var(--gut) 34px;background:#101E26}
  .wl-crop{display:none}
  .wl-k{position:static;display:block;white-space:normal;font-size:10.5px;line-height:1.4;margin-bottom:12px}
  .wl-big{padding:0}
  .wl-big>span{font-size:clamp(28px,7.4vw,36px)}
  .wl-big em{font-size:clamp(36px,10vw,50px);margin-top:4px}
  .wl-lede{font-size:15.5px;white-space:normal;margin-top:16px!important}
  .wl-brk{display:none}
  .wl-marks{width:auto;margin:22px 0 0!important;flex-wrap:wrap;gap:16px 0}
  .wl-marks a{font-size:9.5px;min-width:56px}
  .wl-marks svg{width:24px;height:24px}
  .wl-marks li+li{padding-left:18px}
  .wl-marks li+li::before{left:3px;top:12px;width:11px}
  .wl-grid{grid-template-columns:minmax(0,1fr)}
  .wl-side{border-right:0;border-bottom:1px solid var(--rule);padding:30px var(--gut) 16px}
  .wl-side::before,.wl-stair,.wl-quote{display:none}
  .wl-side-h{font-size:13px}
  .wl-idx{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;margin-top:12px!important}
  .wl-idx li,.wl-idx li.nn{flex:none;height:auto}
  .wl-idx li::before{display:none}
  .wl-idx a{border:1px solid var(--rule);padding:10px 14px;min-height:44px}
  .wl-idx i{display:inline;font-size:17px;margin-right:6px}
  .wl-idx b{display:inline;font-size:12px}
  .wl-idx span{display:none}
  .wl-main{padding:30px var(--gut) 0}
  .wl-row1{grid-template-columns:auto minmax(0,1fr);gap:8px 16px;padding:0}
  .wl-no{font-size:40px}
  .wl-t h2,.wl-col h2{font-size:17px}
  .wl-t p{font-size:15px}
  .wl-say{grid-column:1/-1;font-size:14px;margin:4px 0 0!important}
  .wl-editl{grid-column:1/-1;font-size:14px;min-height:44px}
  .wl-docs{height:auto;display:grid;grid-template-columns:197fr 150fr;gap:22px 14px;margin-top:22px;max-width:560px}
  .wl-paper{position:relative;left:auto!important;top:auto!important;width:auto!important}
  .wl-est{grid-column:1/-1}
  .wl-cols{grid-template-columns:1fr;margin-top:26px}
  .wl-col,.wl-col:first-child{border-left:0;padding:18px 0;border-top:1px solid var(--rule);min-height:0}
  .wl-col h2 span{font-size:32px}
  .wl-col p{font-size:14.5px}
  .wl-pay{grid-template-columns:1fr;gap:14px;padding:22px 20px;margin-top:22px}
  .wl-pay h2{border:0;font-size:17px}
  .wl-pay>p{padding:0;font-size:14.5px}
  .wl-qr{width:92px}
  .wl-qrbox b{font-size:15px}
  .wl-qrbox span{font-size:13.5px}
  .wl-end{grid-template-columns:1fr;margin-top:28px}
  .wl-faqs{grid-template-columns:1fr;gap:14px;border-right:0;padding-right:0}
  .wl-faq-side{border:0;padding:0}
  .wl-faq-side h2{font-size:19px}
  .wl-faq-side p{font-size:14px;margin:6px 0 0!important}
  .wl-faq-side p br{display:none}
  .wl-faq-side p::after{display:none}
  .t10 .wl-faq summary{font-size:14.5px;min-height:46px;gap:12px}
  .wl-faq summary::before{font-size:18px;width:12px}
  .t10 .wl-faq .a{padding-left:30px}
  .wl-cta{padding:30px 0 0;margin-top:30px;border-top:1px solid var(--rule);min-height:240px}
  .wl-cta h2{font-size:20px;max-width:calc(100% - 130px)}
  .wl-cta p,.t-welder .wl-small{font-size:14.5px}
  .t-welder .wl-btn{height:46px;font-size:14px;padding:0 26px;margin-top:18px}
  .wl-truss{left:auto;right:0;top:30px;width:118px}
  .wl-truss-t{display:none}
  .wl-more{padding:22px 0 10px}
  .wl-more-h{font-size:13px}
  .wl-faq2{grid-template-columns:1fr}
  .wl-tag{font-size:11px;text-align:left;padding:22px var(--gut) 30px}
}

/* the document opens its real design: Edit this template on hover and keyboard focus */
.wl-paper:hover .t10-edit,.wl-paper:focus-visible .t10-edit{opacity:1;transform:translate(-50%,0)}
@media (hover:none){.wl-paper .t10-edit{opacity:1;transform:translate(-50%,0)}}

/* 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:899px){
.wl-hero{display:flex;flex-direction:column;position:relative;background:rgb(16,30,38);overflow:hidden;height:auto;min-height:0}
.wl-hero-copy{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.wl-hero-pic{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.0420) 0 0;width:100%;max-width:none;height:auto}
.wl-hero-pic{aspect-ratio:1/0.7000;overflow:hidden}
.wl-hero-pic img{display:block;position:static;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;-webkit-mask-image:none;mask-image:none}
.wl-hero-pic::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(16,30,38) 0,rgb(16,30,38) calc(100vw*0.0070),rgba(16,30,38,0.85) calc(100vw*0.0420),rgba(16,30,38,0.5) calc(100vw*0.1190),rgba(16,30,38,0) calc(100vw*0.3220))}
.wl-hero-copy{width:auto}
}
/* it-hero-phone-v1 end */

/* v541: phones get a main button in the first screen; the desktop hero is unchanged */
.wl-cta{display:none}
@media (max-width:899px){
  .wl-cta{display:block;margin:20px 0 0}
  .wl-cta .wl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:8px;background:#C04E06;color:#fff!important;font-weight:700;font-size:16px;text-decoration:none}
  .wl-cta .wl-btn:hover{background:#A84305}
}
@media (pointer:coarse){.wl-marks a{min-height:44px;justify-content:center}}