/* it-t10-socialmedia.css: the social media manager page, drawn to the owner's design
   (tools/trades10/pack-next5/social-media-manager/visual-reference/page-design.png, 799 wide).
   Every length is the design's own pixel x 1.602, the scale at a 1280 viewport.
   Built by tools/trades10/socialmedia.py. */
main.t10.t-socialmedia{--cw:1166px;--gut:clamp(20px,4.45vw,57px);--canvas:#F9FAF8;--paper:#F4F4F2;
  --rule:#E6E8E7;--ink:#0B1419;--muted:#4C585E;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  background:var(--canvas)}
.t-socialmedia .sm-kick{font:700 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.t-socialmedia h2,.t-socialmedia .sm-big{font-family:var(--serif);font-weight:700;letter-spacing:-.005em;color:var(--ink)}
.t-socialmedia p{color:var(--muted)}
.t-socialmedia a.sm-btn,.t-socialmedia a.sm-tool,.t-socialmedia a.sm-all,.t-socialmedia .sm-links a{text-decoration:none!important}

/* ---- hero: one picture across the whole band, the words on the picture ---- */
.sm-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate}
.sm-hero::before{content:"";grid-area:1/1;aspect-ratio:799/302}
.sm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-2}
.sm-hero-in{grid-area:1/1;width:100%;padding-top:98px;padding-bottom:16px}
.sm-hero .sm-kick{margin-bottom:4px!important}
.sm-hero h1{max-width:390px}
.sm-h1k{display:block;font:600 12px/1.25 var(--sans);letter-spacing:.01em;color:var(--muted);margin-bottom:3px}
.sm-big{display:block;font-size:51px;line-height:1.03;letter-spacing:-.015em}
.sm-lede{margin-top:14px!important;max-width:378px;font-size:16px;line-height:1.4}
.sm-btn{display:inline-flex;align-items:center;gap:11px;margin-top:17px;min-height:46px;padding:0 26px;border-radius:7px;
  background:var(--cta);color:#fff!important;font:700 16px var(--sans);transition:background .18s}
.sm-btn:hover{background:var(--cta-h)}
.sm-btn svg{width:17px;height:17px}
.sm-trust{display:flex;flex-wrap:wrap;align-items:center;gap:0 15px;margin-top:21px!important;font-size:12.8px;color:var(--muted)}
.sm-trust li+li{border-left:1px solid #C9CFD1;padding-left:15px}

/* ---- shared section frame ---- */
.sm-sec{padding-top:42px}
.sm-head h2{margin-top:10px!important}
.sm-sub{margin-top:2px!important;font-size:16px;line-height:1.4}

/* ---- content plan ---- */
.sm-plan h2{font-size:45px;line-height:1.02}
.sm-plan-in{display:grid;grid-template-columns:minmax(0,1fr) 302px;column-gap:22px;align-items:start}
.sm-plan-in>div{min-width:0}
.sm-plan-scroll{margin-top:8px}
.sm-grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rule);table-layout:fixed;
  font-family:var(--sans)}
