*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#15110d;color:#f4efe9;font-family:'Archivo',-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
::selection{background:#f4efe9;color:#15110d;}
@keyframes b7fadein{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.b7-link{transition:opacity .25s ease;}
.b7-link:hover{opacity:.55;}

header.nav{position:fixed;top:2px;left:0;right:0;z-index:110;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(to bottom,rgba(21,17,13,0.85),rgba(21,17,13,0.2));}
header.nav .inner{max-width:1500px;margin:0 auto;padding:0 clamp(22px,5vw,72px);height:78px;display:flex;align-items:center;justify-content:space-between;}
header.nav img{height:46px;width:auto;}
header.nav .back{font-size:12.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.78);display:inline-flex;align-items:center;gap:10px;}

section.hero{position:relative;height:100vh;min-height:620px;overflow:hidden;}
section.hero > img,section.hero > video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
section.hero .hero-badge{position:absolute;top:clamp(100px,14vh,150px);right:clamp(22px,5vw,72px);z-index:5;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:#f4efe9;background:rgba(21,17,13,0.6);border:1px solid rgba(244,239,233,0.35);padding:8px 14px;border-radius:2px;animation:b7fadein 1s .4s both;}
section.hero .veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(21,17,13,0.55) 0%,rgba(21,17,13,0.12) 32%,rgba(21,17,13,0.25) 62%,rgba(21,17,13,0.9) 100%);}
section.hero .meta{position:absolute;top:clamp(100px,14vh,150px);left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);display:flex;justify-content:space-between;color:rgba(255,255,255,0.78);font-size:12px;letter-spacing:0.22em;text-transform:uppercase;animation:b7fadein 1s .2s both;}
section.hero .title{position:absolute;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);bottom:clamp(48px,8vh,96px);animation:b7fadein 1.1s .3s both;}
section.hero .title .loc{color:rgba(255,255,255,0.72);font-size:13px;letter-spacing:0.06em;margin-bottom:18px;}
section.hero h1{margin:0;color:#fff;font-weight:300;font-size:clamp(44px,8.5vw,130px);line-height:0.94;letter-spacing:-0.03em;}

section.intro{max-width:1080px;margin:0 auto;padding:clamp(80px,12vh,150px) clamp(22px,5vw,72px);display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(36px,6vw,96px);align-items:start;}
section.intro .label{font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:#9c8d80;font-weight:500;}
section.intro p{margin:0 0 18px;font-size:17px;line-height:1.7;color:#cfc3b7;text-wrap:pretty;}
section.intro .facts{margin-top:32px;display:flex;flex-direction:column;gap:14px;}
section.intro .facts .row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.12);font-size:13px;color:#a59a8f;letter-spacing:0.04em;}
section.intro .facts .row span:last-child{color:#f4efe9;text-align:right;}

section.gallery{padding:0 0 clamp(60px,10vh,140px);}
section.gallery .row{margin:clamp(8px,2vh,28px) 0;}
section.gallery .full{width:100%;height:auto;}
section.gallery .grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.6vw,24px);padding:0 clamp(8px,1.6vw,24px);}
section.gallery .grid2 img,section.gallery .grid2 video{width:100%;height:clamp(320px,52vh,640px);object-fit:cover;display:block;}
section.gallery .frame{padding:0 clamp(22px,5vw,72px);}
section.gallery .frame img,section.gallery .frame video{width:100%;height:clamp(420px,72vh,820px);object-fit:cover;display:block;}

section.next{border-top:1px solid rgba(255,255,255,0.1);padding:clamp(72px,10vh,128px) clamp(22px,5vw,72px);text-align:center;}
section.next .label{font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:#9c8d80;font-weight:500;margin-bottom:18px;}
section.next a{font-weight:300;font-size:clamp(28px,4.4vw,58px);letter-spacing:-0.02em;line-height:1.1;color:#f4efe9;}
section.next .arrow{display:inline-block;margin-left:14px;opacity:.65;}

footer{padding:48px clamp(22px,5vw,72px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:12px;letter-spacing:0.04em;color:rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.08);}

@media (max-width:780px){
  section.intro{grid-template-columns:1fr;}
  section.gallery .grid2{grid-template-columns:1fr;}
  section.gallery .grid2 img{height:auto;}
  header.nav .inner{flex-direction:column;height:auto;padding-top:14px;padding-bottom:14px;gap:10px;justify-content:center;}
  header.nav img{height:38px;}
}