:root {
  --bg: #090909;
  --surface: #111;
  --surface-2: #171717;
  --text: #f4f4f2;
  --muted: #b8b8b4;
  --accent: #d99a2b;
  --accent-2: #f0ba55;
  --line: rgba(255,255,255,.12);
  --max: 1220px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,Arial,sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.container { width:min(calc(100% - 36px),var(--max)); margin:auto; }
.nav { position:fixed; inset:0 0 auto; z-index:20; background:linear-gradient(#090909ee,#090909aa,transparent); }
.nav-inner { height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-size:1.25rem; letter-spacing:.18em; text-transform:uppercase; font-weight:600; white-space:nowrap; }
.brand span { color:var(--accent); }
.menu { display:flex; align-items:center; gap:26px; font-size:.92rem; }
.menu a { color:#ddd; }
.menu a:hover,.menu a.active { color:var(--accent-2); }
.nav-cta,.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border:1px solid var(--accent); background:var(--accent); color:#111; font-weight:700; border-radius:999px; transition:.2s; }
.btn:hover,.nav-cta:hover { transform:translateY(-2px); background:var(--accent-2); }
.btn.secondary { color:#fff; background:transparent; border-color:#fff5; }
.hero { min-height:92vh; display:grid; align-items:end; position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#050505 0%,#050505cc 34%,transparent 70%),linear-gradient(0deg,#090909 0%,transparent 36%); z-index:1; }
.hero.photo { background:url('images/photo-black.jpg') center/cover no-repeat; }
.hero.light { background:url('images/KTC_Pakrac_Rasvjeta_2-2048x1066.jpg') center/cover no-repeat; }
.hero-content { position:relative; z-index:2; padding:160px 0 92px; max-width:690px; }
.kicker { color:var(--accent-2); text-transform:uppercase; letter-spacing:.22em; font-size:.78rem; font-weight:700; }
h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(3rem,7vw,6.7rem); line-height:.96; margin:18px 0 24px; }
h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(2rem,4.3vw,4rem); line-height:1.05; margin:0 0 18px; }
h3 { font-size:1.3rem; margin:0 0 12px; }
.lead { font-size:clamp(1.06rem,2vw,1.35rem); color:#ddd; max-width:630px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
section { padding:96px 0; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:end; margin-bottom:48px; }
.section-head p { color:var(--muted); margin:0; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { border:1px solid var(--line); background:linear-gradient(145deg,#171717,#0e0e0e); padding:30px; border-radius:20px; }
.card .price { color:var(--accent-2); font-size:1.45rem; font-weight:700; margin-top:20px; }
.card ul { padding-left:18px; color:#ccc; }
.gallery { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.gallery figure { margin:0; overflow:hidden; border-radius:18px; background:#151515; }
.gallery img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.gallery figure:hover img { transform:scale(1.025); }
.gallery .wide { grid-column:span 8; min-height:470px; }
.gallery .small { grid-column:span 4; min-height:470px; }
.gallery .half { grid-column:span 6; min-height:390px; }
.cross-banner { padding:0; }
.cross-inner { min-height:430px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:50px; padding:70px; border-radius:28px; overflow:hidden; position:relative; background:#161616; }
.cross-inner::after { content:""; position:absolute; inset:0 0 0 45%; background:var(--banner) center/cover no-repeat; opacity:.62; }
.cross-copy { position:relative; z-index:2; max-width:600px; }
.cross-copy p { color:#d0d0cd; }
.contact { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.contact-card { padding:36px; border:1px solid var(--line); border-radius:22px; background:var(--surface); }
.contact-list { display:grid; gap:14px; margin-top:24px; }
.contact-list a { color:var(--accent-2); }
footer { border-top:1px solid var(--line); padding:34px 0; color:#999; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.float-wa { position:fixed; right:20px; bottom:20px; z-index:30; background:#25d366; color:#07150b; font-weight:800; padding:14px 18px; border-radius:999px; box-shadow:0 12px 40px #0008; }
.mobile-toggle { display:none; border:0; background:none; color:white; font-size:1.5rem; }
.reveal { opacity:0; transform:translateY(24px); transition:.7s; }
.reveal.visible { opacity:1; transform:none; }
@media(max-width:900px){
  .mobile-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:stretch;background:#111;padding:22px;border:1px solid var(--line);border-radius:18px}.menu.open{display:flex}.nav-cta{display:none}
  .hero::before{background:linear-gradient(0deg,#090909 0%,#09090966 65%,#09090944)}
  .section-head,.contact,.cross-inner{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.gallery .wide,.gallery .small,.gallery .half{grid-column:span 12;min-height:320px}.cross-inner{padding:42px 26px;min-height:520px;align-items:end}.cross-inner::after{inset:0;opacity:.38}.hero-content{padding-bottom:70px}
}
@media(max-width:520px){.container{width:min(calc(100% - 24px),var(--max))}section{padding:72px 0}.brand{font-size:1rem}.card{padding:24px}.float-wa{right:12px;bottom:12px}}

/* Revised wedding presentation */
.hero.photo-new { background:url('images/weddings/Petra_and_Tomislav_0351.jpg') center 48%/cover no-repeat; }
.intro-section { padding-top:110px; padding-bottom:70px; }
.story-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
.story-copy { font-size:1.08rem; color:var(--muted); }
.story-copy p:first-child { margin-top:0; }
.soft-section { background:linear-gradient(180deg,#0d0d0d,#141414,#0d0d0d); }
.offer-cards { grid-template-columns:repeat(2,1fr); }
.offer-cards .featured { padding:38px; }
.offer-cards .featured h3 { font-family:Georgia,'Times New Roman',serif; font-size:2rem; font-weight:400; }
.card p { color:var(--muted); }
.card li { margin-bottom:8px; }
.extras-cards { grid-template-columns:1.15fr .9fr .95fr; }
.wedding-gallery .wide { min-height:520px; }
.wedding-gallery .small { min-height:520px; }
.contact-phone { font-size:clamp(1.5rem,3vw,2.3rem); font-weight:700; letter-spacing:.02em; }
.single-contact .contact-card:first-child { display:flex; flex-direction:column; justify-content:center; }
.service-cards .card { min-height:300px; }
.lighting-banner::after,.photo-banner::after { background-position:center; }
@media(max-width:900px){
  .story-grid,.offer-cards,.extras-cards{grid-template-columns:1fr}
  .story-grid{gap:24px}
  .wedding-gallery .wide,.wedding-gallery .small{min-height:360px}
  .hero.photo-new{background-position:61% center}
}

/* Small weddings landing page */
.hero.small-wedding-hero { background:url('images/weddings/Antonija_and_Rudy_PS_0373.jpg') center 48%/cover no-repeat; }
.compact-section { padding-top:88px; padding-bottom:92px; }
.inquiry-cards { grid-template-columns:repeat(4,1fr); }
.inquiry-cards .card { min-height:235px; }
.step { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:28px; border:1px solid rgba(217,154,43,.55); border-radius:50%; color:var(--accent-2); font-weight:800; font-size:.82rem; letter-spacing:.08em; }
.center-action { display:flex; justify-content:center; margin-top:34px; }
.small-wedding-gallery .wide,.small-wedding-gallery .small { min-height:470px; }
.small-wedding-gallery .half { min-height:380px; }
@media(max-width:1050px){.inquiry-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero.small-wedding-hero{background-position:62% center}.small-wedding-gallery .wide,.small-wedding-gallery .small,.small-wedding-gallery .half{min-height:340px}}
@media(max-width:620px){.inquiry-cards{grid-template-columns:1fr}.inquiry-cards .card{min-height:0}.center-action .btn{width:100%}}