/*
Theme Name: Schick – Website im Aufbau
Theme URI: https://example.com/
Author: OpenAI
Description: Kostenlose, minimalistische Coming-soon-Seite für Steinmetzbetrieb Schick.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: schick-coming-soon
*/
:root {
  --stone: #d8c7ad;
  --sand: #b99a72;
  --ink: #20211f;
  --paper: #f5f0e7;
  --muted: #d8d2c8;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: var(--ink);
  color: #fff;
}
a { color: inherit; }
.schick-stage {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(24px, 5vw, 64px);
  background:
    linear-gradient(90deg, rgba(22,23,21,.94) 0%, rgba(22,23,21,.77) 47%, rgba(22,23,21,.30) 100%),
    linear-gradient(0deg, rgba(22,23,21,.75), rgba(22,23,21,.05) 55%),
    url("assets/excavator.svg") center / cover no-repeat,
    #33332e;
}
.schick-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(216,199,173,.22);
  margin: 14px;
  pointer-events: none;
  z-index: -1;
}
.schick-header, .schick-main, .schick-footer { position: relative; z-index: 1; }
.schick-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: #fff;
}
.schick-mark {
  width: 46px; height: 46px;
  display: grid; place-items: center;
  border: 1px solid var(--stone);
  color: var(--stone);
  font-size: 24px; font-weight: 500; letter-spacing: -2px;
}
.schick-brand-name { font-size: 12px; line-height: 1.55; letter-spacing: .17em; text-transform: uppercase; }
.schick-brand-name strong { display: block; font-size: 14px; letter-spacing: .12em; }
.schick-main { width: min(760px, 100%); margin: auto 0; padding: 72px 0 86px; }
.schick-eyebrow {
  display: flex; align-items: center; gap: 12px;
  color: var(--stone); font-size: 11px; letter-spacing: .22em;
  text-transform: uppercase; font-weight: 700;
}
.schick-eyebrow::before { content: ""; width: 34px; height: 1px; background: var(--sand); }
h1 {
  margin: 24px 0 22px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
  font-size: clamp(48px, 7.8vw, 100px);
}
h1 span { color: var(--stone); font-style: italic; }
.schick-copy { max-width: 510px; color: #e2ded6; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.75; }
.schick-rule { width: 70px; height: 2px; background: var(--sand); margin: 30px 0; }
.schick-note { color: #c6c1b8; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.schick-footer {
  display: flex; justify-content: space-between; align-items: end; gap: 24px;
  border-top: 1px solid rgba(245,240,231,.25); padding-top: 20px;
  color: #d5d0c7; font-size: 12px; line-height: 1.7;
}
.schick-footer strong { color: #fff; font-weight: 600; }
.schick-contact { text-align: right; }
.schick-contact a { text-decoration: none; border-bottom: 1px solid rgba(216,199,173,.55); }
@media (max-width: 600px) {
  .schick-stage { padding: 28px; background-position: 58% center; }
  .schick-stage::after { margin: 8px; }
  .schick-main { padding: 62px 0; }
  .schick-footer { flex-direction: column; align-items: flex-start; }
  .schick-contact { text-align: left; }
}