/* Daily Peptide Stack v0.7 — editorial digest. No huge hero, no article wall. */
:root{--ink:#142e35;--faded:#72818a;--teal:#0b8186;--rule:#e0e6e6;--soft:#f6f8f7;--cream:#fbfaf7}
body{font-size:14px;line-height:1.45;background:#fff;color:var(--ink)}
a{color:var(--teal)}
.wrap{max-width:1220px}
.top{background:#f6f8f7;color:#70838a}.top .wrap{padding-top:6px;padding-bottom:6px}
.top-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:10px;letter-spacing:.035em}
.header .wrap{min-height:78px;gap:18px}.brandname{font-size:27px}.brand .subtitle{display:block;line-height:1.3;font-size:9px;margin-top:3px}
.bars{transform:scale(.86);transform-origin:center}.header nav{gap:clamp(13px,1.4vw,22px)}
.header nav a{font-size:12px;color:#253a40;font-weight:650}.header nav a.selected{color:#07858a}.header nav a.nav-calc{color:#08767d}
.front{background:linear-gradient(#fff,#fff 65%,#fbfbfa);padding:0 0 26px}
.edition-line{padding:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#467881;font-size:10px;letter-spacing:.12em;font-weight:800}
.edition-line i{display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:1px;background:#0b8186;border-radius:50%}
.edition-line b{color:#c6cfcf;margin:0 5px}.edition-line a{font-weight:750;letter-spacing:0;color:#53737c;font-size:11px}
.front-heading{display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding:8px 0 25px;border-bottom:2px solid var(--ink)}
.front-heading h1{font:700 clamp(27px,3.2vw,39px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-1.15px;margin:0;white-space:nowrap}
.front-heading h1 span{color:#0b8588}.front-heading p{max-width:465px;color:#677b82;font-size:12.5px;line-height:1.6;margin:0}
.desk-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);column-gap:42px;padding:25px 0 25px;align-items:start}
.lead-desk{min-width:0}.desk-heading,.social-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}
.desk-heading h2,.social-heading h2,.coverage-head h2{font:700 21px/1.16 Georgia,serif;letter-spacing:-.35px;margin:5px 0 0}
.kicker{font:800 10px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.12em;color:#118287}
.desk-heading>a,.social-heading>a{color:#52757d;font-size:11px;font-weight:750;white-space:nowrap}
.headline-list{margin-top:16px;border-top:1px solid var(--rule)}
.headline-row{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:15px 0 13px;border-bottom:1px solid var(--rule)}
.headline-number{align-self:start;padding-top:2px;font:600 11px/1.2 system-ui,sans-serif;color:#b3bfc0}
.headline-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font:700 9px/1.45 system-ui,sans-serif;color:#6b8085;letter-spacing:.035em;text-transform:uppercase}
.headline-meta span:first-child{color:#0a777e}.headline-meta span:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.headline-row h3{color:var(--ink);font:650 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.08px;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.headline-row:first-child h3{font:700 16px/1.35 Georgia,serif;letter-spacing:-.18px}
.headline-row h3 a{color:inherit}.headline-row h3 a:hover{color:#087d83}.headline-out{color:#83a0a1;font-size:17px;align-self:center;text-align:right}
.desk-notice{margin-top:14px;color:#7a8a90;font-size:10.5px;line-height:1.45}.desk-notice a{font-weight:700}
.social-panel{border-left:1px solid var(--rule);padding-left:36px;min-width:0;align-self:stretch}
.social-heading h2{display:flex;align-items:center;gap:9px}.social-heading h2 .social-ping{display:inline-block;width:7px;height:7px;border:1px solid #17a096;background:#d3f1eb;border-radius:50%}
.social-deck{font-size:12px;color:#698089;margin:12px 0 18px}.social-availability{font-size:12px;color:#70838a;line-height:1.55;background:#f4f8f7;border-left:2px solid #86c5c2;margin:0 0 13px;padding:9px 12px}
.social-availability span{color:#128184;margin-right:6px}
.social-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.social-platforms a{display:flex;align-items:center;gap:9px;border:1px solid #e0e9e8;padding:12px 10px;border-radius:3px;color:#243d44;min-width:0;background:#fff;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.social-platforms a:hover{border-color:#95c4c5;background:#f4fafa}
.social-platforms a>span:nth-child(2){min-width:0;font-size:12px;font-weight:750;line-height:1.18}
.social-platforms a small{display:block;margin-top:3px;color:#738890;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-platforms a>span:last-child{margin-left:auto;color:#66949a;font-size:13px}
.platform-symbol{width:25px;height:25px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:#eaf4f2;color:#09777e;font-size:11px;font-weight:800;flex-shrink:0}
.social-caveat{border-top:1px solid var(--rule);margin:15px 0 0;padding-top:10px;color:#89979a;font-size:10px;line-height:1.4}
.social-item{border-bottom:1px solid var(--rule);padding:11px 0}.social-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#809096;font-size:10px}.social-meta .network{font-weight:800;color:#067f82;text-transform:uppercase}.social-author{font-weight:700;color:#4d6a72;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-meta time{margin-left:auto;color:#8a9a9e}.social-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;font-weight:600;color:#243d44;margin-top:5px}.social-explore-caption{font-size:9px;letter-spacing:.12em;font-weight:800;color:#798c90;margin:13px 0 8px}
.coverage{border-top:1px solid var(--rule);padding:20px 0 0}.coverage-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.coverage-head h2{font-size:20px}.coverage-head>span{font-size:10px;color:#86989b}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.topic-cell{border-left:1px solid var(--rule);padding:2px 17px 8px;min-width:0}.topic-cell:first-child{border-left:0;padding-left:0}.topic-cell:last-child{padding-right:0}
.topic-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.topic-top strong{font-size:11px;color:#0c767b;text-transform:uppercase;letter-spacing:.035em}.topic-top a{color:#7b979a}
.topic-story{color:var(--ink);font-size:12px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-story:hover{color:#077d84}.topic-wait{font-size:11px;color:#95a0a1;margin:0;font-style:italic}
.bottom-ribbon{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#edf5f4;padding:14px 19px;margin-top:25px;border-top:1px solid #dcebe8}.bottom-ribbon>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ribbon-label{font-size:10px;letter-spacing:.09em;font-weight:850;color:#007f83}.bottom-ribbon strong{font:700 15px Georgia,serif;color:#193941}.bottom-ribbon>div>span:last-child{color:#6b8388;font-size:11px}.bottom-ribbon>a{font-size:11px;font-weight:800;white-space:nowrap}
.feed-loading{margin:17px 0;padding:22px 10px;font-size:12px;color:#647f86;background:#f6f8f7}
@media(max-width:940px){.desk-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:23px}.social-panel{padding-left:23px}.front-heading p{max-width:330px}.social-platforms{grid-template-columns:1fr}.social-platforms a{padding:9px 10px}}
@media(max-width:780px){.header .wrap{flex-direction:column;align-items:stretch;gap:13px;padding-top:15px;padding-bottom:15px}.header nav{gap:16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.header nav a{white-space:nowrap}.front-heading{display:block;padding-bottom:15px}.front-heading h1{font-size:32px;white-space:normal}.front-heading p{max-width:540px;margin-top:8px}.desk-layout{grid-template-columns:1fr;gap:24px;padding-top:18px}.social-panel{border-left:0;border-top:2px solid var(--ink);padding:20px 0 0}.social-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:1fr;gap:11px}.topic-cell,.topic-cell:first-child,.topic-cell:last-child{padding:9px 0 12px;border-left:0;border-bottom:1px solid var(--rule)}.bottom-ribbon{align-items:flex-start;flex-direction:column}.top-inner>span:last-child{display:none}}
@media(max-width:480px){.front-heading h1{font-size:29px}.edition-line{padding-top:19px}.edition-line>a{display:none}.headline-row{padding:13px 0;gap:7px;grid-template-columns:20px minmax(0,1fr) 16px}.headline-row h3{font-size:13px}.headline-row:first-child h3{font-size:15px}.headline-meta{gap:5px;font-size:8.5px}.social-platforms{gap:7px}.social-platforms a{padding:10px 8px}.bottom-ribbon>div{display:block}.bottom-ribbon strong{display:block;margin:4px 0}.brandname{font-size:25px}}

@media(min-width:941px){.social-platforms a:last-child{grid-column:1 / -1}}
@media(max-width:780px){.header nav{overflow:visible;flex-wrap:wrap;row-gap:5px;column-gap:15px}}

/* v0.7 Today’s Stack — warm editorial edition. Larger color personality, compact reading. */
:root{
 --ink:#172e35;--teal:#087e84;--faded:#6b7b82;--rule:#dce6e2;
 --cream:#fff8e8;--butter:#fceac4;--coral:#ef9679;--peach:#ffe9df;
 --mint:#e3f4ec;--bluewash:#eaf5fa;--violetwash:#f0ebf8;--paper:#fffdf9;
}
body{background:#fffdfa;color:var(--ink)}
.wrap{max-width:1290px}
.top{background:#173c42;color:#fff8e5;border:0}
.top-inner{font-size:10px;letter-spacing:.085em}
.header{background:#fffefa;border-bottom:1px solid #dbe5df}
.header .wrap{min-height:85px;gap:18px}
.header nav{gap:5px;align-items:center}
.header nav a{font-size:11.5px;color:#335055;padding:9px 10px;border-radius:999px;white-space:nowrap}
.header nav a.selected{background:#dff1e9;color:#06727b}
.header nav a:hover{background:#eef7f0;text-decoration:none}
.header nav a.nav-calc{color:#fff;background:#0d747a;padding:9px 13px}
.brandname{font-size:26px}
.front{background:linear-gradient(180deg,#fffdfa 0%,#fffdfa 60%,#f9f7f1 100%)}
.daily-intro{background:radial-gradient(ellipse at 9% 15%,#fff4c8 0,transparent 45%),linear-gradient(113deg,#fff8e6,#ffede0 70%,#e8f6f4);border:1px solid #f4ddc7;border-top:0;padding:17px 25px 23px;position:relative;overflow:hidden;border-radius:0 0 13px 13px}
.daily-intro::after{content:"";position:absolute;right:-62px;top:-84px;width:215px;height:215px;border:35px solid rgba(15,129,132,.06);border-radius:50%;pointer-events:none}
.edition-line{position:relative;z-index:1;padding:0;letter-spacing:.105em;color:#986b45;font-size:10px}
.edition-line i{background:var(--coral)}
.edition-line a{color:#7d5b44}
.front-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:34px;align-items:center;border:0;padding:14px 0 0}
.intro-head{min-width:0}
.micro-label{color:#957350;font-size:9.5px;letter-spacing:.11em;font-weight:850}
.front-heading h1{font-size:clamp(37px,4.2vw,53px);letter-spacing:-1.85px;white-space:normal;margin:7px 0 8px;line-height:1}
.front-heading h1 span{color:#e18769}
.front-heading .intro-head p{max-width:520px;color:#506b6b;font-size:13.5px;line-height:1.45;font-weight:550;margin:0}
.daily-brief{border:1px solid #edcdb0;background:rgba(255,255,255,.76);padding:16px 19px;border-radius:12px;box-shadow:0 12px 27px rgba(125,82,50,.045);max-width:none}
.brief-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9b603e;font-weight:900;font-size:10px;letter-spacing:.11em}
.brief-live{color:#347d70;white-space:nowrap;font-weight:750;font-size:9px;letter-spacing:.045em}
.brief-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#27a978;margin-right:4px;vertical-align:1px}
.daily-brief p{color:#24444b;font:600 13px/1.5 system-ui,sans-serif;margin:8px 0 7px;max-width:none}
.brief-caption{font-size:10px;color:#7d8986}
.desk-layout{grid-template-columns:minmax(0,1.12fr) minmax(325px,.88fr);gap:20px;padding:25px 0 19px}
.lead-desk{padding:2px 12px 0 0}
.social-panel{border:1px solid #c8dfe0;border-radius:12px;background:#eff9f7;padding:19px 19px 13px;align-self:start;box-shadow:0 4px 0 rgba(21,113,114,.035)}
.kicker{color:#0c807e}
.desk-heading h2,.social-heading h2{font-size:23px}
.desk-heading h2{color:#163943}
.social-heading h2{color:#0e7078}
.headline-list{margin-top:12px;border-top:2px solid #c9dfd9}
.headline-row{padding:11px 6px 10px 0;gap:10px}
.headline-row:hover{background:linear-gradient(90deg,#fff5e5 0,transparent 93%)}
.headline-row h3{font-size:13px;font-weight:650;line-height:1.34}
.headline-row:first-child h3{font-size:15.5px}
.headline-meta{font-size:9px;letter-spacing:.04em;gap:7px}
.headline-meta span:first-child{color:#bc6d54}
.headline-row .headline-number{color:#c08b6f}
.desk-notice{color:#7b8c89}
.mobile-more-news{display:none}
.social-deck{font-size:11.5px;color:#567f80;margin:7px 0 12px}
.social-feed{display:grid;gap:7px}
.social-item{display:grid;grid-template-columns:37px minmax(0,1fr);align-items:start;gap:10px;border:1px solid #d8eae6;border-radius:9px;background:#fff;padding:10px}
.social-avatar{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;flex:none;background:linear-gradient(145deg,#9fd6ce,#4caaa1);overflow:hidden;color:#124b4b;font-weight:850;font-size:16px}
.social-avatar-reddit{background:linear-gradient(145deg,#ffe8c6,#fcb483);color:#9e3c1d}
.social-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.social-meta{gap:4px 7px;font-size:9.5px}
.social-meta .network{color:#0d7a80;font-size:9px}
.social-meta time{font-size:9px}
.social-author{max-width:190px}
.social-text{font-size:11.5px;line-height:1.43;font-weight:550;margin-top:4px;-webkit-line-clamp:3}
.social-explore-caption{margin:12px 0 6px;color:#547d7e}
.social-platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.social-platforms a,.social-platforms a:last-child{grid-column:auto;border-radius:7px;display:flex;flex-direction:column;gap:5px;padding:6px 4px;text-align:center;justify-content:center;min-height:57px}
.social-platforms a>span:nth-child(2){font-size:9.5px;line-height:1.2}
.social-platforms a small,.social-platforms a>span:last-child{display:none}
.platform-symbol{height:23px;width:23px;border-radius:50%;margin:0 auto}
.social-caveat{margin-top:9px;font-size:9.2px}
.coverage{border-top:2px solid #cfddd5;padding-top:20px}
.coverage-head h2{font-size:22px}
.topic-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.topic-cell,.topic-cell:first-child,.topic-cell:last-child{border:1px solid #e7dfcd;border-radius:11px;padding:14px;background:#fff9e9}
.topic-cell:nth-child(2){background:#e9f6f2;border-color:#cce4db}
.topic-cell:nth-child(3){background:#f2eef9;border-color:#dfd8eb}
.topic-top strong{font-size:11px;color:#6f5933}
.topic-cell:nth-child(2) .topic-top strong{color:#147874}
.topic-cell:nth-child(3) .topic-top strong{color:#7963a1}
.topic-story{font-size:12.5px}
.bottom-ribbon{background:#183e43;color:#f2f6ef;border:0;border-radius:11px;padding:19px;margin-top:18px}
.bottom-ribbon strong{color:#fff;font-size:17px}
.ribbon-label{color:#f8ce83}
.bottom-ribbon>div>span:last-child{color:#bbd1cd}
.bottom-ribbon>a{display:inline-block;border-radius:100px;background:#f5ca78;color:#25484c;padding:10px 15px}
.footer{background:#14353a}
@media(max-width:1060px){
 .header .wrap{flex-direction:column;align-items:stretch;gap:4px;padding-top:11px;padding-bottom:7px}
 .header nav{width:100%;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
 .header nav a{scroll-snap-align:start;flex:none}
 .social-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
 .social-platforms a:last-child{grid-column:auto}
}
@media(max-width:780px){
 .top .wrap{padding:5px 16px}
 .top-inner{font-size:8px}
 .header .wrap{padding-top:9px;padding-bottom:8px;gap:9px}
 .brandname{font-size:22px}
 .bars{transform:scale(.72);transform-origin:left center;width:24px;margin-right:2px}
 .brand .subtitle{font-size:8.5px;margin-top:2px;letter-spacing:.08em}
 .header nav{gap:6px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:42px;padding:0 0 2px;max-width:100%}
 .header nav::-webkit-scrollbar{display:none}
 .header nav a{font-size:11px;padding:10px 11px;background:#f0f3ee;color:#314e50;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
 .header nav a.selected{background:#d8efe5}
 .header nav a.nav-calc{background:#167a7d;color:#fff}
 .daily-intro{margin:0 -16px;border:0;border-radius:0;padding:14px 16px 18px}
 .daily-intro::after{width:120px;height:120px;border-width:22px;right:-48px;top:-44px}
 .edition-line{font-size:9px}
 .edition-line>a{display:none}
 .front-heading{display:flex;flex-direction:column;gap:11px;align-items:stretch;padding:10px 0 0}
 .micro-label{font-size:8px}
 .front-heading h1{font-size:clamp(31px,8.8vw,41px);letter-spacing:-1.45px;margin:5px 0 7px}
 .front-heading .intro-head p{font-size:12px;line-height:1.35}
 .daily-brief{padding:11px 13px;border-radius:8px}
 .daily-brief p{font-size:11.5px;line-height:1.43;margin:7px 0 5px}
 .brief-caption{font-size:9px;line-height:1.35;display:block}
 .brief-top{font-size:9px}
 .brief-live{font-size:8px}
 .desk-layout{display:flex;flex-direction:column;gap:16px;padding:14px 0 16px}
 .lead-desk{width:100%;padding:0}
 .social-panel{border:1px solid #cfe2db;padding:14px;width:100%;border-radius:10px}
 .desk-heading h2,.social-heading h2{font-size:21px}
 .headline-list{margin-top:9px}
 .headline-row{grid-template-columns:19px minmax(0,1fr) 17px;padding:10px 0 9px;gap:7px}
 .headline-row:nth-child(n+3){display:none}
 .headline-row h3,.headline-row:first-child h3{font-size:13px;line-height:1.33;font-family:system-ui,sans-serif}
 .headline-meta{font-size:8.5px;gap:5px}
 .desk-notice{display:none}
 .mobile-more-news{display:block;margin-top:10px;padding:8px 11px;border-radius:6px;background:#e3f3ec;color:#137d78;font-size:11px;font-weight:800;text-align:center}
 .social-deck{margin:6px 0 9px;font-size:11px}
 .social-item{padding:8px;gap:8px;grid-template-columns:32px minmax(0,1fr)}
 .social-avatar{height:32px;width:32px;font-size:14px}
 .social-text{font-size:11px;line-height:1.4;-webkit-line-clamp:2}
 .social-meta time{margin-left:0}
 .social-platforms{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:2px}
 .social-platforms::-webkit-scrollbar{display:none}
 .social-platforms a,.social-platforms a:last-child{flex:0 0 84px;scroll-snap-align:start;min-height:49px;flex-direction:row;gap:5px;padding:8px 5px}
 .social-platforms a>span:nth-child(2){font-size:10px}
 .platform-symbol{width:19px;height:19px;font-size:9px;margin:0}
 .social-caveat{font-size:9px;padding-top:7px}
 .coverage{padding-top:16px}
 .coverage-head h2{font-size:20px}
 .coverage-head>span{display:none}
 .topic-grid{grid-template-columns:1fr;gap:8px}
 .topic-cell,.topic-cell:first-child,.topic-cell:last-child{border:1px solid #e4dfd4;border-radius:9px;padding:11px 13px}
 .topic-story{font-size:11.5px;-webkit-line-clamp:2}
 .topic-top{margin-bottom:5px}
 .bottom-ribbon{flex-direction:column;align-items:flex-start;gap:9px;padding:14px}
 .bottom-ribbon strong{font-size:15px}
 .bottom-ribbon>a{font-size:11px;padding:8px 12px}
}
@media(max-width:375px){
 .header nav a{font-size:10.5px;padding:9px 10px}
 .brief-live{font-size:7.5px}
 .front-heading h1{font-size:32px}
 .headline-meta span:nth-child(2){max-width:120px}
 .social-meta .social-author{max-width:105px}
}

/* v0.8.1: real platform vector marks, served locally. */
.brand-mark{display:inline-block;flex:none;width:25px;height:25px;background:#1479b8;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.brand-bluesky{background:#1185fe;mask-image:url('/assets/brands/bluesky.svg');-webkit-mask-image:url('/assets/brands/bluesky.svg')}
.brand-reddit{background:#ff4500;mask-image:url('/assets/brands/reddit.svg');-webkit-mask-image:url('/assets/brands/reddit.svg')}
.brand-tiktok{background:#171717;mask-image:url('/assets/brands/tiktok.svg');-webkit-mask-image:url('/assets/brands/tiktok.svg')}
.brand-instagram{background:linear-gradient(45deg,#feda75,#d62976,#962fbf);mask-image:url('/assets/brands/instagram.svg');-webkit-mask-image:url('/assets/brands/instagram.svg')}
.brand-x{background:#111b21;mask-image:url('/assets/brands/x.svg');-webkit-mask-image:url('/assets/brands/x.svg')}
.social-platforms .brand-mark{width:24px;height:24px;margin:auto}
@media(max-width:480px){.social-platforms .brand-mark{width:20px;height:20px}}