:root{--black:#0f110f;--black-soft:#141714;--black-light:#1b1e1a;--gold:#eac474;--gold-light:#f3d99d;--white:#f7f4ed;--muted:#aaa89f;--border:#eac47438}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif!important;line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.gold{color:var(--gold)}
.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:4px;font-size:10px;color:var(--gold);display:inline-block;margin-bottom:22px}
.section-title{font-size:clamp(38px,5vw,72px);font-weight:400;line-height:1.05;letter-spacing:-1.5px}
.section-intro{max-width:680px;margin:25px auto 0;color:var(--muted);font-size:17px;line-height:1.9}
header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;transition:.3s ease}
header.scrolled{position:fixed;background:#0f110feb;backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}
.logo{width:70px}
.logo img{width:100%;height:auto}
nav{display:flex;align-items:center;gap:38px;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:2px}
nav a{color:#f7f4edd1;transition:color .3s ease}
nav a:hover{color:var(--gold)}
.nav-contact{color:var(--gold);border:1px solid var(--gold);padding:10px 19px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0f110fdb 0%,#0f110f87 45%,#0f110f59 100%)}
.hero-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f110f4d,transparent 40%,#0f110fcc)}
.hero-content{position:relative;z-index:2;width:90%;max-width:1450px;padding-top:80px}
.hero-content-inner{max-width:820px}
.hero-tagline{color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:4px;margin-bottom:25px}
.hero h1{font-size:clamp(52px,8vw,112px);font-weight:400;line-height:.95;letter-spacing:-4px;margin-bottom:32px}
.hero-description{max-width:580px;color:#f7f4edb8;font-size:18px;line-height:1.8;margin-bottom:40px}
.hero-button{display:inline-flex;align-items:center;gap:25px;padding:16px 25px;border:1px solid var(--gold);color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;transition:all .35s ease}
.hero-button span{font-size:17px;transition:transform .35s ease}
.hero-button:hover{background:var(--gold);color:var(--black)}
.hero-button:hover span{transform:translateX(6px)}
.scroll-indicator{position:absolute;z-index:3;bottom:35px;left:5%;display:flex;align-items:center;gap:15px;color:#f7f4ed8c;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase}
.scroll-line{width:55px;height:1px;background:var(--gold)}
.heritage{padding:150px 7%;position:relative;background:var(--black)}
.heritage-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:.8fr 1.4fr;gap:100px;align-items:start}
.heritage-number{font-size:clamp(80px,12vw,180px);line-height:.8;color:transparent;-webkit-text-stroke:1px #eac47459;font-family:Georgia,serif}
.heritage-copy h2{font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1.05;margin-bottom:35px}
.heritage-copy p{color:var(--muted);font-size:17px;line-height:2;margin-bottom:20px}
.heritage-signature{margin-top:40px;color:var(--gold);font-size:18px;font-style:italic}
.gold-divider{width:70px;height:1px;background:var(--gold);margin:30px 0}
.gold-divider.centered{margin:35px auto}
.apart{padding:140px 5%;background:var(--black-soft);text-align:center}
.apart-header{max-width:850px;margin:0 auto 80px}
.apart-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}
.apart-item{min-height:320px;padding:55px 30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .4s ease}
.apart-item:hover{background:#eac47406}
.apart-icon{width:82px;height:82px;margin-bottom:28px;color:var(--gold);opacity:.92;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease}
.apart-icon::before{content:"";position:absolute;inset:-7px;border:1px solid #eac4742e;border-radius:50%}
.apart-icon::after{content:"";position:absolute;inset:-12px;border:1px solid #eac47412;border-radius:50%}
.apart-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.apart-icon svg circle:first-child{stroke-width:.8}
.apart-item:hover .apart-icon{transform:scale(1.06);opacity:1}
.apart-number{margin-bottom:17px;color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:3px}
.apart-item h3{max-width:250px;font-size:21px;font-weight:400;line-height:1.4}
.apart-item::after{content: "✦";position:absolute;bottom:15px;color:#eac4744d;font-size:9px}
.collection{padding:150px 5%;background:var(--black)}
.collection-header{max-width:1250px;margin:0 auto 70px;display:flex;justify-content:space-between;align-items:end;gap:50px}
.collection-header p{max-width:420px;color:var(--muted);line-height:1.9}
.product-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product{position:relative;overflow:hidden;background:var(--black-light);cursor:zoom-in;aspect-ratio:1 / 1}
.product img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.product:hover img{transform:scale(1.08)}
.product::after{content:"VIEW";position:absolute;right:18px;bottom:18px;padding:8px 13px;border:1px solid #ffffff80;background:#0f110f80;backdrop-filter:blur(6px);font-family:Arial,Helvetica,sans-serif;font-size:8px;letter-spacing:2px;opacity:0;transition:.35s ease}
.product:hover::after{opacity:1}
.legacy{padding:160px 7%;background:var(--black-soft)}
.legacy-inner{max-width:1100px;margin:auto;text-align:center}
.legacy-inner h2{font-size:clamp(40px,6vw,80px);font-weight:400;line-height:1.05;margin-bottom:35px}
.legacy-inner p{max-width:780px;margin:0 auto 20px;color:var(--muted);font-size:17px;line-height:2}
.contact{padding:140px 5%;background:var(--black);position:relative;overflow:hidden}
.contact::before{content:"H";position:absolute;right:-20px;top:-100px;font-size:600px;line-height:1;color:transparent;-webkit-text-stroke:1px #eac4740a;pointer-events:none}
.contact-inner{position:relative;z-index:2;max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact h2{font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.05}
.contact-copy{color:var(--muted);margin-top:25px;line-height:1.9}
.contact-details{border-top:1px solid var(--border)}
.contact-row{padding:20px 0;border-bottom:1px solid var(--border)}
.contact-label{display:block;color:var(--gold);font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:9px;margin-bottom:7px}
.contact-value{font-size:16px;color:#f7f4edcc}
.contact-value a:hover{color:var(--gold)}
footer{padding:55px 5% 35px;border-top:1px solid var(--border);background:var(--black)}
.footer-top{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.footer-logo{width:60px}
.footer-logo img{width:100%}
.socials{display:flex;gap:24px;align-items:center}
.socials a{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease}
.socials a:hover{color:var(--gold)}
.footer-bottom{max-width:1250px;margin:45px auto 0;padding-top:20px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:1px}
.lightbox{position:fixed;inset:0;z-index:100;background:#050605f5;display:none;align-items:center;justify-content:center;padding:40px}
.lightbox.active{display:flex}
.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;box-shadow:0 20px 80px #0009}
.lightbox-close{position:absolute;right:30px;top:25px;width:45px;height:45px;border:1px solid var(--border);background:transparent;color:var(--gold);font-size:25px;cursor:pointer}
@media (max-width: 1000px) {
nav{gap:18px}
.heritage-grid{grid-template-columns:1fr;gap:50px}
.apart-grid{grid-template-columns:repeat(2,1fr)}
.product-grid{grid-template-columns:repeat(2,1fr)}
.contact-inner{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 700px) {
header{padding:20px 5%}
.logo{width:120px}
nav a:not(.nav-contact){display:none}
.nav-contact{padding:8px 12px;font-size:8px}
.hero{min-height:90vh}
.hero-overlay{background:linear-gradient(90deg,#0f110fe0,#0f110f8c)}
.hero h1{letter-spacing:-2px}
.hero-description{font-size:15px}
.heritage,.apart,.collection,.legacy,.contact{padding-top:90px;padding-bottom:90px}
.apart-grid{grid-template-columns:1fr}
.apart-item{min-height:290px}
.collection-header{display:block}
.collection-header p{margin-top:25px}
.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.product::after{display:none}
.footer-top{flex-direction:column;align-items:flex-start}
.footer-bottom{display:block}
.footer-bottom div + div{margin-top:8px}
}
@media (max-width: 430px) {
.hero h1{font-size:48px}
.hero-tagline{font-size:9px;letter-spacing:2.5px}
.section-title{font-size:40px}
.product-grid{grid-template-columns:1fr}
}