/* about.html page styles */
.smp{position:relative}
.smp::before{content:"Sample";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;color:#fff;opacity:.75;font-size:clamp(24px,5vw,48px);font-weight:700;letter-spacing:.2em;text-shadow:0 2px 14px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap}

nav a{color:var(--sub);transition:.3s}nav a:hover{color:var(--gold-t)}nav a.on{color:var(--gold-t)}

/* page hero */
.page-hero{text-align:center;padding:100px 0 60px;background-image:linear-gradient(rgba(13,15,20,.6),rgba(13,15,20,.82)),url(../images/hero.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--line)}
.page-hero .eyebrow{font-family:'Fraunces',serif;color:var(--gold-t);font-size:15px;letter-spacing:.24em}
.page-hero h1{font-family:'Fraunces',serif;font-size:clamp(32px,5vw,56px);font-weight:500;margin:14px 0 20px}
.page-hero .lead{color:var(--sub);font-size:15px;line-height:2}
.intro-copy{max-width:900px;margin:0 auto}
.intro-copy p{color:var(--sub);font-size:15.5px;line-height:2.15;margin-bottom:22px}
.intro-copy p:last-child{margin-bottom:0}

section{padding:70px 0}
.hd{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:40px}
.hd .ki{font-family:'Fraunces',serif;color:var(--gold-t);font-size:15px}
.hd h2{font-family:'Fraunces',serif;font-size:clamp(26px,4vw,40px);font-weight:500;margin-top:8px}

/* split image + text */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}
.split.rev{grid-template-columns:1.15fr .85fr}
.split.rev .s-img{order:2}
.s-img{border-radius:14px;border:1px solid var(--line);min-height:420px;background-size:cover;background-position:center;position:sticky;top:90px}
.s-txt{border:1px solid var(--line);border-radius:14px;padding:40px;background:var(--panel)}
.s-txt h3{font-family:'Fraunces',serif;font-size:22px;font-weight:500;color:var(--text);margin-bottom:18px}
.s-txt p{color:var(--sub);font-size:14.5px;line-height:2;margin-bottom:18px}
.s-txt p:last-child{margin-bottom:0}

/* gallery */
.lead-c{text-align:center;color:var(--sub);font-size:14.5px;margin:-16px auto 34px;max-width:640px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-item{aspect-ratio:3/4;border-radius:12px;border:1px solid var(--line);background-size:cover;background-position:center;position:relative;overflow:hidden}
.g-item .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(9,11,15,.9));font-size:12.5px;letter-spacing:.04em;z-index:3}

/* features */
.features{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feat{border:1px solid var(--line);border-radius:14px;padding:40px;background:var(--panel)}
.feat h4{font-family:'Fraunces',serif;font-size:22px;font-weight:500;color:var(--gold-t);margin-bottom:18px}
.feat p{color:var(--sub);font-size:14.5px;line-height:2;margin-bottom:16px}
.feat p:last-child{margin-bottom:0}

/* greeting */
.greeting{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:44px;background:var(--panel)}
.greeting h4{font-family:'Fraunces',serif;font-size:20px;font-weight:500;margin-bottom:20px}
.greeting p{color:var(--sub);font-size:14.5px;line-height:2;margin-bottom:16px}
.sign{text-align:right;margin-top:22px;color:var(--gold-t);font-family:'Fraunces',serif;font-size:16px}

.center{text-align:center;margin-top:46px}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold-t);padding:15px 44px;font-size:13px;letter-spacing:.16em;transition:.3s}.btn:hover{background:var(--gold);color:var(--bg)}

.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:48px}

@media(max-width:880px){
  nav,.langs{display:none}.burger{display:flex}
  .split,.split.rev,.features,.fg{grid-template-columns:1fr}
  .split.rev .s-img{order:0}
  .s-img{position:static;min-height:300px}
  .gallery{grid-template-columns:1fr 1fr}
  section{padding:52px 0}
}
@media(max-width:520px){.gallery{grid-template-columns:1fr}}