@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Montserrat:wght@300;400&display=swap');

:root{--background:#0d202d;--text:#f4f2ee;--button:#efefef;--button-text:#111;--border:#dcebe4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--text);font-family:"Montserrat",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;padding:70px 7vw 35px}
.hero{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px}
.hero__content{text-align:center;max-width:560px}
h1,h2,.brand span{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}
h1{margin:0 0 28px;font-size:clamp(48px,5vw,75px);line-height:.95;letter-spacing:-1px}
.hero__content p{margin:0 auto;max-width:540px;font-size:clamp(16px,1.4vw,21px);line-height:1.45;font-weight:300}
.button{display:inline-block;margin-top:34px;min-width:240px;padding:11px 28px;background:var(--button);color:var(--button-text);font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;line-height:1.02;transition:transform .2s ease,opacity .2s ease}
.button:hover{transform:translateY(-2px);opacity:.92}
.hero__media{display:flex;justify-content:center;align-items:center}
.hero__media video{display:block;width:min(360px,100%);max-height:570px;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.35))}
.footer{width:min(1200px,100%);margin:95px auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end}
.brand{display:flex;align-items:center;gap:24px}
.brand img{width:72px;height:72px;object-fit:contain}
.brand span{font-size:42px}
.contact-box{border:2px solid var(--border);padding:28px 35px;display:grid;grid-template-columns:.8fr 1fr;gap:55px}
.contact-box h2{margin:0 0 18px;font-size:40px}
.contact-box a{display:block;font-size:17px;line-height:1.55}
.social-links{display:flex;gap:22px}
.social-links a{font-family:Arial,sans-serif;font-size:34px;font-weight:700}
@media(max-width:850px){.page{padding:45px 22px 30px}.hero{grid-template-columns:1fr;gap:45px}.hero__content{margin:0 auto}.hero__media video{width:min(320px,90vw)}.footer{margin-top:70px;grid-template-columns:1fr;gap:40px}.brand{justify-content:center}.contact-box{grid-template-columns:1fr 1fr}}
@media(max-width:560px){h1{font-size:48px}.hero__content p{font-size:15px}.button{font-size:22px;min-width:220px}.contact-box{grid-template-columns:1fr;gap:25px;padding:25px}.contact-box h2{font-size:34px}.brand span{font-size:36px}}