/*! © 2026 Dastan Invites, dastaninvites.com. All rights reserved. This invitation's design, code, artwork and music may not be copied, reused or resold. */

:root {
    --emerald: #0b4a3b;
    --emerald-deep: #062a21;
    --emerald-night: #03170f;
    --gold: #c9a45c;
    --gold-soft: #e6cf98;
    --ivory: #f5efe2;
    --ink: #0b3d31;
    --card-w: min(100%, max( 75svh, 360px))
}

html.is-tablet {
    --card-w: 100%
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%
}

html,
body {
    margin: 0;
    background: radial-gradient(ellipse 70% 60% at 50% 45%, rgba(20, 110, 84, .35), transparent 70%), radial-gradient(ellipse at 50% 50%, #0a3a2e, #05211a 62%, #020f0b) fixed;
    background-color: var(--emerald-night)
}

body {
    min-height: 100vh
}

img {
    display: block;
    max-width: 100%
}

.card {
    position: relative;
    width: var(--card-w);
    margin: 0 auto;
    background: var(--emerald-deep);
    box-shadow: 0 0 60px #0000008c
}

.invite-clock {
    display: block;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.invite-wait {
    display: block;
    width: 1px;
    height: 1px;
    opacity: 0
}

[data-section].is-away *,
[data-section].is-away *:before,
[data-section].is-away *:after {
    animation-play-state: paused !important
}

[data-section].is-far:before,
[data-section].is-far:after {
    animation-play-state: paused !important
}