:root{--ink:#24131f;--plum:#4b203e;--rose:#b77b8f;--gold:#d7b477;--cream:#fff9f4;--paper:#f6eee8;--line:rgba(75,32,62,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.2}p{margin:0 0 1.3em}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}.top{background:var(--ink);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:80px}.brand{color:#fff;text-decoration:none;font:1.4rem 'Playfair Display',Georgia,serif}.navlinks{display:flex;gap:24px;flex-wrap:wrap}.navlinks a{color:#f4e9ed;text-decoration:none;font-size:.95rem}.navlinks a:hover,.back:hover{color:var(--gold)}.masthead{padding:68px 0 78px;background:linear-gradient(100deg,rgba(36,19,31,.96),rgba(36,19,31,.78)),url('/assets/salon-resepsiyon.webp') center/cover;color:#fff}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--gold);font-weight:600}.masthead h1{font-size:clamp(2.5rem,6vw,4.6rem);max-width:850px;margin:12px 0 20px}.masthead p{max-width:730px;color:#f3e8ef;font-size:1.1rem;margin:0}.content{padding:68px 0 100px}.intro{max-width:760px;color:#645461}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);padding:32px}.card .kicker{color:var(--rose)}.card h2{font-size:1.75rem;margin:12px 0}.card h2 a{text-decoration:none}.card h2 a:hover{color:var(--plum)}.card p{color:#675864}.read{color:var(--plum);font-weight:600;text-decoration:none}.article{max-width:760px}.article h2{font-size:clamp(1.7rem,3vw,2.2rem);margin:48px 0 15px}.article p{color:#42343e}.article .lead{font-size:1.18rem;color:#574451}.note{border-left:3px solid var(--gold);background:var(--paper);padding:22px;margin:38px 0}.related{border-top:1px solid var(--line);margin-top:60px;padding-top:26px}.related a{color:var(--plum)}footer{background:#180c15;color:#dbcbd3;padding:34px 0}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{color:#e7d5de}.back{display:inline-block;color:var(--gold);text-decoration:none;margin-bottom:18px;font-weight:600}@media(max-width:670px){.nav{padding:14px 0;align-items:flex-start;flex-direction:column}.navlinks{gap:16px}.masthead{padding:52px 0 60px}.content{padding:48px 0 70px}.cards{grid-template-columns:1fr}.card{padding:25px}}