/*
Theme Name: ЦИРКОГРАД — скоро открытие
Theme URI: https://циркоград.рф
Author: ЦИРКОГРАД
Description: Временная адаптивная страница ЦИРКОГРАДА.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: cirkograd-coming-soon
*/
@font-face{font-family:Onest;src:url(assets/Onest-Regular.ttf) format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Onest;src:url(assets/Onest-Bold.ttf) format('truetype');font-display:swap;font-weight:700}
@font-face{font-family:Unbounded;src:url(assets/Unbounded-SemiBold.ttf) format('truetype');font-display:swap;font-weight:600}
:root{color-scheme:light;--red:#f21524;--orange:#f54b28;--cream:#fff4dd}
*{box-sizing:border-box}html{min-height:100%;font-size:16px}body{margin:0;min-width:320px;background:var(--red);color:var(--cream);font-family:Onest,Arial,sans-serif}
a{color:inherit}.page{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:var(--red)}
.page:before{content:"";position:absolute;z-index:-2;inset:0 0 18%;background:repeating-conic-gradient(from -7deg at 50% 100%,var(--red) 0deg 13deg,var(--orange) 13deg 26deg);opacity:.94}
.page:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(242,21,36,.03) 0%,rgba(242,21,36,.15) 55%,var(--red) 82%)}
.topbar,.bottom{width:min(100% - 96px,1440px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar{height:116px;flex:none;border-bottom:1px solid rgba(255,244,221,.46)}
.brand-logo{display:block;width:268px;height:82px;flex:none;background-image:url(assets/cirkograd-logo-source.jpg);background-repeat:no-repeat;background-size:525% auto;background-position:97% 8.1%;mix-blend-mode:screen;font-size:0;color:transparent}
.topbar .domain{font-size:1rem;font-weight:700;text-decoration:none;letter-spacing:.01em}.topbar .domain:hover,.bottom a:hover{text-decoration:underline}
.main{flex:1;width:min(100% - 48px,1240px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 0 64px;position:relative}
.orbit{position:absolute;width:min(80vw,820px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(255,244,221,.34);border-radius:50%;pointer-events:none}
.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(255,244,221,.22);border-radius:50%;inset:8%}.orbit:after{inset:17%;border-color:rgba(255,244,221,.15)}
.eyebrow{display:inline-flex;align-items:center;gap:15px;font-weight:700;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;position:relative;z-index:1;margin:0 0 30px}.eyebrow:before,.eyebrow:after{content:"";width:25px;height:1px;background:currentColor;opacity:.7}
h1{font-family:Unbounded,Onest,Arial,sans-serif;font-weight:600;font-size:clamp(3.2rem,8.4vw,9.6rem);line-height:1.08;letter-spacing:-.07em;margin:0;position:relative;z-index:1;text-wrap:balance;text-shadow:0 8px 24px rgba(110,9,19,.11)}
h1 span{display:block}.star{font-family:Arial,sans-serif;font-size:clamp(1.8rem,4vw,4.8rem);vertical-align:top;line-height:1.15;display:inline-block;transform:translate(.2em,-.12em);color:var(--cream)}
.lead{font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.45;max-width:520px;margin:32px 0 35px;position:relative;z-index:1}
.pill{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--cream);border-radius:100px;padding:16px 25px;font-size:.95rem;font-weight:700;letter-spacing:.02em;position:relative;z-index:1;background:rgba(242,21,36,.45)}.pill:before{content:"✦";font-size:1.2em}
.bottom{flex:none;min-height:83px;border-top:1px solid rgba(255,244,221,.46);font-size:.9rem;font-weight:700;position:relative}.bottom a{text-decoration:none}
@media(max-width:700px){.topbar,.bottom{width:calc(100% - 36px)}.topbar{height:94px}.brand-logo{width:198px;height:62px}.topbar .domain{font-size:.8rem}.main{padding:72px 0 90px}.orbit{width:130vw;top:49%}.eyebrow{font-size:.7rem;letter-spacing:.14em;gap:8px;margin-bottom:27px}.eyebrow:before,.eyebrow:after{width:12px}h1{font-size:clamp(2.65rem,12vw,5.5rem);letter-spacing:-.075em}.lead{margin:28px 0 28px}.pill{font-size:.85rem;padding:13px 19px}.bottom{min-height:92px;font-size:.79rem;gap:12px}}
@media(max-width:390px){.brand-logo{width:169px;height:53px}.topbar .domain{font-size:.73rem}.bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}}
@media(prefers-reduced-motion:no-preference){.star{animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{transform:translate(.2em,-.12em) scale(.78);opacity:.7}}}