.hero{position:relative;height:88vh;min-height:500px;max-height:820px;overflow:hidden}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:0;transition:opacity 1.2s}
.slide.on{opacity:1}
.slide:nth-child(1){background-image:url('/img/oval-diamond-engagement-ring-melbourne.jpg');background-position:center center}
.slide:nth-child(2){background-image:url('/img/oval-diamond-rings-melbourne-jeweller.jpg');background-position:center center}
.slide:nth-child(3){background-image:url('/img/gold-eternity-ring-melbourne-jeweller.jpg');background-position:center center}
.slide:nth-child(4){background-image:url('/img/gold-wedding-bands-handcrafted-melbourne.jpg');background-position:center 30%}
.slide:nth-child(5){background-image:url('/img/jewellery-shops-melbourne-6.jpg');background-position:center center}
.slide:nth-child(6){background-image:url('/img/jewellery-shops-melbourne-5.jpg');background-position:center center}
.slide:nth-child(7){background-image:url('/img/jeweller-polishing-diamond-ring-melbourne.jpg');background-position:center 40%}
.slide:nth-child(8){background-image:url('/img/jewellery-shops-melbourne-4.jpg');background-position:center center}
.slide:nth-child(9){background-image:url('/img/jeweller-crafting-gold-ring-melbourne.jpg');background-position:center 35%}
.hero-ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.92) 0%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.45) 65%,rgba(0,0,0,.22) 100%)}
.hero-c{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;max-width:960px}
.dots{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}
.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:all .3s}
.dot.on{background:var(--gold);transform:scale(1.4)}
.ql{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.qi{position:relative;overflow:hidden;aspect-ratio:4/3;display:block;text-decoration:none}
.qi img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.qi:hover img{transform:scale(1.06)}
.qi-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.qi-n{font-family:var(--serif);font-size:26px;font-weight:300;color:var(--white);letter-spacing:.06em}
.qi-c{font-size:10px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-top:6px;font-weight:500}
.abs{padding:96px 52px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1380px;margin:0 auto}
.badges{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;padding:60px 48px;background:var(--charcoal)}
.badge{height:100px;width:auto;object-fit:contain;filter:grayscale(15%);transition:filter .3s}
.badge:hover{filter:none}
.cg{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.cat{position:relative;overflow:hidden;aspect-ratio:.9;display:block;text-decoration:none}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.cat:hover img{transform:scale(1.08)}
.cat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.06) 52%)}
.cat-c{position:absolute;bottom:0;left:0;right:0;padding:24px 20px}
.cat-ln{width:0;height:1px;background:var(--gold);transition:width .4s;margin-bottom:10px}
.cat:hover .cat-ln{width:34px}
.cat-name{font-family:var(--serif);font-size:22px;font-weight:300;color:var(--white);display:block;letter-spacing:.05em}
.cat-sub{font-size:8.5px;letter-spacing:.2em;color:rgba(184,150,90,0);text-transform:uppercase;transition:color .3s;margin-top:5px}
.cat:hover .cat-sub{color:var(--gold)}
.bsp{position:relative;min-height:440px;overflow:hidden;display:flex;align-items:center}
.bsp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bsp-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 38%,rgba(0,0,0,.2))}
.bsp-c{position:relative;padding:76px 80px;max-width:640px}
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.wc{padding:44px 36px;border:1px solid rgba(184,150,90,.09);position:relative;overflow:hidden;transition:all .4s}
.wc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.wc:hover{border-color:rgba(184,150,90,.24);transform:translateY(-4px)}
.wc:hover::before{transform:scaleX(1)}
.wn{font-family:var(--serif);font-size:48px;font-weight:300;color:rgba(184,150,90,.22);line-height:1;margin-bottom:18px}
.wt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gp);margin-bottom:12px;font-weight:600}
.wd{font-size:14px;color:var(--tm);line-height:1.85;font-weight:300}
.oc-sec{padding:92px 52px;max-width:1380px;margin:0 auto;text-align:center}
.oc-diamond{width:200px;height:auto;display:block;margin:24px auto 48px}
.oc-logos{max-width:860px;width:100%;height:auto;display:block;margin:0 auto 56px}
.ocg{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:960px;margin:0 auto}
.oc{text-align:center}
.oc>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.oc>p{font-family:var(--serif);font-size:clamp(16px,1.8vw,20px);color:var(--tm);letter-spacing:.04em;margin:16px 0 14px;font-weight:400;text-transform:uppercase}
.oc-line{width:80px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gl));margin:0 auto;border-radius:1px}
.rv-wrap{position:relative}
.rv-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 20px}
.rv-track::-webkit-scrollbar{display:none}
.rv-card{background:#1a1a1a;border-radius:12px;padding:28px 24px 20px;display:flex;flex-direction:column;position:relative;min-width:270px;max-width:270px;flex-shrink:0}
.rv-card::after{content:'';position:absolute;bottom:-10px;left:28px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1a1a1a}
.rv-stars{color:#f4b400;font-size:18px;letter-spacing:2px;margin-bottom:14px}
.rv-text{font-size:13.5px;color:#ccc;line-height:1.7;font-weight:300;flex:1;margin-bottom:8px}
.rv-more{font-size:12px;color:#888;text-decoration:none;margin-bottom:16px;display:inline-block}
.rv-more:hover{color:var(--gold)}
.rv-google{font-family:'Product Sans',Arial,sans-serif;font-size:16px;font-weight:500;margin-bottom:0;letter-spacing:-.5px}
.rv-g-g{color:#4285f4}.rv-g-o1{color:#ea4335}.rv-g-o2{color:#fbbc05}.rv-g-l{color:#34a853}.rv-g-e{color:#ea4335}
.rv-author{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:0}
.rv-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}
.rv-author strong{font-size:13px;color:#ddd;font-weight:500}
.rv-arr{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(184,150,90,.2);border:1px solid rgba(184,150,90,.5);color:var(--gold);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:5}
.rv-arr:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.rv-prev{left:-56px}
.rv-next{right:-56px}
.ig-sec{padding:80px 48px;background:var(--charcoal);text-align:center}
@media(max-width:960px){.ql{grid-template-columns:1fr 1fr}.cg{grid-template-columns:repeat(2,1fr)}.wg{grid-template-columns:1fr}.bsp-c{padding:52px 28px}.badges{padding:40px 24px;gap:24px}.badge{height:72px}.ig-sec{padding:56px 22px}.abs{grid-template-columns:1fr;padding:56px 22px;gap:40px}.dots{right:16px}.ocg{gap:32px}.oc-sec{padding:56px 22px}.rv-prev{left:-14px}.rv-next{right:-14px}}
@media(max-width:600px){.cg{grid-template-columns:1fr 1fr}.ql{grid-template-columns:1fr}.hero-c{padding:0 6vw}.bsp-c{padding:44px 20px}.ocg{grid-template-columns:1fr;gap:40px;max-width:320px}.oc-sec{padding:44px 18px}.rv-prev{left:-8px}.rv-next{right:-8px}}
