.domain-button--cherished {
    color: #31101f;
    background: #ffd36d;
    box-shadow: 0 18px 42px rgba(166, 77, 104, 0.24);
}

.domain-listing-card--cherished {
    color: #fff9f6;
    background:
        linear-gradient(132deg, rgba(55, 17, 44, 0.96), rgba(147, 65, 95, 0.82) 48%, rgba(35, 112, 107, 0.76)),
        repeating-linear-gradient(115deg, rgba(255, 211, 109, 0.18) 0 1px, transparent 1px 44px);
}

.domain-listing-card--cherished::before {
    opacity: 0.9;
    background:
        linear-gradient(180deg, rgba(49, 16, 31, 0.04), rgba(49, 16, 31, 0.58)),
        radial-gradient(ellipse at 78% 22%, rgba(255, 211, 109, 0.36), transparent 34%),
        repeating-linear-gradient(90deg, rgba(255, 249, 246, 0.1) 0 1px, transparent 1px 18px);
}

.domain-card-cherished-art {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: min(35%, 150px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    transform: rotate(-7deg);
    filter: drop-shadow(-10px 14px 22px rgba(38, 10, 28, 0.36));
}

.domain-card-cherished-art::before,
.domain-card-cherished-art::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 249, 246, 0.34);
    border-radius: 8px;
}

.domain-card-cherished-art::before {
    inset: 7%;
    background:
        linear-gradient(145deg, rgba(255, 249, 246, 0.32), rgba(255, 211, 109, 0.22)),
        radial-gradient(circle at 34% 38%, rgba(255, 249, 246, 0.88) 0 9%, transparent 10%),
        radial-gradient(circle at 66% 38%, rgba(255, 249, 246, 0.88) 0 9%, transparent 10%),
        linear-gradient(90deg, transparent 27%, rgba(35, 112, 107, 0.6) 27% 73%, transparent 73%);
}

.domain-card-cherished-art::after {
    inset: 58% 24% 22%;
    background: rgba(255, 249, 246, 0.28);
    border-radius: 999px;
}

.domain-card-cherished-art span {
    position: relative;
    z-index: 1;
    width: 42%;
    aspect-ratio: 1.38;
    background: #ffd36d;
    border-radius: 8px 8px 8px 2px;
    transform: translateY(42%) rotate(-5deg);
    box-shadow: -25px -38px 0 rgba(255, 249, 246, 0.22);
}

.cherished-hero {
    color: #fff9f6;
    background: #31101f;
}

.cherished-canvas,
.cherished-hero-wash {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.cherished-canvas {
    z-index: 0;
}

.cherished-hero-wash {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(49, 16, 31, 0.9), rgba(49, 16, 31, 0.56) 54%, rgba(49, 16, 31, 0.18)),
        linear-gradient(180deg, rgba(18, 37, 39, 0.18), rgba(49, 16, 31, 0.42)),
        repeating-linear-gradient(0deg, rgba(255, 249, 246, 0.06) 0 1px, transparent 1px 9px);
}

.cherished-hero .domain-kicker,
.domain-inquiry-page--cherished .domain-kicker,
.sale-detail--cherished .domain-kicker {
    color: #ffd36d;
}

.cherished-hero h1 {
    color: #ffffff;
    text-shadow: 0 7px 26px rgba(49, 16, 31, 0.48);
}

.cherished-companion {
    position: relative;
    z-index: 2;
    width: min(470px, 100%);
    aspect-ratio: 1;
    align-self: center;
    justify-self: end;
    display: grid;
    place-items: center;
}

.cherished-companion-mesh {
    position: absolute;
    width: 84%;
    aspect-ratio: 1;
    background:
        linear-gradient(135deg, transparent 0 47%, rgba(255, 211, 109, 0.34) 47% 48%, transparent 48%),
        linear-gradient(45deg, transparent 0 49%, rgba(84, 189, 177, 0.28) 49% 50%, transparent 50%),
        repeating-linear-gradient(90deg, rgba(255, 249, 246, 0.12) 0 1px, transparent 1px 44px);
    border: 1px solid rgba(255, 249, 246, 0.22);
    border-radius: 8px;
    opacity: 0.72;
    transform: rotate(7deg);
}

