@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/assets/fonts/cormorant-garamond-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/assets/fonts/cormorant-garamond-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/assets/fonts/cormorant-garamond-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

:root{
  --bg:#fbfaf7;
  --paper:#ffffff;
  --text:#121212;
  --muted:#555;
  --line:#e8e3d9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);}

body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;line-height:1.6}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:40px 18px 60px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--muted)}
.backbtn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);text-decoration:none;font-weight:650}
.backbtn:hover{background:#fff}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
@media (max-width:920px){.hero{grid-template-columns:1fr}}
.heroText{padding:28px 28px 22px}
.h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:48px;line-height:1.05;letter-spacing:.02em;margin:10px 0 14px}
.sub{font-size:16px;color:#1c1c1c;margin:0 0 16px}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pill{border:1px solid var(--line);background:#faf8f3;border-radius:999px;padding:8px 10px;font-size:13px;color:#262626}
.heroImg{min-height:380px;background:#f1eee6}
.heroImg img{width:100%;height:100%;object-fit:cover;display:block}
.section{margin-top:26px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:920px){.grid{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px}
.h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:20px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.list{margin:0;padding-left:18px;color:#1d1d1d}
.list li{margin:6px 0}
.muted{color:var(--muted)}
.ctaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);text-decoration:none;font-weight:650;background:#fff}
.btn.primary{background:#111;color:#fff;border-color:#111}
.btn:hover{transform:translateY(-1px)}
.footer{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#555;font-size:13px}
.sidePhoto{margin-top:14px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.sidePhoto img{width:100%;height:auto;display:block}
.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:920px){.videos{grid-template-columns:1fr}}
.videoCard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 14px 12px;text-decoration:none}
.videoCard:hover{background:#fffdf8}
.videoTitle{font-weight:750;margin:0 0 4px}
.videoDesc{margin:0;color:#555;font-size:14px}
/* Footer alignment fix */
footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
footer p, footer a {
    margin: 0;
}



/* --- YouTube 2-click embeds: sizing aligned 1:1 (thumbnail == video) --- */
.yt2click{margin-top:14px;}
.yt2click__thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
.yt2click__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.yt2click__overlay{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(0,0,0,0.45);
  color: #fff;
}
.yt2click__play{font-size:34px;line-height:1;font-weight:700;}
.yt2click__text{font-size:16px;font-weight:600;letter-spacing:0.05em;}
.yt2click__frame{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
}
.yt2click__frame iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}