{"id":13,"date":"2026-03-09T23:19:57","date_gmt":"2026-03-09T23:19:57","guid":{"rendered":"https:\/\/cordandco.com\/?page_id=13"},"modified":"2026-03-10T18:52:01","modified_gmt":"2026-03-10T18:52:01","slug":"home","status":"publish","type":"page","link":"https:\/\/cordandco.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nDanielle Cordero \u2014 Cord & Co<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Unbounded:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --cream: #F4EFE4;\n --cream2: #EDE5D2;\n --orange: #E05C2A;\n --orange2: #F07848;\n --green: #1C3D2E;\n --green2: #2A5C42;\n --ink: #1A1410;\n --muted: #7A6E5F;\n --tan: #C8B89A;\n --alive: #4DBD74;\n --sand: #D4C4A0;\n}\n*{margin:0;padding:0;box-sizing:border-box;}\n\/* WordPress breakout *\/\nhtml,body{width:100%!important;max-width:100%!important;overflow-x:hidden;}\n.site-content,.entry-content,.wp-block-group,.wp-block-column,article,main,#main,#content,#primary,.container,.site-main{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;}\nhtml{scroll-behavior:smooth;}\nbody{\n font-family:'Space Mono',monospace;\n background:var(--cream);\n color:var(--ink);\n overflow-x:hidden;\n cursor:none;\n}\n\n\/* GRAIN *\/\nbody::after{\n content:'';position:fixed;inset:0;pointer-events:none;z-index:999;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n opacity:.55;\n}\n\n\/* CURSOR *\/\n#cd,#cr{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}\n#cd{width:8px;height:8px;background:var(--orange);}\n#cr{width:32px;height:32px;border:1.5px solid var(--orange);opacity:.6;transition:width .15s,height .15s;}\n#cr.big{width:52px;height:52px;border-color:var(--green);}\n\n\/* NAV *\/\nnav{\n position:fixed;top:0;left:0;right:0;z-index:600;\n display:flex;justify-content:space-between;align-items:center;\n padding:.9rem 3rem;\n background:var(--cream);\n border-bottom:2px solid var(--ink);\n}\n.nav-logo{\n font-family:'Unbounded',sans-serif;\n font-size:.85rem;font-weight:900;\n letter-spacing:.04em;text-decoration:none;color:var(--ink);\n}\n.nav-logo b{color:var(--orange);}\n.nav-links{display:flex;gap:2rem;list-style:none;}\n.nav-links a{\n font-size:.6rem;font-weight:700;letter-spacing:.18em;\n text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;\n}\n.nav-links a:hover{color:var(--orange);}\n.nav-live{\n display:flex;align-items:center;gap:.55rem;\n font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n color:var(--alive);\n}\n.dot-live{\n width:8px;height:8px;background:var(--alive);\n border-radius:50%;position:relative;\n}\n.dot-live::before{\n content:'';position:absolute;inset:-4px;border-radius:50%;\n background:var(--alive);opacity:.35;\n animation:rp 2s ease-out infinite;\n}\n@keyframes rp{0%{transform:scale(1);opacity:.35;}100%{transform:scale(3);opacity:0;}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 WORK-poster energy\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n min-height:100vh;\n padding-top:4rem;\n background:var(--cream);\n position:relative;overflow:hidden;\n display:flex;flex-direction:column;\n}\n\/* giant background word *\/\n.hero-bg-word{\n position:absolute;\n bottom:-2rem;left:50%;transform:translateX(-50%);\n font-family:'Unbounded',sans-serif;\n font-size:clamp(14rem,28vw,26rem);\n font-weight:900;line-height:1;\n color:rgba(26,20,16,.04);\n white-space:nowrap;pointer-events:none;user-select:none;\n letter-spacing:-.04em;\n}\n.hero-meta-row{\n display:flex;justify-content:space-between;align-items:center;\n padding:1.5rem 3rem .5rem;\n font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);\n border-bottom:1px solid var(--tan);\n position:relative;z-index:2;\n}\n.hero-meta-row span{display:flex;align-items:center;gap:.5rem;}\n.cross{font-size:.9rem;color:var(--tan);}\n\n.hero-main{\n flex:1;\n display:flex;flex-direction:column;justify-content:flex-end;\n position:relative;z-index:2;\n padding:3rem 3rem 0;\n}\n.hero-left{\n padding:0 0 2.5rem;\n display:flex;flex-direction:column;\n position:relative;\n max-width:900px;\n}\n\/* hero statement \u2014 the BIG type *\/\nh1.hero-statement{\n font-family:'Unbounded',sans-serif;\n font-size:clamp(3.2rem,7.5vw,8rem);\n font-weight:900;line-height:.9;\n color:var(--ink);letter-spacing:-.03em;\n margin-bottom:2rem;\n}\nh1.hero-statement .s-line{display:block;}\nh1.hero-statement .orange{color:var(--orange);}\nh1.hero-statement .italic-serif{\n font-family:'Libre Baskerville',serif;\n font-style:italic;font-weight:700;\n font-size:.88em;letter-spacing:0;\n}\n.hero-byline{\n display:flex;align-items:center;gap:1rem;\n margin-bottom:1.75rem;\n}\n.hero-byline-name{\n font-family:'Space Mono',monospace;\n font-size:.62rem;font-weight:700;letter-spacing:.18em;\n text-transform:uppercase;color:var(--muted);\n}\n.hero-byline-sep{color:var(--tan);font-size:.9rem;}\n.hero-byline-co{\n font-family:'Space Mono',monospace;\n font-size:.62rem;font-weight:700;letter-spacing:.18em;\n text-transform:uppercase;color:var(--orange);\n}\n\n.hero-bottom-row{\n display:flex;align-items:center;gap:2rem;\n flex-wrap:wrap;margin-top:.5rem;\n}\n.hero-role-bar{\n display:flex;align-items:center;gap:.75rem;\n flex-wrap:wrap;\n}\n.role-pill{\n padding:.3rem .85rem;\n border:1.5px solid var(--ink);\n font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n transition:all .22s;cursor:default;\n}\n.role-pill:hover{background:var(--orange);border-color:var(--orange);color:#fff;}\n.role-pill.filled{background:var(--green);border-color:var(--green);color:var(--cream);}\n\n\/* drifting lede strip \u2014 sits between headline and byline *\/\n.hero-lede-strip{\n overflow:hidden;\n border-top:1px solid var(--tan);\n border-bottom:1px solid var(--tan);\n padding:.65rem 0;\n margin:1.4rem 0 1.4rem;\n position:relative;\n}\n.hero-lede-strip::before,\n.hero-lede-strip::after{\n content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;\n}\n.hero-lede-strip::before{left:0;background:linear-gradient(90deg,var(--cream),transparent);}\n.hero-lede-strip::after{right:0;background:linear-gradient(-90deg,var(--cream),transparent);}\n.hero-lede-track{\n display:flex;width:max-content;\n animation:lede-drift 35s linear infinite;\n}\n.hero-lede-track:hover{animation-play-state:paused;}\n.hero-lede-item{\n font-family:'Libre Baskerville',serif;\n font-size:1rem;font-style:italic;\n color:var(--ink);white-space:nowrap;\n padding:0 3rem;\n display:flex;align-items:center;gap:1.5rem;\n}\n.hero-lede-item .lede-sep{\n color:var(--orange);font-style:normal;\n font-family:'Space Mono',monospace;font-size:.75rem;\n}\n@keyframes lede-drift{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n.hero-btns{display:flex;gap:1rem;flex-shrink:0;}\n.btn-fill{\n display:inline-flex;align-items:center;gap:.6rem;\n background:var(--orange);color:#fff;\n padding:.8rem 1.75rem;\n font-family:'Space Mono',monospace;\n font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n text-decoration:none;transition:all .25s;\n}\n.btn-fill:hover{background:var(--green);transform:translateY(-3px);}\n.btn-ghost{\n display:inline-flex;align-items:center;gap:.6rem;\n border:2px solid var(--ink);color:var(--ink);\n padding:.8rem 1.75rem;\n font-family:'Space Mono',monospace;\n font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n text-decoration:none;transition:all .25s;\n}\n.btn-ghost:hover{background:var(--ink);color:var(--cream);}\n\n\/* GREEN BOTTOM BAR \u2014 replaces the panel *\/\n.hero-right{\n background:var(--green);\n display:flex;align-items:center;justify-content:space-between;\n padding:1.5rem 3rem;\n gap:3rem;\n position:relative;overflow:hidden;\n border-top:2px solid var(--ink);\n flex-wrap:wrap;\n}\n.hero-right-deco{display:none;}\n.hero-right-deco2{display:none;}\n.hero-issue-num{display:none;}\n.hero-shapes{display:none;}\n.hero-right-top{display:flex;align-items:center;gap:1.5rem;flex:1;}\n.hero-right-label{\n font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n color:rgba(244,239,228,.35);white-space:nowrap;flex-shrink:0;\n}\n.hero-quote{\n font-family:'Libre Baskerville',serif;\n font-size:.82rem;font-style:italic;line-height:1.4;\n color:rgba(244,239,228,.75);\n}\n.hero-quote-attr{display:none;}\n.hero-right-bottom{flex-shrink:0;}\n.stat-row{display:flex;gap:2.5rem;}\n.stat-item{\n display:flex;flex-direction:column;align-items:flex-end;\n border-top:none;padding-top:0;\n}\n.stat-n{\n font-family:'Unbounded',sans-serif;\n font-size:1.4rem;font-weight:900;color:var(--orange2);line-height:1;\n}\n.stat-l{font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,228,.35);margin-top:.2rem;}\n.hero-right-top{position:relative;z-index:2;}\n.hero-right-label{\n font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n color:rgba(244,239,228,.4);margin-bottom:1.5rem;\n}\n.hero-quote{\n font-family:'Libre Baskerville',serif;\n font-size:1.4rem;font-style:italic;line-height:1.45;\n color:var(--cream);margin-bottom:1rem;\n}\n.hero-quote-attr{\n font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;\n color:rgba(212,196,160,.5);\n}\n.hero-right-bottom{position:relative;z-index:2;}\n.stat-row{display:flex;flex-direction:column;gap:.6rem;}\n.stat-item{\n display:flex;justify-content:space-between;align-items:baseline;\n border-top:1px solid rgba(244,239,228,.1);padding-top:.6rem;\n}\n.stat-n{\n font-family:'Unbounded',sans-serif;\n font-size:1.8rem;font-weight:900;color:var(--orange2);\n}\n.stat-l{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,228,.45);}\n\n\/* TICKER *\/\n.ticker{\n background:var(--orange);\n border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);\n overflow:hidden;padding:.7rem 0;\n}\n.ticker-t{display:flex;animation:tck 30s linear infinite;width:max-content;}\n.ti{\n font-family:'Space Mono',monospace;\n font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n color:var(--ink);padding:0 2rem;white-space:nowrap;\n display:flex;align-items:center;gap:.75rem;\n}\n.ti-dot{color:var(--cream);font-size:.9rem;}\n@keyframes tck{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-wrap{\n display:grid;grid-template-columns:1fr 1fr;\n background:var(--cream2);\n}\n.about-left{\n padding:6rem 4rem 6rem 5rem;\n border-right:1px solid var(--tan);\n}\n.sec-tag{\n display:flex;align-items:center;gap:.75rem;\n font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;\n color:var(--muted);margin-bottom:1.5rem;\n}\n.sec-tag::before{content:'\/\/';color:var(--orange);}\nh2.sec-h{\n font-family:'Unbounded',sans-serif;\n font-size:clamp(2rem,4vw,3.5rem);\n font-weight:900;line-height:.95;\n letter-spacing:-.02em;margin-bottom:2rem;\n}\nh2.sec-h .orange{color:var(--orange);}\nh2.sec-h .italic{font-family:'Libre Baskerville',serif;font-weight:700;font-style:italic;letter-spacing:0;}\n.bc{font-family:'Libre Baskerville',serif;font-size:.95rem;line-height:1.9;color:var(--ink);}\n.bc p+p{margin-top:1rem;}\n\n.pull-q{\n border-left:3px solid var(--orange);\n padding:1rem 1.5rem;\n margin:1.75rem 0;\n background:rgba(224,92,42,.05);\n}\n.pull-q p{\n font-family:'Libre Baskerville',serif;\n font-size:1.15rem;font-style:italic;line-height:1.5;\n color:var(--ink);\n}\n\n.about-right{\n background:var(--green);\n padding:6rem 4rem;\n position:relative;overflow:hidden;\n}\n.about-right-deco{\n position:absolute;bottom:-80px;right:-80px;\n width:300px;height:300px;border-radius:50%;\n border:1px solid rgba(244,239,228,.06);\n}\n.vals{list-style:none;margin-top:2rem;}\n.val-item{\n padding:1.25rem 0;\n border-bottom:1px solid rgba(244,239,228,.1);\n display:flex;gap:1.25rem;\n}\n.val-item:last-child{border-bottom:none;}\n.v-num{\n font-family:'Unbounded',sans-serif;\n font-size:.75rem;font-weight:900;color:var(--orange2);\n flex-shrink:0;width:28px;padding-top:.1rem;\n}\n.v-title{\n font-family:'Space Mono',monospace;\n font-size:.72rem;font-weight:700;letter-spacing:.06em;\n text-transform:uppercase;color:var(--cream);margin-bottom:.3rem;\n}\n.v-body{font-size:.78rem;line-height:1.65;color:rgba(244,239,228,.5);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HGID FEATURE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hgid-wrap{background:var(--ink);}\n.hgid-inner{\n display:grid;grid-template-columns:1.2fr 1fr;\n min-height:70vh;\n}\n.hgid-left{\n background:#6B2A10;\n padding:5rem 4rem;\n position:relative;overflow:hidden;\n}\n.feature-type{\n font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n color:rgba(244,239,228,.9);margin-bottom:1.75rem;\n background:rgba(255,255,255,.12);\n display:inline-block;padding:.32rem .85rem;\n}\n.hgid-geo{\n position:absolute;top:-100px;right:-100px;\n width:400px;height:400px;border-radius:50%;\n background:rgba(26,20,16,.1);\n}\n.hgid-geo2{\n position:absolute;bottom:2rem;left:2rem;\n width:100px;height:100px;border-radius:50%;\n border:2px solid rgba(244,239,228,.2);\n}\n.feature-label{\n font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;\n color:rgba(244,239,228,.65);margin-bottom:1.5rem;\n display:flex;align-items:center;gap:.75rem;\n}\n.feature-label::before{content:'\u2605';font-size:.7rem;}\n.hgid-title{\n font-family:'Unbounded',sans-serif;\n font-size:clamp(3.5rem,7vw,7.5rem);\n font-weight:900;line-height:.88;\n color:var(--cream);letter-spacing:-.03em;\n margin-bottom:1.5rem;position:relative;z-index:2;\n}\n.hgid-url{\n font-family:'Space Mono',monospace;\n font-size:.72rem;font-weight:700;letter-spacing:.08em;\n color:rgba(244,239,228,.75);margin-bottom:2rem;\n text-decoration:none;border-bottom:1px solid rgba(244,239,228,.3);\n display:inline-block;padding-bottom:.2rem;\n position:relative;z-index:2;\n}\n.hgid-desc{\n font-family:'Libre Baskerville',serif;\n font-size:.92rem;line-height:1.82;\n color:rgba(244,239,228,.88);max-width:420px;\n margin-bottom:2rem;position:relative;z-index:2;\n}\n.htags{display:flex;flex-wrap:wrap;gap:.45rem;position:relative;z-index:2;}\n.ht{\n font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n padding:.28rem .75rem;border:1px solid rgba(244,239,228,.4);\n color:var(--cream);background:rgba(244,239,228,.08);\n}\n\n.hgid-right{\n background:rgba(255,255,255,.02);\n border-left:1px solid rgba(244,239,228,.06);\n padding:5rem 3.5rem;\n display:flex;flex-direction:column;justify-content:center;\n}\n.hgid-sk-head{\n font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n color:var(--orange2);margin-bottom:2rem;\n}\n.hsk{\n padding:1rem 0;border-bottom:1px solid rgba(244,239,228,.07);\n display:flex;gap:1.1rem;\n}\n.hsk:last-child{border-bottom:none;}\n.hsk-n{\n font-family:'Unbounded',sans-serif;\n font-size:.7rem;font-weight:900;color:var(--orange2);\n width:22px;flex-shrink:0;padding-top:.1rem;\n}\n.hsk-title{\n font-family:'Space Mono',monospace;\n font-size:.7rem;font-weight:700;letter-spacing:.06em;\n text-transform:uppercase;color:var(--cream);margin-bottom:.25rem;\n}\n.hsk-desc{font-size:.76rem;line-height:1.65;color:rgba(244,239,228,.45);}\n\n\/* project mini grid *\/\n.proj-mini{\n background:var(--ink);\n display:grid;grid-template-columns:repeat(3,1fr);\n gap:1px;\n border-top:1px solid rgba(244,239,228,.06);\n}\n.pm-card{\n background:rgba(255,255,255,.02);\n padding:3rem 2.5rem;\n transition:background .3s;\n position:relative;overflow:hidden;\n}\n.pm-card::before{\n content:'';position:absolute;\n left:0;top:0;bottom:0;width:3px;\n transform:scaleY(0);transform-origin:top;transition:transform .3s;\n}\n.pm-card.c1::before{background:var(--green2);}\n.pm-card.c2::before{background:var(--orange);}\n.pm-card.c3::before{background:var(--sand);}\n.pm-card:hover{background:rgba(255,255,255,.05);}\n.pm-card:hover::before{transform:scaleY(1);}\n.pm-cat{\n font-size:.56rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n color:var(--orange2);margin-bottom:.8rem;\n}\n.pm-name{\n font-family:'Libre Baskerville',serif;\n font-size:1.25rem;font-weight:700;font-style:italic;\n color:var(--cream);margin-bottom:.7rem;line-height:1.2;\n}\n.pm-desc{font-size:.78rem;line-height:1.7;color:rgba(244,239,228,.45);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SKILLS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.skills-wrap{\n background:var(--cream);\n padding:6rem 5rem;\n}\n.skills-inner{max-width:1300px;margin:0 auto;}\n.skills-top{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;margin-bottom:4rem;align-items:end;\n}\n.skills-intro{font-family:'Libre Baskerville',serif;font-size:.9rem;line-height:1.85;color:var(--muted);}\n.skill-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}\n.sk-col-head{\n font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n color:var(--orange);margin-bottom:.9rem;\n padding-bottom:.5rem;border-bottom:2px solid var(--orange);\n}\n.sk-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;}\n.sk-list li{\n font-size:.75rem;padding:.4rem .7rem;\n background:var(--cream2);color:var(--ink);\n transition:all .2s;cursor:default;border-left:2px solid transparent;\n}\n.sk-list li:hover{\n background:var(--green);color:var(--cream);\n border-left-color:var(--orange);transform:translateX(4px);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EXPERIENCE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.exp-wrap{\n background:var(--cream2);\n padding:6rem 5rem;\n}\n.exp-inner{max-width:1300px;margin:0 auto;}\n.exp-top{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;margin-bottom:4rem;align-items:end;\n}\n.exp-intro{font-family:'Libre Baskerville',serif;font-size:.9rem;line-height:1.85;color:var(--muted);}\n.exp-lines{display:flex;flex-direction:column;}\n.exp-line{\n display:grid;grid-template-columns:160px 1fr;\n border-bottom:1px solid var(--tan);\n transition:background .22s;\n}\n.exp-line:first-child{border-top:1px solid var(--tan);}\n.exp-line:hover{background:var(--cream);}\n.exp-yr{\n padding:2rem 2rem 2rem 0;\n border-right:1px solid var(--tan);\n display:flex;flex-direction:column;gap:.3rem;\n}\n.exp-yr-dates{\n font-size:.6rem;font-weight:700;letter-spacing:.1em;\n text-transform:uppercase;color:var(--orange);\n}\n.exp-yr-co{font-size:.58rem;color:var(--muted);margin-top:.15rem;}\n.exp-body{padding:2rem 0 2rem 2rem;}\n.exp-role{\n font-family:'Unbounded',sans-serif;\n font-size:.85rem;font-weight:900;\n text-transform:uppercase;letter-spacing:.02em;\n color:var(--ink);margin-bottom:.85rem;\n}\n.exp-pts{list-style:none;display:flex;flex-direction:column;gap:.4rem;}\n.exp-pts li{\n font-family:'Libre Baskerville',serif;\n font-size:.82rem;line-height:1.7;color:var(--muted);\n padding-left:1.2rem;position:relative;\n}\n.exp-pts li::before{\n content:'\u2192';position:absolute;left:0;\n color:var(--orange);font-size:.7rem;\n font-family:'Space Mono',monospace;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PERSONAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.personal-wrap{\n background:var(--green);\n padding:6rem 5rem;\n position:relative;overflow:hidden;\n}\n.p-geo{\n position:absolute;top:-100px;right:-100px;\n width:400px;height:400px;border-radius:50%;\n border:1px solid rgba(244,239,228,.05);\n}\n.p-geo2{\n position:absolute;bottom:-60px;left:-60px;\n width:250px;height:250px;border-radius:50%;\n background:rgba(212,196,160,.03);\n}\n.p-inner{max-width:1300px;margin:0 auto;position:relative;z-index:2;}\n.p-top{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:4rem;align-items:end;}\n.p-body{\n font-family:'Libre Baskerville',serif;\n font-size:.95rem;line-height:1.9;\n color:rgba(244,239,228,.7);\n}\n.p-body strong{color:var(--cream);}\n.p-grid{\n display:grid;grid-template-columns:repeat(3,1fr);\n gap:1px;background:rgba(244,239,228,.07);\n}\n.p-card{\n background:var(--green);padding:2.5rem 2rem;transition:background .3s;\n}\n.p-card:hover{background:rgba(224,92,42,.15);}\n.p-em{font-size:2rem;margin-bottom:.85rem;display:block;}\n.p-title{\n font-family:'Space Mono',monospace;\n font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\n color:var(--cream);margin-bottom:.5rem;\n}\n.p-desc{font-size:.78rem;line-height:1.65;color:rgba(244,239,228,.5);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.contact-wrap{\n background:var(--cream);\n padding:6rem 5rem;\n position:relative;\n}\n.c-inner{max-width:1300px;margin:0 auto;}\n.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}\n.c-email{\n display:block;\n font-family:'Unbounded',sans-serif;\n font-size:clamp(.95rem,1.8vw,1.5rem);\n font-weight:900;color:var(--ink);\n text-decoration:none;\n border-bottom:3px solid var(--orange);\n padding-bottom:.3rem;margin-top:1.5rem;\n transition:all .25s;word-break:break-all;\n width:fit-content;letter-spacing:-.01em;\n}\n.c-email:hover{color:var(--orange);}\n.c-meta{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;}\n.c-row{display:flex;gap:1.25rem;align-items:baseline;}\n.c-lbl{\n font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n color:var(--orange);min-width:70px;flex-shrink:0;\n}\n.c-val{font-family:'Libre Baskerville',serif;font-size:.88rem;color:var(--muted);}\n.c-val a{color:var(--green2);text-decoration:none;border-bottom:1px solid var(--green2);}\n\n.c-box{\n background:var(--green);padding:3rem;\n position:relative;\n}\n.c-box::after{\n content:'';position:absolute;\n top:8px;left:8px;right:-8px;bottom:-8px;\n border:2px solid var(--orange);z-index:-1;\n}\n.c-avail{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem;}\n.c-avail-dot{\n width:14px;height:14px;background:var(--alive);\n border-radius:50%;position:relative;\n}\n.c-avail-dot::before{\n content:'';position:absolute;inset:-5px;border-radius:50%;\n background:var(--alive);opacity:.3;animation:rp 2s ease-out infinite;\n}\n.c-avail-text{\n font-size:.6rem;font-weight:700;letter-spacing:.15em;\n text-transform:uppercase;color:var(--alive);\n}\n.c-box-h{\n font-family:'Libre Baskerville',serif;\n font-size:1.65rem;font-style:italic;font-weight:700;\n color:var(--cream);line-height:1.25;margin-bottom:1.1rem;\n}\n.c-box-p{font-size:.8rem;line-height:1.78;color:rgba(244,239,228,.55);margin-bottom:1.75rem;}\n.c-box-cta{\n display:inline-flex;align-items:center;gap:.6rem;\n background:var(--orange);color:#fff;\n padding:.8rem 1.75rem;\n font-family:'Space Mono',monospace;\n font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n text-decoration:none;transition:all .25s;\n}\n.c-box-cta:hover{background:var(--cream);color:var(--ink);transform:translateX(4px);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DIVIDERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stripe{\n height:18px;\n background:repeating-linear-gradient(90deg,\n var(--orange) 0,var(--orange) 50px,\n var(--green) 50px,var(--green) 100px,\n var(--ink) 100px,var(--ink) 150px,\n var(--cream2) 150px,var(--cream2) 200px\n );\n border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter{background:var(--ink);padding:4rem 5rem;}\n.f-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4rem;margin-bottom:3rem;}\n.f-brand{\n font-family:'Unbounded',sans-serif;\n font-size:1.1rem;font-weight:900;color:var(--cream);margin-bottom:.65rem;\n}\n.f-brand b{color:var(--orange);}\n.f-tag{font-size:.75rem;line-height:1.7;color:rgba(244,239,228,.35);font-family:'Libre Baskerville',serif;}\n.f-col-h{\n font-size:.56rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;\n color:var(--orange2);margin-bottom:.85rem;\n}\n.f-col-p{font-size:.72rem;line-height:1.82;color:rgba(244,239,228,.3);}\n.f-bot{\n padding-top:2rem;border-top:1px solid rgba(244,239,228,.07);\n display:flex;justify-content:space-between;\n font-size:.62rem;color:rgba(244,239,228,.2);letter-spacing:.07em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.services-wrap{\n background:var(--ink);\n padding:6rem 5rem;\n position:relative;\n overflow:hidden;\n}\n.services-inner{max-width:1300px;margin:0 auto;}\n.services-top{\n display:grid;\n grid-template-columns:1.2fr 1fr;\n gap:4rem;\n align-items:end;\n margin-bottom:3.5rem;\n}\n.services-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:1.5px;\n background:rgba(244,239,228,.07);\n border:1.5px solid rgba(244,239,228,.07);\n}\n.svc-card{\n background:var(--ink);\n padding:2.75rem;\n position:relative;\n transition:background .3s;\n}\n.svc-card:hover{background:rgba(28,61,46,.45);}\n.svc-num{\n font-family:'Space Mono',monospace;\n font-size:.52rem;font-weight:700;letter-spacing:.22em;\n color:var(--orange);margin-bottom:1.1rem;text-transform:uppercase;\n}\n.svc-title{\n font-family:'Unbounded',sans-serif;\n font-size:.95rem;font-weight:700;\n color:var(--cream);margin-bottom:.85rem;line-height:1.25;\n}\n.svc-body{\n font-size:.78rem;line-height:1.85;\n color:rgba(244,239,228,.42);\n margin-bottom:1.25rem;\n}\n.svc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;}\n.svc-tag{\n font-size:.5rem;font-weight:700;letter-spacing:.1em;\n text-transform:uppercase;\n padding:.2rem .6rem;\n border:1px solid rgba(244,239,228,.13);\n color:rgba(244,239,228,.35);\n}\n.svc-card.featured{background:var(--green);}\n.svc-card.featured:hover{background:var(--green2);}\n.svc-card.featured .svc-body{color:rgba(244,239,228,.62);}\n.svc-card.featured .svc-tag{border-color:rgba(244,239,228,.22);color:rgba(244,239,228,.55);}\n.svc-price{\n font-size:.6rem;font-weight:700;letter-spacing:.08em;\n color:var(--alive);\n font-family:'Space Mono',monospace;\n padding:.45rem .85rem;\n border:1px solid var(--alive);\n display:inline-block;\n margin-top:.25rem;\n}\n\n\/* REVEALS *\/\n.rv{opacity:0;transform:translateY(32px);transition:opacity .65s,transform .65s;}\n.rvl{opacity:0;transform:translateX(-32px);transition:opacity .65s,transform .65s;}\n.rvr{opacity:0;transform:translateX(32px);transition:opacity .65s,transform .65s;}\n.rv.on,.rvl.on,.rvr.on{opacity:1;transform:translate(0);}\n\n\/* RESPONSIVE *\/\n@media(max-width:960px){\n body,html{cursor:auto;}#cd,#cr{display:none;}\n nav{padding:.9rem 1.5rem;}.nav-links{display:none;}\n .hero-main,.about-wrap,.hgid-inner,.c-grid{grid-template-columns:1fr;}\n .hero-main{padding:1.5rem 1.5rem 0;}\n .hero-left{padding:0 0 2rem;}\n .hero-right{padding:1.25rem 1.5rem;gap:1rem;flex-direction:column;}\n .hero-right-top{display:none;}\n .stat-row{flex-direction:row;gap:2rem;justify-content:flex-start;}\n .hgid-left,.hgid-right{padding:3.5rem 1.5rem;}\n .about-left,.about-right{padding:4rem 1.5rem;}\n .skills-wrap,.exp-wrap,.personal-wrap,.contact-wrap{padding:4.5rem 1.5rem;}\n .services-wrap{padding:4.5rem 1.5rem;}\n .services-top{grid-template-columns:1fr;gap:2rem;}\n .services-grid{grid-template-columns:1fr;}\n .skill-cols{grid-template-columns:1fr 1fr;}\n .p-grid,.proj-mini{grid-template-columns:1fr;}\n .p-top,.skills-top,.exp-top{grid-template-columns:1fr;gap:2rem;}\n .exp-line{grid-template-columns:1fr;}\n .exp-yr{border-right:none;border-bottom:1px solid var(--tan);padding:1.25rem 0;}\n .exp-body{padding:1.25rem 0;}\n .f-top{grid-template-columns:1fr;gap:2.5rem;}\n footer{padding:3rem 1.5rem;}\n .f-bot{flex-direction:column;gap:.5rem;}\n .hero-meta-row{padding:1rem 1.5rem .5rem;}\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"cd\"><\/div><div id=\"cr\"><\/div>\n\n<!-- NAV -->\n<nav id=\"nav\">\n <a class=\"nav-logo\" href=\"#\"><b>CORD<\/b> & CO<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#projects\">Projects<\/a><\/li>\n <li><a href=\"#skills\">Skills<\/a><\/li>\n <li><a href=\"#exp\">Work<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"nav-live\"><div class=\"dot-live\"><\/div> Available Now<\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"hero\">\n <div class=\"hero-bg-word\">LOOK<\/div>\n\n <div class=\"hero-meta-row\">\n <span><span class=\"cross\">+<\/span> Cord & Co LLC \u00b7 San Diego, CA<\/span>\n <span>Issue 001 \u00b7 Recruiting, Copy & Creative Work<\/span>\n <span><span class=\"cross\">+<\/span> Est. 2023<\/span>\n <\/div>\n\n <div class=\"hero-main\">\n <div class=\"hero-left\">\n <h1 class=\"hero-statement\">\n <span class=\"s-line\">I FIND<\/span>\n <span class=\"s-line\">WHAT YOU<\/span>\n <span class=\"s-line\">DIDN’T KNOW<\/span>\n <span class=\"s-line italic-serif orange\">to look for.<\/span>\n <\/h1>\n\n <!-- drifting lede strip -->\n <div class=\"hero-lede-strip\">\n <div class=\"hero-lede-track\">\n <span class=\"hero-lede-item\">Recruiting partner for creative agencies and growing teams.<span class=\"lede-sep\">\u25c6<\/span>Copy, content systems, and digital presence.<span class=\"lede-sep\">\u25c6<\/span>Deliverable-based. San Diego.<\/span>\n <span class=\"hero-lede-item\">Recruiting partner for creative agencies and growing teams.<span class=\"lede-sep\">\u25c6<\/span>Copy, content systems, and digital presence.<span class=\"lede-sep\">\u25c6<\/span>Deliverable-based. San Diego.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-byline\">\n <span class=\"hero-byline-name\">Danielle Cordero<\/span>\n <span class=\"hero-byline-sep\">\/<\/span>\n <span class=\"hero-byline-co\">Cord & Co LLC<\/span>\n <\/div>\n <div class=\"hero-bottom-row\">\n <div class=\"hero-role-bar\">\n <div class=\"role-pill filled\">Recruiting & Talent<\/div>\n <div class=\"role-pill filled\">Copy & Content<\/div>\n <div class=\"role-pill\">Digital Presence<\/div>\n <div class=\"role-pill\">Ops & Systems<\/div>\n <\/div>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-fill\">Work With Me \u2192<\/a>\n <a href=\"#projects\" class=\"btn-ghost\">See the Work<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"hero-right-top\">\n <div class=\"hero-right-label\">\/\/ a principle that stuck<\/div>\n <p class=\"hero-quote\">To be a great salesperson, you have to be a great person first.<\/p>\n <p class=\"hero-quote-attr\" style=\"display:block;margin-top:.5rem;font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(212,196,160,.4);\">from Win the Relationship, Not the Deal \u00b7 Casey Jacox<\/p>\n <\/div>\n <div class=\"hero-right-bottom\">\n <div class=\"stat-row\">\n <div class=\"stat-item\">\n <span class=\"stat-n\">5+<\/span>\n <span class=\"stat-l\">Years<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-n\">2<\/span>\n <span class=\"stat-l\">Built from zero<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TICKER -->\n<div class=\"ticker\">\n <div class=\"ticker-t\">\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Recruiting Strategy<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Copywriting<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Content Strategy<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Brand Voice<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Creative Staffing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> AI Tools & Workflows<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> BD Positioning<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Talent Planning<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Site Design & Build<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Affiliate Marketing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> 1099 Contractor Sourcing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> LinkedIn Content<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Recruiting Strategy<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Copywriting<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Content Strategy<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Brand Voice<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Creative Staffing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> AI Tools & Workflows<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> BD Positioning<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Talent Planning<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Site Design & Build<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> Affiliate Marketing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> 1099 Contractor Sourcing<\/span>\n <span class=\"ti\"><span class=\"ti-dot\">\u25c6<\/span> LinkedIn Content<\/span>\n <\/div>\n<\/div>\n\n<!-- ABOUT -->\n<div id=\"about\" class=\"about-wrap\">\n <div class=\"about-left rvl\">\n <div class=\"sec-tag\">About<\/div>\n <h2 class=\"sec-h\">I find<br>things.<br><span class=\"italic orange\">Then I make them.<\/span><\/h2>\n <div class=\"bc\">\n <p>My background is recruiting, but I’ve never stayed in one lane. I’ve placed engineers, creatives, marketers, sales people, finance and legal professionals, and 1099 contractors. I’ve written campaigns, built brand voices, and launched a content brand from nothing. The work I take on now lives at the intersection of all of it: talent strategy, copy, content systems, digital presence. Most useful to teams that need someone who can think across those things at once.<\/p>\n <\/div>\n <\/div>\n <div class=\"about-right rvr\">\n <div class=\"about-right-deco\"><\/div>\n <div class=\"sec-tag\" style=\"color:rgba(244,239,228,.4);\">\/\/ what I bring<\/div>\n <ul class=\"vals\">\n <li class=\"val-item\">\n <div class=\"v-num\">01<\/div>\n <div>\n <div class=\"v-title\">The Hunter’s Instinct<\/div>\n <div class=\"v-body\">I don’t wait for things to surface. I build the search, work the angles, and go find what’s needed.<\/div>\n <\/div>\n <\/li>\n <li class=\"val-item\">\n <div class=\"v-num\">02<\/div>\n <div>\n <div class=\"v-title\">Strategic Range<\/div>\n <div class=\"v-body\">Positioning, messaging, campaign strategy. I find the right angle and build the work around it.<\/div>\n <\/div>\n <\/li>\n <li class=\"val-item\">\n <div class=\"v-num\">03<\/div>\n <div>\n <div class=\"v-title\">Creative Range<\/div>\n <div class=\"v-body\">Copy, campaigns, web, content systems, brand voice. I built a personal finance content brand from zero: site, copy, distribution, monetization.<\/div>\n <\/div>\n <\/li>\n <li class=\"val-item\">\n <div class=\"v-num\">04<\/div>\n <div>\n <div class=\"v-title\">Proactive Communication<\/div>\n <div class=\"v-body\">Upfront, honest, early. I flag problems before they become yours and deliver what I said I would.<\/div>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n<!-- SERVICES -->\n<div id=\"services\" class=\"services-wrap\">\n <div class=\"services-inner\">\n <div class=\"services-top rv\">\n <div>\n <div class=\"sec-tag\" style=\"color:rgba(244,239,228,.4);\">Services<\/div>\n <h2 class=\"sec-h\" style=\"color:var(--cream);\">What I<br>actually <span class=\"italic\" style=\"color:var(--orange);font-family:'Libre Baskerville',serif;font-style:italic;font-size:inherit\">do.<\/span><\/h2>\n <\/div>\n <p style=\"font-family:'Libre Baskerville',serif;font-size:.92rem;line-height:1.85;color:rgba(244,239,228,.42);\">Four service lanes. All project-based and deliverable-focused. No retainer minimums unless it makes sense for your situation.<\/p>\n <\/div>\n <div class=\"services-grid rv\">\n\n <div class=\"svc-card featured\">\n <div class=\"svc-num\">01 \u2014 Recruiting & Talent<\/div>\n <div class=\"svc-title\">Embedded Recruiting Partner<\/div>\n <p class=\"svc-body\">I step in as part of your team, not a vendor you CC. I learn your brand, your culture, what a bad hire looks like, and I go find the right people. Full-desk recruiting across every vertical: tech, creative, marketing, sales, ops, legal, finance, hospitality, and 1099 contract talent. Started in IT and contract staffing. Expanded from there. I’ve recruited for nearly every function and I can recruit for yours.<br><br>For creative agencies specifically: I understand how creative work gets staffed and how to scope and vet for roles that don’t have clean job descriptions.<\/p>\n <div class=\"svc-tags\">\n <span class=\"svc-tag\">Contingency Recruiting<\/span>\n <span class=\"svc-tag\">Retained Search<\/span>\n <span class=\"svc-tag\">1099 \/ Contract Talent<\/span>\n <span class=\"svc-tag\">Creative Agency Staffing<\/span>\n <span class=\"svc-tag\">Talent Planning<\/span>\n <span class=\"svc-tag\">Role Scoping<\/span>\n <span class=\"svc-tag\">Candidate Vetting<\/span>\n <span class=\"svc-tag\">All Verticals<\/span>\n <\/div>\n <div class=\"svc-price\">10\u201315% per placement \u00b7 Industry standard is 25\u201330%<\/div>\n <\/div>\n\n <div class=\"svc-card\">\n <div class=\"svc-num\">02 \u2014 Copy & Content<\/div>\n <div class=\"svc-title\">Brand Voice, Copy & Content Systems<\/div>\n <p class=\"svc-body\">Campaign copy, LinkedIn content, brand voice guides, articles, SOPs, training manuals. I write in your voice or help you find one. Good entry point: send me what you have and I’ll tell you what’s not working and why.<\/p>\n <div class=\"svc-tags\">\n <span class=\"svc-tag\">Brand Voice<\/span>\n <span class=\"svc-tag\">Campaign Copy<\/span>\n <span class=\"svc-tag\">LinkedIn \u2014 Personal & Company<\/span>\n <span class=\"svc-tag\">Articles & Posts<\/span>\n <span class=\"svc-tag\">SOPs & Training Docs<\/span>\n <span class=\"svc-tag\">Content Strategy<\/span>\n <span class=\"svc-tag\">Content Audits<\/span>\n <\/div>\n <\/div>\n\n <div class=\"svc-card\">\n <div class=\"svc-num\">03 \u2014 Digital Presence<\/div>\n <div class=\"svc-title\">Website Builds & Presence Audits<\/div>\n <p class=\"svc-body\">Custom site builds from scratch: domain, hosting, copy, layout, brand identity. You talk to the person building it the whole way through. Also available: LLC setup guidance, digital presence audits, and honest outside reviews of what you’ve got going on socially or online.<br><br>Portfolio: this site and hotgirlindebt.com.<\/p>\n <div class=\"svc-tags\">\n <span class=\"svc-tag\">Site Design & Build<\/span>\n <span class=\"svc-tag\">Domain & Hosting Setup<\/span>\n <span class=\"svc-tag\">LLC Guidance<\/span>\n <span class=\"svc-tag\">Site Management<\/span>\n <span class=\"svc-tag\">Presence Audits<\/span>\n <span class=\"svc-tag\">Small Business Reviews<\/span>\n <\/div>\n <\/div>\n\n <div class=\"svc-card\">\n <div class=\"svc-num\">04 \u2014 Operations & Systems<\/div>\n <div class=\"svc-title\">Ops, Process & Documentation<\/div>\n <p class=\"svc-body\">SOPs, onboarding systems, training manuals, process documentation. For small businesses and creative agencies that need structure without hiring a full-time ops person. I’ve built from scratch for companies at every stage, pre-revenue through growth.<\/p>\n <div class=\"svc-tags\">\n <span class=\"svc-tag\">SOPs<\/span>\n <span class=\"svc-tag\">Training Manuals<\/span>\n <span class=\"svc-tag\">Onboarding Systems<\/span>\n <span class=\"svc-tag\">Process Documentation<\/span>\n <span class=\"svc-tag\">Team Infrastructure<\/span>\n <span class=\"svc-tag\">Fractional Ops<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"stripe\"><\/div>\n\n<!-- HGID FEATURE -->\n<div id=\"projects\" class=\"hgid-wrap\">\n <div class=\"hgid-inner rv\">\n <div class=\"hgid-left\">\n <div class=\"hgid-geo\"><\/div>\n <div class=\"hgid-geo2\"><\/div>\n <div class=\"feature-label\">Featured Project<\/div>\n <div class=\"feature-type\">Personal Finance Content Brand<\/div>\n <div style=\"margin:1rem 0 1.75rem;line-height:1;\">\n <span style=\"font-family:'Georgia','Times New Roman',serif;font-size:2.6rem;font-weight:900;color:#ffffff;letter-spacing:-.02em;\">hotgirl<\/span><span style=\"font-family:'Georgia','Times New Roman',serif;font-size:2.6rem;font-weight:400;font-style:italic;color:#C0392B;letter-spacing:-.02em;\">indebt<\/span>\n <div style=\"font-family:'Space Mono',monospace;font-size:.5rem;letter-spacing:.25em;color:rgba(244,239,228,.35);margin-top:.35rem;text-transform:uppercase;\">hotgirlindebt.com<\/div>\n <\/div>\n <a href=\"https:\/\/hotgirlindebt.com\" target=\"_blank\" class=\"hgid-url\">hotgirlindebt.com \u2197<\/a>\n <p class=\"hgid-desc\">\n A personal finance content brand built from scratch. Site design, copy, content strategy, Substack, affiliate partnerships, and distribution across Pinterest and Instagram. Built and run independently.\n <\/p>\n <div class=\"htags\">\n <span class=\"ht\">Site Design<\/span>\n <span class=\"ht\">Copywriting<\/span>\n <span class=\"ht\">Content Strategy<\/span>\n <span class=\"ht\">Affiliate Marketing<\/span>\n <span class=\"ht\">Substack<\/span>\n <span class=\"ht\">Pinterest<\/span>\n <span class=\"ht\">Instagram<\/span>\n <span class=\"ht\">Amazon Associates<\/span>\n <span class=\"ht\">Personal Brand<\/span>\n <\/div>\n <\/div>\n <div class=\"hgid-right\">\n <div class=\"hgid-sk-head\">\/\/ What this demonstrates<\/div>\n <div class=\"hsk\">\n <div class=\"hsk-n\">01<\/div>\n <div>\n <div class=\"hsk-title\">Web Design & Build<\/div>\n <div class=\"hsk-desc\">Designed and built the site top to bottom: UX, layout, visual hierarchy, brand identity.<\/div>\n <\/div>\n <\/div>\n <div class=\"hsk\">\n <div class=\"hsk-n\">02<\/div>\n <div>\n <div class=\"hsk-title\">Original Copy & Voice<\/div>\n <div class=\"hsk-desc\">Articles, captions, on-site copy. One consistent voice across every format.<\/div>\n <\/div>\n <\/div>\n <div class=\"hsk\">\n <div class=\"hsk-n\">03<\/div>\n <div>\n <div class=\"hsk-title\">Multi-Platform Distribution<\/div>\n <div class=\"hsk-desc\">Pinterest, Instagram, Substack. Different formats, different audiences, same brand.<\/div>\n <\/div>\n <\/div>\n <div class=\"hsk\">\n <div class=\"hsk-n\">04<\/div>\n <div>\n <div class=\"hsk-title\">Affiliate Monetization<\/div>\n <div class=\"hsk-desc\">Amazon Associates and other affiliate programs integrated into content. Full funnel, built and managed independently.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 3 more projects -->\n <div class=\"proj-mini rv\">\n <div class=\"pm-card c1\">\n <div class=\"pm-cat\">\/\/ Staffing \/ Operations<\/div>\n <div class=\"pm-name\">IT Staffing Agency Launch<\/div>\n <p class=\"pm-desc\">Built the operational foundation for a pre-revenue IT staffing firm: ATS, recruiter SOPs, pipeline design, BD strategy, and cold outreach to 5,500+ prospects.<\/p>\n <\/div>\n <div class=\"pm-card c2\">\n <div class=\"pm-cat\">\/\/ Business Development<\/div>\n <div class=\"pm-name\">TA-First Outreach Campaign<\/div>\n <p class=\"pm-desc\">Identified a positioning gap in an existing outreach campaign and rewrote it. The angle: lead with TA, not around them. The campaign shifted.<\/p>\n <\/div>\n <div class=\"pm-card c3\">\n <div class=\"pm-cat\">\/\/ LinkedIn Social<\/div>\n <div class=\"pm-name\">Two-Client Social Management<\/div>\n <p class=\"pm-desc\">Writing and managing LinkedIn content for two clients simultaneously, in two distinct voices. Both accounts built from zero.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"stripe\" style=\"background:repeating-linear-gradient(90deg,var(--green) 0,var(--green) 50px,var(--cream2) 50px,var(--cream2) 100px,var(--orange) 100px,var(--orange) 150px,var(--ink) 150px,var(--ink) 200px);\"><\/div>\n\n<!-- SKILLS -->\n<div id=\"skills\" class=\"skills-wrap\">\n <div class=\"skills-inner\">\n <div class=\"skills-top rv\">\n <div>\n <div class=\"sec-tag\">Skills & Tools<\/div>\n <h2 class=\"sec-h\">What’s in<br>the <span class=\"italic\" style=\"color:var(--green2);font-family:'Libre Baskerville',serif;font-style:italic;font-size:inherit\">toolkit.<\/span><\/h2>\n <\/div>\n <p class=\"skills-intro\">Five-plus years of building things across recruiting, operations, and creative work. Here’s what I use.<\/p>\n <\/div>\n <div class=\"skill-cols rv\">\n <div>\n <div class=\"sk-col-head\">Recruiting & Talent<\/div>\n <ul class=\"sk-list\">\n <li>LinkedIn Recruiter<\/li><li>Sales Navigator<\/li>\n <li>Manatal ATS<\/li><li>Bullhorn<\/li>\n <li>Talent Acquisition<\/li><li>Candidate Sourcing<\/li>\n <li>Onboarding Design<\/li><li>Interview Coordination<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"sk-col-head\">Operations & CRM<\/div>\n <ul class=\"sk-list\">\n <li>Monday.com<\/li><li>Notion<\/li>\n <li>HubSpot<\/li><li>Salesforce<\/li>\n <li>SOPs & Process Docs<\/li><li>Project Coordination<\/li>\n <li>Team Onboarding<\/li><li>Airtable<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"sk-col-head\">BD & Outreach<\/div>\n <ul class=\"sk-list\">\n <li>Apollo.io<\/li><li>Outreach.io<\/li>\n <li>Instantly.ai<\/li><li>Cold Email Strategy<\/li>\n <li>Client Positioning<\/li><li>Agency Lead Gen<\/li>\n <li>Copywriting<\/li><li>Bombora<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"sk-col-head\">Creative & AI<\/div>\n <ul class=\"sk-list\">\n <li>Canva<\/li><li>Midjourney<\/li>\n <li>Claude \/ ChatGPT<\/li><li>WordPress<\/li>\n <li>Squarespace<\/li><li>Hootsuite<\/li>\n <li>Pinterest Strategy<\/li><li>Affiliate Marketing<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- EXPERIENCE -->\n<div id=\"exp\" class=\"exp-wrap\">\n <div class=\"exp-inner\">\n <div class=\"exp-top rv\">\n <div>\n <div class=\"sec-tag\">Experience<\/div>\n <h2 class=\"sec-h\">Where I’ve<br>done the <span class=\"italic\" style=\"color:var(--orange);font-family:'Libre Baskerville',serif;font-style:italic;font-size:inherit\">work.<\/span><\/h2>\n <\/div>\n <p class=\"exp-intro\">Five years across technical recruiting, business development, people operations, and consulting.<\/p>\n <\/div>\n <div class=\"exp-lines rv\">\n <div class=\"exp-line\">\n <div class=\"exp-yr\">\n <div class=\"exp-yr-dates\">Jun 2023 \u2014 Now<\/div>\n <div class=\"exp-yr-co\">Accomplice(s)<\/div>\n <\/div>\n <div class=\"exp-body\">\n <div class=\"exp-role\">Head of People Operations<\/div>\n <ul class=\"exp-pts\">\n <li>Joined as a recruiting partner in 2023 and grew into the Head of People Ops role in January 2026, owning the full people function for a fully remote creative and marketing agency<\/li>\n <li>Partner with leadership on workforce planning, role requirements, and hiring priorities<\/li>\n <li>Built and maintain onboarding processes, documentation, and people ops infrastructure<\/li>\n <li>Run LinkedIn content and copy for brand presence<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"exp-line\">\n <div class=\"exp-yr\">\n <div class=\"exp-yr-dates\">Sep 2025 \u2014 Now<\/div>\n <div class=\"exp-yr-co\">Independent<\/div>\n <\/div>\n <div class=\"exp-body\">\n <div class=\"exp-role\">Consulting \u2014 Recruiting, Ops & Creative<\/div>\n <ul class=\"exp-pts\">\n <li>Project-based consulting across recruiting, operations, and creative work for a range of clients<\/li>\n <li>Work spans IT staffing infrastructure, TA-first outreach strategy, LinkedIn content, and site builds<\/li>\n <li>Currently accepting new clients<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"exp-line\">\n <div class=\"exp-yr\">\n <div class=\"exp-yr-dates\">Sep 2022 \u2014 Aug 2023<\/div>\n <div class=\"exp-yr-co\">Ledgent Technology<\/div>\n <\/div>\n <div class=\"exp-body\">\n <div class=\"exp-role\">Business Solutions Manager<\/div>\n <ul class=\"exp-pts\">\n <li>Owned BD for technical staffing accounts, generating new client relationships through outbound outreach and consultative discovery<\/li>\n <li>Partnered with clients to scope hiring needs, manage pipelines end to end, deliver candidates<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"exp-line\">\n <div class=\"exp-yr\">\n <div class=\"exp-yr-dates\">Sep 2021 \u2014 Sep 2022<\/div>\n <div class=\"exp-yr-co\">VincentBenjamin<\/div>\n <\/div>\n <div class=\"exp-body\">\n <div class=\"exp-role\">Technical Recruiter & Account Manager<\/div>\n <ul class=\"exp-pts\">\n <li>Built and expanded client relationships managing active accounts, identifying new hiring needs, and driving repeat contract business<\/li>\n <li>Executed technical recruiting for contract IT roles, balancing speed, quality, and client expectations<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- PERSONAL -->\n<div class=\"personal-wrap\">\n <div class=\"p-geo\"><\/div><div class=\"p-geo2\"><\/div>\n <div class=\"p-inner\">\n <div class=\"p-top rv\">\n <div>\n <div class=\"sec-tag\" style=\"color:rgba(244,239,228,.4);\">Beyond the work<\/div>\n <h2 class=\"sec-h\" style=\"color:var(--cream);\">The whole<br><span class=\"italic\" style=\"color:var(--orange2);font-family:'Libre Baskerville',serif;font-style:italic;font-size:inherit\">person.<\/span><\/h2>\n <\/div>\n <p class=\"p-body\">\n The same instinct that makes me good at recruiting shows up in everything else. I’m drawn to things that reward the search. Finding the perfect piece at a thrift store, an estate sale, or scrolling through the right Facebook Marketplace listing at the right time. The process is always the point.\n <\/p>\n <\/div>\n <div class=\"p-grid rv\">\n <div class=\"p-card\"><span class=\"p-em\">\ud83c\udf5e<\/span><div class=\"p-title\">Sourdough Everything<\/div><div class=\"p-desc\">Started with flour and water. Now I’m researching grain mills and questioning whether I’ve ever eaten real bread.<\/div><\/div>\n <div class=\"p-card\"><span class=\"p-em\">\ud83d\udecd\ufe0f<\/span><div class=\"p-title\">Secondhand Everything<\/div><div class=\"p-desc\">Thrift stores, estate sales, Facebook Marketplace. I go in knowing what I’m looking for and usually leave with something better.<\/div><\/div>\n <div class=\"p-card\"><span class=\"p-em\">\ud83d\udcfa<\/span><div class=\"p-title\">Reality TV & Pop Culture<\/div><div class=\"p-desc\">I watch a lot of TV. Understanding what keeps people’s attention is genuinely useful. It makes me better at the work.<\/div><\/div>\n <div class=\"p-card\"><span class=\"p-em\">\ud83c\udf73<\/span><div class=\"p-title\">In the Kitchen<\/div><div class=\"p-desc\">Cooking as creativity, as problem-solving, as love language. Give me a random fridge and I’ll make something worth eating.<\/div><\/div>\n <div class=\"p-card\"><span class=\"p-em\">\ud83d\udcda<\/span><div class=\"p-title\">Perpetual Learner<\/div><div class=\"p-desc\">AI, affiliate marketing, web design. All self-taught. Still adding to the list.<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- CONTACT -->\n<div id=\"contact\" class=\"contact-wrap\">\n <div class=\"c-inner\">\n <div class=\"c-grid\">\n <div class=\"rvl\">\n <div class=\"sec-tag\">Contact<\/div>\n <h2 class=\"sec-h\">Let’s find<br>something <span class=\"italic\" style=\"color:var(--orange);font-family:'Libre Baskerville',serif;font-style:italic;font-size:inherit\">together.<\/span><\/h2>\n <p style=\"font-family:'Libre Baskerville',serif;font-size:.9rem;line-height:1.85;color:var(--muted);margin-top:1rem;max-width:380px;\">Recruiting partner, copy and content work, site builds, or ops support. If you have something specific to figure out and you’re ready to move on it, that’s where I’m most useful.<\/p>\n <a href=\"mailto:corderorecruitment@gmail.com\" class=\"c-email\">corderorecruitment@gmail.com \u2192<\/a>\n <div class=\"c-meta\">\n <div class=\"c-row\"><span class=\"c-lbl\">Business<\/span><span class=\"c-val\">Cord & Co LLC<\/span><\/div>\n <div class=\"c-row\"><span class=\"c-lbl\">Location<\/span><span class=\"c-val\">San Diego, CA<\/span><\/div>\n <div class=\"c-row\"><span class=\"c-lbl\">LinkedIn<\/span><span class=\"c-val\"><a href=\"https:\/\/www.linkedin.com\/in\/danielle-cordero221\/\" target=\"_blank\">danielle-cordero221<\/a><\/span><\/div>\n <div class=\"c-row\"><span class=\"c-lbl\">Open to<\/span><span class=\"c-val\">Recruiting retainers, project work, site builds<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"rvr\">\n <div class=\"c-box\">\n <div class=\"c-avail\"><div class=\"c-avail-dot\"><\/div><span class=\"c-avail-text\">Currently Available<\/span><\/div>\n <div class=\"c-box-h\">Have a role to fill or a project to start?<\/div>\n <p class=\"c-box-p\">Tell me what you’re working on. I’ll tell you if I can help and what that looks like.<\/p>\n <a href=\"mailto:corderorecruitment@gmail.com\" class=\"c-box-cta\">Send a message \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"f-top\">\n <div>\n <div class=\"f-brand\"><b>CORD<\/b> & CO<\/div>\n <p class=\"f-tag\">Recruiting partner, copy and content, site builds, and ops systems. Danielle Cordero, principal. San Diego, CA. University of Arizona, B.A.S. Human Services, 2020.<\/p>\n <\/div>\n <div>\n <div class=\"f-col-h\">\/\/ Privacy Policy<\/div>\n <p class=\"f-col-p\">This site does not collect personal data beyond what you voluntarily submit via contact. Information shared through email is used solely to respond to your inquiry and will never be sold or shared with third parties. No tracking cookies or visitor identification in use.<\/p>\n <\/div>\n <div>\n <div class=\"f-col-h\">\/\/ Services & Refund Policy<\/div>\n <p class=\"f-col-p\">Cord & Co LLC provides recruiting and talent services, copywriting and content strategy, website design and build, and operations consulting. All services delivered under a mutually agreed scope of work or retainer. Services not yet rendered are fully refundable. Completed work is non-refundable. Questions: <a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"3d5e524f59584f524f585e4f485449505853497d5a505c5451135e5250\">[email protected]<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"f-bot\">\n <span>\u00a9 2025 Cord & Co LLC \u2014 San Diego, California<\/span>\n <span>All rights reserved<\/span>\n <\/div>\n<\/footer>\n\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n\/\/ Cursor\nconst cd=document.getElementById('cd'),cr=document.getElementById('cr');\nlet mx=0,my=0,rx=0,ry=0;\ndocument.addEventListener('mousemove',e=>{\n mx=e.clientX;my=e.clientY;\n cd.style.left=mx+'px';cd.style.top=my+'px';\n});\n(function loop(){\n rx+=(mx-rx)*.1;ry+=(my-ry)*.1;\n cr.style.left=rx+'px';cr.style.top=ry+'px';\n requestAnimationFrame(loop);\n})();\ndocument.querySelectorAll('a,button,.sk-list li,.p-card,.exp-line,.pm-card,.role-pill').forEach(el=>{\n el.addEventListener('mouseenter',()=>cr.classList.add('big'));\n el.addEventListener('mouseleave',()=>cr.classList.remove('big'));\n});\n\/\/ Scroll reveal\nconst obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('on');}});\n},{threshold:.12});\ndocument.querySelectorAll('.rv,.rvl,.rvr').forEach(el=>obs.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Danielle Cordero \u2014 Cord & Co CORD & CO About Services Projects Skills Work Contact Available Now LOOK + Cord & Co LLC \u00b7 San Diego, CA Issue 001 \u00b7 Recruiting, Copy & Creative Work + Est. 2023 I FIND WHAT YOU DIDN’T KNOW to look for. Recruiting partner for creative agencies and growing teams.\u25c6Copy, … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/cordandco.com\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cordandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":4,"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/cordandco.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/cordandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}