/*
Theme Name: Law and Cyber Julie
Theme URI: https://lawandcyberjulie.be
Description: Minimal high-end coming soon page for Law and Cyber Julie. Ivory, taupe gold and soft blue styling.
Author: OpenAI for Law and Cyber Julie
Version: 1.0.0
License: GPL-2.0+
Text Domain: lawandcyberjulie
*/

:root{
  --lcj-ivory:#F7F3EE;
  --lcj-cream:#F7F5F2;
  --lcj-beige:#E7E2DA;
  --lcj-gold:#A7855B;
  --lcj-blue:#DCEBF3;
  --lcj-charcoal:#2B2B2B;
  --lcj-muted:#5C5C5C;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;}
body{
  font-family: Montserrat, Lato, Arial, sans-serif;
  background: radial-gradient(circle at center 22%, rgba(220,235,243,.52) 0, rgba(220,235,243,.22) 18%, rgba(247,243,238,0) 42%), var(--lcj-ivory);
  color:var(--lcj-charcoal);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.lcj-page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}
.lcj-main{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  padding:clamp(72px, 11vh, 160px) 0 56px;
  text-align:center;
}
.lcj-logo{
  width:min(760px, 88vw);
  height:auto;
  display:block;
  margin:0 auto 78px;
  filter: drop-shadow(0 12px 34px rgba(167,133,91,.08));
}
.lcj-divider{
  width:1px;
  height:76px;
  background:linear-gradient(to bottom, transparent, var(--lcj-gold), transparent);
  margin:0 auto 52px;
  opacity:.82;
}
.lcj-kicker{
  font-size:clamp(24px, 3.2vw, 44px);
  line-height:1.1;
  margin:0 0 30px;
  font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;
  font-weight:400;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--lcj-charcoal);
}
.lcj-text{
  max-width:620px;
  margin:0 auto;
  font-size:clamp(16px, 1.55vw, 22px);
  line-height:1.75;
  color:var(--lcj-muted);
  font-weight:300;
}
.lcj-scale{
  margin:56px auto 0;
  width:48px;
  height:48px;
  color:var(--lcj-gold);
  opacity:.92;
}
.lcj-band{
  width:100%;
  padding:58px 24px 52px;
  background:linear-gradient(90deg, rgba(220,235,243,.60), rgba(220,235,243,.28), rgba(220,235,243,.60));
  border-top:1px solid rgba(167,133,91,.10);
  border-bottom:1px solid rgba(167,133,91,.10);
  text-align:center;
}
.lcj-band-title{
  font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;
  color:var(--lcj-gold);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:clamp(15px, 1.5vw, 22px);
  margin:0 0 18px;
  font-weight:400;
}
.lcj-keywords{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  color:var(--lcj-charcoal);
  font-size:clamp(13px, 1.2vw, 16px);
  letter-spacing:.26em;
  text-transform:uppercase;
  font-weight:300;
}
.lcj-keywords span:not(:last-child)::after{
  content:'·';
  margin-left:18px;
  color:var(--lcj-gold);
}
.lcj-contact{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  flex-wrap:wrap;
  padding:46px 22px 40px;
  color:var(--lcj-charcoal);
  font-size:15px;
}
.lcj-contact a,.lcj-contact span{color:inherit;text-decoration:none;white-space:nowrap;margin:8px 26px;}
.lcj-contact .sep{height:34px;width:1px;background:rgba(167,133,91,.36);margin:0 4px;}
.lcj-contact svg{width:18px;height:18px;margin-right:10px;vertical-align:-4px;color:var(--lcj-gold)}
@media (max-width:700px){
  .lcj-main{width:min(100% - 32px, 760px);padding-top:84px;}
  .lcj-logo{margin-bottom:58px;}
  .lcj-divider{height:54px;margin-bottom:42px;}
  .lcj-kicker{letter-spacing:.18em;font-size:28px;}
  .lcj-text{font-size:16px;line-height:1.7;}
  .lcj-band{padding:44px 18px 40px;}
  .lcj-keywords{display:block;line-height:2.2;letter-spacing:.2em;}
  .lcj-keywords span{display:block;}
  .lcj-keywords span:not(:last-child)::after{content:'';margin:0;}
  .lcj-contact{display:block;text-align:center;padding-bottom:32px;}
  .lcj-contact a,.lcj-contact span{display:block;margin:14px auto;}
  .lcj-contact .sep{display:none;}
}