/* ========== About page (minimal, dreamy editorial) ========== */

/* Header font adjustments for consistency with homepage vibe */
.topbar .name {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.topbar .nav a {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.about-wrap{
  max-width:var(--maxw);
  margin:80px auto 120px;
  padding:0 28px;
}

/* Two-column grid */
.about-grid{
  display:grid; 
  column-gap:80px; 
  row-gap:26px;
  grid-template-columns: 2fr 1fr;
  max-width:1100px; 
  margin:0 auto 50px;
}
@media (max-width:980px){
  .about-grid{ grid-template-columns:1fr; }
}

.about-col p{
  font-size:14.5px; 
  line-height:1.7; 
  margin:0 0 14px; 
  color:#111;
}
.about-lede{
  font-family:"Cormorant Garamond",serif;
  font-style:italic; 
  font-size:18px; 
  line-height:1.6;
  margin-bottom:18px;
}

.about-list h3{
  font-family:"Cormorant Garamond",serif;
  font-size:14px; 
  font-weight:600; 
  margin:0 0 6px;
}
.about-list ul{ 
  list-style:none; 
  padding:0; 
  margin:0 0 18px; 
}
.about-list li{ 
  font-size:13.5px; 
  line-height:1.7; 
  color:#333; 
}

/* Details row */
.about-meta{
  display:grid; 
  grid-template-columns:repeat(3,1fr);
  gap:30px; 
  max-width:1100px; 
  margin:22px auto 0;
}
@media (max-width:980px){
  .about-meta{ grid-template-columns:1fr; }
}

.about-meta h4{
  font-family:"Cormorant Garamond",serif;
  font-size:13px; 
  font-weight:600; 
  margin:0 0 6px;
}
.about-meta p{
  margin:0; 
  font-size:13.5px; 
  line-height:1.6; 
  color:#333;
}
.about-meta a{ 
  text-decoration:none; 
  border-bottom:1px solid #111; 
}
.about-meta a:hover{ 
  opacity:.85; 
}

/* ======== MATCH PROJECTS/RUNWAYS: MOBILE “…” MENU SHEET ======== */
/* Trigger (hidden on desktop) */
.menu-toggle{
  display:none;
  background:none; border:0; cursor:pointer; user-select:none;
  font-family:"Inter",sans-serif; font-size:20px; line-height:1;
  letter-spacing:2px;
  padding:8px 10px;
}

/* Off-canvas container */
.menu-sheet{
  position:fixed; inset:0; z-index:9998;
  display:none;
}
.menu-sheet[aria-hidden="false"]{ display:block; }

.menu-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.3);
  opacity:0; transition:opacity .25s ease;
}
.menu-panel{
  position:absolute; top:0; right:0; height:100%; width:min(86vw, 360px);
  background:#fff; transform:translateX(100%); transition:transform .28s ease;
  display:flex; flex-direction:column; padding:16px 18px 24px;
  box-shadow: -8px 0 28px rgba(0,0,0,.12);
}
.menu-sheet[aria-hidden="false"] .menu-backdrop{ opacity:1; }
.menu-sheet[aria-hidden="false"] .menu-panel{ transform:translateX(0); }

.menu-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 2px 16px;
}
.menu-title{
  margin:0;
  font-family:"Inter",sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase;
}
.menu-close{
  background:none; border:0; cursor:pointer; font-size:28px; line-height:1; padding:4px 8px;
}
.mnav{
  display:flex; flex-direction:column; gap:14px; margin-top:6px;
}
.mnav a{
  font-family:"Cormorant Garamond",serif; font-size:18px; line-height:1.1;
}

/* Show “…” on small screens; hide desktop nav */
@media (max-width: 820px){
  .nav{ display:none; }
  .menu-toggle{ display:inline-block; }
}