:root{--ink:#151515;--paper:#f4f0e9;--paper2:#ece5da;--accent:#ff6a3d;--soft:#d8d0c4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}.site-header{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(94%,1120px);display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:rgba(244,240,233,.9);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.brand{font-weight:700;text-decoration:none;color:var(--ink);font-size:1.05rem}.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:var(--ink);font-size:.95rem}.nav a:hover{opacity:.55}.menu-btn{display:none;border:0;background:none;font-size:1.35rem}.hero{position:relative;height:90vh;min-height:650px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.17) 63%,rgba(0,0,0,.05))}.hero-content{position:absolute;left:max(6vw,32px);bottom:10vh;color:white;max-width:760px}.eyebrow{font-size:.75rem;letter-spacing:.19em;font-weight:700}.eyebrow.dark{color:#746b61}.hero h1,.intro h2,.section-head h2,.about h2,.feature-copy h2,.journal-copy h2{font-family:'Playfair Display',Georgia,serif;margin:.25em 0;line-height:.96}.hero h1{font-size:clamp(4rem,10vw,9rem)}.hero p{font-size:1.12rem;max-width:560px;opacity:.92;line-height:1.55}.cta{display:inline-block;margin-top:18px;color:white;text-decoration:none;border-bottom:1px solid white;padding-bottom:4px}.intro,.section-head{width:min(88%,1120px);margin:92px auto 42px;display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:end}.intro h2,.section-head h2,.about h2,.feature-copy h2,.journal-copy h2{font-size:clamp(2.5rem,5vw,4.8rem)}.muted{color:#6f675e;line-height:1.75}.small{font-size:.94rem}.feature-story{width:min(88%,1120px);margin:0 auto 88px;display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--paper2);border-radius:28px;overflow:hidden}.feature-image{min-height:640px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:clamp(34px,6vw,74px);align-self:center}.feature-copy p{line-height:1.75;color:#5f584f}.draft{display:inline-block;margin-top:12px;font-size:.78rem;color:#81786e;border-top:1px solid #cfc5b8;padding-top:12px}.cards{width:min(88%,1120px);margin:auto;display:grid;grid-template-columns:1.3fr .85fr;gap:22px}.story-card{position:relative;min-height:340px;overflow:hidden;border-radius:24px;background:#ddd}.story-card.large{grid-row:span 2;min-height:702px}.story-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s ease}.story-card:hover img{transform:scale(1.035)}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(0,0,0,.74))}.card-copy{position:absolute;z-index:2;left:24px;right:20px;bottom:22px;color:white}.card-copy span{font-size:.72rem;letter-spacing:.08em;opacity:.78}.card-copy h3{font-size:1.55rem;margin:7px 0}.card-copy p{margin:0;opacity:.87}.journal-strip{width:min(88%,1120px);margin:100px auto 45px;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}.journal-copy p{line-height:1.75;color:#675f56}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journal-grid figure{margin:0}.journal-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}.journal-grid figcaption{font-size:.85rem;color:#746b61;padding:9px 4px 0}.gallery-section{padding:10px 0 90px}.masonry{width:min(88%,1120px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:265px;gap:16px}.photo{padding:0;border:0;border-radius:20px;overflow:hidden;cursor:zoom-in;background:#ddd}.photo.tall{grid-row:span 2}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.photo:hover img{transform:scale(1.025)}.about{width:min(88%,1120px);margin:30px auto 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.about img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px}footer{border-top:1px solid var(--soft);width:min(88%,1120px);margin:auto;padding:28px 0 45px;display:flex;justify-content:space-between;color:#6f675e}dialog{border:0;background:transparent;padding:0;max-width:92vw;max-height:92vh}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{max-width:88vw;max-height:88vh;border-radius:14px}.close{position:fixed;right:24px;top:18px;border:0;background:white;width:42px;height:42px;border-radius:50%;font-size:1.6rem;cursor:pointer}
@media(max-width:800px){.site-header{top:10px}.nav{display:none;position:absolute;top:58px;right:0;background:var(--paper);padding:18px 22px;border-radius:16px;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.12)}.nav.open{display:flex}.menu-btn{display:block}.hero{height:82vh;min-height:580px}.hero-content{left:24px;right:24px;bottom:8vh}.hero h1{font-size:clamp(3.6rem,20vw,6.2rem)}.intro,.section-head{grid-template-columns:1fr;gap:8px;margin-top:66px}.feature-story{grid-template-columns:1fr}.feature-image{min-height:480px}.feature-copy{padding:34px 26px 40px}.cards{grid-template-columns:1fr}.story-card,.story-card.large{min-height:430px;grid-row:auto}.journal-strip{grid-template-columns:1fr;gap:25px;margin-top:72px}.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.about{grid-template-columns:1fr;gap:28px}footer{font-size:.9rem}.section-head h2,.intro h2,.about h2,.feature-copy h2,.journal-copy h2{font-size:2.8rem}}
@media(max-width:520px){.masonry{grid-template-columns:1fr;grid-auto-rows:390px}.photo.tall{grid-row:span 1}.journal-grid{grid-template-columns:1fr}.journal-grid img{aspect-ratio:4/5}.hero p{font-size:1rem}}