.sm-grid col.sm-c0{width:24.5%}
.sm-grid th,.sm-grid td{border:1px solid var(--rule);padding:0}
.sm-grid thead th{font:700 11px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--ink);text-align:center;height:34px}
.sm-grid thead th.sm-c0h{text-align:left;padding-left:16px;font-size:12px;letter-spacing:.09em}
.sm-grid thead tr.sm-wk th{font:600 10.5px/1 var(--sans);letter-spacing:.04em;color:#6B7579;text-transform:none;height:29px;border-top:0}
.sm-grid tbody th{text-align:left;padding:0 16px;height:60px;vertical-align:middle;font-weight:400}
.sm-grid tbody th b{display:block;font:700 14.5px/1.25 var(--sans);color:var(--ink)}
.sm-grid tbody th span{display:block;margin-top:2px;font:400 12px/1.3 var(--sans);color:#6B7579}
.sm-bar{position:relative;padding:0}
.sm-bar i{position:absolute;left:5px;right:5px;top:15px;height:21px;border-radius:3px;background:var(--b,#E9EAE8)}
.sm-b-peach{--b:#F4DED0}.sm-b-slate{--b:#CAD4D6}.sm-b-sand{--b:#FAC7AB}.sm-b-grey{--b:#C9CAC7}.sm-b-orange{--b:#F97B31}

/* the clipped scope note */
.sm-note{position:relative;background:var(--paper);padding:34px 28px 30px;box-shadow:0 10px 26px -16px rgba(11,20,25,.45),0 1px 0 rgba(11,20,25,.05);
  min-height:521px;display:flex;flex-direction:column}
.sm-note::before{content:"";position:absolute;right:26px;top:-16px;width:19px;height:56px;border:2.5px solid #A7ADB0;border-radius:10px;
  background:linear-gradient(90deg,transparent 6px,#C6CBCD 6px,#C6CBCD 9px,transparent 9px)}
.sm-note::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 60% at 20% 0,rgba(255,255,255,.7),transparent 60%)}
.sm-note h3{font:700 25px/1.2 var(--serif);color:var(--ink)}
.sm-note-h{margin-top:16px!important;font:400 13.5px/1.4 var(--sans);color:#4C585E}
.sm-note ul{margin-top:16px!important;display:grid;gap:13px}
.sm-note li{display:flex;gap:12px;font:400 13.5px/1.45 var(--sans);color:#3E4A50}
.sm-box{flex:none;width:15px;height:15px;margin-top:2px;border:1.4px solid #9AA2A6;border-radius:2px;background:#fff}
.sm-box.on{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4.5 4.5L19 6.5' fill='none' stroke='%232B3A41' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.sm-box.faint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4.5 4.5L19 6.5' fill='none' stroke='%23B9C0C3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}
.sm-hand{font-family:var(--hand);font-weight:700;line-height:1.12;color:var(--orange)}
.sm-note-hand{margin-top:auto!important;padding-top:30px;position:relative;width:fit-content;font-size:27px;transform:rotate(-3.2deg)}
.sm-note-hand::before,.sm-note-hand::after{content:"";position:absolute;height:2px;background:var(--orange);border-radius:2px}
.sm-note-hand::before{left:4px;right:34px;top:14px;transform:rotate(-1.6deg)}
.sm-note-hand::after{left:56px;right:6px;bottom:-14px;transform:rotate(-1.6deg)}

/* ---- calculators ---- */
.sm-tools{padding-top:55px}
.sm-tools h2{font-size:44px;line-height:1.02}
.sm-tlist{display:grid;grid-template-columns:repeat(3,1fr);margin-top:33px!important}
.sm-tlist li+li{border-left:1px solid #DFE4E5}
.sm-tlist li+li .sm-tool{padding-left:46px}
.sm-tool{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding-right:38px;align-items:start}
.sm-tool>svg.i{width:48px;height:48px;stroke-width:1.3;color:var(--ink)}
.sm-tt{display:block;padding-top:3px}
.sm-tt b{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #DFE4E5;
  font:700 17px/1.25 var(--sans);color:var(--ink)}
.sm-tt b svg{width:17px;height:17px;flex:none;color:var(--orange);stroke-width:2}
.sm-tt>span{display:block;margin-top:13px;font:400 15px/1.45 var(--sans);color:var(--muted)}
.t-socialmedia a.sm-tool:hover .sm-tt b{color:var(--cta)}

/* ---- templates ---- */
.sm-tpl{padding-top:58px}
.sm-tpl-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sm-tpl h2{font-size:41px;line-height:1.04}
.sm-all{flex:none;display:inline-flex;align-items:center;gap:9px;padding-bottom:3px;border-bottom:1px solid #B9C0C3;font:400 15px var(--sans);color:var(--ink)!important}
.sm-all svg{width:16px;height:16px;color:var(--orange);stroke-width:2}
.t-socialmedia a.sm-all:hover{color:var(--cta)!important;border-color:var(--cta)}
.sm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0 47px;margin-top:14px!important}
.t-socialmedia a.sm-tp{display:block;border-radius:0;overflow:visible;text-align:left}
.t-socialmedia a.sm-tp::after{display:none}
.sm-paper{background:#fff;border:1px solid var(--rule);border-radius:2px;padding:20px 19px 16px;height:311px;display:flex;flex-direction:column;
  transition:transform .18s ease-out,box-shadow .18s ease-out}
.sm-tp:hover .sm-paper,.sm-tp:focus-visible .sm-paper{transform:translateY(-4px);box-shadow:0 16px 32px rgba(11,20,25,.10)}
.sm-plogo{display:flex;align-items:center;gap:6px;font:700 11.5px var(--sans);color:var(--ink)}
.sm-plogo i{width:13px;height:16px;border-radius:2px;background:var(--orange);position:relative}
.sm-plogo i::after{content:"";position:absolute;left:3px;right:3px;top:4px;height:1.5px;background:#fff;box-shadow:0 4px 0 #fff}
.sm-ptitle{margin-top:14px!important;font:700 13px/1.2 var(--sans);letter-spacing:.055em;color:var(--ink)}
.sm-pmeta{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:17px}
.sm-pmeta p{font:400 9.5px/1 var(--sans);color:#93999C;margin-bottom:5px!important}
.sm-pmeta u{display:block;height:4px;border-radius:2px;background:#E4E6E6;text-decoration:none}
.sm-pmeta .sm-pm-l u{margin-bottom:7px}
.sm-pmeta .sm-pm-l u:nth-child(2){width:88%}
.sm-pmeta .sm-pm-l u:nth-child(3){width:72%}
.sm-pmeta .sm-pm-r{display:grid;gap:7px}
.sm-pmeta .sm-pm-r span{display:flex;align-items:center;gap:8px}
.sm-pmeta .sm-pm-r span i{font:400 9.5px/1 var(--sans);font-style:normal;color:#93999C;flex:none}
.sm-pmeta .sm-pm-r span u{flex:1}
.sm-ptab{width:100%;margin-top:18px;border-collapse:collapse;table-layout:fixed}
.sm-ptab th{font:400 9.5px/1 var(--sans);color:#6E7679;text-align:left;padding-bottom:7px;border-bottom:1px solid #E4E6E6}
.sm-ptab th+th{text-align:right}
.sm-ptab td{padding-top:9px}
.sm-ptab td u{display:block;height:4px;border-radius:2px;background:#E9EBEB;text-decoration:none}
.sm-ptab td+td u{margin-left:auto;width:76%}
.sm-ptot{display:flex;justify-content:flex-end;gap:26px;margin-top:auto!important;padding-top:11px;border-top:1px solid #E4E6E6;
  font:700 10.5px var(--sans);color:var(--ink)}
.sm-cap{display:block;margin-top:14px!important;font:400 17px/1.25 var(--serif);color:var(--ink)}
.sm-cap-s{display:block;margin-top:6px!important;font:400 14.5px/1.35 var(--sans);color:var(--muted)}
.t-socialmedia .sm-tp .t10-edit{position:static;opacity:1;transform:none;display:flex;width:fit-content;align-items:center;justify-content:center;gap:9px;margin:15px auto 0;
  background:#fff;color:var(--ink);border:1px solid #C9CFD1;border-radius:5px;padding:0 18px;height:44px;box-shadow:none;
  font:700 14.5px var(--sans);transition:background .18s,border-color .18s,color .18s}
.t-socialmedia .sm-tp .t10-edit svg{color:var(--orange)}
.t-socialmedia .sm-tp:hover .t10-edit,.t-socialmedia .sm-tp:focus-visible .t10-edit{background:var(--cta);border-color:var(--cta);color:#fff}
.t-socialmedia .sm-tp:hover .t10-edit svg,.t-socialmedia .sm-tp:focus-visible .t10-edit svg{color:#fff}
.t-socialmedia .t10-strip{margin-top:58px}

/* ---- deliverables scope ---- */
.sm-scope{padding-top:74px}
.sm-scope-in{display:grid;grid-template-columns:minmax(0,44.2%) minmax(0,1fr);column-gap:0}
.sm-scope-r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px;column-gap:14px;align-items:center}
.sm-scope h2{font-size:41px;line-height:1.05}
.sm-scope .sm-sub{max-width:365px}
.sm-scope-hand{position:relative;margin-top:34px!important;width:fit-content;font-size:33px;transform:rotate(-5.5deg);max-width:320px}
.sm-scope-hand::after{content:"";position:absolute;left:58px;width:212px;bottom:-15px;height:2.4px;border-radius:2px;background:var(--orange);transform:rotate(-3.5deg)}
.sm-sheet{position:relative;background:var(--paper);padding:22px 34px 24px;box-shadow:0 12px 30px -18px rgba(11,20,25,.5),0 1px 0 rgba(11,20,25,.05)}
.sm-sheet::before{content:"";position:absolute;right:66px;top:-17px;width:19px;height:58px;border:2.5px solid #A7ADB0;border-radius:10px;
  background:linear-gradient(90deg,transparent 6px,#C6CBCD 6px,#C6CBCD 9px,transparent 9px)}
.sm-sheet h3{font:700 25px/1.2 var(--serif);color:var(--ink);margin-bottom:8px!important}
.sm-sheet table{width:100%;border-collapse:collapse}
.sm-sheet th,.sm-sheet td{border-bottom:1px solid #DCDEDC;padding:10px 0;font:400 13px/1.35 var(--sans);text-align:left;vertical-align:top}
.sm-sheet th{width:31%;font-weight:600;color:var(--ink);padding-right:14px;border-right:1px solid #DCDEDC}
.sm-sheet td{padding-left:16px}
.sm-sheet tr:first-child th,.sm-sheet tr:first-child td{border-top:1px solid #DCDEDC}
.sm-sheet td{color:#3E4A50}
.sm-sheet tr:last-child th,.sm-sheet tr:last-child td{border-bottom:0}
.sm-scope-note{position:relative;font-family:var(--hand);font-weight:700;font-size:23px;line-height:1.3;
  color:#2B3A41;transform:rotate(-4deg);white-space:nowrap}
.sm-scope-note::after{content:"";position:absolute;left:6px;width:95px;bottom:-18px;height:2.2px;border-radius:2px;background:#2B3A41;transform:rotate(-4deg)}

/* ---- payment ---- */
.sm-pay{padding-top:61px}
.sm-pay-in{display:grid;grid-template-columns:51.5% 141px minmax(0,1fr);column-gap:0;align-items:start}
.sm-pay-w{padding-left:34px}
.sm-pay h2{font-size:36.5px;line-height:1.05}
.sm-pay .sm-sub{max-width:360px}
.sm-pay .t10-qr{width:141px;height:141px;margin-top:9px}
.sm-pay-w{padding-top:6px}
.sm-pay-w b{display:block;font:700 16px/1.3 var(--sans);color:var(--ink)}
.sm-pay-w p{margin-top:11px!important;font:400 14.5px/1.45 var(--sans);max-width:286px}

/* ---- resources and questions ---- */
.sm-res{padding-top:53px;padding-bottom:64px}
.sm-res-in{display:grid;grid-template-columns:1fr 1fr;column-gap:0}
.sm-res-col+.sm-res-col{border-left:1px solid #DFE4E5;padding-left:52px}
.sm-res h2{font-size:31px;line-height:1.1;white-space:nowrap}
.sm-links{margin-top:22px!important;display:grid;gap:0}
.sm-links a,.t-socialmedia .sm-faq summary{display:inline-flex;align-items:center;gap:9px;padding:6px 0 5px;
  font:400 15px/1.4 var(--sans);color:var(--ink)!important}
.sm-links a span,.t-socialmedia .sm-faq summary span{border-bottom:1px solid #C3C9CB;padding-bottom:2px}
.sm-links a:hover span{border-color:var(--cta)}
.sm-links svg,.t-socialmedia .sm-faq summary svg{width:15px;height:15px;flex:none;stroke-width:2;color:#5B666D}
.sm-links a:hover,.t-socialmedia .sm-faq summary:hover{color:var(--cta)!important}
.t-socialmedia .sm-faq{margin-top:22px}
.t-socialmedia .sm-faq details{border-bottom:0}
.t-socialmedia .sm-faq summary{justify-content:flex-start}
.t-socialmedia .sm-faq summary::after{display:none}
.t-socialmedia .sm-faq details[open] summary svg{transform:rotate(90deg)}
.t-socialmedia .sm-faq .a{padding:2px 24px 14px 0}
.t-socialmedia .sm-faq .a p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.sm-more{margin-top:30px!important;padding-top:18px;border-top:1px solid #DFE4E5}
.sm-more h3{font:700 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:4px!important}

/* ---- closing: one picture across the band, the words on the picture ---- */
.sm-end{position:relative;display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;margin-top:8px}
.sm-end::before{content:"";grid-area:1/1;aspect-ratio:799/216}
.sm-end>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 50%;z-index:-2}
.sm-end-in{grid-area:1/1;width:100%;display:grid;grid-template-columns:62.5% minmax(0,1fr);align-items:start;padding-top:56px;padding-bottom:30px}
.sm-end-copy{grid-column:2}
.sm-end h2{font-size:32px;line-height:1.2}
.sm-end .sm-btn{margin-top:20px}
.sm-end-tag{margin-top:19px!important;font:400 13.5px/1.4 var(--sans);color:#3E4A50;max-width:380px}

/* ---- the page's search copy sits on the quiet panel ---- */
.t-socialmedia .t10-long{background:#F1F4F3}

/* ---- tablet ---- */
@media (max-width:1100px){
  .sm-big{font-size:43px}
  .sm-plan h2,.sm-tools h2{font-size:38px}
  .sm-tpl h2,.sm-scope h2{font-size:34px}
  .sm-pay h2{font-size:31px}
  .sm-res h2{font-size:29px}
  .sm-plan-in{grid-template-columns:minmax(0,1fr) 250px;column-gap:20px}
  .sm-note{min-height:0;padding:28px 22px 26px}
  .sm-note-hand{padding-top:40px}
  .sm-cards{gap:0 26px}
  .sm-tool{padding-right:20px}
  .sm-tlist li+li .sm-tool{padding-left:26px}
  .sm-scope-note{display:none}
  .sm-scope-in{grid-template-columns:minmax(0,40%) minmax(0,1fr)}
}
@media (max-width:900px){
  /* the copy sits on the canvas and the picture runs full width under it, its top edge faded into
     the canvas so the two still read as one band (owner, 19 Sep 2026) */
  .sm-hero{display:flex;flex-direction:column-reverse;isolation:auto}
  .sm-hero::before{display:none}
  .sm-hero>img{position:static;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;object-position:58% 50%;z-index:auto;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 17%);mask-image:linear-gradient(180deg,transparent 0,#000 17%)}
  .sm-hero-in{padding-top:30px;padding-bottom:26px}
  .sm-hero h1,.sm-lede{max-width:none}
  .sm-big{font-size:38px}
  .sm-plan-in,.sm-scope-in,.sm-pay-in,.sm-res-in{grid-template-columns:1fr;row-gap:32px}
  .sm-pay .t10-qr{margin-top:0}
  .sm-pay-w{padding-top:0}
  .sm-res-col+.sm-res-col{border-left:0;padding-left:0;padding-top:34px;border-top:1px solid #DFE4E5}
  .sm-res h2{white-space:normal}
  .sm-scope-r{grid-template-columns:1fr}
  .sm-scope-note{display:none}
  .sm-tlist{grid-template-columns:1fr;gap:26px}
  .sm-tlist li+li{border-left:0;border-top:1px solid #DFE4E5;padding-top:26px}
  .sm-tlist li+li .sm-tool{padding-left:0}
  .sm-cards{grid-template-columns:1fr;gap:38px}
  .sm-paper{height:auto;min-height:300px}
  .sm-end{display:flex;flex-direction:column;isolation:auto}
  .sm-end::before{display:none}
  .sm-end>img{position:static;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;object-position:30% 50%;z-index:auto;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 13%,#000 80%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 13%,#000 80%,transparent 100%)}
  .sm-end-in{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px}
  .sm-end-copy{grid-column:1}
  .sm-grid{font-size:13px}
  .sm-grid tbody th{padding:0 10px;height:54px}
}
@media (max-width:640px){
  .sm-big{font-size:32px}
  .sm-plan h2,.sm-tools h2{font-size:29px}
  .sm-tpl h2,.sm-scope h2{font-size:27px}
  .sm-pay h2,.sm-res h2{font-size:25px}
  .sm-end h2{font-size:27px}
  .sm-tpl-top{display:block}
  .sm-all{margin-top:16px}
  .sm-plan-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sm-plan-scroll .sm-grid{min-width:560px}
  .sm-trust{gap:0 12px;font-size:12.5px}
  .sm-trust li+li{padding-left:12px}
  .sm-scope-hand{font-size:25px}
  .sm-plan h2 br{display:none}
  .sm-hero>img,.sm-end>img{aspect-ratio:4/3}
  .sm-trust{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}
  .sm-trust li+li{border-left:0;padding-left:0}
}
@media (prefers-reduced-motion:reduce){.sm-paper,.t-socialmedia .sm-tp .t10-edit,.sm-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){
.sm-hero{display:flex;flex-direction:column;position:relative;background:rgb(249,250,248);overflow:hidden;height:auto;min-height:0}
.sm-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.sm-hero>img{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.3000) 0 0;width:100%;max-width:none;height:auto}
.sm-hero>img{aspect-ratio:1/0.7500;overflow:hidden}
.sm-hero>img{display:block;padding-top:calc(100vw*0.1800);box-sizing:border-box;background:rgb(249,250,248);object-fit:cover;object-position:58% 50%;z-index:0;-webkit-mask-image:none;mask-image:none}
.sm-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100vw*0.7500);z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(249,250,248) 0,rgb(249,250,248) calc(100vw*0.1875),rgba(249,250,248,0.85) calc(100vw*0.2250),rgba(249,250,248,0.5) calc(100vw*0.3075),rgba(249,250,248,0) calc(100vw*0.5250))}
}
/* it-hero-phone-v1 end */