Skip to content

Home
Work
About
Services
.mm-visual { --blue: #28b0ff; --blue-deep: #1a9bfc; --panel: #1c1f27; --panel-2: #20232c; --mute: rgba(235, 236, 237, .58); --peri: #bcc6df; --slate: #8a93a6; --hair: rgba(255, 255, 255, .08); --hair-2: rgba(255, 255, 255, .14); --ease: cubic-bezier(.22, 1, .36, 1); --disp: "Montserrat", Arial, sans-serif; --body: Arial, Helvetica, sans-serif; width: 100%; display: grid; grid-template-columns: 340px 1fr; background: var(--panel); border-top: 3px solid var(--blue); } .mm-visual * { box-sizing: border-box; } .mm-eyebrow { font-family: var(--disp); font-size: 11px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--blue); } /* left rail */ .mm-vis-rail { padding: 46px 48px; border-right: 1px solid var(--hair); display: flex; flex-direction: column; } .mm-vis-head { font-family: var(--disp); font-weight: 600; font-size: 30px; line-height: 1.18; letter-spacing: .4px; color: #fff; margin: 18px 0 14px; text-transform: none; } .mm-vis-sub { font-family: var(--body); font-size: 15px; line-height: 1.7; color: var(--mute); margin: 0; max-width: 250px; } .mm-rail-points { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-direction: column; gap: 15px; } .mm-rail-points li { display: flex; align-items: flex-start; gap: 11px; font-family: var(--body); font-size: 14px; line-height: 1.45; color: var(--peri); } .mm-rail-points li svg { color: var(--blue); flex-shrink: 0; margin-top: 2px; } .mm-rail-quote { margin-top: 24px; background: var(--panel-2); border: 1px solid var(--hair); border-left: 2px solid var(--blue); border-radius: 8px; padding: 16px 18px; } .mm-rail-quote p { margin: 0; font-family: var(--body); font-size: 13.5px; line-height: 1.6; color: rgba(235, 236, 237, .82); font-style: italic; } .mm-rail-quote span { display: block; margin-top: 10px; font-family: var(--disp); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--slate); font-style: normal; } .mm-viewall { margin-top: auto; display: inline-flex; align-items: center; gap: 9px; font-family: var(--disp); font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--peri); text-decoration: none; transition: color 150ms var(--ease), gap 150ms var(--ease); } .mm-viewall:hover { color: var(--blue); gap: 13px; } .mm-rail-cta { margin-top: 16px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--disp); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #0c1116; background: var(--blue); padding: 15px 20px; border-radius: 4px; text-decoration: none; transition: background 150ms var(--ease), box-shadow 220ms var(--ease); } .mm-rail-cta:hover { background: var(--blue-deep); box-shadow: 0 12px 30px rgba(40, 176, 255, .28); color: #0c1116; } /* cards */ .mm-vis-grid { padding: 34px 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-content: center; } .mm-vis-card { position: relative; display: flex; flex-direction: column; border: 1px solid var(--hair); border-radius: 11px; overflow: hidden; background: var(--panel-2); text-decoration: none; transition: border-color 220ms var(--ease), transform 220ms var(--ease), box-shadow 220ms var(--ease); } .mm-vis-card:hover { border-color: rgba(40, 176, 255, .5); transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0, 0, 0, .34); } .mm-vis-imgwrap { position: relative; height: 208px; overflow: hidden; } .mm-vis-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 560ms var(--ease); } .mm-vis-card:hover .mm-vis-img { transform: scale(1.06); } .mm-vis-imgwrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 23, 29, 0) 50%, rgba(20, 23, 29, .55) 100%); } .mm-vis-ico { position: absolute; left: 12px; top: 12px; z-index: 2; width: 34px; height: 34px; border-radius: 8px; background: rgba(15, 18, 24, .6); backdrop-filter: blur(6px); border: 1px solid var(--hair-2); display: flex; align-items: center; justify-content: center; color: #fff; } .mm-vis-cbody { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; } .mm-vis-chead { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .mm-vis-title { font-family: var(--disp); font-size: 16px; font-weight: 600; color: #fff; letter-spacing: .2px; line-height: 1.25; transition: color 180ms var(--ease); } .mm-vis-card:hover .mm-vis-title { color: var(--blue); } .mm-vis-arr { flex-shrink: 0; color: var(--slate); opacity: 0; transform: translateX(-5px); transition: all 180ms var(--ease); } .mm-vis-card:hover .mm-vis-arr { opacity: 1; transform: translateX(0); color: var(--blue); } .mm-vis-desc { font-family: var(--body); font-size: 12.5px; line-height: 1.5; color: var(--mute); } @media (max-width: 900px) { .mm-visual { grid-template-columns: 1fr; } .mm-vis-rail { border-right: 0; border-bottom: 1px solid var(--hair); } .mm-vis-grid { grid-template-columns: 1fr 1fr; } }

Services

From discovery to scale.

Strategy, creative, and data, engineered into one system that grows your brand.

One partner for every discipline

Data driven, creatively led

From first call to full scale

“Evan hit it out of the park for us, exceeding all my expectations.”
Alex Vilg · Stratos Card
View all services Schedule Discovery Call

AI Consulting Custom AI systems that streamline content, marketing, customer engagement, and business operations. Brand Development Strategic brand identities, messaging, and creative direction built for an AI enabled marketplace. Website Design High performing websites designed for credibility, conversion, automation, and long term growth. Photography Original and AI enhanced imagery for campaigns, events, products, teams, and brand storytelling. Video Production Live action and AI assisted video content for brand stories, campaigns, social media, and digital experiences. Online Marketing SEO, paid media, content strategy, and campaign systems built to increase visibility and demand.
Insights
Let’s Talk
.lt-panel{ --blue:#28b0ff; --blue-deep:#1a9bfc; --panel:#1c1f27; --mute:rgba(235,236,237,.58); --peri:#bcc6df; --slate:#8a93a6; --hair:rgba(255,255,255,.08); --ease:cubic-bezier(.22,1,.36,1); --disp:"Montserrat",Arial,sans-serif; --body:Arial,Helvetica,sans-serif; width:100%;display:grid;grid-template-columns:380px 1fr;background:var(--panel);border-top:3px solid var(--blue); } .lt-panel *{box-sizing:border-box;} .lt-rail{padding:44px 48px;border-right:1px solid var(--hair);display:flex;flex-direction:column;} .lt-eyebrow{font-family:var(--disp);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--blue);} .lt-title{font-family:var(--disp);font-size:30px;font-weight:600;color:#fff;letter-spacing:.3px;margin:14px 0 12px;text-transform:none;line-height:1.18;} .lt-sub{font-family:var(--body);font-size:14.5px;line-height:1.65;color:var(--mute);margin:0;max-width:300px;} .lt-rail-meta{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:11px;font-family:var(--disp);font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--mute);} .lt-rail-meta span{display:inline-flex;align-items:center;gap:8px;} .lt-rail-meta .lt-globe{color:var(--blue);} .lt-rail-meta .lt-pulse{width:8px;height:8px;border-radius:50%;background:#3ad07a;box-shadow:0 0 0 3px rgba(58,208,122,.18);} .lt-main{padding:40px 48px;display:flex;flex-direction:column;justify-content:center;} .lt-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .lt-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--hair);border-radius:10px;background:#181b22;text-decoration:none;transition:border-color 180ms var(--ease),background 180ms var(--ease),transform 120ms var(--ease);} .lt-card:hover{border-color:rgba(40,176,255,.45);background:#171b24;transform:translateY(-2px);} .lt-ico{flex-shrink:0;width:48px;height:48px;border-radius:10px;background:#11151c;border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;color:var(--blue);} .lt-meta{display:flex;flex-direction:column;min-width:0;} .lt-label{font-family:var(--disp);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);} .lt-value{font-family:var(--disp);font-size:16px;font-weight:500;color:#fff;letter-spacing:.2px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lt-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding:18px;background:var(--blue);color:#0c1116;font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:8px;text-decoration:none;transition:background 150ms var(--ease),box-shadow 220ms var(--ease),transform 80ms var(--ease);} .lt-cta:hover{background:var(--blue-deep);box-shadow:0 12px 30px rgba(40,176,255,.3);color:#0c1116;} .lt-cta:active{transform:scale(.99);} @media (max-width:900px){ .lt-panel{grid-template-columns:1fr;} .lt-rail{border-right:0;border-bottom:1px solid var(--hair);} .lt-actions{grid-template-columns:1fr;} }

Let's Talk

Start the conversation.

Tell us where you want to grow. We will map the path from discovery to scale.

Serving brands nationwide Replies within 24 hours

Call us+1 (949) 478 3791 Emailinfo@dorianmediagroup.com
Schedule Discovery Call

Work with usWork with us

Video Production

Video production and video marketing articles from Dorian Media Group, covering commercial video, content strategy, and how video drives real business growth.

Let's Talk info@dorianmediagroup.com

Dorian Media is a creative AI agency and production company that unifies brand strategy, premium content, website design, and AI powered marketing into one cohesive system built to grow your business.

Schedule Discovery Call

Services

AI Consulting
Brand Development
Website Design
Photography
Video Production
Online Marketing

Company

Work
About
Insights
Contact

Get in Touch

Newport Beach 2422 San Joaquin Plaza
Newport Beach, CA 92660
949.478.3791

Kansas City 9002 W 165th Ter
Overland Park, KS 66085
913.608.7649

info@dorianmediagroup.com

© 2026 Dorian Media · All Rights Reserved

Privacy Policy Terms of Use Press

FROM DISCOVERY TO SCALE

Close Sliding Bar Area

About DORIAN MEDIA

DORIAN MEDIA is a creative agency and production company focused on brand development, content creation, and online marketing.

Services

Brand Development
Website Design
Photography
Video Production
Online Marketing

LOCATION

Newport Beach
2422 San Joaquin Plaza
Newport Beach, CA 92660

Kansas City
9002 W 165th Ter
Overland Park, KS 66085

CONTACT

Phone: 1.949.478.3791

Email: info@dorianmediagroup.com

Web: dorianmediagroup.com

Social Media Channels

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap'); .dmm { --dmm-blue: #28b0ff; --dmm-blue-deep: #1a9bfc; --dmm-slate: #667084; --dmm-line: rgba(255, 255, 255, .08); --dmm-line2: rgba(255, 255, 255, .05); --dmm-ease: cubic-bezier(.22, 1, .36, 1); color: #fff; position: relative; } .dmm * { box-sizing: border-box; } .dmm a { text-decoration: none; } .dmm-scroll { padding: 6px 28px 188px; } .dmm-head { display: flex; align-items: center; margin: 0 0 30px; } .dmm-logo { height: 28px; width: auto; display: block; } .dmm-tagline { font-family: Montserrat, Arial, sans-serif; font-weight: 500; font-size: 18px; line-height: 1.4; color: #fff; letter-spacing: .2px; max-width: 300px; margin: 0 0 30px; } .dmm-tagline span { color: var(--dmm-slate); } .dmm-eyebrow { display: flex; align-items: center; gap: 12px; font-family: Montserrat, Arial, sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--dmm-blue); margin: 6px 0 6px; } .dmm-eyebrow::after { content: ""; flex: 1; height: 1px; background: var(--dmm-line); } .dmm-nav { margin: 0 0 30px; } .dmm-nav a { position: relative; display: flex; align-items: center; gap: 18px; padding: 18px 4px; border-bottom: 1px solid var(--dmm-line2); transition: padding-left .25s var(--dmm-ease); } .dmm-nav a:last-child { border-bottom: 0; } .dmm-nav .dmm-idx { font-family: Montserrat, Arial, sans-serif; font-weight: 600; font-size: 11px; color: var(--dmm-slate); width: 22px; flex: 0 0 22px; letter-spacing: .05em; transition: color .2s var(--dmm-ease); } .dmm-nav .dmm-label { flex: 1; font-family: Montserrat, Arial, sans-serif; font-weight: 500; font-size: 19px; color: #fff; letter-spacing: .2px; transition: color .2s var(--dmm-ease); } .dmm-nav .dmm-chev { color: var(--dmm-blue); opacity: 0; transform: translateX(-6px); transition: opacity .2s var(--dmm-ease), transform .25s var(--dmm-ease); display: flex; } .dmm-nav a:hover { padding-left: 12px; } .dmm-nav a:hover .dmm-label, .dmm-nav a:hover .dmm-idx { color: var(--dmm-blue); } .dmm-nav a:hover .dmm-chev { opacity: 1; transform: translateX(0); } .dmm-nav a:active { opacity: .7; } .dmm-foot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--dmm-line); background: rgba(18, 20, 26, .94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } .dmm-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; } .dmm-ghost { display: flex; align-items: center; justify-content: center; gap: 9px; height: 50px; border-radius: 6px; border: 1px solid var(--dmm-line); background: rgba(255, 255, 255, .015); color: #fff; font-family: Montserrat, Arial, sans-serif; font-weight: 600; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; transition: border-color .15s var(--dmm-ease), background .15s var(--dmm-ease), transform .12s var(--dmm-ease); } .dmm-ghost svg { color: var(--dmm-blue); } .dmm-ghost:hover { border-color: rgba(40, 176, 255, .5); background: rgba(40, 176, 255, .07); } .dmm-ghost:active { transform: scale(.98); } .dmm-cta { display: flex; align-items: center; justify-content: center; gap: 11px; height: 58px; border-radius: 6px; background: linear-gradient(142deg, var(--dmm-blue), var(--dmm-blue-deep)); color: #0c1116; font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 12px 32px rgba(40, 176, 255, .28); transition: transform .12s var(--dmm-ease), box-shadow .15s var(--dmm-ease); } .dmm-cta:hover { box-shadow: 0 16px 40px rgba(40, 176, 255, .4); } .dmm-cta:active { transform: scale(.985); } .dmm-rail { position: fixed; right: 7px; top: 50%; transform: translateY(-50%); z-index: 49; width: 5px; height: 112px; border-radius: 5px; background: rgba(255, 255, 255, .14); overflow: hidden; opacity: 0; transition: opacity .4s var(--dmm-ease); pointer-events: none; } .dmm-rail-thumb { position: absolute; left: 0; right: 0; top: 0; height: 36px; border-radius: 5px; background: linear-gradient(180deg, #28b0ff, #1a9bfc); box-shadow: 0 0 12px rgba(40, 176, 255, .65); } .dmm.play .dmm-rail { opacity: 1; } .dmm-rail.dmm-rail-hide { opacity: 0 !important; } .dmm-rail.dmm-rail-hint .dmm-rail-thumb { animation: dmmHint 1.5s var(--dmm-ease) infinite; } @keyframes dmmHint { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(76px); } } @media (prefers-reduced-motion: reduce) { .dmm-rail.dmm-rail-hint .dmm-rail-thumb { animation: none; } } .dmm .dmm-reveal { opacity: 1; transform: none; } @media (prefers-reduced-motion: no-preference) { .dmm.play .dmm-reveal { opacity: 0; transform: translateY(14px); animation: dmmRise .55s var(--dmm-ease) forwards; animation-delay: calc(var(--i, 0) * 55ms); } } @keyframes dmmRise { to { opacity: 1; transform: translateY(0); } }

We build brands and intelligent systems that drive modern business growth.

Services

01 AI Consulting 02 Brand Development 03 Website Design 04 Photography 05 Video Production 06 Online Marketing

Company

Work About News Insights Contact

Let's Talk Email Us

Schedule Discovery Call

(function() { var el = document.currentScript.previousElementSibling; if (!el || !el.classList.contains('dmm')) el = document.querySelector('.dmm'); var rail = el.querySelector('.dmm-rail'); var thumb = rail ? rail.querySelector('.dmm-rail-thumb') : null; var TRACK = 112, TH = 36, TRAVEL = TRACK - TH; var scroller = null, scrolled = false; function findScroller(node) { var n = node; while (n && n !== document.body && n !== document.documentElement) { var oy = getComputedStyle(n).overflowY; if ((oy === 'auto' || oy === 'scroll') && n.scrollHeight > n.clientHeight + 4) return n; n = n.parentElement; } return document.scrollingElement || document.documentElement; } function metrics() { if (scroller && scroller !== document.documentElement && scroller !== document.body) { return { top: scroller.scrollTop, max: scroller.scrollHeight - scroller.clientHeight }; } var se = document.scrollingElement || document.documentElement; return { top: se.scrollTop, max: se.scrollHeight - se.clientHeight }; } function update() { if (!rail || !thumb) return; var m = metrics(); if (m.max 0.97) { rail.classList.add('dmm-rail-hide'); } else { rail.classList.remove('dmm-rail-hide'); } } function onScroll() { if (!scrolled) { scrolled = true; if (rail) rail.classList.remove('dmm-rail-hint'); } update(); } function play() { el.classList.remove('play'); void el.offsetWidth; el.classList.add('play'); scrolled = false; if (rail) { rail.classList.remove('dmm-rail-hide'); setTimeout(function() { scroller = findScroller(el); var m = metrics(); if (m.max <= 8) { rail.classList.add('dmm-rail-hide'); } else { thumb.style.transform = 'translateY(0)'; rail.classList.add('dmm-rail-hint'); } }, 150); } } window.addEventListener('scroll', onScroll, true); window.addEventListener('resize', update); if ('IntersectionObserver' in window) { var io = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) play(); }); }, { threshold: 0.1 }); io.observe(el); } else { el.classList.add('play'); } })();