.cherished-companion-frame {
    position: relative;
    width: 52%;
    aspect-ratio: 0.9;
    overflow: hidden;
    background:
        radial-gradient(circle at 35% 31%, rgba(255, 249, 246, 0.98) 0 7%, transparent 8%),
        radial-gradient(circle at 65% 31%, rgba(255, 249, 246, 0.98) 0 7%, transparent 8%),
        linear-gradient(150deg, rgba(255, 249, 246, 0.88), rgba(255, 211, 109, 0.5) 46%, rgba(84, 189, 177, 0.58)),
        linear-gradient(180deg, #fff9f6, #f67e96);
    border: 1px solid rgba(255, 249, 246, 0.64);
    border-radius: 8px;
    box-shadow:
        inset 0 0 0 9px rgba(49, 16, 31, 0.12),
        0 28px 70px rgba(16, 20, 24, 0.36);
    transform: rotate(-5deg);
}

.cherished-companion-frame::before {
    content: "";
    position: absolute;
    left: 24%;
    right: 24%;
    top: 48%;
    height: 9%;
    background: rgba(49, 16, 31, 0.46);
    border-radius: 999px;
    box-shadow: 0 37px 0 rgba(84, 189, 177, 0.7);
}

.cherished-companion-lines {
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 14%;
    height: 30%;
    border-top: 5px solid rgba(49, 16, 31, 0.42);
    border-bottom: 5px solid rgba(49, 16, 31, 0.26);
}

.cherished-companion-lines::before,
.cherished-companion-lines::after {
    content: "";
    position: absolute;
    left: 0;
    height: 5px;
    background: rgba(49, 16, 31, 0.38);
    border-radius: 999px;
}

.cherished-companion-lines::before {
    top: 34%;
    width: 86%;
}

.cherished-companion-lines::after {
    top: 68%;
    width: 58%;
}

.cherished-signal {
    position: absolute;
    width: 22%;
    aspect-ratio: 1.6;
    border: 1px solid rgba(255, 249, 246, 0.4);
    border-radius: 8px;
    background: rgba(255, 249, 246, 0.12);
    backdrop-filter: blur(10px);
}

.cherished-signal::before {
    content: "";
    position: absolute;
    inset: 28% 18%;
    background: linear-gradient(90deg, #ffd36d 0 24%, transparent 24% 38%, #54bdb1 38% 62%, transparent 62% 76%, #f67e96 76%);
    border-radius: 999px;
}

.cherished-signal--one {
    left: 6%;
    top: 18%;
    transform: rotate(10deg);
}

.cherished-signal--two {
    right: 3%;
    top: 28%;
    transform: rotate(-12deg);
}

.cherished-signal--three {
    left: 15%;
    bottom: 12%;
    transform: rotate(-8deg);
}

.sale-detail--cherished {
    color: #31101f;
    background:
        linear-gradient(125deg, #fff9f6, #f8e8ec 55%, #d5eeeb);
}

.sale-detail.sale-detail--cherished p {
    color: rgba(49, 16, 31, 0.76);
}

.sale-detail--cherished .sale-points p {
    color: #31101f;
    background: rgba(255, 255, 255, 0.64);
    border-color: rgba(147, 65, 95, 0.18);
    box-shadow: 0 16px 36px rgba(49, 16, 31, 0.08);
}

.domain-inquiry-page--cherished .domain-inquiry-shell {
    color: #fff9f6;
    background: #31101f;
}

.domain-inquiry-page--cherished .domain-inquiry-card {
    color: #31101f;
    background: rgba(255, 249, 246, 0.9);
    border-color: rgba(255, 211, 109, 0.42);
    box-shadow: 0 30px 90px rgba(49, 16, 31, 0.32);
}

.domain-inquiry-page--cherished .domain-inquiry-input {
    color: #31101f;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(147, 65, 95, 0.22);
}

.domain-inquiry-page--cherished .domain-inquiry-input:focus {
    outline-color: rgba(255, 211, 109, 0.32);
    border-color: rgba(147, 65, 95, 0.58);
}

.domain-inquiry-page--cherished .domain-inquiry-note {
    color: rgba(49, 16, 31, 0.68);
}

.domain-inquiry-page--cherished .domain-inquiry-errors p {
    color: #93415f;
}
