/*
Theme Name: GoatTattooHaNoi
Description: This is a child theme for Flatsome Theme
Author: Thietkewebchuyen.com
Template: flatsome
Version: 3.0
*/

:root {
    --goat-color-primary: #D2A83C;
    --goat-color-primary-hover: #D7B963;
    --goat-color-gold-dark: #A06C18;
    --goat-color-gold-mid: #BB8922;
    --goat-color-gold-light: #D7B963;
    --goat-color-white: #FFFFFF;
    --goat-color-black: #000000;
    --goat-color-bg: #15130F;
    --goat-color-dark: #080807;
    --goat-color-text: #E8E3D9;
    --goat-color-muted: #B7A786;
    --goat-color-border: #BB8922;
    --goat-color-placeholder: #242019;
    --goat-color-overlay: rgba(0, 0, 0, .58);
    --goat-color-overlay-light: rgba(0, 0, 0, .25);
    --goat-color-overlay-dark: rgba(0, 0, 0, .80);
    --goat-color-glow: rgba(210, 168, 60, .32);
    --goat-color-instagram: #A06C18;
    --goat-hero-image: none;
    --goat-service-image: none;
}

.goattattoohanoi_com_hero,
.goattattoohanoi_com_gallery,
.goattattoohanoi_com_about,
.goattattoohanoi_com_service,
.goattattoohanoi_com_footer {
    color: var(--goat-color-white);
}

.goattattoohanoi_com_hero {
    position: relative;
    min-height: 505px;
    overflow: hidden;
    background-color: var(--goat-color-dark);
    isolation: isolate;
}