/* v2 additions */
.latest-banner{max-width:1180px;margin:0 auto;padding:28px 24px 0}.latest-banner .inner{border:1px solid #ddd;border-radius:18px;padding:20px 24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.latest-banner h3{margin:0 0 6px}.latest-banner p{margin:0;color:#666}.tag{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.site-footer-note{opacity:.7;font-size:.85rem}

/* v3: blog pages + video */
a.story-card{text-decoration:none;color:inherit}.hero-button,.button{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:700}.hero-button{margin-top:20px;background:#fff;color:#151515}.dark-button{background:#151515;color:#fff;margin-top:14px}.text-link{color:#151515;text-decoration:none;font-weight:700;white-space:nowrap}.video-section{padding:22px 0 65px}.video-grid{width:min(88%,1120px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:var(--paper2);border-radius:22px;overflow:hidden}.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#111}.video-card div{padding:17px 18px 20px}.video-card span{font-size:.72rem;letter-spacing:.12em;color:#766c61}.video-card h3{margin:6px 0 0;font-size:1.15rem}.video-head{margin-top:65px}
.article-page{background:#f4f0e9}.article-hero{height:72vh;min-height:600px;position:relative;overflow:hidden}.article-hero>img{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 65%)}.article-hero-copy{position:absolute;left:max(6vw,28px);bottom:9vh;color:#fff;max-width:900px}.article-hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.6rem,9vw,8rem);line-height:.95;margin:.14em 0}.article-hero-copy p{font-size:1.12rem;line-height:1.6;max-width:650px}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:24px;opacity:.9}.article-body{width:min(88%,920px);margin:0 auto;padding:80px 0 100px}.article-lead{font-size:1.25rem;line-height:1.8;max-width:760px;margin-bottom:90px}.dropcap:first-letter{float:left;font-family:'Playfair Display',Georgia,serif;font-size:5rem;line-height:.8;padding:12px 12px 0 0}.article-section{margin:0 0 105px}.article-section h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1;margin:.18em 0 .35em}.article-section>p{max-width:740px;color:#625a51;line-height:1.85;font-size:1.05rem}.article-wide{margin:34px 0 0}.article-wide img{width:100%;max-height:680px;object-fit:cover;border-radius:26px}.article-wide figcaption{color:#7a7065;font-size:.86rem;margin-top:9px}.article-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.article-two img{width:100%;height:590px;object-fit:cover;border-radius:24px}.article-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.article-three img{width:100%;height:430px;object-fit:cover;border-radius:22px}.article-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.article-video-grid video{width:100%;max-height:700px;background:#111;border-radius:22px}.closing-note{background:var(--paper2);padding:50px;border-radius:28px}.site-footer-note a{color:inherit}
@media(max-width:800px){.latest-banner .inner{align-items:flex-start;flex-direction:column}.video-grid{grid-template-columns:1fr}.video-card video{aspect-ratio:16/10}.article-hero{height:78vh;min-height:560px}.article-body{padding-top:55px}.article-lead{font-size:1.1rem;margin-bottom:65px}.article-section{margin-bottom:72px}.article-two,.article-three,.article-video-grid{grid-template-columns:1fr}.article-two img,.article-three img{height:auto;aspect-ratio:4/5}.closing-note{padding:30px 24px}}
/* FAQ */

.faq-section {
  width: min(88%, 1120px);
  margin: 100px auto 110px;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: start;
}

.faq-intro h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(2.8rem, 5vw, 4.8rem);
  line-height: 1;
  margin: .25em 0;
}

.faq-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--soft);
}

.faq-list details {
  border-bottom: 1px solid var(--soft);
}

.faq-list summary {
  list-style: none;
  cursor: pointer;
  padding: 24px 45px 24px 0;
  font-size: 1.1rem;
  font-weight: 600;
  position: relative;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 20px;
  font-size: 1.6rem;
}

.faq-list details[open] summary::after {
  transform: rotate(45deg);
}

.faq-list p {
  margin: 0;
  padding: 0 45px 25px 0;
  color: #6f675e;
  line-height: 1.75;
}

@media (max-width: 800px) {
  .faq-section {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 70px;
  }

  .faq-intro h2 {
    font-size: 2.8rem;
  }
}