/* ================================================ LIGHT MODE OVERRIDES ================================================ */ /* Body & Background */ [data-mode="light"] body { background-color: #ffffff; color: #1a1a1a; } /* Navigation */ nav { position: fixed; top: 0; width: 100%; z-index: 50; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-white); transition: all 0.3s; } [data-mode="light"] nav { background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .nav-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 80px; } .logo img { height: 50px; width: auto; filter: drop-shadow(0 0 10px var(--accent-purple)); } [data-mode="light"] .logo img { filter: drop-shadow(0 0 10px var(--accent-purple)); } .nav-menu { display: flex; list-style: none; gap: 35px; align-items: center; } .nav-menu a { color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; position: relative; } .nav-menu a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .nav-menu a:hover { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); } .nav-menu a:hover::after { width: 100%; } .btn-primary { background: transparent; color: var(--text-white); padding: 12px 30px; border: 1px solid var(--text-white); border-radius: 0; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; } .btn-primary:hover { background: var(--text-white); color: var(--bg-dark); } /* Hamburger Menu Button */ .hamburger { display: none; flex-direction: column; gap: 5px; background: transparent; border: none; cursor: pointer; padding: 12px; z-index: 10000; position: relative; min-width: 44px; min-height: 44px; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; } .hamburger span { display: block; width: 28px; height: 2px; background: var(--text-white); transition: all 0.3s ease; box-shadow: 0 0 5px var(--goth-glow); } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); } .hamburger:hover span { background: var(--accent-purple); box-shadow: 0 0 10px var(--accent-purple); } /* Light Mode - Navbar Text and Hamburger */ [data-mode="light"] .nav-menu a { color: #000000; } [data-mode="light"] .nav-menu a:hover { color: var(--accent-purple); } [data-mode="light"] .hamburger span { background: #000000 !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } [data-mode="light"] .hamburger:hover span { background: var(--accent-purple) !important; box-shadow: 0 0 10px var(--accent-purple); } [data-mode="light"] .btn-primary { color: #000000; border-color: #000000; } [data-mode="light"] .btn-primary:hover { background: #000000; color: #ffffff; } /* Mobile Menu Overlay */ .mobile-menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: 100dvh; background: rgba(0, 0, 0, 0.98); backdrop-filter: blur(20px); z-index: 9999; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; overflow: hidden; } .mobile-menu-overlay.active { opacity: 1; pointer-events: all; } .mobile-menu { display: none; flex-direction: column; list-style: none; padding: 80px 20px 40px; gap: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-menu li { border-bottom: 1px solid var(--border-white); } .mobile-menu li:last-child { border-bottom: none; } .mobile-menu a { display: flex; align-items: center; color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; padding: 18px 0; transition: all 0.3s; position: relative; min-height: 56px; width: 100%; } .mobile-menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .mobile-menu a:hover, .mobile-menu a:active, .mobile-menu a:focus { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); padding-left: 16px; background: rgba(139, 92, 246, 0.05); } .mobile-menu a:hover::after, .mobile-menu a:active::after { width: 100%; } .mobile-menu .btn-primary { margin-top: 24px; text-align: center; border-color: var(--accent-purple); color: var(--accent-purple); padding: 16px 24px; font-size: 16px; justify-content: center; border-width: 2px; } .mobile-menu .btn-primary:hover, .mobile-menu .btn-primary:active, .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: var(--bg-dark); padding-left: 24px; } /* Light Mode - Mobile Menu */ [data-mode="light"] .mobile-menu-overlay { background: rgba(255, 255, 255, 0.98); } [data-mode="light"] .mobile-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } [data-mode="light"] .mobile-menu a { color: #000000; } [data-mode="light"] .mobile-menu a:hover, [data-mode="light"] .mobile-menu a:active, [data-mode="light"] .mobile-menu a:focus { color: var(--accent-purple); background: rgba(139, 92, 246, 0.05); } [data-mode="light"] .mobile-menu .btn-primary { border-color: var(--accent-purple); color: var(--accent-purple); } [data-mode="light"] .mobile-menu .btn-primary:hover, [data-mode="light"] .mobile-menu .btn-primary:active, [data-mode="light"] .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: #ffffff; } /* Hide profile tabs when mobile menu is active */ body:has(.mobile-menu-overlay.active) .profile-tabs { display: none !important; visibility: hidden !important; } /* Responsive - 1100px and below - Switch to hamburger menu */ @media (max-width: 1100px) { .hamburger { display: flex; } .nav-menu { display: none; } .mobile-menu-overlay { display: block; } .mobile-menu { display: flex; } } /* Profile Header */ [data-mode="light"] .profile-header { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-username { color: #1a1a1a; } [data-mode="light"] .profile-name { color: #1a1a1a; } [data-mode="light"] .profile-description { color: rgba(0, 0, 0, 0.7); } /* Profile Stats */ [data-mode="light"] .stat-number { color: #1a1a1a; } [data-mode="light"] .stat-label { color: rgba(0, 0, 0, 0.6); } /* Profile Action Buttons */ [data-mode="light"] .profile-actions .book-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .profile-actions .book-btn:hover { background: #1a1a1a; color: #ffffff; } [data-mode="light"] .follow-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .follow-btn:hover { background: #1a1a1a; color: #ffffff; } /* Profile Tabs */ [data-mode="light"] .profile-tabs { background: #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-tabs.stuck { background: rgba(255, 255, 255, 0.95); } [data-mode="light"] .tab-btn { color: rgba(0, 0, 0, 0.6); } [data-mode="light"] .tab-btn.active { color: var(--accent-purple); } /* About Section */ [data-mode="light"] .about-bio h3, [data-mode="light"] .about-qa h3 { color: var(--accent-purple); } [data-mode="light"] .bio-text { color: rgba(0, 0, 0, 0.7); } /* QA Accordion */ [data-mode="light"] .qa-accordion { border-color: rgba(0, 0, 0, 0.15); } [data-mode="light"] .qa-item { border-bottom-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .qa-toggle { color: #1a1a1a; } [data-mode="light"] .qa-toggle:hover { background: rgba(0, 0, 0, 0.05); } [data-mode="light"] .qa-question { color: #1a1a1a; } [data-mode="light"] .qa-answer { color: rgba(0, 0, 0, 0.7); } /* Artist QA Section */ [data-mode="light"] .artist-qa { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } [data-mode="light"] .artist-qa h4 { color: var(--accent-purple); } [data-mode="light"] .artist-qa p { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-bio { color: rgba(0, 0, 0, 0.7); } /* Reviews */ [data-mode="light"] .review-post { background: #ffffff; border-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .review-author { color: #1a1a1a; } [data-mode="light"] .review-content { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .review-time { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .action-btn { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .review-item { background: rgba(139, 92, 246, 0.05); color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-reviews { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } /* Specialty Tags */ [data-mode="light"] .specialty-tag { background: rgba(139, 92, 246, 0.1); } /* Portfolio Section */ [data-mode="light"] .portfolio-section { background: #f5f5f5; } [data-mode="light"] .section-heading { color: #1a1a1a; } [data-mode="light"] .portfolio-item { border-color: rgba(0, 0, 0, 0.1); } /* Book Section */ [data-mode="light"] .book-section { background: #ffffff; } [data-mode="light"] .book-btn-large { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .book-btn-large:hover { background: #1a1a1a; color: #ffffff; } /* Footer */ [data-mode="light"] footer { background: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .footer-links a { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .footer-links a:hover { color: #1a1a1a; } [data-mode="light"] .footer-copyright { color: rgba(0, 0, 0, 0.5); }

HAMISH

BOOK APPOINTMENT FOLLOW

20 Posts

5 Styles

5+ Years

HAMISH

Professional Tattoo Artist at CB Ink Tattoo Brisbane

Illustrativefine linefloraltrad

❤️ 59

❤️ 53

❤️ 42

❤️ 51

❤️ 53

❤️ 16

❤️ 55

❤️ 32

❤️ 36

❤️ 14

❤️ 13

❤️ 59

❤️ 12

❤️ 52

❤️ 19

❤️ 28

❤️ 32

❤️ 39

❤️ 35

❤️ 25

About Hamish

With a natural creative drive and a love for tattooing, this artist has found their place in a craft that’s both enjoyable and relaxing. Among their favourite works is an Australian native back piece, a design that reflects their passion for creating bold, meaningful tattoos. They especially enjoy the process itself, finding fulfilment in transforming ideas into permanent art that clients can be proud of.

Outside the studio, they enjoy boxing and fishing, activities that help balance their energy and focus. Clients visiting CB Ink Tattoo can expect 100% effort poured into every design and tattoo, ensuring each piece is unique, personal, and completed with the highest level of care.

Q&A

Can't keep an adult job.

Australian native back piece.

It's enjoyable and relaxing to tattoo.

100% effort put into their design & tattoo.

No reviews yet