/*
Theme Name: AI Media Coming Soon Elegant
Theme URI: https://agromoritz-media.de
Author: OpenAI
Version: 1.2
Description: Minimalistisches Coming-Soon WordPress Theme für AI Media.
Text Domain: ai-media-coming-soon-elegant
*/

:root{
  --bg:#000000;
  --fg:#ffffff;
  --muted:rgba(255,255,255,.68);
  --line:rgba(255,255,255,.10);
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --max:1440px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
html{scroll-behavior:smooth}
body{
  min-height:100svh;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(900px 420px at 15% 10%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(800px 380px at 85% 20%, rgba(255,255,255,.05), transparent 58%),
    linear-gradient(180deg, #050505 0%, #000 40%, #000 100%);
  color:var(--fg);
  overflow:hidden;
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.aim-wrap{
  min-height:100svh;
  height:100svh;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}

.aim-wrap::before{
  content:"";
  position:absolute;
  inset:-15%;
  background:
    linear-gradient(125deg, transparent 20%, rgba(255,255,255,.04) 50%, transparent 80%);
  transform:rotate(-6deg);
  pointer-events:none;
  opacity:.35;
  z-index:0;
}

.aim-container{
  width:min(var(--max), calc(100% - 56px));
  margin:0 auto;
  position:relative;
  z-index:2;
}

.aim-header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding:26px 0 0;
  z-index:3;
  pointer-events:none;
}

.aim-header__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.aim-logo-link,
.aim-logo-static{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 0;
  pointer-events:auto;
}

.aim-logo-link img,
.aim-logo-static img{
  width:auto;
  object-fit:contain;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.45));
}

.aim-logo-link img{
  max-height:clamp(70px, 9vw, 120px);
  max-width:min(32vw, 440px);
}

.aim-logo-static img{
  max-height:clamp(78px, 10vw, 132px);
  max-width:min(34vw, 480px);
}

.aim-main{
  width:100%;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.aim-main .aim-container{
  display:flex;
  align-items:center;
  justify-content:center;
}

.aim-card{
  width:min(100%, 980px);
  padding:clamp(34px, 6vw, 72px);
  border:1px solid var(--line);
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  backdrop-filter: blur(14px) saturate(130%);
  text-align:center;
  position:relative;
  overflow:hidden;
  margin:0 auto;
}

.aim-card::before,
.aim-card::after{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:rotate(-6deg);
  pointer-events:none;
}

.aim-card::before{ top:26%; }
.aim-card::after{ top:71%; opacity:.65; }

.aim-kicker{
  display:inline-block;
  margin-bottom:18px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.aim-title{
  margin:0;
  font-size:clamp(44px, 7vw, 104px);
  line-height:.95;
  letter-spacing:-0.04em;
  font-weight:750;
}

.aim-subtitle{
  margin:18px auto 0;
  max-width:640px;
  color:var(--muted);
  font-size:clamp(15px, 1.8vw, 20px);
  line-height:1.65;
}

.aim-divider{
  width:min(240px, 48%);
  height:1px;
  margin:28px auto 0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  opacity:.75;
}

@media (max-width: 900px){
  .aim-container{width:min(var(--max), calc(100% - 34px))}
  .aim-header__inner{align-items:center}
  .aim-card{border-radius:26px}
}

@media (max-width: 680px){
  body, .aim-wrap, .aim-main{min-height:100dvh;height:100dvh}
  .aim-header{padding-top:14px}
  .aim-header__inner{gap:14px}
  .aim-logo-link img{
    max-height:50px;
    max-width:42vw;
  }
  .aim-logo-static img{
    max-height:54px;
    max-width:44vw;
  }
  .aim-container{width:min(var(--max), calc(100% - 22px))}
  .aim-card{
    width:min(100%, 1000px);
    padding:24px 18px 26px;
    border-radius:22px;
  }
  .aim-kicker{
    font-size:10px;
    letter-spacing:.18em;
    padding:8px 12px;
    margin-bottom:14px;
  }
  .aim-title{
    font-size:clamp(34px, 11vw, 62px);
  }
  .aim-subtitle{
    font-size:14px;
    line-height:1.5;
    margin-top:14px;
  }
  .aim-divider{
    margin-top:20px;
  }
}

@media (max-height: 760px){
  .aim-card{
    padding-top:28px;
    padding-bottom:28px;
  }
  .aim-title{
    font-size:clamp(38px, 6.2vw, 88px);
  }
  .aim-subtitle{
    font-size:clamp(14px, 1.5vw, 18px);
  }
}