/*
Theme Name: Omicron Group — Coming Soon
Theme URI: https://tl-sound.ru/
Author: Omicron Group / TL-Sound
Description: Одностраничная временная тема в стиле Omicron Group. Не требует плагинов.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: omicron-coming-soon
*/
:root {
  color-scheme: dark;
  --paper: #111619;
  --ink: #f4f1ed;
  --quiet: #b9b8b6;
  --bronze: #c6a482;
}
* { box-sizing: border-box; }
html { min-height:100%; scroll-behavior:smooth; }
body {
  margin:0;
  min-height:100vh;
  min-height:100svh;
  background:var(--paper);
  color:var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.site-shell {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  background:radial-gradient(ellipse at 78% 45%, #2b2521 0%, #15191a 56%, #0f1315 100%);
}
.scene-art {
  position:absolute;
  z-index:-3;
  inset:0 0 0 40%;
  background-image:url('./assets/scene.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center 48%;
  opacity:.91;
  animation:scene-arrive 1600ms ease-out both;
}
.scene-toning {
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, #101416 0%, rgba(16,20,22,.98) 21%, rgba(16,20,22,.85) 41%, rgba(16,20,22,.2) 66%, rgba(12,14,15,.17) 100%),
    linear-gradient(180deg, rgba(10,13,15,.58) 0%, rgba(10,13,15,0) 29%, rgba(10,13,15,.06) 61%, rgba(10,13,15,.74) 100%);
}
.site-shell:after {
  content:'';
  z-index:-1;
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 81% 42%, transparent 3%, rgba(8,10,11,.13) 78%);
}
.site-header,.site-footer,.main-content { width:min(100% - 10vw, 1570px); margin-inline:auto; }
.site-header {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding-block:clamp(24px,3.2vw,48px);
  border-bottom:1px solid rgba(240,240,240,.16);
}
.brand-logo { width:clamp(174px,15.5vw,238px); height:auto; max-height:52px; object-fit:contain; object-position:left center; }
.header-note {
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:650;
  color:#e7dfd6;
}
.status-dot { width:6px;height:6px;border-radius:100%;background:#d5b28e;box-shadow:0 0 0 6px rgba(202,160,117,.12); }
.main-content {
  display:flex;
  align-items:center;
  flex:1;
  padding-block:clamp(54px,9vh,125px);
}
.intro {
  width:min(100%,800px);
  animation:copy-arrive 960ms cubic-bezier(.2,.8,.24,1) both;
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:15px;
  color:#d2ab87;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  line-height:1.6;
  text-transform:uppercase;
  margin-bottom:clamp(29px,3.4vw,56px);
}
.eyebrow-stroke {width:34px;height:1px;background:var(--bronze);flex:none;}
.headline {
  font-weight:400;
  font-size:clamp(44px,5.25vw,92px);
  line-height:1.07;
  letter-spacing:-.065em;
  max-width:13ch;
  margin:0;
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:manual;
}
.lead {
  max-width:49ch;
  margin:clamp(24px,3vw,38px) 0 0;
  color:var(--quiet);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.73;
  letter-spacing:-.008em;
}
.rule {display:flex;gap:7px;align-items:center;margin-top:clamp(35px,5vh,70px);}
.rule span:first-child {height:1px;width:87px;background:var(--bronze);}
.rule span:last-child {height:1px;width:52px;background:rgba(211,214,214,.23);}
.site-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:24px 0 clamp(23px,3.1vw,41px);
  color:#b5b3b2;
  font-size:10px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-top:1px solid rgba(236,237,237,.16);
}
.footer-point {color:var(--bronze);padding:0 7px;}
.footer-right {color:#b6b0a7;}
@keyframes copy-arrive {from {opacity:0;transform:translateY(18px);}to {opacity:1;transform:translateY(0);}}
@keyframes scene-arrive {from {opacity:0;transform:scale(1.04);}to {opacity:.91;transform:scale(1);}}
@media (min-width:1800px) {
  .headline {font-size:clamp(86px,5vw,112px);}
  .intro{width:min(56%,950px);}
  .lead{font-size:20px;}
}
@media (max-width:1080px) {
  .scene-art {inset:0 0 0 35%;}
  .scene-toning {background:linear-gradient(90deg,#101416 0%,rgba(16,20,22,.94) 33%,rgba(16,20,22,.48) 78%),linear-gradient(0deg,rgba(13,16,18,.78),transparent 40%);}
  .headline{font-size:clamp(48px,6.1vw,71px);max-width:12ch;}
}
@media (max-width:680px) {
  .site-shell {min-height:100svh;}
  .site-header,.site-footer,.main-content {width:calc(100% - 44px);}
  .site-header{padding:25px 0 19px;gap:15px;}
  .brand-logo{width:clamp(146px,40vw,190px);}
  .header-note{font-size:9px;letter-spacing:.07em;gap:9px;}
  .status-dot{width:5px;height:5px;box-shadow:0 0 0 4px rgba(202,160,117,.11);}
  .scene-art {inset:0;background-position:53% 16%;background-size:auto 92%;opacity:.62;}
  .scene-toning {background:linear-gradient(180deg,rgba(12,15,17,.54) 0%,rgba(12,15,17,.54) 25%,rgba(12,15,17,.86) 53%,#101416 96%),linear-gradient(90deg,rgba(12,15,17,.30),transparent 72%);}
  .main-content{align-items:center;padding-top:clamp(130px,22svh,240px);padding-bottom:clamp(55px,9svh,100px);}
  .intro{width:100%;}
  .eyebrow {margin-bottom:25px;font-size:10px;letter-spacing:.13em;gap:10px;}
  .eyebrow-stroke{width:24px;}
  .headline{font-size:clamp(36px,8.7vw,58px);line-height:1.095;letter-spacing:-.047em;max-width:100%;}
  .lead {font-size:clamp(15px,3.7vw,17px);line-height:1.65;max-width:35ch;margin-top:22px;}
  .rule{margin-top:32px;}
  .site-footer{padding:19px 0 23px;align-items:flex-start;flex-direction:column;gap:9px;font-size:9px;line-height:1.5;letter-spacing:.11em;}
}
@media (max-width:360px){
  .site-header,.site-footer,.main-content{width:calc(100% - 34px);}
  .header-note{font-size:8px;}
  .brand-logo{width:145px;}
  .headline{font-size:clamp(33px,8.1vw,40px);}
}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:.01ms !important;transition-duration:.01ms !important;}}