/* it-t10-webdesigner.css: the web designer / developer page, drawn to the owner's design
   (tools/trades10/pack-wwd/web-designer-developer/visual-reference/page-design.png, 1024 wide).
   Desktop lengths are the design's own pixels times --u (1px at a 1024 viewport, 1.25px from 1280),
   so the page is the design at every desktop width. Built by tools/trades10/webdesigner.py. */
main.t10.t-webdesigner{--u:clamp(1px,calc(100vw / 1024),1.25px);--canvas:#FCFCFA;--slate:#183036;--band:#1A353D;
  --body:#34414A;--pj:"Plus Jakarta Sans",Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;--ft:Figtree,Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--canvas);color:var(--ink);font-family:var(--ft)}
.t-webdesigner .wd-w{width:calc(916 * var(--u));max-width:calc(100% - 40px);margin:0 auto}
.t-webdesigner h2,.t-webdesigner h3,.t-webdesigner .wd-big{font-family:var(--pj);color:var(--ink)}
.t-webdesigner a.wd-btn,.t-webdesigner a.wd-tool,.t-webdesigner a.wd-card,.t-webdesigner .wd-links a{text-decoration:none!important}
.wd-kick{display:inline-flex;align-items:center;gap:calc(8 * var(--u));font:700 calc(10.5 * var(--u))/1.2 var(--ft);letter-spacing:.11em;
  text-transform:uppercase;color:var(--slate)}
.wd-kick::after{content:"";width:calc(40 * var(--u));height:2px;background:var(--orange)}
.wd-btn{display:inline-flex;align-items:center;justify-content:center;min-width:calc(126 * var(--u));min-height:calc(34 * var(--u));
  padding:0 calc(22 * var(--u));border-radius:3px;background:var(--cta);color:#fff!important;font:700 calc(13 * var(--u))/1 var(--ft);
  box-shadow:0 6px 14px -10px rgba(192,78,6,.8);transition:background .18s}
.wd-btn:hover{background:var(--cta-h)}
.wd-hand{font-family:var(--hand);font-weight:500;color:#1D2328;line-height:1.02;white-space:nowrap}
.wd-stroke{display:block;color:var(--orange);height:.36em}
.wd-sub{font:400 calc(13 * var(--u))/1.35 var(--ft);color:var(--body)}

/* ---- hero: the photo across the band, the words on it ---- */
.wd-hero{position:relative;isolation:isolate;min-height:calc(287 * var(--u));background:#F9F9F7;display:flex;align-items:center;overflow:hidden}
.wd-hero-pic{position:absolute;top:0;right:0;height:100%;aspect-ratio:1024/287;z-index:-1}
.wd-cq{position:absolute;inset:0;container-type:inline-size;pointer-events:none}
.wd-hero-pic img{display:block;width:100%;height:100%;object-fit:cover}
.wd-hand-hero{position:absolute;left:84.9%;top:3.4%;font-size:2.45cqw;transform:rotate(-8deg);transform-origin:left top}
.wd-hand-hero span{display:block;padding-left:.8em}
.wd-hand-hero .wd-stroke{width:2.1em;margin:.02em 0 0 1.95em;transform:rotate(-4deg)}
.wd-hero-in{padding:calc(20 * var(--u)) 0 calc(10 * var(--u))}
.wd-hero h1{margin-top:calc(6 * var(--u))!important;max-width:calc(360 * var(--u))}
.wd-h1k{display:block;font:600 calc(10 * var(--u))/1.2 var(--ft);color:#5B666D;margin-bottom:calc(2 * var(--u))}
.wd-big{display:block;font-size:calc(33.5 * var(--u));font-weight:800;line-height:1.075;letter-spacing:-.022em}
.wd-lede{margin-top:calc(11 * var(--u))!important;max-width:calc(340 * var(--u));font:400 calc(12.6 * var(--u))/1.24 var(--ft);color:#2A363D}
.wd-hero .wd-btn{margin-top:calc(12 * var(--u))}
.wd-note{margin-top:calc(6 * var(--u))!important;font:400 calc(10 * var(--u))/1.3 var(--ft);color:#34414A}

/* ---- path ---- */
.wd-path{padding:calc(21 * var(--u)) 0 calc(30 * var(--u));text-align:center}
.wd-path h2,.wd-tpl h2{font-size:calc(21 * var(--u));font-weight:800;line-height:1.2;letter-spacing:-.015em}
.wd-path .wd-sub,.wd-tpl .wd-sub{margin-top:calc(4 * var(--u))!important}
.wd-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:calc(14 * var(--u))!important}
.wd-steps li{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 calc(10 * var(--u))}
.wd-ic{display:grid;place-items:center;width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:50%;background:#F0EFEB;color:var(--ink)}
.wd-ic svg{width:calc(25 * var(--u));height:calc(25 * var(--u));stroke-width:1.9}
.wd-arr{position:absolute;right:calc(-18 * var(--u));top:calc(24 * var(--u));width:calc(36 * var(--u));height:calc(12 * var(--u));color:#46535A}
.wd-steps h3{margin-top:calc(7 * var(--u))!important;font-size:calc(13 * var(--u));font-weight:700;line-height:1.3}
.wd-steps p{margin-top:calc(2 * var(--u))!important;max-width:calc(142 * var(--u));text-wrap:balance;font:400 calc(11.3 * var(--u))/1.32 var(--ft);color:#4A555B}

/* ---- scope paper, scope copy and calculators ---- */
.wd-scope{background:#F7F7F5;padding:calc(18 * var(--u)) 0 calc(34 * var(--u))}
.wd-scope-in{display:grid;grid-template-columns:calc(420 * var(--u)) 1fr;align-items:start}
.wd-stack{position:relative;margin:calc(8 * var(--u)) 0 0 calc(24 * var(--u));width:calc(322 * var(--u))}
.wd-stack::before,.wd-stack::after{content:"";position:absolute;inset:0;background:#fff;border:1px solid #E7E7E5}
.wd-stack::before{transform:rotate(-5.5deg) translate(calc(-6 * var(--u)),calc(6 * var(--u)));box-shadow:0 14px 30px -18px rgba(11,20,25,.35)}
.wd-stack::after{transform:rotate(-1deg) translate(calc(8 * var(--u)),calc(10 * var(--u)));background:#FAFAFA}
.wd-paper{position:relative;z-index:1;background:#F6F6F5;padding:calc(28 * var(--u)) calc(30 * var(--u)) calc(36 * var(--u)) calc(36 * var(--u));
  transform:rotate(-2.6deg);box-shadow:0 22px 40px -22px rgba(11,20,25,.45),0 0 0 1px rgba(11,20,25,.05)}
.wd-paper h3{font-size:calc(16.5 * var(--u));font-weight:700;letter-spacing:-.01em;padding-bottom:calc(12 * var(--u));border-bottom:1px solid #E1E2E2}
.wd-rows{margin-top:calc(14 * var(--u))!important;display:grid;gap:calc(14 * var(--u))}
.wd-rows li{display:grid;grid-template-columns:calc(46 * var(--u)) 1fr;align-items:start}
.wd-rows svg{width:calc(25 * var(--u));height:calc(25 * var(--u));color:var(--ink);margin-top:calc(3 * var(--u));stroke-width:1.9}
.wd-rows b{display:block;font:700 calc(11.5 * var(--u))/1.3 var(--ft);color:var(--ink)}
.wd-rows span{display:block;max-width:calc(185 * var(--u));margin-top:calc(2 * var(--u));font:400 calc(10.2 * var(--u))/1.32 var(--ft);color:#3A464D}
.wd-scope-copy{position:relative}
.wd-scope-copy h2{font-size:calc(20.5 * var(--u));font-weight:800;line-height:1.2;letter-spacing:-.015em}
.wd-scope-copy>p:not(.wd-hand){margin-top:calc(6 * var(--u))!important;max-width:calc(395 * var(--u));font:400 calc(12.6 * var(--u))/1.25 var(--ft);color:var(--body)}
.wd-scope-copy .wd-btn{margin-top:calc(10 * var(--u));min-width:calc(193 * var(--u));min-height:calc(31 * var(--u))}
.wd-hand-scope{position:absolute;left:calc(388 * var(--u));top:calc(72 * var(--u));font-size:calc(23 * var(--u));transform:rotate(-13deg);transform-origin:left top}
.wd-hand-scope span{display:block;padding-left:.2em}
.wd-hand-scope .wd-stroke{width:2.6em;margin:.04em 0 0 2.1em;transform:rotate(-4deg)}
.wd-scope-copy .wd-tools-h{margin-top:calc(44 * var(--u))!important}
.wd-tools{margin-top:calc(8 * var(--u))!important;display:grid;gap:calc(9 * var(--u))}
.wd-tool{display:grid;grid-template-columns:calc(78 * var(--u)) 1fr auto;align-items:center;min-height:calc(56 * var(--u));color:var(--ink)}
.wd-tic{display:grid;place-items:center;width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;background:#F9ECE2;color:var(--orange)}
.wd-tic svg{width:calc(27 * var(--u));height:calc(27 * var(--u));stroke-width:2}
.wd-tt b{display:block;font:700 calc(13 * var(--u))/1.3 var(--ft)}
.wd-tt span{display:block;margin-top:calc(2 * var(--u));font:400 calc(11.6 * var(--u))/1.3 var(--ft);color:var(--body)}
.wd-chev{width:calc(16 * var(--u));height:calc(16 * var(--u));margin-right:calc(-2 * var(--u));stroke-width:1.9;transition:transform .18s}
.wd-tool:hover b{color:var(--cta)}
.wd-tool:hover .wd-chev{transform:translateX(3px);color:var(--cta)}

/* ---- templates ---- */
.wd-tpl{padding:calc(20 * var(--u)) 0 calc(18 * var(--u))}
.wd-tpl-head{position:relative;text-align:center}
.wd-tpl-head h2{display:inline-block}
.wd-hand-tpl{position:absolute;left:calc(792 * var(--u));top:calc(-12 * var(--u));font-size:calc(21.5 * var(--u));transform:rotate(-9deg);transform-origin:left top}
.wd-hand-tpl .wd-stroke{width:4.2em;margin:.06em 0 0 2.5em;transform:rotate(-3deg)}
.wd-cards{display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(32 * var(--u));margin:calc(15 * var(--u)) calc(-6 * var(--u)) 0!important}
.wd-card{display:grid;grid-template-columns:calc(108 * var(--u)) 1fr;align-items:center;height:calc(122 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(22 * var(--u));
  background:#FAFAF9;border:1px solid #EFEFED;border-radius:6px;box-shadow:0 8px 22px -20px rgba(11,20,25,.4);color:var(--ink);transition:box-shadow .18s,transform .18s}
.wd-card:hover,.wd-card:focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(11,20,25,.45)}
.wd-thumb{display:block;width:calc(85 * var(--u));box-shadow:0 4px 12px -4px rgba(11,20,25,.3),0 0 0 1px rgba(11,20,25,.05);background:#fff}
.wd-thumb img{display:block;width:100%;height:auto;aspect-ratio:85/104;object-fit:cover;object-position:top}
.wd-card-t b{display:block;font:800 calc(13.2 * var(--u))/1.3 var(--ft);letter-spacing:-.005em}
.wd-card-t>span:not(.wd-edit){display:block;margin-top:calc(4 * var(--u));max-width:calc(150 * var(--u));font:400 calc(11.4 * var(--u))/1.2 var(--ft);color:var(--body)}
.wd-edit{position:relative;display:inline-grid;margin-top:calc(12 * var(--u));min-width:calc(118 * var(--u));height:calc(26 * var(--u));
  border:1.5px solid var(--slate);border-radius:3px;font:700 calc(11.2 * var(--u))/1 var(--ft);color:var(--ink);background:#fff;transition:background .18s,color .18s}
.wd-edit>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 calc(10 * var(--u));white-space:nowrap}
.wd-edit svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:2.2}
.wd-e2{visibility:hidden}
.wd-card:hover .wd-edit,.wd-card:focus-visible .wd-edit{background:var(--cta);border-color:var(--cta);color:#fff}
.wd-card:hover .wd-e1,.wd-card:focus-visible .wd-e1{visibility:hidden}
.wd-card:hover .wd-e2,.wd-card:focus-visible .wd-e2{visibility:visible}
.t-webdesigner .t10-strip{margin-top:calc(40 * var(--u))}

/* ---- payment band, the page's one QR ---- */
.wd-pay{background:var(--band);color:#fff;padding:calc(19 * var(--u)) 0;margin-top:calc(1 * var(--u))}
.wd-pay-in{display:flex;align-items:center}
.wd-pay-copy{flex:none;width:calc(471 * var(--u));min-height:calc(90 * var(--u));display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.4)}
.t-webdesigner .wd-pay h2{color:#fff;font-size:calc(25.5 * var(--u));font-weight:800;letter-spacing:-.015em;line-height:1.15}
.wd-pay-copy p{margin-top:calc(8 * var(--u))!important;max-width:calc(410 * var(--u));font:400 calc(12.8 * var(--u))/1.3 var(--ft);color:#E3EAEC}
.t-webdesigner .wd-qr{flex:none;width:calc(90 * var(--u));margin-left:calc(60 * var(--u));padding:calc(5 * var(--u));border-radius:4px}
.wd-pay-l{margin-left:calc(70 * var(--u))}
.wd-pay-l b{display:block;font:700 calc(14 * var(--u))/1.3 var(--ft);color:#fff}
.wd-pay-l p{margin-top:calc(7 * var(--u))!important;max-width:calc(290 * var(--u));font:400 calc(12.6 * var(--u))/1.35 var(--ft);color:#E3EAEC}

/* ---- closing band ---- */
.wd-end{position:relative;isolation:isolate;min-height:calc(190 * var(--u));background:#F9FAFA;display:flex;align-items:center;overflow:hidden;margin-top:calc(3 * var(--u))}
.wd-end-pic{position:absolute;top:0;right:0;height:100%;aspect-ratio:1024/190;z-index:-1}
.wd-end-pic img{display:block;width:100%;height:100%;object-fit:cover}
.wd-mug{position:absolute;left:86.35%;top:47.2%;width:5.2cqw;white-space:normal;font:800 1.2cqw/1.08 var(--ft);color:#1E2124;letter-spacing:-.01em}
.wd-mug i{display:block;width:4.3cqw;height:.22cqw;margin-top:.45cqw;background:var(--orange);border-radius:2px;transform:rotate(-2deg)}
.wd-end-in{padding:calc(20 * var(--u)) 0 calc(28 * var(--u))}
.wd-end h2{margin-top:calc(9 * var(--u))!important;font-size:calc(22.5 * var(--u));font-weight:800;line-height:1.19;letter-spacing:-.018em}
.wd-end .wd-lede{margin-top:calc(5 * var(--u))!important;max-width:none;font-size:calc(12.2 * var(--u))}
.wd-end .wd-btn{margin-top:calc(11 * var(--u));min-height:calc(36 * var(--u))}

/* ---- resources, fields and questions (added under the design) ---- */
.wd-res{padding:calc(72 * var(--u)) 0 calc(24 * var(--u))}
.wd-res-in{display:grid;grid-template-columns:5fr 7fr;column-gap:calc(64 * var(--u))}
.wd-res h2{font-size:calc(21 * var(--u));font-weight:800;letter-spacing:-.015em;line-height:1.2}
.wd-links{margin-top:calc(12 * var(--u));display:grid}
.wd-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 0;border-bottom:1px solid #E3E5E6;
  font:600 calc(13 * var(--u))/1.35 var(--ft);color:var(--ink)}
.wd-links a svg{flex:none;width:16px;height:16px;color:var(--orange)}
.wd-links a:hover{color:var(--cta)}
.wd-fields-h{margin-top:calc(34 * var(--u))!important;font-size:calc(15 * var(--u));font-weight:800}
.wd-fields{margin-top:calc(10 * var(--u))!important;display:grid;gap:calc(8 * var(--u))}
.wd-fields li{font:400 calc(12.5 * var(--u))/1.4 var(--ft);color:var(--body)}
.wd-fields b{display:block;color:var(--ink);font-weight:700}
.wd-fields span{display:block}
.t-webdesigner .wd-faq{margin-top:calc(8 * var(--u))}
.t-webdesigner .wd-faq summary{font:600 calc(13.5 * var(--u))/1.4 var(--ft);min-height:44px}
.t-webdesigner .wd-faq .a p{font-size:calc(13 * var(--u));line-height:1.6;color:var(--body)}

/* ---- tablet and phone: one column, the photos keep their subject ---- */
@media (max-width:999px){
  main.t10.t-webdesigner{--u:1px}
  .t-webdesigner .wd-w{width:auto;max-width:none;margin:0 20px}
  .wd-kick{font-size:12px}
  .wd-kick::after{width:40px}
  .wd-btn{min-height:46px;font-size:15px;padding:0 24px}
  .wd-sub{font-size:15px}
  .wd-hero,.wd-end{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .wd-hero-pic{position:relative;order:2;height:auto;width:100%;aspect-ratio:644/287;overflow:hidden}
  main.t10 .wd-hero-pic img{position:absolute;top:0;right:0;width:auto;height:100%;max-width:none}
  .wd-hand-hero{left:75.6%;top:3.4%;font-size:3.9cqw}
  .wd-hero-in{order:1;padding:32px 0 28px}
  .wd-hero h1{max-width:560px}
  .wd-h1k{font-size:13px}
  .wd-big{font-size:clamp(31px,8.4vw,44px)}
  .wd-lede{max-width:560px;font-size:16px;line-height:1.45}
  .wd-note{font-size:13px}
  .wd-path{padding:52px 0 48px}
  .wd-path h2,.wd-tpl h2,.wd-scope-copy h2,.wd-res h2{font-size:clamp(24px,6.2vw,30px)}
  .wd-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;margin-top:28px!important}
  .wd-steps li:last-child{grid-column:1/-1}
  .wd-arr{display:none}
  .wd-steps h3{font-size:16px}
  .wd-steps p{font-size:14px;max-width:220px}
  .wd-scope{padding:48px 0 52px}
  .wd-scope-in{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .wd-stack{margin:8px auto 0;width:min(100%,420px)}
  .wd-paper{padding:30px 26px 34px}
  .wd-paper h3{font-size:19px}
  .wd-rows li{grid-template-columns:44px 1fr}
  .wd-rows b{font-size:14.5px}
  .wd-rows span{font-size:13.5px}
  .wd-scope-copy{padding-left:0}
  .wd-scope-copy>p:not(.wd-hand){max-width:600px;font-size:16px;line-height:1.45;margin-top:10px!important}
  .wd-hand-scope{position:static;display:inline-block;margin:26px 0 0 14px;font-size:26px;transform:rotate(-6deg);transform-origin:center}
  .wd-scope-copy .wd-btn{min-height:46px;min-width:0}
  .wd-scope-copy .wd-tools-h{margin-top:34px!important}
  .wd-tools{margin-top:14px!important;gap:12px}
  .wd-tool{grid-template-columns:70px 1fr auto;min-height:60px}
  .wd-tt b{font-size:16px}
  .wd-tt span{font-size:14px}
  .wd-chev{width:18px;height:18px}
  .wd-tpl{padding:52px 0 40px}
  .wd-hand-tpl{position:static;display:inline-block;margin-top:24px;font-size:26px;transform:rotate(-4deg);transform-origin:center}
  .wd-hand-tpl .wd-stroke{margin-left:1.5em}
  .wd-cards{grid-template-columns:minmax(0,1fr);row-gap:16px;margin:24px 0 0!important}
  .wd-card{grid-template-columns:118px 1fr;height:auto;padding:14px 16px 14px 18px}
  .wd-thumb{width:96px}
  .wd-card-t b{font-size:17px}
  .wd-card-t>span:not(.wd-edit){max-width:none;font-size:14.5px}
  .wd-edit{height:40px;font-size:14px;min-width:150px}
  .wd-pay{padding:40px 0}
  .wd-pay-in{flex-wrap:wrap;gap:28px}
  .wd-pay-copy{width:100%;min-height:0;border-right:0;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.3)}
  .t-webdesigner .wd-pay h2{font-size:28px}
  .wd-pay-copy p{font-size:16px;max-width:560px}
  .t-webdesigner .wd-qr{width:120px;margin-left:0;padding:6px}
  .wd-pay-l{margin-left:0;flex:1 1 200px}
  .wd-pay-l b{font-size:17px}
  .wd-pay-l p{font-size:15px;max-width:none}
  .wd-end-pic{position:relative;order:2;height:auto;width:100%;aspect-ratio:584/190;overflow:hidden}
  main.t10 .wd-end-pic img{position:absolute;top:0;right:0;width:auto;height:100%;max-width:none}
  .wd-mug{left:76.2%;width:9.1cqw;font-size:2.1cqw}
  .wd-mug i{width:7.5cqw;height:.38cqw;margin-top:.8cqw}
  .wd-end-in{order:1;padding:40px 0 30px}
  .wd-end h2{font-size:clamp(25px,6.6vw,32px)}
  .wd-end .wd-lede{font-size:16px}
  .wd-end .wd-btn{min-height:46px;margin-top:16px}
  .wd-res{padding:56px 0 16px}
  .wd-res-in{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .wd-links a{font-size:15.5px}
  .wd-fields-h{font-size:18px}
  .wd-fields li{font-size:15px}
  .t-webdesigner .wd-faq summary{font-size:16px}
  .t-webdesigner .wd-faq .a p{font-size:15px}
}
@media (max-width:560px){
  .wd-steps{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .wd-steps li{display:grid;grid-template-columns:64px 1fr;align-items:center;column-gap:16px;text-align:left;padding:0}
  .wd-steps .wd-ic{grid-row:1/3;width:56px;height:56px}
  .wd-steps h3{margin-top:0!important;align-self:end}
  .wd-steps p{max-width:none;align-self:start}
  .wd-hero-pic{aspect-ratio:560/287}
  .wd-hand-hero{left:72%;font-size:4.5cqw}
  .wd-end-pic{aspect-ratio:480/190}
  .wd-mug{left:71.1%;width:11cqw;font-size:2.55cqw}
  .wd-mug i{width:9cqw;height:.45cqw;margin-top:1cqw}
}
@media (prefers-reduced-motion:reduce){.wd-card,.wd-btn,.wd-chev,.wd-edit{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:999px){
.wd-hero{display:flex;flex-direction:column;position:relative;background:rgb(249,249,247);overflow:hidden;height:auto;min-height:0}
.wd-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.wd-hero-pic{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.2450) 0 0;width:100%;max-width:none;height:auto}
.wd-hero-pic{aspect-ratio:1/0.7000;overflow:hidden}
main.t10 .wd-hero-pic img{display:block;position:static;width:100%;height:100%;max-width:none;aspect-ratio:auto;padding-top:calc(100vw*0.1470);box-sizing:border-box;background:rgb(249,249,247);object-fit:cover;object-position:100% 50%;-webkit-mask-image:none;mask-image:none}
.wd-hero-pic::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(249,249,247) 0,rgb(249,249,247) calc(100vw*0.1540),rgba(249,249,247,0.85) calc(100vw*0.1890),rgba(249,249,247,0.5) calc(100vw*0.2660),rgba(249,249,247,0) calc(100vw*0.4690))}
.wd-hero-pic .wd-cq{z-index:2}.wd-hero-pic .wd-hand-hero{top:24%}
}
/* it-hero-phone-v1 end */