.tattoo-inquiry-redesign{--ti-gold:#d7a94d;--ti-gold-light:#f0d18c;--ti-ruby:#8f2335;--ti-panel:#100e0b;overflow-x:hidden;background:#080705}
.tattoo-inquiry-redesign main{overflow:hidden}
.tattoo-inquiry-redesign .ti-section{position:relative;padding:clamp(52px,6vw,82px) 0}
.tattoo-inquiry-redesign .ti-heading{max-width:820px;margin-bottom:clamp(28px,4vw,46px)}
.tattoo-inquiry-redesign .ti-heading h2,.tattoo-inquiry-redesign .ti-block-title{margin:0;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;line-height:1.03;text-transform:uppercase}
.tattoo-inquiry-redesign .ti-heading p,.tattoo-inquiry-redesign .ti-copy{color:var(--home-muted)}
.tattoo-inquiry-redesign .ti-heading .lead{margin-bottom:0}

.ti-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(215,169,77,.25),transparent 33%),linear-gradient(115deg,#050504,#0f0b07 60%,#050504)}
.ti-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(215,169,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(215,169,77,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.ti-hero:after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-36%;width:66%;height:86%;border:2px solid rgba(215,169,77,.5);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:drop-shadow(0 0 18px rgba(215,169,77,.45));transform:rotate(-14deg)}
.ti-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:end;gap:clamp(20px,3vw,52px);min-height:650px;padding-top:clamp(42px,5vw,70px)}
.ti-hero-copy{position:relative;z-index:2;align-self:center;max-width:660px;padding-bottom:clamp(52px,6vw,82px)}
.ti-hero-copy h1{margin:0 0 24px;text-transform:uppercase}
.ti-hero-copy h1 span{display:block}
.ti-hero-copy .brush-heading{margin:4px 0 14px;color:var(--ti-gold-light);font-size:clamp(2.8rem,4.2vw,4rem);line-height:1.1;text-transform:none;text-shadow:0 0 30px rgba(215,169,77,.2)}
.ti-hero-copy .hero-block-title{font-size:clamp(2.45rem,5.6vw,5.2rem);font-weight:800;line-height:.97;letter-spacing:-.045em}
.ti-hero-copy p{max-width:650px;margin:0;color:var(--home-muted);font-size:clamp(.98rem,1.4vw,1.08rem)}
.ti-hero-copy .actions{margin-top:25px}
.ti-hero-image{position:relative;z-index:1;align-self:end;justify-self:end;width:min(48vw,600px);margin-right:-2vw;filter:drop-shadow(0 18px 45px rgba(0,0,0,.65))}
.ti-hero-image img{width:100%;height:auto;object-fit:contain;object-position:right bottom}
.ti-hero-image:after{content:"";position:absolute;z-index:-1;inset:35% 0 2% 18%;background:radial-gradient(ellipse,rgba(215,169,77,.26),transparent 67%);filter:blur(28px)}

.ti-conversion-band{border-block:1px solid rgba(215,169,77,.55);background:linear-gradient(90deg,#0b0906,#22170c 50%,#0b0906);box-shadow:inset 0 0 38px rgba(215,169,77,.08)}
.ti-conversion-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:22px}
.ti-conversion-inner strong{font-size:clamp(1.05rem,2vw,1.42rem);letter-spacing:.035em;text-transform:uppercase}
.ti-conversion-inner .btn{flex:0 0 auto}

.ti-styles{background:radial-gradient(circle at 50% 100%,rgba(215,169,77,.08),transparent 48%),#0b0907}
.ti-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ti-style-card{position:relative;overflow:hidden;aspect-ratio:19/12;margin:0;border:0;background:transparent;box-shadow:0 16px 40px rgba(0,0,0,.35);transition:transform .25s ease,box-shadow .25s ease}
.ti-style-card img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.07);filter:saturate(.94) contrast(1.04);transition:transform .35s ease}
.ti-style-card:hover{z-index:2;transform:translateY(-5px);border-color:var(--ti-gold-light);box-shadow:0 20px 45px rgba(0,0,0,.55),0 0 22px rgba(215,169,77,.16)}
.ti-style-card:hover img{transform:scale(1.11)}
.ti-style-cta{display:grid;justify-items:start;gap:8px;margin-top:clamp(30px,4vw,48px);padding-top:30px;border-top:1px solid rgba(215,169,77,.28)}
.ti-style-cta h3{margin:0;font-size:clamp(1.7rem,3.3vw,3rem);text-transform:uppercase}
.ti-style-cta p{margin:0 0 12px;color:var(--ti-gold-light);font-family:"Kaushan Script",cursive;font-size:clamp(1.6rem,3vw,2.7rem)}

.ti-about{background:linear-gradient(135deg,#0e0b08,#080705)}
.ti-about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(330px,.52fr);gap:clamp(42px,7vw,94px);align-items:center}
.ti-about-copy{max-width:760px}
.ti-about-copy p{margin:0 0 16px;color:var(--home-muted)}
.ti-about-copy p:first-of-type{color:var(--home-text);font-size:1.08rem;font-weight:700}
.ti-about-signature{position:relative;min-height:380px;display:grid;place-items:center;border-left:1px solid rgba(215,169,77,.24)}
.ti-about-signature .brush-section-heading{max-width:330px;margin:0;color:var(--ti-gold-light);text-align:center}
.ti-about-signature:before,.ti-about-signature:after{content:"";position:absolute;border:1px solid rgba(215,169,77,.28);border-radius:50%;inset:15% 10%;transform:rotate(18deg)}
.ti-about-signature:after{inset:24% 18%;transform:rotate(-18deg)}

.ti-reviews{background:#0b0907}
.ti-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ti-review{display:flex;flex-direction:column;min-height:255px;padding:24px;border:1px solid rgba(215,169,77,.28);background:linear-gradient(145deg,#17130f,#0d0b08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.ti-review:hover{transform:translateY(-5px);border-color:rgba(215,169,77,.68);box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 20px rgba(215,169,77,.12)}
.ti-review-stars{color:var(--ti-gold);letter-spacing:.14em}
.ti-review blockquote{flex:1;margin:18px 0;color:var(--home-text);font-size:.92rem;line-height:1.65}
.ti-review footer{color:var(--ti-gold-light);font-size:.82rem;font-weight:700}
.ti-reviews-cta{display:grid;justify-items:start;margin-top:34px}
.ti-reviews-cta .brush-section-heading{margin:0 0 18px;color:var(--ti-gold-light);font-size:clamp(2rem,4.2vw,3.8rem)}

.ti-process{background:#080705}
.ti-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ti-process-card{padding:28px;border-top:1px solid rgba(215,169,77,.7);border-bottom:1px solid rgba(215,169,77,.18);background:linear-gradient(180deg,rgba(215,169,77,.07),transparent)}
.ti-process-card span{display:block;margin-bottom:16px;color:var(--ti-gold);font-size:.82rem;font-weight:800;letter-spacing:.14em}
.ti-process-card h3{margin-bottom:10px;font-size:1.25rem;text-transform:uppercase}
.ti-process-card p{margin:0;color:var(--home-muted)}
.ti-process-action{margin-top:32px}

.ti-eyecatcher-section{padding:0;background:#050504}
.ti-eyecatcher{position:relative;width:min(100%,1536px);margin:auto;overflow:hidden;background:#050504}
.ti-eyecatcher img{width:100%;height:auto}
.ti-eyecatcher:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 73%,rgba(255,200,88,.25),transparent 21%);mix-blend-mode:screen;opacity:0;animation:ti-gold-flash 7s ease-in-out infinite}
.ti-eyecatcher:hover img{filter:brightness(1.04) saturate(1.04)}
.ti-eyecatcher-link{position:absolute;z-index:2;left:43%;top:65%;width:47%;height:17%;border-radius:999px;text-indent:-9999px;overflow:hidden}
.ti-eyecatcher-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes ti-gold-flash{0%,78%,100%{opacity:0}84%{opacity:.72}91%{opacity:.12}}

.ti-form-section{scroll-margin-top:92px;background:radial-gradient(circle at 88% 10%,rgba(215,169,77,.11),transparent 33%),#0b0907}
.ti-form-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,32px);width:min(100%,960px);margin-inline:auto}
.ti-form-intro{position:static;max-width:820px}
.ti-form-intro p{color:var(--home-muted)}
.ti-form-card{padding:clamp(22px,4vw,42px);border:1px solid rgba(215,169,77,.48);background:linear-gradient(145deg,#18130f,#0c0a08);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.ti-form{display:grid;gap:20px}
.ti-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ti-field{display:grid;gap:7px;font-weight:700}
.ti-field-wide{grid-column:1/-1}
.ti-field span{color:var(--ti-gold-light);font-size:.85rem}
.ti-field input,.ti-field textarea{width:100%;padding:14px 15px;border:1px solid rgba(215,169,77,.33);border-radius:3px;background:#080705;color:var(--home-text);font:inherit}
.ti-field textarea{min-height:165px;resize:vertical}
.ti-field input:focus,.ti-field textarea:focus{outline:3px solid rgba(215,169,77,.18);border-color:var(--ti-gold)}
.ti-form-help,.ti-no-upload{margin:-7px 0 0;color:var(--home-muted);font-size:.84rem}
.ti-privacy{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;color:var(--home-muted);font-size:.88rem;line-height:1.55}
.ti-privacy input{width:20px;height:20px;margin-top:2px;accent-color:var(--ti-gold)}
.ti-privacy a{color:var(--ti-gold-light)}
.ti-submit{width:100%;min-height:54px;border:0;cursor:pointer}
.ti-submit[disabled]{cursor:wait;opacity:.68}
.ti-form-status{margin:0;padding:13px 15px;border-radius:3px;font-weight:700}
.ti-form-status[data-state="success"]{border:1px solid #568d65;background:#142219;color:#c9f1d2}
.ti-form-status[data-state="error"]{border:1px solid #a96060;background:#2b1515;color:#ffd0d0}
.ti-whatsapp{display:grid;gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(215,169,77,.25)}
.ti-whatsapp p{margin:0;color:var(--home-muted)}
.ti-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.ti-faq{background:#080705}
.ti-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ti-faq details{overflow:hidden;border:1px solid rgba(215,169,77,.28);background:linear-gradient(145deg,#17130f,#0d0b08)}
.ti-faq details[open]{border-color:rgba(215,169,77,.67);box-shadow:0 0 22px rgba(215,169,77,.1)}
.ti-faq summary{position:relative;cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-weight:750}
.ti-faq summary::-webkit-details-marker{display:none}
.ti-faq summary:after{content:"+";position:absolute;right:22px;top:50%;translate:0 -50%;color:var(--ti-gold);font-size:1.5rem}
.ti-faq details[open] summary:after{content:"−"}
.ti-faq details p{margin:0;padding:0 22px 22px;color:var(--home-muted)}

.ti-final{padding:clamp(52px,7vw,92px) 0;background:radial-gradient(circle at 75% 50%,rgba(143,35,53,.17),transparent 35%),linear-gradient(135deg,#100d09,#080705)}
.ti-final-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:36px;border-block:1px solid rgba(215,169,77,.4)}
.ti-final-inner h2{max-width:760px;margin:0;font-size:clamp(2rem,4.3vw,4rem);font-weight:800;line-height:1.03;text-transform:uppercase}

.tattoo-inquiry-redesign .site-footer .footer-nav a{position:relative;width:max-content;max-width:100%}
.tattoo-inquiry-redesign .site-footer .footer-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ti-gold);transform:scaleX(0);transform-origin:left;transition:transform .27s ease}
.tattoo-inquiry-redesign .site-footer .footer-nav a:hover{color:var(--ti-gold-light)}
.tattoo-inquiry-redesign .site-footer .footer-nav a:hover:after,.tattoo-inquiry-redesign .site-footer .footer-nav a:focus-visible:after{transform:scaleX(1)}
.tattoo-inquiry-redesign .footer-service-line{margin-bottom:8px;font-weight:700}
.tattoo-inquiry-redesign .footer-appointment{color:var(--ti-gold);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ti-sticky-cta{display:none}

@media(max-width:1050px){
  .ti-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(360px,1fr);min-height:590px}
  .ti-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ti-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .ti-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:42px}
  .ti-hero-copy{padding-bottom:0}
  .ti-hero-image{width:min(100%,640px);margin:0 auto;justify-self:center}
  .ti-conversion-inner{align-items:flex-start;flex-direction:column}
  .ti-about-grid,.ti-form-layout{grid-template-columns:1fr}
  .ti-about-signature{min-height:240px;border-left:0;border-top:1px solid rgba(215,169,77,.24)}
  .ti-form-intro{position:static}
  .ti-process-grid{grid-template-columns:1fr}
  .ti-faq-grid{grid-template-columns:1fr}
  .ti-final-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .tattoo-inquiry-redesign{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .ti-hero-grid{padding-top:34px}
  .ti-hero-copy .brush-heading{font-size:clamp(2.75rem,13vw,4rem)}
  .ti-hero-copy .hero-block-title{font-size:clamp(2.35rem,12vw,3.6rem)}
  .ti-hero-copy p{font-size:.95rem}
  .ti-hero-image{width:112%;margin-left:-6%;max-width:none}
  .ti-conversion-inner .btn{width:100%}
  .ti-style-grid{display:flex;gap:10px;margin-inline:calc(var(--wrap-pad,20px) * -1);padding:4px var(--wrap-pad,20px) 18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(215,169,77,.5) transparent}
  .ti-style-card{flex:0 0 78vw;max-width:320px;scroll-snap-align:start}
  .ti-review-grid{grid-template-columns:1fr}
  .ti-review{min-height:0}
  .ti-eyecatcher{width:142%;margin-left:-21%}
  .ti-eyecatcher-link{left:43%;top:65%;width:47%;height:18%}
  .ti-form-card{padding:22px 16px}
  .ti-form-grid{grid-template-columns:1fr}
  .ti-field-wide{grid-column:auto}
  .ti-field input::placeholder,.ti-field textarea::placeholder{font-size:clamp(.76rem,3.2vw,.86rem)}
  .ti-final-inner .btn{width:100%}
  .ti-sticky-cta{position:fixed;z-index:900;display:flex;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;min-height:48px;margin:0;padding:11px 16px;box-shadow:0 0 24px rgba(143,35,53,.48),0 10px 34px rgba(0,0,0,.7)}
  .tattoo-inquiry-redesign:has(.consent-banner:not([hidden])) .ti-sticky-cta{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom)))}
}
@media(max-width:390px){.ti-eyecatcher{width:154%;margin-left:-27%}}
@media(prefers-reduced-motion:reduce){
  .tattoo-inquiry-redesign *{scroll-behavior:auto!important}
  .ti-eyecatcher:after{animation:none}
  .ti-style-card,.ti-style-card img,.ti-review,.tattoo-inquiry-redesign .ruby-cta,.tattoo-inquiry-redesign .btn,.tattoo-inquiry-redesign .site-footer .footer-nav a:after{transition:none!important;animation:none!important}
}
