/* Red Hana Tours V2 - base layer */
html {
    scroll-padding-top: 108px;
}

.rht-v2-home {
    color: var(--color-ink);
    background:
        radial-gradient(circle at top left, rgba(217, 154, 50, 0.10), transparent 34rem),
        linear-gradient(180deg, var(--color-ivory), #fff 32rem);
    font-family: var(--font-body);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.rht-v2-home h1,
.rht-v2-home h2,
.rht-v2-home h3,
.rht-v2-home h4,
.rht-v2-home h5,
.rht-v2-home h6 {
    color: var(--color-ink);
    font-family: var(--font-heading);
    letter-spacing: 0;
}

.rht-v2-home h1 {
    font-size: clamp(2.55rem, 6vw, 4.35rem);
    line-height: 0.98;
}

.rht-v2-home h2,
.rht-v2-home .section-title {
    font-size: clamp(2rem, 4vw, 3.05rem);
    line-height: 1.08;
}

.rht-v2-home h3 {
    font-size: clamp(1.35rem, 2.3vw, 1.9rem);
    line-height: 1.2;
}

.rht-v2-home h4 {
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    line-height: 1.25;
}

.rht-v2-home p,
.rht-v2-home li {
    color: var(--color-muted);
    line-height: 1.72;
}

.rht-v2-home a {
    transition: color var(--duration-fast) var(--ease-standard),
        background var(--duration-fast) var(--ease-standard),
        border-color var(--duration-fast) var(--ease-standard),
        transform var(--duration-fast) var(--ease-standard),
        box-shadow var(--duration-fast) var(--ease-standard);
}

img,
picture {
    max-width: 100%;
}

:focus-visible {
    outline: 3px solid rgba(217, 154, 50, 0.55);
    outline-offset: 3px;
}

::selection {
    color: var(--color-ink);
    background: rgba(217, 154, 50, 0.28);
}

.u-container {
    width: min(100% - 40px, var(--container-lg));
    margin-inline: auto;
}

.u-container--narrow {
    width: min(100% - 40px, var(--container-sm));
    margin-inline: auto;
}

.u-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}