@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500&display=swap');

:root{
  --noc:#14142B;
  --indigo:#24244A;
  --zlato:#E7B65C;
  --krem:#F2ECDE;
  --maglica:#9D98C0;
  --krem-bg:#EDE9E0;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --maxw:1080px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--noc);background:var(--krem-bg);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
img,svg{display:block;}
h1,h2,h3{font-family:var(--serif);font-weight:500;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;width:100%;}
.wrap--narrow{max-width:680px;}
.wrap--read{max-width:760px;margin:0 auto;padding:0 24px;}

.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#6f6c84;margin:0 0 28px;}
.eyebrow--light{color:var(--maglica);}

/* ---------- top bar ---------- */
.topbar{display:flex;align-items:center;justify-content:space-between;
  max-width:var(--maxw);margin:0 auto;padding:18px 24px;gap:16px;}
.topbar__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--noc);}
.topbar__star{flex:none;}
.topbar__wm{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:4px;padding-left:4px;}
.topbar__nav{display:flex;gap:22px;}
.topbar__nav a{font-size:14px;letter-spacing:1px;text-decoration:none;color:#56546a;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s;}
.topbar__nav a:hover{color:var(--noc);border-color:var(--zlato);}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--noc);color:var(--krem);
  min-height:78vh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;padding:88px 24px 96px;}
.hero__stars{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.hero__content{position:relative;z-index:1;max-width:680px;}
.hero__star{margin:0 auto 30px;animation:rise .9s ease both;}
.hero__wm{margin:0;font-size:clamp(38px,8vw,76px);font-weight:500;
  letter-spacing:clamp(8px,2.4vw,22px);color:var(--krem);
  padding-left:clamp(8px,2.4vw,22px);animation:rise .9s ease .05s both;}
.hero__sub{margin:18px 0 0;font-size:13px;letter-spacing:6px;color:var(--maglica);
  animation:rise .9s ease .12s both;}
.hero__rule{width:54px;height:1px;background:var(--zlato);margin:34px auto;opacity:.8;
  animation:rise .9s ease .18s both;}
.hero__slogan{font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(22px,3.4vw,30px);margin:0;color:var(--krem);
  animation:rise .9s ease .24s both;}
.hero__lede{margin:18px auto 0;max-width:440px;color:#c6c2d6;font-size:16px;
  animation:rise .9s ease .3s both;}

@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.tw{animation:twinkle 4.5s ease-in-out infinite;}
@keyframes twinkle{0%,100%{opacity:.55;}50%{opacity:.12;}}

/* ---------- bands ---------- */
.band{padding:88px 0;}
.band--cream{background:var(--krem-bg);}
.band--indigo{background:var(--indigo);color:var(--krem);}

/* jest / nije */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.isnot__head{font-size:24px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #d8d2c4;}
.isnot__head--yes{color:var(--noc);}
.isnot__head--no{color:#8a8597;}
.isnot__list{list-style:none;margin:0;padding:0;}
.isnot__list li{position:relative;padding-left:26px;margin:0 0 14px;font-size:17px;}
.isnot__list--yes li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;
  background:var(--zlato);transform:rotate(45deg);}
.isnot__list--no li{color:#7d7a8a;}
.isnot__list--no li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:1px;
  background:#b8b3c2;}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.pillar{background:rgba(242,236,222,.05);border:1px solid rgba(242,236,222,.12);
  border-radius:14px;padding:30px 26px;}
.pillar__star{margin-bottom:18px;}
.pillar__title{margin:0 0 12px;font-size:23px;color:var(--krem);}
.pillar__body{margin:0;color:#cfcbdd;font-size:16px;}

/* soon */
.band--soon{padding:80px 0;text-align:center;}
.soon__title{font-size:clamp(26px,4vw,34px);margin:0 0 16px;color:var(--noc);}
.soon__body{margin:0 auto;max-width:520px;font-size:17px;color:#54526a;}
.soon__body a{color:#8a6a1f;text-decoration:underline;text-underline-offset:3px;}

/* ---------- footer ---------- */
.footer{background:var(--noc);color:var(--krem);padding:56px 0 40px;}
.footer__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;
  display:flex;flex-wrap:wrap;gap:28px 48px;align-items:flex-start;justify-content:space-between;}
.footer__brand{display:flex;flex-direction:column;gap:8px;}
.footer__star{margin-bottom:4px;}
.footer__wm{font-family:var(--serif);font-size:20px;letter-spacing:5px;padding-left:5px;}
.footer__tag{font-size:12px;letter-spacing:3px;color:var(--maglica);}
.footer__legal{display:flex;flex-direction:column;gap:10px;}
.footer__legal a{font-size:15px;color:#d7d3e2;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .2s;}
.footer__legal a:hover{border-color:var(--zlato);}
.footer__entity{font-size:13px;color:#8d8aa0;max-width:320px;}
.footer__entity p{margin:0 0 6px;}

/* ---------- legal pages ---------- */
.page-legal{background:var(--krem-bg);}
.legal{padding:48px 0 80px;}
.legal .back{display:inline-block;margin-bottom:28px;font-size:14px;color:#6f6c84;
  text-decoration:none;letter-spacing:.5px;}
.legal .back:hover{color:var(--noc);}
.legal h1{font-size:clamp(32px,5vw,44px);margin:0 0 8px;}
.legal__meta{color:#8a8597;font-size:14px;margin:0 0 36px;}
.legal h2{font-size:21px;margin:38px 0 12px;}
.legal p,.legal li{font-size:16.5px;color:#34323f;}
.legal ul{padding-left:22px;}
.legal li{margin-bottom:10px;}
.legal a{color:#8a6a1f;text-underline-offset:3px;}
.legal__entity{background:#fff;border:1px solid #e3ddcf;border-radius:12px;padding:18px 22px;}
.callout{background:#fbf4e4;border-left:3px solid var(--zlato);border-radius:0 8px 8px 0;
  padding:16px 20px;color:#3a3526;}

/* ---------- responsive ---------- */
@media (max-width:760px){
  .cols2{grid-template-columns:1fr;gap:32px;}
  .pillars{grid-template-columns:1fr;gap:18px;}
  .band{padding:64px 0;}
  .topbar__wm{font-size:16px;letter-spacing:3px;}
  .footer__inner{flex-direction:column;gap:28px;}
}

/* ---------- a11y ---------- */
a:focus-visible,.topbar__nav a:focus-visible{outline:2px solid var(--zlato);outline-offset:3px;border-radius:2px;}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto;}
}