/*
Theme Name: Hobberstad Media — Kjem snart
Theme URI: https://hobberstadmedia.no
Author: Hobberstad Media
Description: Ei enkel «kjem snart»-side med kontaktinformasjon.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hobberstad-coming-soon
*/

:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; background: #08090c; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { color: #f5f3ef; background: #08090c; }
a { color: inherit; }
.coming-soon { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 100svh; overflow: hidden; padding: clamp(1.25rem, 4vw, 3.5rem); }
.coming-soon::before { content: ""; position: absolute; z-index: -2; inset: 0; background-color: #11151b; background-size: cover; background-position: center 48%; transform: scale(1.015); }
.coming-soon::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(4,6,10,.05) 0%, rgba(4,6,10,.15) 38%, rgba(4,6,10,.70) 64%, rgba(4,6,10,.78) 100%), linear-gradient(0deg, rgba(4,6,10,.38), transparent 55%); }
.coming-soon__panel { width: min(100%, 590px); margin: 0 4vw 0 auto; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(255,255,255,.12); background: rgba(8,10,14,.55); box-shadow: 0 24px 90px rgba(0,0,0,.32); backdrop-filter: blur(12px); animation: arrive .75s ease-out both; }
.coming-soon__logo { display: block; width: min(100%, 470px); height: auto; margin: 0 auto 1.2rem; }
.coming-soon__eyebrow { margin: 0 0 .75rem; color: #ff5148; font-size: .78rem; font-weight: 700; letter-spacing: .22em; text-align: center; text-transform: uppercase; }
.coming-soon h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.4rem, 5.5vw, 4.1rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.02; text-align: center; }
.coming-soon__intro { max-width: 34rem; margin: 1.2rem auto 0; color: rgba(245,243,239,.80); font-size: 1.05rem; line-height: 1.7; text-align: center; }
.coming-soon__contact { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1.5rem; margin-top: 1.8rem; padding-top: 1.35rem; border-top: 1px solid rgba(255,255,255,.17); }
.coming-soon__contact a { color: #f5f3ef; font-size: .98rem; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: .25em; }
.coming-soon__contact a:hover { color: #ff665d; }
.coming-soon__label { display: block; margin-bottom: .25rem; color: #ff665d; font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-align: center; text-transform: uppercase; }
.coming-soon__note { margin: 1.25rem 0 0; color: rgba(245,243,239,.54); font-size: .75rem; letter-spacing: .08em; text-align: center; }
@keyframes arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
  .coming-soon { align-items: flex-end; min-height: 100svh; padding: 1rem; }
  .coming-soon::before { background-position: 34% center; }
  .coming-soon::after { background: linear-gradient(0deg, rgba(4,6,10,.92) 0%, rgba(4,6,10,.72) 40%, rgba(4,6,10,.08) 100%); }
  .coming-soon__panel { width: 100%; margin: 0; padding: 1.35rem 1.1rem 1.15rem; background: rgba(8,10,14,.66); }
  .coming-soon__logo { width: min(88%, 390px); margin-bottom: .9rem; }
  .coming-soon__intro { font-size: .96rem; }
  .coming-soon__contact { gap: .8rem 1.1rem; margin-top: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }