:root {
    color-scheme: light;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #233c35;
    background: #f5f2eb;
    -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body { margin: 0; }
.coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    padding: 36px clamp(24px, 6vw, 96px) 24px;
    border-top: 5px solid #233c35;
    background: radial-gradient(ellipse at 90% 35%, #e4e7dc 0, transparent 55%);
}
.brand { display: flex; align-items: center; gap: 14px; }
.brand img { width: 64px; height: 64px; object-fit: contain; }
.wordmark { font-family: Georgia, "Times New Roman", serif; font-size: 34px; letter-spacing: -1.2px; }
.brand-caption { display: block; margin-top: 6px; font-family: "Segoe UI", Arial, sans-serif; font-size: 9px; letter-spacing: 2px; }
main { position: relative; isolation: isolate; width: 100%; max-width: 1120px; margin: auto; padding: 72px 0; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; font-size: 10px; font-weight: 600; letter-spacing: 2.6px; }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #8d7855; }
.message { max-width: 575px; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
h1 { margin: 0 0 26px; font-size: clamp(38px, 5.1vw, 66px); line-height: 1.12; letter-spacing: -1.8px; }
h1 em { font-weight: 400; color: #6d775e; }
.message p { margin: 0; font-size: 15px; line-height: 1.85; color: #53615a; }
.message .thanks { margin-top: 10px; }
.divider { width: 56px; height: 1px; background: #ac9673; margin: 30px 0; }
h2 { margin: 0 0 14px; font-size: 25px; line-height: 1.35; }
.english p { font-size: 14px; }
.stone-outline { position: absolute; z-index: -1; right: 0; top: 12%; width: 28%; aspect-ratio: 0.67; border: 1px solid #b9bea9; border-radius: 50% 50% 2px 2px; transform: rotate(9deg); opacity: 0.65; }
.stone-outline span { position: absolute; inset: 20px; border: 1px solid #c9ccbd; border-radius: inherit; }
footer { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #d7dbcf; padding-top: 20px; color: #617064; font-size: 10px; letter-spacing: 1px; }
footer span:last-child { font-size: 9px; letter-spacing: 2px; }
@media (max-width: 800px) {
    .stone-outline { display: none; }
    main { padding: 56px 0; }
}
@media (max-width: 480px) {
    .coming-soon { padding-top: 24px; }
    .brand img { width: 48px; height: 48px; }
    .wordmark { font-size: 29px; }
    .brand-caption { font-size: 8px; letter-spacing: 1.5px; }
    .eyebrow { font-size: 9px; letter-spacing: 1.8px; }
    h1 { letter-spacing: -1.2px; }
    h2 { font-size: 23px; }
    footer { flex-direction: column; gap: 10px; }
}