.goattattoohanoi_com_hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: var(--goat-hero-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.goattattoohanoi_com_hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--goat-color-overlay);
    pointer-events: none;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 950px;
    align-items: center;
    margin-bottom: 0;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_header .col {
    padding-bottom: 0;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_header_logo {
    padding-top: 5px;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border: 3px solid var(--goat-color-gold-mid);
    border-radius: 50%;
    color: var(--goat-color-primary);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_header_nav .goattattoohanoi_com_nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_nav a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--goat-color-white);
    font-family: Georgia, serif;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color .25s ease;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_nav a:hover {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_row {
    min-height: 505px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_row .col {
    padding-bottom: 0;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 85px 15px 35px;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_image_note {
    position: absolute;
    left: 50%;
    top: -55px;
    transform: translateX(-50%);
    color: var(--goat-color-muted);
    opacity: .5;
    pointer-events: none;
    white-space: nowrap;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_label {
    color: var(--goat-color-primary);
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: 15px;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_content h1 {
    max-width: 680px;
    margin: 0 auto;
    color: var(--goat-color-white);
    font-family: Arial, sans-serif;
    font-size: 43px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_content h1 span {
    display: block;
    margin-top: 13px;
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_hero .goattattoohanoi_com_hero_action {
    margin-top: 25px;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_booking_btn {
    display: inline-block;
    padding: 9px 15px;
    border: 1px solid var(--goat-color-gold-mid);
    background: var(--goat-color-overlay-light);
    color: var(--goat-color-white);
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    transition: background .25s ease, color .25s ease;
}

.goattattoohanoi_com_hero .goattattoohanoi_com_booking_btn:hover {
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
}

.goattattoohanoi_com_gallery {
    position: relative;
    background: var(--goat-color-bg);
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_heading {
    text-align: center;
    margin-bottom: 20px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_heading h2 {
    color: var(--goat-color-primary);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.3;
    margin: 0;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_inner {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_inner > .col {
    padding-bottom: 0;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider {
    width: 100%;
    margin-bottom: 0;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slide {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 20px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slide .col {
    padding: 0 9px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_card {
    width: 100%;
    margin: 0;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_link {
    display: block;
    text-decoration: none;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 0.68;
    width: 100%;
    overflow: hidden;
    background: var(--goat-color-placeholder);
    border: 1px solid var(--goat-color-border);
    border-radius: 7px;
    color: var(--goat-color-muted);
    text-align: center;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_link:hover img {
    transform: scale(1.06);
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button {
    width: 35px;
    height: 35px;
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--goat-color-primary);
    opacity: 1;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button.previous {
    left: -24px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button.next {
    right: -24px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-page-dots {
    position: relative;
    bottom: auto;
    margin: 12px 0 0;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-page-dots .dot {
    width: 5px;
    height: 5px;
    border: none;
    background: var(--goat-color-gold-mid);
    opacity: .4;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-page-dots .dot.is-selected {
    background: var(--goat-color-primary-hover);
    opacity: 1;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_action {
    text-align: center;
    margin-top: 10px;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_glow_btn,
.goattattoohanoi_com_about .goattattoohanoi_com_glow_btn {
    display: inline-block;
    min-width: 88px;
    padding: 12px 18px;
    border: 1px solid var(--goat-color-gold-mid);
    background: var(--goat-color-black);
    color: var(--goat-color-primary);
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    box-shadow: 0 0 18px var(--goat-color-glow);
    transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

.goattattoohanoi_com_gallery .goattattoohanoi_com_glow_btn:hover,
.goattattoohanoi_com_about .goattattoohanoi_com_glow_btn:hover {
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
    box-shadow: 0 0 25px var(--goat-color-glow);
}

.goattattoohanoi_com_about {
    position: relative;
    overflow: hidden;
    background: #383636;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_row {
    max-width: 760px;
    margin: 0 auto;
    align-items: center;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_row .col {
    padding-bottom: 0;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_col {
    padding-right: 18px;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content {
    padding: 20px 0;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content h2 {
    margin-bottom: 8px;
    color: var(--goat-color-gold-mid);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content .goattattoohanoi_com_about_label {
    margin-bottom: 7px;
    color: var(--goat-color-primary);
    font-weight: 600;
    letter-spacing: .18em;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content h3 {
    color: var(--goat-color-white);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 18px;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content p {
    color: var(--goat-color-text);
    line-height: 1.55;
    text-align: justify;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_content strong {
    color: var(--goat-color-gold-light);
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_action {
    text-align: center;
    margin-top: 22px;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_image_col {
    align-self: stretch;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_media {
    height: 100%;
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_image {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    background: var(--goat-color-placeholder);
}

.goattattoohanoi_com_about .goattattoohanoi_com_about_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goattattoohanoi_com_about .goattattoohanoi_com_image_placeholder,
.goattattoohanoi_com_service .goattattoohanoi_com_image_placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--goat-color-muted);
    text-align: center;
}

.goattattoohanoi_com_service {
    position: relative;
    min-height: 445px;
    overflow: hidden;
    background-color: var(--goat-color-dark);
    isolation: isolate;
}

.goattattoohanoi_com_service::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: var(--goat-service-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.goattattoohanoi_com_service::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--goat-color-overlay);
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_heading {
    margin-bottom: 24px;
    text-align: center;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_heading h2 {
    margin: 0;
    color: var(--goat-color-white);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_row {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_row .col {
    padding: 0 12px;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_card {
    margin-bottom: 0;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid var(--goat-color-gold-dark);
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_image {
    position: relative;
    height: 325px;
    overflow: hidden;
    background: var(--goat-color-placeholder);
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_link:hover img {
    transform: scale(1.06);
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_link:hover {
    border-color: var(--goat-color-primary-hover);
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_name {
    position: absolute;
    inset: auto 0 0;
    padding: 36px 18px 13px;
    background: linear-gradient(to bottom, transparent, var(--goat-color-overlay-dark));
}

.goattattoohanoi_com_service .goattattoohanoi_com_service_name h3 {
    margin: 0;
    color: var(--goat-color-white);
    font-weight: 700;
    line-height: 1.3;
}

.goattattoohanoi_com_footer {
    position: relative;
    background: var(--goat-color-black);
    padding-top: 28px !important;
    padding-bottom: 12px !important;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_row {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_row .col {
    padding: 0 12px;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_block h3,
.goattattoohanoi_com_footer .goattattoohanoi_com_footer_social h3 {
    color: var(--goat-color-gold-light);
    margin-bottom: 14px;
    line-height: 1.35;
    font-weight: 700;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 5px;
    color: var(--goat-color-white);
    line-height: 1.4;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item:first-of-type {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item .icon,
.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item i {
    flex: 0 0 auto;
    color: var(--goat-color-gold-light);
    font-size: 13px;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item:first-of-type .icon,
.goattattoohanoi_com_footer .goattattoohanoi_com_footer_item:first-of-type i {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_footer .goattattoohanoi_com_social_links {
    display: flex;
    gap: 5px;
    align-items: center;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_social_links a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    color: var(--goat-color-black);
    background: var(--goat-color-gold-mid);
    border-radius: 3px;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_social_links a:hover {
    background: var(--goat-color-primary-hover);
    transform: translateY(-2px);
}

.goattattoohanoi_com_footer .goattattoohanoi_com_copyright {
    margin-top: 32px;
    text-align: center;
}

.goattattoohanoi_com_footer .goattattoohanoi_com_copyright p {
    margin: 0;
    color: var(--goat-color-muted);
    font-weight: 600;
}

@media (max-width: 849px) {
    .goattattoohanoi_com_hero .goattattoohanoi_com_header {
        max-width: 100%;
        padding: 0 20px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_nav {
        gap: 10px;
        justify-content: flex-end;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_hero_content h1 {
        font-size: 35px;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_inner {
        max-width: 100%;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slide {
        padding: 0 14px;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button.previous {
        left: -8px;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button.next {
        right: -8px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_row {
        max-width: 100%;
        padding: 0 20px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_image {
        height: 420px;
    }

    .goattattoohanoi_com_service .goattattoohanoi_com_service_row {
        max-width: 100%;
    }

    .goattattoohanoi_com_footer .goattattoohanoi_com_footer_row .col {
        margin-bottom: 20px;
    }
}

@media (max-width: 549px) {
    .goattattoohanoi_com_hero {
        min-height: 560px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_header {
        position: relative;
        transform: none;
        left: auto;
        padding-top: 12px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_logo {
        width: 52px;
        height: 52px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_header_nav .goattattoohanoi_com_nav {
        justify-content: flex-end;
        gap: 8px 12px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_hero_row {
        min-height: 425px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_hero_content {
        padding: 40px 10px;
    }

    .goattattoohanoi_com_hero .goattattoohanoi_com_hero_content h1 {
        font-size: 30px;
        line-height: 1.35;
    }



    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_heading h2 {
        font-size: 26px;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slide .col {
        padding: 0 6px 12px;
    }

    .goattattoohanoi_com_gallery .goattattoohanoi_com_gallery_slider .flickity-prev-next-button {
        width: 24px;
        height: 24px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_row {
        padding: 0 15px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_col {
        padding-right: 15px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_content {
        padding: 35px 0;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_content h2 {
        font-size: 27px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_content h3 {
        font-size: 20px;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_image_col {
        padding: 0;
    }

    .goattattoohanoi_com_about .goattattoohanoi_com_about_image {
        height: 450px;
    }

    .goattattoohanoi_com_service {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .goattattoohanoi_com_service .goattattoohanoi_com_service_heading h2 {
        font-size: 27px;
    }

    .goattattoohanoi_com_service .goattattoohanoi_com_service_row .col {
        padding-bottom: 20px;
    }

    .goattattoohanoi_com_service .goattattoohanoi_com_service_image {
        height: 320px;
    }

    .goattattoohanoi_com_footer {
        padding-top: 35px !important;
    }

    .goattattoohanoi_com_footer .goattattoohanoi_com_footer_row .col {
        margin-bottom: 25px;
    }

    .goattattoohanoi_com_footer .goattattoohanoi_com_copyright {
        margin-top: 15px;
    }
}







@property --goattattoohanoi_com_neon_angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes goattattoohanoi_com_neon_rotate {
    0% {
        --goattattoohanoi_com_neon_angle: 0deg;
    }
    100% {
        --goattattoohanoi_com_neon_angle: 360deg;
    }
}

.button.goattattoohanoi_com_neon_button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 22px !important;
    margin: 0;
    overflow: visible !important;
    isolation: isolate;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--goat-color-black) !important;
    color: var(--goat-color-primary) !important;
    box-shadow: none !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .5s ease;
}

.button.goattattoohanoi_com_neon_button span {
    position: relative;
    z-index: 3;
}

.button.goattattoohanoi_com_neon_button::before,
.button.goattattoohanoi_com_neon_button::after {
    content: "";
    position: absolute;
    inset: -2px;
    padding: 2px;
    border-radius: 2px;
    pointer-events: none;

    background: conic-gradient(
        from var(--goattattoohanoi_com_neon_angle),
        transparent 0deg,
        transparent 50deg,
        var(--goat-color-primary) 300deg,
        var(--goat-color-primary-hover) 360deg
    );

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    mask-composite: exclude;

    animation: goattattoohanoi_com_neon_rotate 2000ms linear infinite;
    transition: opacity .5s ease;
}

.button.goattattoohanoi_com_neon_button::before {
    z-index: 2;
}

.button.goattattoohanoi_com_neon_button::after {
    z-index: 1;
    filter: blur(10px);
    opacity: .85;
}

.button.goattattoohanoi_com_neon_button:hover {
    color: var(--goat-color-primary-hover) !important;
    background: var(--goat-color-black) !important;
}

.button.goattattoohanoi_com_neon_button:hover::before,
.button.goattattoohanoi_com_neon_button:hover::after {
    animation-play-state: paused;
    background: conic-gradient(
        from var(--goattattoohanoi_com_neon_angle),
        var(--goat-color-primary) 0deg,
        var(--goat-color-primary-hover) 360deg
    );
}

.button.goattattoohanoi_com_neon_button:focus-visible {
    outline: 2px solid var(--goat-color-primary);
    outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
    .button.goattattoohanoi_com_neon_button::before,
    .button.goattattoohanoi_com_neon_button::after {
        animation: none;
    }
}






.goattattoohanoi_com_about_page {
    position: relative;
    overflow: hidden;
    color: var(--goat-color-white);
}

.goattattoohanoi_com_about_page .goattattoohanoi_com_about_page_label {
    color: var(--goat-color-primary);
    font-weight: 700;
    letter-spacing: .2em;
    margin-bottom: 17px;
}

.goattattoohanoi_com_about_page h1,
.goattattoohanoi_com_about_page h2,
.goattattoohanoi_com_about_page h3 {
    color: var(--goat-color-white);
}

.goattattoohanoi_com_about_page h1 span,
.goattattoohanoi_com_about_page h2 span {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page p {
    color: var(--goat-color-muted);
    line-height: 1.8;
}

.goattattoohanoi_com_about_page a {
    text-decoration: none;
}

.goattattoohanoi_com_about_page .goattattoohanoi_com_about_page_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 48px;
    padding: 12px 24px;
    border: 1px solid var(--goat-color-primary);
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
    transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.goattattoohanoi_com_about_page .goattattoohanoi_com_about_page_btn:hover {
    background: var(--goat-color-black);
    color: var(--goat-color-primary);
    box-shadow: 0 0 22px var(--goat-color-glow);
    transform: translateY(-2px);
}

.goattattoohanoi_com_about_page .goattattoohanoi_com_about_page_btn span {
    transition: transform .3s ease;
}

.goattattoohanoi_com_about_page .goattattoohanoi_com_about_page_btn:hover span {
    transform: translate(3px, -3px);
}

.goattattoohanoi_com_about_page_hero {
    background: radial-gradient(
        ellipse at 82% 45%,
        var(--goat-color-bg) 0%,
        var(--goat-color-black) 72%
    );
}

.goattattoohanoi_com_about_page_hero::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    right: -190px;
    top: -190px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    border-radius: 50%;
    pointer-events: none;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_row {
    align-items: center;
    min-height: 470px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content {
    position: relative;
    z-index: 2;
    padding-right: 30px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content h1 {
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.035em;
    margin-bottom: 25px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content h1 span {
    display: block;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content > p:not(.goattattoohanoi_com_about_page_label) {
    max-width: 510px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 32px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_text_link {
    color: var(--goat-color-white);
    font-weight: 600;
    transition: color .3s ease;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_text_link:hover {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_visual {
    padding: 18px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_frame {
    position: relative;
    padding: 13px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    transform: rotate(2deg);
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_frame::before,
.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_frame::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-color: var(--goat-color-primary);
    border-style: solid;
    pointer-events: none;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_frame::before {
    top: -2px;
    left: -2px;
    border-width: 2px 0 0 2px;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_frame::after {
    right: -2px;
    bottom: -2px;
    border-width: 0 2px 2px 0;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_photo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--goat-color-bg);
    color: var(--goat-color-muted);
    text-align: center;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_frame_label {
    padding: 15px 0 3px;
    color: var(--goat-color-primary);
    text-align: center;
    letter-spacing: .18em;
    font-weight: 600;
}

.goattattoohanoi_com_about_page_story {
    background: var(--goat-color-dark);
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_media {
    position: relative;
    padding: 15px 35px 15px 0;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_media::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 50px;
    bottom: 30px;
    border: 1px solid var(--goat-color-primary);
    pointer-events: none;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 4.5;
    background: var(--goat-color-bg);
    text-align: center;
    color: var(--goat-color-muted);
    overflow: hidden;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_content {
    padding-left: 35px;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_content h2,
.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_visit_content h2 {
    font-size: clamp(28px, 3vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 22px;
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_accent {
    width: 65px;
    height: 2px;
    margin-bottom: 25px;
    background: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_signature {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    color: var(--goat-color-primary);
    font-weight: 700;
    letter-spacing: .18em;
}

.goattattoohanoi_com_about_page_values {
    background: var(--goat-color-black);
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_section_heading {
    max-width: 740px;
    margin: 0 auto 45px;
    text-align: center;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_section_heading h2 {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 22px;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_values_row .col {
    display: flex;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 265px;
    padding: 32px 27px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    background: var(--goat-color-dark);
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card:hover {
    border-color: var(--goat-color-primary);
    transform: translateY(-5px);
    box-shadow: 0 10px 35px var(--goat-color-glow);
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_number {
    color: var(--goat-color-primary);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card h3 {
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 15px;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_line {
    width: 45px;
    height: 2px;
    background: var(--goat-color-primary);
    margin-bottom: 20px;
}

.goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card p {
    margin-bottom: 0;
}

.goattattoohanoi_com_about_page_visit {
    background: var(--goat-color-bg);
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_visit_content {
    padding-right: 35px;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 17px 0;
    border-bottom: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_icon .icon,
.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_icon i {
    font-size: 18px;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_info {
    flex: 1;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_info strong {
    display: block;
    margin-bottom: 5px;
    color: var(--goat-color-white);
    letter-spacing: .08em;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_info p {
    margin-bottom: 0;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_info a {
    color: var(--goat-color-muted);
    transition: color .3s ease;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_contact_info a:hover {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_visit_actions {
    margin-top: 28px;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_card {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 440px;
    padding: 28px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    background:
        radial-gradient(
            circle at center,
            color-mix(
                in srgb,
                var(--goat-color-primary) 12%,
                transparent
            ),
            transparent 70%
        ),
        var(--goat-color-black);
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_inner {
    width: 100%;
    padding: 70px 20px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 25%,
        transparent
    );
    text-align: center;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    border: 2px solid var(--goat-color-primary);
    border-radius: 50%;
    margin: 0 auto 25px;
    color: var(--goat-color-primary);
    font-size: 29px;
    font-weight: 800;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_divider {
    width: 60px;
    height: 1px;
    background: var(--goat-color-primary);
    margin: 0 auto 25px;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_inner h3 {
    font-weight: 700;
    letter-spacing: .07em;
    margin-bottom: 12px;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_inner p {
    color: var(--goat-color-primary);
    letter-spacing: .18em;
}

.goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_address {
    color: var(--goat-color-muted);
    letter-spacing: .12em;
}

.goattattoohanoi_com_about_page_cta {
    background:
        radial-gradient(
            ellipse at 50% 100%,
            color-mix(
                in srgb,
                var(--goat-color-primary) 12%,
                transparent
            ),
            transparent 65%
        ),
        var(--goat-color-black);
}

.goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_cta_content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_cta_content h2 {
    font-size: clamp(32px, 4vw, 51px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 22px;
}

.goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_cta_actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 32px;
}

.goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_btn_outline {
    background: transparent;
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_btn_outline:hover {
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
}

@media (max-width: 849px) {
    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_row {
        min-height: 0;
    }

    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content {
        padding-right: 0;
    }

    .goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_content {
        padding-left: 15px;
    }

    .goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_visit_content {
        padding-right: 15px;
    }

    .goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card {
        padding: 25px 20px;
    }
}

@media (max-width: 549px) {
    .goattattoohanoi_com_about_page_hero {
        padding-top: 50px !important;
        padding-bottom: 45px !important;
    }

    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_content h1 {
        font-size: 37px;
    }

    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_actions {
        gap: 20px;
    }

    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_visual {
        margin-top: 30px;
        padding: 12px;
    }

    .goattattoohanoi_com_about_page_hero .goattattoohanoi_com_about_page_hero_photo {
        aspect-ratio: 5 / 4;
    }

    .goattattoohanoi_com_about_page_story,
    .goattattoohanoi_com_about_page_values,
    .goattattoohanoi_com_about_page_visit {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_media {
        padding-right: 20px;
        margin-bottom: 25px;
    }

    .goattattoohanoi_com_about_page_story .goattattoohanoi_com_about_page_story_content {
        padding-left: 0;
    }

    .goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_section_heading {
        margin-bottom: 25px;
    }

    .goattattoohanoi_com_about_page_values .goattattoohanoi_com_about_page_value_card {
        min-height: 0;
        padding: 30px 25px;
    }

    .goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_visit_content {
        padding-right: 0;
        margin-bottom: 25px;
    }

    .goattattoohanoi_com_about_page_visit .goattattoohanoi_com_about_page_location_card {
        min-height: 360px;
    }

    .goattattoohanoi_com_about_page_cta {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_cta_content h2 {
        font-size: 32px;
    }

    .goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_cta_actions {
        flex-direction: column;
        align-items: center;
    }

    .goattattoohanoi_com_about_page_cta .goattattoohanoi_com_about_page_btn {
        width: 100%;
        max-width: 300px;
    }
}









.goattattoohanoi_com_contact {
    position: relative;
    overflow: hidden;
    color: var(--goat-color-white);
}

.goattattoohanoi_com_contact .goattattoohanoi_com_contact_label {
    color: var(--goat-color-primary);
    font-weight: 700;
    letter-spacing: .18em;
    margin-bottom: 18px;
}

.goattattoohanoi_com_contact h1,
.goattattoohanoi_com_contact h2,
.goattattoohanoi_com_contact h3 {
    color: var(--goat-color-white);
}

.goattattoohanoi_com_contact h1 span,
.goattattoohanoi_com_contact h2 span {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_contact p {
    color: var(--goat-color-muted);
    line-height: 1.8;
}

.goattattoohanoi_com_contact a {
    text-decoration: none;
}

.goattattoohanoi_com_contact .goattattoohanoi_com_contact_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    min-height: 48px;
    padding: 12px 25px;
    border: 1px solid var(--goat-color-primary);
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center;
    transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.goattattoohanoi_com_contact .goattattoohanoi_com_contact_btn:hover {
    background: var(--goat-color-black);
    color: var(--goat-color-primary);
    transform: translateY(-3px);
    box-shadow: 0 0 24px var(--goat-color-glow);
}

.goattattoohanoi_com_contact .goattattoohanoi_com_contact_btn .icon,
.goattattoohanoi_com_contact .goattattoohanoi_com_contact_btn i {
    font-size: 13px;
    margin: 0;
}

.goattattoohanoi_com_contact_hero {
    background:
        radial-gradient(
            ellipse at 80% 50%,
            color-mix(
                in srgb,
                var(--goat-color-primary) 10%,
                transparent
            ),
            transparent 65%
        ),
        var(--goat-color-dark);
}

.goattattoohanoi_com_contact_hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: -220px;
    right: -150px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-primary) 20%,
        transparent
    );
    border-radius: 50%;
    pointer-events: none;
}

.goattattoohanoi_com_contact_hero::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -220px;
    left: -160px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-primary) 12%,
        transparent
    );
    border-radius: 50%;
    pointer-events: none;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_row {
    justify-content: center;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_content h1 {
    font-size: clamp(36px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.03em;
    margin-bottom: 25px;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_content h1 span {
    display: block;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_content > p:not(.goattattoohanoi_com_contact_label) {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 30px;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_text_link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--goat-color-white);
    font-weight: 600;
    transition: color .3s ease;
}

.goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_text_link:hover {
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_contact_details {
    background: var(--goat-color-bg);
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_heading {
    max-width: 720px;
    margin: 0 auto 30px;
    text-align: center;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_heading h2 {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 18px;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_cards .col {
    display: flex;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 280px;
    padding: 32px 27px;
    border: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 30%,
        transparent
    );
    background: var(--goat-color-dark);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card:hover {
    transform: translateY(-5px);
    border-color: var(--goat-color-primary);
    box-shadow: 0 10px 35px var(--goat-color-glow);
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 25px;
    border: 1px solid var(--goat-color-primary);
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_icon .icon,
.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_icon i {
    font-size: 23px;
    margin: 0;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card h3 {
    font-weight: 700;
    letter-spacing: .03em;
    margin-bottom: 15px;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_line {
    width: 45px;
    height: 2px;
    margin-bottom: 20px;
    background: var(--goat-color-primary);
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card p {
    flex: 1;
    margin-bottom: 22px;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_link {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: fit-content;
    color: var(--goat-color-primary);
    font-weight: 700;
    transition: color .3s ease;
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_link:hover {
    color: var(--goat-color-primary-hover);
}

.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_link .icon,
.goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_link i {
    font-size: 12px;
    margin: 0;
}

.goattattoohanoi_com_contact_location {
    background: var(--goat-color-dark);
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_row {
    align-items: center;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_content {
    padding-right: 30px;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_content h2 {
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 23px 0;
    margin-top: 15px;
    border-top: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 30%,
        transparent
    );
    border-bottom: 1px solid color-mix(
        in srgb,
        var(--goat-color-border) 30%,
        transparent
    );
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border: 1px solid var(--goat-color-primary);
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_icon .icon,
.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_icon i {
    font-size: 20px;
    margin: 0;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_text {
    flex: 1;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_text strong {
    display: block;
    margin-bottom: 8px;
    color: var(--goat-color-white);
    font-weight: 700;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_address_text p {
    margin-bottom: 0;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_action {
    margin-top: 27px;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_map {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--goat-color-border);
    background: var(--goat-color-bg);
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_map iframe {
    display: block;
    width: 100%;
    height: 430px;
    border: 0;
    filter: grayscale(1) invert(.92) contrast(.85);
    transition: filter .35s ease;
}

.goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_map:hover iframe {
    filter: grayscale(.5) invert(0) contrast(1);
}

.goattattoohanoi_com_contact_booking {
    background:
        radial-gradient(
            ellipse at 50% 100%,
            color-mix(
                in srgb,
                var(--goat-color-primary) 12%,
                transparent
            ),
            transparent 65%
        ),
        var(--goat-color-black);
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_content h2 {
    font-size: clamp(30px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 22px;
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_content > p:not(.goattattoohanoi_com_contact_label) {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 30px;
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_btn_outline {
    background: transparent;
    color: var(--goat-color-primary);
}

.goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_btn_outline:hover {
    background: var(--goat-color-primary);
    color: var(--goat-color-black);
}

@media (max-width: 849px) {
    .goattattoohanoi_com_contact_hero {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card {
        padding: 25px 20px;
        min-height: 290px;
    }

    .goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_content {
        padding-right: 10px;
    }
}

@media (max-width: 549px) {
    .goattattoohanoi_com_contact_hero {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_hero_content h1 {
        font-size: 35px;
    }

    .goattattoohanoi_com_contact_hero .goattattoohanoi_com_contact_actions {
        flex-direction: column;
        gap: 22px;
        margin-top: 25px;
    }

    .goattattoohanoi_com_contact_details,
    .goattattoohanoi_com_contact_location {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_heading {
        margin-bottom: 20px;
    }

    .goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_heading h2 {
        font-size: 29px;
    }

    .goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card {
        min-height: 0;
        padding: 27px 23px;
    }

    .goattattoohanoi_com_contact_details .goattattoohanoi_com_contact_card_icon {
        margin-bottom: 18px;
    }

    .goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_content {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_location_content h2 {
        font-size: 30px;
    }

    .goattattoohanoi_com_contact_location .goattattoohanoi_com_contact_map iframe {
        height: 350px;
    }

    .goattattoohanoi_com_contact_booking {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_content h2 {
        font-size: 32px;
    }

    .goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_booking_actions {
        flex-direction: column;
        align-items: center;
    }

    .goattattoohanoi_com_contact_booking .goattattoohanoi_com_contact_btn {
        width: 100%;
        max-width: 310px;
    }
}









.goattattoohanoi_com_footer{background:var(--goat-color-black);color:var(--goat-color-white);padding-top:55px!important;padding-bottom:0!important}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_main{padding-bottom:40px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_main>.col{padding-bottom:25px}.goattattoohanoi_com_footer h3{color:var(--goat-color-primary);font-weight:700;letter-spacing:.08em;line-height:1.4;margin-bottom:23px}.goattattoohanoi_com_footer p{color:var(--goat-color-muted);line-height:1.7;margin-bottom:15px}.goattattoohanoi_com_footer a{color:var(--goat-color-muted);text-decoration:none;transition:color .3s ease}.goattattoohanoi_com_footer a:hover{color:var(--goat-color-primary)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brand{padding-right:25px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brandmark{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;margin-bottom:20px;line-height:1}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brandmark strong{color:var(--goat-color-primary);font-size:44px;font-weight:900;letter-spacing:.04em;line-height:1}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brandmark span{display:block;color:var(--goat-color-white);font-weight:700;letter-spacing:.28em;margin-top:7px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_slogan{color:var(--goat-color-primary);font-weight:700;letter-spacing:.08em;margin-top:20px;margin-bottom:22px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_social_link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--goat-color-border);color:var(--goat-color-primary);transition:background .3s ease,color .3s ease}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_social_link:hover{background:var(--goat-color-primary);color:var(--goat-color-black)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_social_link .icon{font-size:18px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_links ul{list-style:none;padding:0;margin:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_links ul li{padding:0;margin:0 0 13px;border:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_links ul li a{display:inline-block;padding:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_links ul li a:hover{transform:translateX(3px)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_item{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:var(--goat-color-primary)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_icon .icon{font-size:17px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_text{flex:1}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_text strong{display:block;color:var(--goat-color-white);margin-bottom:8px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_contact_text p{margin-bottom:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_booking p{margin-bottom:24px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_booking_btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:11px 17px;border:1px solid var(--goat-color-primary);background:var(--goat-color-primary);color:var(--goat-color-black);font-weight:700;line-height:1.4;text-align:center;transition:background .3s ease,color .3s ease}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_booking_btn:hover{background:#fff0;color:var(--goat-color-primary)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_instagram{margin-top:22px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_instagram a{display:inline-flex;align-items:center;gap:9px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_instagram .icon{color:var(--goat-color-primary);font-size:17px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom{padding-top:18px;padding-bottom:18px;border-top:1px solid var(--goat-color-border);align-items:center}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom .col{padding-bottom:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom p{margin:0;color:var(--goat-color-muted)}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom_right{text-align:right;letter-spacing:.08em}@media (max-width:849px){.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brand{padding-right:0}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_main{padding-bottom:15px}}@media (max-width:549px){.goattattoohanoi_com_footer{padding-top:40px!important}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_main>.col{padding-bottom:30px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_brandmark strong{font-size:38px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom{padding-top:20px;padding-bottom:20px}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_copyright,.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom_right{text-align:center}.goattattoohanoi_com_footer .goattattoohanoi_com_footer_bottom_right{margin-top:7px}}