:root { --ink:#11100f; --cream:#f3ede3; --gold:#c8a66b; --gold-light:#efd9ae; --line:rgba(255,255,255,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; height:112px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,80px); border-bottom:1px solid var(--line); }
.brand{display:flex;align-items:center;height:92px}.brand img{display:block;width:92px;height:92px;object-fit:contain}
nav { display:flex; align-items:center; gap:clamp(22px,3vw,46px); font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
nav a:not(.nav-cta) { transition:color .25s; } nav a:hover { color:var(--gold-light); }
.nav-cta { padding:14px 20px; border:1px solid rgba(239,217,174,.55); }
.hero { position:relative; min-height:100svh; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; padding:150px clamp(24px,8vw,130px) 70px; background:#0c0b0a; }
.hero:after { content:""; position:absolute; inset:112px 0 0; background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.05) 50%,transparent 50.1%); pointer-events:none; }
.hero-glow { position:absolute; width:55vw; height:55vw; right:-12vw; top:7vh; border-radius:50%; background:rgba(200,166,107,.09); filter:blur(45px); }
.hero-image{position:absolute;inset:0;background:url('assets/biser-hero-nakit-v2.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,5,.97) 0%,rgba(7,6,5,.78) 38%,rgba(7,6,5,.08) 78%),linear-gradient(0deg,rgba(7,6,5,.48),transparent 45%)}
.hero-content { position:relative; z-index:2; max-width:720px; }
.eyebrow { margin:0 0 28px; color:var(--gold-light); font-size:11px; font-weight:700; letter-spacing:.32em; text-transform:uppercase; }
h1 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(64px,8.5vw,136px); font-weight:400; line-height:.84; letter-spacing:-.055em; }
h1 em { color:var(--gold-light); font-weight:400; }
.hero-copy { max-width:545px; margin:38px 0 0; color:#c9c2b8; font-family:Georgia,'Times New Roman',serif; font-size:clamp(17px,1.5vw,21px); line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:34px; margin-top:42px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:30px; min-height:58px; padding:0 26px; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.button-gold { background:var(--gold); color:#14110d; transition:background .25s,transform .25s; }.button-gold:hover { background:var(--gold-light); transform:translateY(-2px); }
.text-link { padding:12px 0; border-bottom:1px solid #7d6d56; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }.text-link span{margin-left:18px;color:var(--gold-light)}
.hero-art { position:relative; z-index:1; height:min(65vw,720px); min-height:420px; }
.orb { position:absolute; border-radius:50%; filter:blur(1px); box-shadow:inset -30px -35px 60px rgba(0,0,0,.5), inset 20px 10px 45px rgba(255,255,255,.1),0 25px 70px #000; }
.orb-one { width:330px;height:330px;right:2%;top:17%;background:linear-gradient(145deg,#b99354,#3a2d1d 70%);opacity:.72}.orb-two{width:170px;height:170px;left:5%;bottom:8%;background:linear-gradient(145deg,#e1c791,#3a2d1d);opacity:.36}
.jewel-ring { position:absolute; width:235px;height:235px;right:24%;top:32%;border:25px solid #b8893e;border-radius:50%;transform:rotateX(65deg) rotateZ(-26deg);box-shadow:0 0 0 9px #f1d08a,inset 0 0 25px #3e2607,0 35px 50px #000; }
.jewel-ring div { position:absolute;width:76px;height:76px;left:52px;top:-98px;background:linear-gradient(135deg,#fff,#89a0a3 38%,#efffff 56%,#73868b);transform:rotate(45deg);box-shadow:0 0 35px rgba(223,249,255,.8);clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%); }
.watch-mark { position:absolute;width:145px;height:145px;right:5%;bottom:3%;border:2px solid rgba(239,217,174,.4);border-radius:50%;color:var(--gold-light);font-family:Georgia,serif;text-align:center;padding-top:12px;opacity:.6}.watch-mark:before,.watch-mark:after{content:"";position:absolute;background:var(--gold);left:50%;top:50%;transform-origin:0 0}.watch-mark:before{width:43px;height:1px;transform:rotate(-60deg)}.watch-mark:after{width:31px;height:1px;transform:rotate(145deg)}.watch-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);left:calc(50% - 2px);top:calc(50% - 2px)}
.scroll-note { position:absolute; z-index:2; left:clamp(24px,5vw,80px); bottom:28px; margin:0; color:#827a70; font-size:9px; letter-spacing:.18em; text-transform:uppercase; }.scroll-note span{margin-left:14px;color:var(--gold)}
@media (max-width:800px){.site-header{height:88px}.brand,.brand img{width:72px;height:72px}nav a:not(.nav-cta){display:none}.nav-cta{padding:12px 14px}.hero{grid-template-columns:1fr;padding-top:140px}.hero:after{display:none}.hero-content{align-self:start}.hero-copy{margin-top:25px}.hero-art{position:absolute;right:-100px;bottom:-90px;width:480px;height:480px;opacity:.42}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.scroll-note{display:none}}

section{position:relative}.section-index{margin:0 0 28px;color:#9a8465;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}h2{margin:0;font:400 clamp(46px,6vw,86px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em}h2 em{color:#b49361;font-weight:400}h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;padding:140px clamp(24px,8vw,130px) 80px;background:#ede7dc;color:#171411}.intro>p{max-width:520px;margin:0 0 8px;color:#665f56;font:18px/1.8 Georgia,serif}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 clamp(24px,8vw,130px) 140px;background:#ede7dc;color:#181512}.collection-card{min-height:560px;padding:0 32px 34px;border-left:1px solid #d1c7b8}.collection-card:last-child{border-right:1px solid #d1c7b8}.collection-card p{color:#8f7d65;font-size:10px;letter-spacing:.18em}.collection-card h3{margin:11px 0 8px;font-size:34px}.collection-card>span{display:flex;justify-content:space-between;color:#756b5e;font:14px Georgia,serif}.card-visual{position:relative;height:355px;margin:0 -31px 30px;overflow:hidden;background:#b8a993}.card-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease,filter .65s ease}.collection-card:hover .card-visual img{transform:scale(1.035);filter:contrast(1.04)}.ring-card .card-visual img{object-position:center 53%}.bracelet-card .card-visual img{object-position:center 54%}.earrings-card .card-visual img{object-position:center 50%}
.watches{display:grid;grid-template-columns:1fr 1fr;min-height:820px;background:#12110f;overflow:hidden}.watch-copy{padding:130px clamp(24px,8vw,130px);align-self:center}.watch-copy>p:not(.section-index){max-width:550px;margin:35px 0;color:#aaa197;font:17px/1.8 Georgia,serif}.watch-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:42px 0;background:#423b31;border:1px solid #423b31}.watch-features span{padding:20px 14px;background:#171512;color:#d3c9ba;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.watch-features b{display:block;margin-bottom:15px;color:#a88959;font-size:9px}.button-outline{border:1px solid #8a7554}.watch-stage{position:relative;min-height:720px;overflow:hidden;background:#171513}.watch-stage:after{content:"";position:absolute;inset:0;box-shadow:inset 30px 0 55px rgba(8,7,6,.46);pointer-events:none}.watch-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:150px clamp(24px,8vw,130px);background:#d6cabc;color:#191612}.story-number{font:clamp(90px,14vw,210px)/.8 Georgia,serif;color:#a28252}.story-number sup{font-size:.25em}.story-number span{display:block;margin:32px 0 0 10px;color:#5f5549;font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.story-copy>p:not(.section-index){max-width:670px;margin:40px 0;color:#5f584e;font:18px/1.8 Georgia,serif}.story blockquote{max-width:650px;margin:50px 0 0;padding:25px 0 0;border-top:1px solid #a99a87;font:italic 21px/1.6 Georgia,serif}.story cite{display:block;margin-top:15px;color:#756957;font:9px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.services{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:140px clamp(24px,8vw,130px);background:#171512}.services-heading{position:sticky;top:50px;align-self:start}.services-list article{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:32px 0;border-top:1px solid #3d3831}.services-list article:last-child{border-bottom:1px solid #3d3831}.services-list b{color:#987b51;font-size:10px}.services-list h3{margin:0 0 10px;font-size:28px}.services-list p{margin:0;color:#958d82;font:15px/1.6 Georgia,serif}
.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;padding:145px clamp(24px,8vw,130px);background:#eee8dd;color:#171411}.contact-lead>p:not(.section-index){max-width:570px;margin:35px 0 40px;color:#686056;font:17px/1.75 Georgia,serif}.locations{border-top:1px solid #bdb2a2}.locations article{padding:29px 0;border-bottom:1px solid #bdb2a2}.locations article>p{color:#907b5e;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.locations h3{margin:14px 0 18px;font-size:25px;line-height:1.35}.locations a{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.locations a span{margin-left:13px}.locations dl{margin:20px 0 0}.locations dl div{display:flex;justify-content:space-between;padding:8px 0;color:#5e574e;font-size:12px}.locations dd{margin:0}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px clamp(24px,8vw,130px);border-top:1px solid #302c27;background:#0d0c0b;color:#7f766b}footer .brand{height:112px}footer .brand img{width:112px;height:112px}footer p,footer>a{font-size:9px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.intro,.watches,.story,.services,.contact{grid-template-columns:1fr}.intro{gap:50px}.collection-grid{grid-template-columns:1fr}.collection-card{border-right:1px solid #d1c7b8}.watches{min-height:auto}.watch-stage{min-height:580px}.story-number{margin-bottom:40px}.services-heading{position:static}.contact{gap:70px}}
@media(max-width:600px){h1{font-size:58px}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(7,6,5,.97),rgba(7,6,5,.57))}.intro,.collection-grid,.watch-copy,.story,.services,.contact{padding-left:22px;padding-right:22px}.intro{padding-top:100px}.collection-grid{padding-bottom:90px}.collection-card{min-height:500px}.watch-features{grid-template-columns:1fr}.watch-stage{min-height:500px}.story,.services,.contact{padding-top:100px;padding-bottom:100px}footer{align-items:flex-start;flex-direction:column}}