:root{--primary-bg:#000;--secondary-bg:#1a1a1a;--accent-bg:#2d2d2d;--primary-text:#fff;--secondary-text:#e0e0e0;--accent-color:#404040;--green-accent:#7fff7f;--green-hover:#6be86b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-bg);color:var(--primary-text);width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#wrapper{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}header{background-color:var(--secondary-bg);z-index:1000;border-bottom:1px solid var(--green-accent);width:100%;padding:clamp(.8rem,2vw,1.2rem) 0;position:sticky;top:0}#nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex}#logo{flex:none}#logo img{width:auto;height:50px}#nav ul{align-items:center;gap:3rem;margin-left:auto;padding-left:3rem;list-style:none;display:flex}#nav ul li a{color:var(--primary-text);white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:.5rem 1rem;font-size:1.2rem;text-decoration:none;transition:all .3s}#nav ul li a:hover{color:var(--green-accent);border-color:var(--green-accent)}.desktop-menu-wrap{margin-left:auto}#nav ul li a.nav-cta{background-color:var(--green-accent);border-color:var(--green-accent);color:var(--primary-bg);font-weight:700}#nav ul li a.nav-cta:hover{background-color:var(--green-hover);border-color:var(--green-hover);color:var(--primary-bg)}#nav a:focus-visible,.hamburger-button:focus-visible,.mobile-menu a:focus-visible{outline:2px solid var(--green-accent);outline-offset:2px}#box{text-align:center}#box img{width:60px;height:60px;margin-bottom:.5rem;transition:transform .3s}#box img:hover{transform:scale(1.1)}.contact-link{color:var(--primary-text);background-color:var(--accent-bg);border:1px solid var(--green-accent);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;min-width:100px;padding:.75rem 1rem;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{background-color:var(--green-accent);color:var(--primary-bg);transform:translateY(-2px)}.carousel{background-color:var(--secondary-bg);border:1px solid var(--green-accent);border-radius:8px;width:100%;max-width:1200px;height:600px;margin:0 auto 3rem;position:relative;overflow:hidden;box-shadow:0 0 20px #7fff7f1a}.carousel ul{height:100%;margin:0;padding:0;list-style:none}.slide{opacity:0;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s ease-in-out;display:flex;position:absolute;inset:0}.slide[data-active]{opacity:1}.slide img{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 4px 8px #0003}.slide[data-active] img{box-shadow:0 4px 8px #0006}.carousel-button{color:var(--primary-text);cursor:pointer;z-index:1;border:none;border:1px solid var(--green-accent);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:1rem;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover{background-color:var(--green-accent);color:var(--primary-bg)}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.content{text-align:center;padding:2rem 0}.content h1{text-shadow:0 0 10px var(--green-accent);margin-bottom:1rem;font-size:3rem}.content h2{color:var(--secondary-text);margin-bottom:1.5rem;font-size:2rem}.content h2:after{content:"";background-color:var(--green-accent);width:50px;height:2px;margin:.5rem auto;display:block}.content h3{color:var(--secondary-text);margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.content>div{max-width:1200px;margin:0 auto;padding:2rem 0}.content div>div[style*=backgroundColor]{transition:all .3s}.content div>div[style*=backgroundColor]:hover{box-shadow:0 0 15px #7fff7f1a}.content div[style*="backgroundColor: var(--secondary-bg)"][style*="marginBottom: '100px'"],.content div[style*="backgroundColor: var(--secondary-bg)"][style*="padding: '60px'"]{border:1px solid var(--green-accent);transition:all .3s;box-shadow:0 0 20px #7fff7f1a}.content div[style*="backgroundColor: var(--secondary-bg)"][style*="marginBottom: '100px'"]:hover,.content div[style*="backgroundColor: var(--secondary-bg)"][style*="padding: '60px'"]:hover{box-shadow:0 0 25px #7fff7f26}.content div[style*=gridTemplateColumns]>div{border:1px solid var(--green-accent);transition:all .3s}.content div[style*=gridTemplateColumns]>div:hover{transform:translateY(-5px);box-shadow:0 0 15px #7fff7f26}.content img[alt="Clyde Wint Tattooing"]{border:1px solid var(--green-accent);transition:all .3s}.content img[alt="Clyde Wint Tattooing"]:hover{box-shadow:0 0 20px #7fff7f26}.hamburger-button{min-width:44px;min-height:44px;color:var(--primary-text);cursor:pointer;z-index:1001;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px;font-size:20px;transition:all .3s;display:none}.hamburger-button:hover{color:var(--green-accent);border-color:var(--green-accent)}.mobile-menu-overlay{z-index:1000;opacity:0;visibility:hidden;border:1px solid var(--green-accent);background-color:#000000f2;justify-content:center;align-items:center;transition:opacity .3s,visibility 0s linear .3s;display:flex;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible;transition-delay:0s}.mobile-menu{text-align:center;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px;display:flex}.mobile-menu a{color:var(--primary-text);background-color:var(--secondary-bg);border:1px solid var(--green-accent);border-radius:8px;justify-content:center;align-items:center;min-height:56px;padding:16px;font-size:18px;text-decoration:none;transition:color .3s,background-color .3s,transform .3s;display:flex}.mobile-menu a:hover{background-color:var(--green-accent);color:var(--primary-bg);transform:translateY(-2px)}.mobile-menu a.mobile-menu-cta{background-color:var(--green-accent);color:var(--primary-bg);font-weight:700}.mobile-menu a.mobile-menu-cta:hover{background-color:var(--green-hover)}@media (width<=1024px){#nav{padding:0 1.5rem}.desktop-menu{gap:2rem}}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:block}header{padding:.8rem 0}#nav{padding:0 clamp(16px,4vw,24px)}#logo{margin-right:auto}#logo img{height:20px;margin-left:4px}.desktop-menu,.desktop-menu-wrap{display:none!important}#nav ul{display:none}.carousel{height:clamp(300px,70vw,500px);margin-bottom:clamp(2rem,5vw,3rem)}.carousel-button{width:clamp(2.5rem,6vw,3rem);height:clamp(2.5rem,6vw,3rem);font-size:clamp(1.5rem,4vw,2rem)}.content{padding:clamp(2rem,5vw,3rem) 0}.content h1{margin-bottom:clamp(1.5rem,4vw,2rem);font-size:clamp(1.8rem,6vw,2.5rem)}.content>div{margin-bottom:clamp(2rem,5vw,3rem)}}.desktop-only{display:block}.mobile-only{display:none}@media (width>=768px){.desktop-only{display:inline}.mobile-only{display:none}}@media screen and (width<=768px){header #nav{padding:0}header #nav #logo{margin:0;padding:0}header #nav #logo img{width:auto;margin:0;padding-left:8px;height:35px!important}header #nav .hamburger-button{margin-right:8px;padding:8px;font-size:20px;display:block}.desktop-menu{display:none!important}#wrapper{padding:0 16px}}footer a{border:1px solid #0000;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s;display:flex;color:var(--primary-text)!important}footer a:hover{border-color:var(--green-accent);color:var(--green-accent)!important}footer .site-credit{color:var(--secondary-text);margin:.4rem 0 0;font-size:clamp(.75rem,1.6vw,.85rem)}footer .site-credit a{border:none;padding:0;text-decoration:none;display:inline;color:var(--secondary-text)!important}footer .site-credit a:hover{border:none;color:var(--green-accent)!important}footer{background-color:var(--secondary-bg);width:100%;margin-top:4rem;padding:2rem 0;border-top:1px solid var(--green-accent)!important}.content #wrapper>div>div[style*="backgroundColor: var(--secondary-bg)"]{border:2px solid var(--green-accent)!important;transition:all .3s!important;box-shadow:0 0 20px #7fff7f1a!important}.content #wrapper>div>div[style*="backgroundColor: var(--secondary-bg)"]:hover{box-shadow:0 0 25px #7fff7f26!important}.content div[style*=gridTemplateColumns]>div[style*=backgroundColor]{box-shadow:none!important;border:none!important}.featured-section{transition:all .3s;box-shadow:0 0 20px #7fff7f1a;border:2px solid var(--green-accent)!important}.featured-section:hover{box-shadow:0 0 25px #7fff7f26}.content #wrapper>div>div[style*=gridTemplateColumns]>div{border:2px solid var(--green-accent);transition:all .3s}.content #wrapper>div>div[style*=gridTemplateColumns]>div:hover{box-shadow:0 0 15px #7fff7f33}.content #wrapper>div>div[style*=gridTemplateColumns]>div{border-radius:8px;overflow:hidden}.content div[style*="position: fixed"] img{border:2px solid var(--green-accent);border-radius:8px}.portfolio-item:hover{transform:translateY(-2px);box-shadow:0 0 15px #7fff7f33}.mobile-cta{display:none}@media (width<=767px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.App.has-cta{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.mobile-cta{z-index:900;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom));background-color:var(--secondary-bg);border-top:1px solid var(--green-accent);transition:transform .2s,visibility .2s;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-cta.is-hidden{visibility:hidden;transform:translateY(100%)}.mobile-cta a{background-color:var(--green-accent);min-height:48px;color:var(--primary-bg);border-radius:4px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.mobile-cta a:focus-visible{outline:2px solid var(--primary-text);outline-offset:2px}}.public-hero{padding:1rem 0 .5rem}.public-hero h1{max-width:18ch;color:var(--primary-text);margin:0 0 .5rem;font-size:clamp(1.7rem,6.2vw,3.4rem);line-height:1.05}.public-hero .hero-sub{max-width:36rem;color:var(--secondary-text);margin:0 0 .85rem;font-size:1rem;line-height:1.4}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:.85rem;display:flex}.hero-primary,.work-more,.work-clear,.lightbox-like{border:1px solid var(--green-accent);background:var(--green-accent);min-height:44px;color:var(--primary-bg);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-secondary{color:var(--green-accent);align-items:center;min-height:44px;font-size:1rem;display:inline-flex}.hero-pieces,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.work-tile{aspect-ratio:3/4;border:1px solid var(--accent-bg);background:var(--secondary-bg);cursor:pointer;border-radius:6px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.work-tile img,.lightbox-photo img{object-fit:cover;width:100%;height:100%;display:block}.work-note,.intake p{color:var(--secondary-text);margin:.75rem 0 0;line-height:1.45}.work-note a,.intake a{color:var(--green-accent)}.home-gallery{min-height:86rem}.work-gallery{padding:1.5rem 0 .5rem}.work-group{margin:0 0 .8rem}.work-group p{color:var(--secondary-text);margin:0 0 .35rem;font-size:.85rem}.work-chips{flex-wrap:wrap;gap:.4rem;display:flex}.work-chip{border:1px solid var(--accent-color);background:var(--secondary-bg);min-height:44px;color:var(--primary-text);cursor:pointer;border-radius:999px;padding:.4rem .8rem;font-size:.95rem}.work-chip[aria-pressed=true]{border-color:var(--green-accent);color:var(--primary-bg);background:var(--green-accent)}.work-more,.work-clear{margin-top:1rem}.work-empty{color:var(--secondary-text);margin-top:1rem}.intake{border:1px solid var(--accent-bg);background:var(--secondary-bg);border-radius:8px;min-height:46rem;margin:2rem 0;padding:1.25rem}.intake h2{margin-bottom:.5rem;font-size:1.6rem}.info-block{margin:2rem 0}.info-block h2{margin-bottom:.75rem;font-size:1.6rem}.steps{color:var(--secondary-text);margin:0;padding-left:1.4rem;line-height:1.5}.steps li{margin-bottom:.4rem}.steps li::marker{color:var(--green-accent);font-weight:700}.price-minimum{color:var(--secondary-text);margin:0 0 .75rem}.price-minimum strong{color:var(--green-accent);font-size:1.3rem}.price-tiers{border:1px solid var(--accent-bg);background:var(--secondary-bg);border-radius:6px;margin:0}.price-tiers>div{border-bottom:1px solid var(--accent-bg);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.75rem 1rem;display:flex}.price-tiers>div:last-child{border-bottom:0}.price-tiers dt{color:var(--secondary-text)}.price-tiers dd{color:var(--primary-text);margin:0;font-weight:700}.info-note{color:var(--secondary-text);margin:.75rem 0 0;line-height:1.45}.policy-list details{border:1px solid var(--accent-bg);background:var(--secondary-bg);border-radius:6px;margin-bottom:.5rem}.policy-list summary{min-height:44px;color:var(--primary-text);cursor:pointer;align-items:center;padding:.5rem 1rem;font-weight:700;display:flex}.policy-list summary:focus-visible{outline:2px solid var(--green-accent);outline-offset:2px}.policy-list details p{color:var(--secondary-text);margin:0;padding:0 1rem .9rem;line-height:1.45}.lightbox{background:var(--primary-bg);width:min(960px,100vw - 1.5rem);max-height:calc(100vh - 1.5rem);color:var(--primary-text);border:0;border-radius:8px;padding:0}.lightbox::backdrop{background:#000000e0}.lightbox-photo{aspect-ratio:3/4;background:#000;max-height:70vh}.lightbox-photo img{object-fit:contain;background:#000}.lightbox-copy{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.lightbox-copy h2{font-size:1.4rem}.lightbox-copy p{color:var(--secondary-text)}.lightbox-close,.lightbox-nav{min-width:44px;min-height:44px;color:var(--primary-text);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.lightbox-close{position:absolute;top:.25rem;right:.25rem}.lightbox-nav{position:absolute;top:40%}.lightbox-prev{left:.25rem}.lightbox-next{right:.25rem}@media (width>=900px){.hero-pieces,.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-hero{padding-top:2rem}}
