:root{--paper:#eee9dc;--ink:#171719;--red:#ef4c44;--yellow:#f4d13f;--blue:#4d75d8}*{box-sizing:border-box}html{background:#0c0d10;color:var(--paper);font:16px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}body{margin:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px),#0c0d10;background-size:24px 24px}header,main,aside,footer{width:min(960px,calc(100% - 2rem));margin:auto}header{padding:3rem 0 2rem}.back{color:var(--yellow)}.eyebrow{margin:2rem 0 .4rem;color:var(--red);font-weight:900;letter-spacing:.15em}h1{margin:0;font:900 clamp(3.4rem,10vw,7.2rem)/.85 system-ui;letter-spacing:-.07em;text-transform:uppercase;text-shadow:5px 5px #333}.lede{max-width:760px;color:#bbb}main{display:grid;gap:1.2rem}.network{display:grid;grid-template-columns:100px 1fr auto;gap:1.2rem;align-items:center;padding:1.3rem;border:1px solid #494b52;background:#17181d;color:var(--paper);text-decoration:none;box-shadow:9px 9px #050506;transition:.15s}.network:hover{transform:translate(-2px,-2px);box-shadow:12px 12px #050506}.network span{font-size:.73rem;font-weight:900;letter-spacing:.16em}.network h2{margin:.1rem 0;font:900 clamp(1.6rem,5vw,2.7rem)/1 system-ui;text-transform:uppercase}.network p{margin:.5rem 0;color:#aaa}.network>b{color:var(--yellow);white-space:nowrap}.icon{display:grid;place-items:center;width:88px;height:88px;background:#3b5998;color:white;font:bold 70px/1 Arial}.instagram{border-left:7px solid #b58a5a}.instagram .icon{position:relative;border:8px solid #684e3c;border-radius:18px;background:#d5c39f}.instagram .camera:before{content:"";width:38px;height:38px;border:6px solid #eee0c8;border-radius:50%;background:#283d49;box-shadow:0 0 0 4px #3b312a}.instagram .camera i{position:absolute;right:8px;top:7px;width:15px;height:12px;background:#a8cc87}.twitter{border-left:7px solid #55acee}.twitter .icon{border-radius:50%;background:#55acee;font-size:35px;transform:rotate(-12deg)}.facebook{border-left:7px solid #3b5998}aside{margin-top:2rem;padding:1.2rem;border-left:5px solid var(--yellow);background:#17181d}aside h2{margin-top:0}aside p{color:#aaa}footer{padding:3rem 0;color:#777;font-size:.78rem}@media(max-width:700px){.network{grid-template-columns:70px 1fr}.icon{width:64px;height:64px;font-size:50px}.network>b{grid-column:2}.network p{font-size:.85rem}}