.laurarium-home-hero {
    position: relative;
    min-height: min(760px, 82vh);
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(48px, 7vw, 110px);
    color: #f6f1e4;
    background:
        radial-gradient(circle at 78% 35%, rgba(216,183,90,.12), transparent 24%),
        radial-gradient(circle at 96% 82%, rgba(92,140,95,.20), transparent 30%),
        linear-gradient(112deg, #0d2218 0%, #143021 50%, #1e4630 100%);
}
.laurarium-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background: linear-gradient(90deg, rgba(8,25,17,.94) 0%, rgba(10,28,19,.86) 43%, rgba(10,28,19,.18) 68%, rgba(10,28,19,.04) 100%);
}
.laurarium-home-hero__texture {
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .2;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.09) 0 1px, transparent 1.6px),
        radial-gradient(circle at 75% 60%, rgba(255,255,255,.06) 0 1px, transparent 1.8px);
    background-size: 28px 28px, 43px 43px;
}
.laurarium-home-hero__content {
    position: relative;
    z-index: 4;
    max-width: 760px;
}
.laurarium-home-hero__eyebrow {
    margin: 0 0 16px;
    color: #d9bd62;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
    font-weight: 800;
}
.laurarium-home-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fffaf0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 7vw, 92px);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.laurarium-home-hero__intro {
    max-width: 660px;
    margin: 26px 0 0;
    color: rgba(255,255,255,.79);
    font-size: clamp(17px, 1.7vw, 22px);
    line-height: 1.65;
}
.laurarium-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}
.laurarium-home-hero__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    text-decoration: none !important;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.laurarium-home-hero__button:hover {
    transform: translateY(-2px);
}
.laurarium-home-hero__button.is-primary {
    color: #11291c;
    border-color: #d9bd62;
    background: #d9bd62;
    box-shadow: 0 10px 28px rgba(216,183,90,.18);
}
.laurarium-home-hero__button.is-secondary {
    color: #fff;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(8px);
}
.laurarium-home-hero__footer {
    margin: 25px 0 0;
    color: rgba(255,255,255,.53);
    font-size: 12px;
    letter-spacing: .05em;
}
.laurarium-home-hero__world {
    position: relative;
    z-index: 2;
    min-height: 520px;
    align-self: stretch;
}
.laurarium-home-hero__glass {
    position: absolute;
    inset: 8% 4% 4% 7%;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 42% 42% 18% 18% / 18% 18% 8% 8%;
    background:
        linear-gradient(120deg, rgba(255,255,255,.08), transparent 18%),
        linear-gradient(180deg, rgba(44,91,59,.14), rgba(8,28,18,.12));
    box-shadow:
        inset 0 0 70px rgba(156,203,153,.08),
        0 40px 80px rgba(0,0,0,.22);
}
.laurarium-home-hero__glass::after {
    content: "";
    position: absolute;
    inset: 8% 13% auto auto;
    width: 3px;
    height: 45%;
    border-radius: 999px;
    transform: rotate(9deg);
    background: linear-gradient(180deg, rgba(255,255,255,.32), transparent);
}
.laurarium-home-hero__moon {
    position: absolute;
    top: 15%;
    right: 14%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    opacity: .55;
    background: radial-gradient(circle, rgba(240,212,119,.7), rgba(240,212,119,.08) 62%, transparent 70%);
    filter: blur(.5px);
}
.laurarium-home-hero__moss {
    position: absolute;
    left: 7%;
    right: 0;
    bottom: 4%;
    height: 31%;
    border-radius: 48% 55% 0 0;
    background:
        radial-gradient(circle at 20% 10%, #6a8e4c 0 3%, transparent 4%),
        radial-gradient(circle at 38% 22%, #78984f 0 3%, transparent 4%),
        radial-gradient(circle at 61% 14%, #4e7442 0 4%, transparent 5%),
        radial-gradient(circle at 79% 31%, #75944d 0 3%, transparent 4%),
        linear-gradient(180deg, #456b3d, #263f2d 55%, #17291e);
    box-shadow: inset 0 16px 30px rgba(150,184,91,.12);
}
.laurarium-home-hero__log {
    position: absolute;
    left: 23%;
    right: 8%;
    bottom: 18%;
    height: 64px;
    border-radius: 45% 18% 35% 30%;
    transform: rotate(-7deg);
    background:
        linear-gradient(10deg, rgba(255,255,255,.06), transparent 24%),
        repeating-linear-gradient(100deg, #4c3827 0 7px, #3a291e 7px 14px);
    box-shadow: 0 18px 25px rgba(0,0,0,.28);
}
.laurarium-home-hero__fern {
    position: absolute;
    bottom: 23%;
    width: 180px;
    height: 280px;
    opacity: .9;
}
.laurarium-home-hero__fern::before,
.laurarium-home-hero__fern::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #365c3b, #6d9455);
}
.laurarium-home-hero__fern::after {
    left: 36px;
    height: 83%;
    transform: rotate(15deg);
    transform-origin: bottom;
}
.fern-one {
    left: 8%;
    transform: rotate(-12deg);
}
.fern-two {
    right: 2%;
    transform: scale(.8) rotate(15deg);
}
.laurarium-home-hero__fern {
    background:
        radial-gradient(ellipse at 18% 20%, #6f955d 0 9%, transparent 10%),
        radial-gradient(ellipse at 44% 27%, #61854f 0 9%, transparent 10%),
        radial-gradient(ellipse at 10% 39%, #567a48 0 9%, transparent 10%),
        radial-gradient(ellipse at 52% 48%, #71945b 0 9%, transparent 10%),
        radial-gradient(ellipse at 14% 62%, #4c713f 0 9%, transparent 10%),
        radial-gradient(ellipse at 57% 70%, #688b53 0 9%, transparent 10%);
}
.laurarium-home-hero__newt {
    position: absolute;
    left: 43%;
    bottom: 28%;
    width: 170px;
    height: 70px;
    transform: rotate(-8deg);
    filter: drop-shadow(0 9px 9px rgba(0,0,0,.35));
}
.newt-body,
.newt-head,
.newt-tail,
.newt-leg {
    position: absolute;
    display: block;
    background: linear-gradient(180deg, #f58b35, #c4521f);
}
.newt-body {
    left: 48px;
    top: 23px;
    width: 85px;
    height: 25px;
    border-radius: 50% 45% 42% 50%;
}
.newt-head {
    left: 29px;
    top: 18px;
    width: 34px;
    height: 31px;
    border-radius: 58% 45% 48% 55%;
}
.newt-head::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #21150e;
}
.newt-tail {
    left: 124px;
    top: 27px;
    width: 48px;
    height: 14px;
    border-radius: 10% 100% 100% 10%;
    transform: rotate(10deg);
}
.newt-leg {
    width: 31px;
    height: 5px;
    border-radius: 999px;
}
.leg-one {
    left: 58px;
    top: 44px;
    transform: rotate(42deg);
}
.leg-two {
    left: 101px;
    top: 43px;
    transform: rotate(-34deg);
}
.laurarium-home-hero__firefly {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f0d477;
    box-shadow: 0 0 14px 5px rgba(240,212,119,.35);
    animation: laurariumFirefly 4s ease-in-out infinite;
}
.f1 { top: 24%; left: 28%; }
.f2 { top: 41%; right: 19%; animation-delay: 1.2s; }
.f3 { top: 58%; left: 15%; animation-delay: 2.1s; }
.f4 { top: 31%; right: 38%; animation-delay: .6s; }
@keyframes laurariumFirefly {
    0%, 100% { opacity: .28; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-10px); }
}
@media (max-width: 980px) {
    .laurarium-home-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        padding-bottom: 0;
    }
    .laurarium-home-hero::before {
        background: linear-gradient(180deg, rgba(8,25,17,.95) 0%, rgba(10,28,19,.78) 58%, rgba(10,28,19,.08) 100%);
    }
    .laurarium-home-hero__content {
        max-width: 760px;
    }
    .laurarium-home-hero__world {
        width: min(700px, 100%);
        min-height: 420px;
        justify-self: center;
    }
}
@media (max-width: 620px) {
    .laurarium-home-hero {
        padding: 50px 22px 0;
    }
    .laurarium-home-hero h1 {
        font-size: clamp(43px, 14vw, 68px);
    }
    .laurarium-home-hero__world {
        min-height: 340px;
    }
    .laurarium-home-hero__newt {
        left: 30%;
        transform: scale(.78) rotate(-8deg);
    }
}