@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500 800;font-display:swap;src:url(../fonts/playfair.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500 800;font-display:swap;src:url(../fonts/playfair-italic.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/jakarta.woff2) format("woff2")}
:root{--navy:#0b132b;--navy2:#131c38;--navy3:#1c2541;--gold:#d4af37;--gold2:#f3e5ab;--line:rgba(212,175,55,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",sans-serif;background:var(--navy);color:#e2e8f0;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--navy)}
h1,h2,h3,.serif{font-family:"Playfair Display",serif;margin:0}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}.ic{flex-shrink:0;display:inline-block;vertical-align:middle}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.wrap{padding:0 40px}}
.gold{background:linear-gradient(135deg,#d4af37 0%,#f5d77f 50%,#b8860b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gbg{background:linear-gradient(135deg,#d4af37 0%,#f5d77f 50%,#b8860b 100%);color:var(--navy)}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600}
.t-gold{color:var(--gold)}.muted{color:#94a3b8}.slate{color:#cbd5e1}.white{color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(11,19,43,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.2)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:12px}.logo .disc{width:48px;height:48px;border-radius:50%;background:var(--navy);padding:4px;box-shadow:0 0 0 1px rgba(212,175,55,.6);display:flex;align-items:center;justify-content:center}
.logo .disc img{width:100%;height:100%;object-fit:contain}.logo b{display:block;font-family:"Playfair Display",serif;color:#fff;font-size:18px;letter-spacing:.05em;line-height:1.2}
.logo small{display:block;color:var(--gold);font-size:10px;letter-spacing:.3em;font-weight:600}
nav{display:flex;gap:36px}nav a{font-size:14px;letter-spacing:.025em;color:#cbd5e1;transition:color .3s}nav a.on{color:var(--gold)}nav a:hover{color:var(--gold2)}
#tog{display:none;background:none;border:0;color:var(--gold);padding:4px}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;border:0;transition:filter .3s,background-color .3s,gap .3s}
.btn.g{background:linear-gradient(135deg,#d4af37,#f5d77f,#b8860b);color:var(--navy)}.btn.g:hover{filter:brightness(1.1)}
.btn.o{background:transparent;border:1px solid rgba(212,175,55,.6);color:var(--gold2)}.btn.o:hover{background:rgba(212,175,55,.1)}
.rp{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px;font-size:11px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:filter .3s}
.rp:hover{filter:brightness(1.1)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:.1em;transition:gap .3s}.link-arrow:hover{gap:16px}
/* hero */
.hero{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .ov{position:absolute;inset:0;background:linear-gradient(to right,#0b132b,rgba(11,19,43,.85),rgba(11,19,43,.2))}
.hero .wrap{position:relative;width:100%;padding-top:96px;padding-bottom:96px}.hero .in{max-width:768px}
.hero h1{margin-top:24px;font-size:clamp(36px,5.2vw,60px);font-weight:700;color:#fff;line-height:1.05}
.hero .sub{margin-top:24px;font-size:18px;color:#cbd5e1;letter-spacing:.025em}
.badge{margin-top:16px;display:inline-block;border:1px solid rgba(212,175,55,.5);padding:6px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold2)}
.hero .desc{margin-top:16px;font-size:16px;color:#94a3b8;max-width:576px;line-height:1.7}.hero .ctas{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px}
.phero{position:relative;overflow:hidden;border-bottom:1px solid rgba(212,175,55,.2)}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.phero .ov{position:absolute;inset:0;background:linear-gradient(to right,#0b132b,rgba(11,19,43,.9),rgba(11,19,43,.4))}
.phero .wrap{position:relative;padding-top:128px;padding-bottom:128px}.phero h1{margin-top:20px;font-size:clamp(36px,5.2vw,60px);font-weight:700;color:#fff;max-width:768px;line-height:1.25}
.phero p.t{margin-top:24px;font-size:18px;color:#cbd5e1;max-width:672px;line-height:1.7}
.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* pillars / highlights */
.strip{background:var(--navy2);border-top:1px solid rgba(212,175,55,.2);border-bottom:1px solid rgba(212,175,55,.2)}
.strip .row{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.strip .cell{padding:40px;display:flex;align-items:center;gap:16px;border-left:1px solid var(--line)}.strip .cell:first-child{border-left:0}
.strip .cell .tt{color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.strip .cell .ss{font-size:12px;color:#94a3b8;margin-top:4px}
.strip.hl .cell{display:block}.strip.hl .cell .tt{margin-top:16px;font-family:"Playfair Display",serif;font-size:20px;text-transform:none;letter-spacing:0;font-weight:700}
/* sections */
.sec{padding-top:128px;padding-bottom:128px}.sec.s{padding-top:64px;padding-bottom:64px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px}
h2.big{font-size:36px;font-weight:700;color:#fff;max-width:576px;margin-top:16px;line-height:1.2}
.cards{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}
.ccard{position:relative;overflow:hidden;background:var(--navy2);border:1px solid var(--line);transition:border-color .5s,transform .5s,box-shadow .5s}
.ccard:hover{border-color:rgba(212,175,55,.6);transform:translateY(-4px);box-shadow:0 20px 40px rgba(212,175,55,.12)}
.ccard .im{aspect-ratio:4/3;overflow:hidden}.ccard .im img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .7s,opacity .7s}
.ccard:hover .im img{opacity:1;transform:scale(1.05)}.ccard .in{padding:24px}.ccard .top{display:flex;justify-content:space-between;align-items:flex-start}
.ccard .arr{color:var(--gold);opacity:.5;transition:transform .5s,opacity .5s}.ccard:hover .arr{opacity:1;transform:rotate(45deg)}
.num{font-family:"Playfair Display",serif;font-size:30px;font-weight:700}.ccard h3{margin-top:12px;font-size:18px;font-weight:600;color:#fff;line-height:1.35}
.ccard p{margin-top:8px;font-size:12px;color:#94a3b8}
.band{background:var(--navy2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.five{display:grid;grid-template-columns:2fr 3fr;gap:56px}
.yr{position:absolute;bottom:-24px;right:-24px;background:var(--navy);border:1px solid rgba(212,175,55,.4);padding:24px}
.yr .serif{font-size:48px;font-weight:700}.yr small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-top:4px}
.lead{margin-top:24px;color:#cbd5e1;line-height:1.7}.panel{background:var(--navy2);border:1px solid rgba(212,175,55,.2);padding:40px}
/* products */
.search{position:relative;max-width:576px}.search .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gold)}
.search input{width:100%;height:56px;background:var(--navy2);border:1px solid rgba(212,175,55,.25);padding:0 16px 0 48px;color:#fff;font:inherit;font-size:14px;outline:0}
.search input:focus{border-color:var(--gold)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.filters button{padding:8px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(212,175,55,.25);color:#cbd5e1;background:transparent;transition:color .3s,border-color .3s}
.filters button:hover{border-color:var(--gold);color:var(--gold2)}.filters button.on{background:linear-gradient(135deg,#d4af37,#f5d77f,#b8860b);color:var(--navy);border-color:transparent;font-weight:600}
.count{margin-top:24px;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.1em}
.cat{display:grid;grid-template-columns:2fr 3fr;gap:40px;background:var(--navy2);border:1px solid var(--line);padding:40px;margin-top:40px}
.cat .main{width:100%;aspect-ratio:4/3;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.thumbs button{padding:0;aspect-ratio:1;overflow:hidden;border:1px solid transparent;opacity:.7;background:none;transition:opacity .3s,border-color .3s}
.thumbs button.on{border-color:var(--gold);opacity:1}.thumbs button:hover{opacity:1}.thumbs img{width:100%;height:100%;object-fit:cover}
.feat{margin-top:24px}.feat .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:12px}.feat li{display:flex;gap:12px;font-size:14px;color:#cbd5e1;margin-top:8px}
.feat ul{list-style:none;margin:0;padding:0}.feat .ic{color:var(--gold);margin-top:2px}
.cat h2{margin-top:8px;font-size:30px;font-weight:700;color:#fff}.cat .about{margin-top:16px;color:#cbd5e1;line-height:1.7;font-size:16px}
.cat .num{font-size:36px}.items{margin-top:24px}
.item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(212,175,55,.1)}.item:last-child{border-bottom:0}
.item>img{width:96px;height:96px;object-fit:cover;border:1px solid rgba(212,175,55,.2);flex-shrink:0}.item .body{flex:1;min-width:0}
.item .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}
.item h3{color:#fff;font-weight:600;font-size:16px}.grade{font-size:12px;color:var(--gold);margin-top:4px}
.item .d{margin-top:8px;font-size:14px;color:#94a3b8;line-height:1.65}.none{padding:64px 0;text-align:center;color:#94a3b8;display:none}
.scrap{display:grid;grid-template-columns:2fr 3fr;gap:32px;background:var(--navy2);border:1px solid var(--line);padding:32px;margin-top:32px}
.scrap>img{width:100%;aspect-ratio:4/3;object-fit:cover}.scrap h2{font-size:24px;font-weight:700;color:#fff}
.sitem{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid rgba(212,175,55,.1)}.sitem:last-child{border-bottom:0}
.sitem .nm{color:#fff;font-weight:500}.sitem .code{font-size:12px;color:var(--gold);margin-left:8px}
.note{display:flex;align-items:center;gap:12px;font-size:14px;color:#94a3b8}.note .ic{color:var(--gold)}
/* about */
.bcard{position:relative;width:100%;max-width:520px;aspect-ratio:1.75;background:#0f1a3d;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);border:1px solid rgba(212,175,55,.3);margin-left:auto}
.bcard>svg{position:absolute;inset:0;width:100%;height:100%}
.bcard .dia{position:absolute;left:8%;top:50%;width:112px;height:112px;margin-top:-56px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.7);background:var(--navy2);display:flex;align-items:center;justify-content:center}
.bcard .dia span{transform:rotate(-45deg);background:var(--navy);border-radius:50%;width:80px;height:80px;padding:6px;display:flex}.bcard .dia img{width:100%;height:100%;object-fit:contain}
.bcard .info{position:absolute;right:6%;top:12%;left:54%}.bcard .info p{display:flex;gap:8px;font-size:11px;color:#e2e8f0;margin-top:12px;word-break:break-all}
.bcard .info .ic{color:var(--gold)}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.vals h3{font-size:20px;font-weight:600;color:#fff;margin-top:16px}
.vals p{font-size:14px;color:#94a3b8;line-height:1.65;margin-top:16px}
.tl{border-left:1px solid rgba(212,175,55,.3)}.tl div{position:relative;padding-left:40px;margin-top:48px}.tl div:first-child{margin-top:0}
.tl i{position:absolute;left:-7px;top:8px;width:12px;height:12px;transform:rotate(45deg)}.tl .serif{font-size:24px;font-weight:700}
/* gallery */
.gal{columns:3;column-gap:24px}.gal button{position:relative;display:block;width:100%;padding:0;margin:0 0 24px;overflow:hidden;break-inside:avoid;border:1px solid var(--line);background:none;transition:border-color .3s}
.gal button:hover{border-color:rgba(212,175,55,.6)}.gal img{width:100%;object-fit:cover;aspect-ratio:1;transition:transform .7s}.gal button.tall img{aspect-ratio:3/4}
.gal button:hover img{transform:scale(1.05)}.gal span{position:absolute;left:0;right:0;bottom:0;padding:16px;text-align:left;font-size:14px;color:#fff;background:linear-gradient(to top,#0b132b,transparent);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.gal button:hover span{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}
.modal .box{position:relative;background:var(--navy);border:1px solid rgba(212,175,55,.4);padding:24px;max-width:900px;width:100%}
.modal .x{position:absolute;right:12px;top:12px;background:none;border:0;color:#94a3b8}.modal h3{color:var(--gold2);font-size:16px;margin-bottom:12px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600}
.modal .box img{width:100%;max-height:75vh;object-fit:contain}.modal.imo .box{max-width:384px}
.imo-row{display:flex;gap:12px;margin-top:16px}.imo-row>*{flex:1;justify-content:center;padding:12px;font-size:12px}
/* contact & form */
.cinfo{display:flex;gap:20px;margin-bottom:32px;text-align:left;background:none;border:0;padding:0;color:inherit}.cinfo .bx{width:48px;height:48px;border:1px solid rgba(212,175,55,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold)}
.cinfo small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.cinfo .v{color:#fff;transition:color .3s}.cinfo:hover .v{color:var(--gold)}
form{display:grid;grid-template-columns:1fr 1fr;gap:20px}form .full{grid-column:1/-1}
label span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}
input.f,select.f,textarea.f{width:100%;background:var(--navy);border:1px solid rgba(212,175,55,.25);color:#fff;padding:0 12px;height:48px;font:inherit;font-size:14px;outline:0}
textarea.f{height:auto;padding:12px}input.f:focus,select.f:focus,textarea.f:focus{border-color:var(--gold)}input.f::placeholder,textarea.f::placeholder{color:#64748b}
.sendrow{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:12px}.sendrow .btn{height:56px;justify-content:center}
/* footer & floats */
footer{position:relative;background:#070d1f;border-top:1px solid rgba(212,175,55,.25)}
.chev{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4af37,#f5d77f,#b8860b,transparent)}
footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding-top:64px;padding-bottom:64px}
footer .eyebrow{margin-bottom:20px}footer li{margin-top:8px;list-style:none}footer ul{padding:0;margin:0}footer .cols,footer p{font-size:14px;color:#94a3b8}
footer a:hover{color:var(--gold)}.fi{display:flex;gap:12px;margin-top:12px;align-items:flex-start;background:none;border:0;padding:0;color:inherit;font-size:14px;text-align:left}.fi .ic{color:var(--gold);margin-top:2px}
.copy{border-top:1px solid rgba(255,255,255,.05);padding:24px;text-align:center;font-size:12px;color:#64748b;letter-spacing:.1em}
.wa{position:fixed;bottom:24px;right:24px;z-index:50;background:#25d366;color:#fff;border-radius:999px;display:flex;align-items:center;gap:8px;padding:12px 16px;box-shadow:0 10px 30px rgba(37,211,102,.35);transition:transform .3s;font-weight:600;font-size:14px}
.wa:hover,.imof:hover{transform:scale(1.1)}.imof{position:fixed;bottom:96px;right:24px;z-index:50;background:none;border:0;padding:0;border-radius:50%;box-shadow:0 10px 30px rgba(13,139,242,.35);transition:transform .3s;display:flex}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--navy2);border:1px solid rgba(212,175,55,.4);color:#fff;padding:12px 20px;font-size:14px;z-index:200;display:none}
@media(max-width:1023px){.cards{grid-template-columns:repeat(2,1fr)}.strip .row,.vals{grid-template-columns:repeat(2,1fr)}.two,.five,.cat,footer .cols{grid-template-columns:1fr}.gal{columns:2}.bcard{margin:0 auto}}
@media(max-width:767px){nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--navy);flex-direction:column;gap:16px;padding:16px 24px 24px;border-top:1px solid rgba(212,175,55,.1)}nav.open{display:flex}
#tog{display:block}.wa .lbl{display:none}.wa{padding:16px}.cards,.scrap,form,.sendrow{grid-template-columns:1fr}.gal{columns:1}.head{flex-direction:column;align-items:flex-start}
.sitem{flex-direction:column}.cat,.panel,.scrap{padding:24px}.item>img{width:80px;height:80px}.strip .cell{padding:32px}.sec{padding-top:96px;padding-bottom:96px}.yr{display:none}}