.wonderings-page .hero {
  position:relative;
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(410px,.9fr) minmax(500px,1.1fr);
  align-items:center;
  gap:36px;
  padding:58px clamp(34px,6vw,96px) 74px;
  overflow:hidden;
  background:radial-gradient(circle at 10% 14%,rgba(188,118,109,.09),transparent 25%),radial-gradient(circle at 88% 84%,rgba(111,121,94,.08),transparent 23%),repeating-linear-gradient(0deg,rgba(88,72,52,.012) 0 1px,transparent 1px 5px),#faf6ee;
}
.wonderings-page .hero::after {
  content:"";
  position:absolute;
  z-index:1;
  left:-2%;right:-2%;bottom:-17px;height:42px;
  background:#f7f1e7;
  clip-path:polygon(0 47%,6% 63%,13% 42%,21% 64%,29% 47%,37% 66%,45% 44%,53% 65%,62% 48%,70% 63%,79% 45%,88% 64%,95% 47%,100% 57%,100% 100%,0 100%);
}
.wonderings-page .heroCopy { position:relative;z-index:5;max-width:585px;padding-left:clamp(12px,3vw,48px); }
.wonderings-page .eyebrow,.wonderings-page .placeholderLabel { display:inline-block;color:#bc766d;font:600 .68rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.21em; }
.wonderings-page .placeholderLabel { font-size:.61rem;letter-spacing:.19em; }
.wonderings-page .heroCopy h1 { margin:12px 0 22px;color:#bc766d;font-size:clamp(4.6rem,7vw,7.5rem);font-weight:400;line-height:.88;letter-spacing:-.058em; }
.wonderings-page .intro { max-width:500px;margin:0 0 28px;color:rgba(54,55,47,.78);font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.62;font-style:italic; }
.wonderings-page .leafMark { display:flex;align-items:center;gap:9px;width:125px;color:#6f795e; }
.wonderings-page .leafMark i { width:38px;height:1px;background:rgba(92,104,73,.38); }
.wonderings-page .leafMark svg { width:23px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round; }
.wonderings-page .backLink,.wonderings-page .readMore { display:inline-block;padding-bottom:6px;color:#bc766d;border-bottom:1px solid rgba(188,118,109,.48);font:600 .63rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em; }
.wonderings-page .backLink { margin-top:28px;font-size:.67rem; }
.wonderings-page .heroArt { position:relative;z-index:4;min-height:480px; }
.wonderings-page .heroCollage { position:absolute;z-index:3;width:min(680px,103%);right:-4%;top:50%;transform:translateY(-50%) rotate(.7deg);filter:drop-shadow(0 26px 34px rgba(69,52,31,.13)); }
.wonderings-page .heroPolaroid { position:absolute;z-index:6;width:205px;left:-24px;bottom:3px;transform:rotate(-7deg);filter:drop-shadow(0 18px 20px rgba(66,49,30,.14)); }
.wonderings-page .heroLeaf { position:absolute;z-index:7;width:145px;right:-10px;bottom:-6px;transform:rotate(18deg);filter:drop-shadow(0 10px 14px rgba(72,54,34,.08)); }
.wonderings-page .heroFlowers { position:absolute;z-index:2;left:-90px;top:-52px;width:clamp(210px,18vw,300px);opacity:.76;transform:rotate(-12deg);pointer-events:none;filter:drop-shadow(0 12px 18px rgba(76,56,34,.08)); }
.wonderings-page .featuredSection { width:min(1180px,91vw);margin:0 auto;padding:102px 0 118px; }
.wonderings-page .sectionHeading { margin-bottom:48px;text-align:center; }
.wonderings-page .sectionHeading h2,.wonderings-page .archiveHeading h2 { margin:10px 0 12px;color:#4f5942;font-size:clamp(2.8rem,4.6vw,4.7rem);font-weight:400;line-height:1;letter-spacing:-.045em; }
.wonderings-page .sectionHeading>p,.wonderings-page .archiveHeading>p { margin:0;color:rgba(54,55,47,.56);font-style:italic; }
.wonderings-page .featuredSpread { display:grid;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);align-items:center;gap:18px;min-height:500px; }
.wonderings-page .featuredStillLife { position:relative;z-index:2;min-height:455px; }
.wonderings-page .featuredStillLife img { position:absolute;width:112%;max-width:none;left:-8%;top:50%;transform:translateY(-50%) rotate(-1deg);filter:drop-shadow(0 22px 30px rgba(68,51,31,.12)); }
.wonderings-page .featuredPaper { position:relative;z-index:4;min-height:410px;display:grid;place-items:center;margin-left:-26px; }
.wonderings-page .featuredPaper>img { position:absolute;z-index:1;inset:-22px -24px;width:calc(100% + 48px);height:calc(100% + 44px);object-fit:fill;filter:drop-shadow(0 18px 28px rgba(73,55,34,.11)); }
.wonderings-page .featuredCopy { position:relative;z-index:3;width:min(520px,78%);padding:44px 18px;text-align:left; }
.wonderings-page .featuredCopy h3 { margin:13px 0 17px;color:#bc766d;font-size:clamp(2.5rem,4vw,4rem);line-height:1;font-weight:400;letter-spacing:-.045em; }
.wonderings-page .featuredCopy .leafMark { margin:0 0 22px; }
.wonderings-page .featuredCopy p { margin:0 0 18px;color:rgba(54,55,47,.76);font-size:1rem;line-height:1.72; }
.wonderings-page .featuredCopy p:first-of-type { font-size:1.08rem;font-style:italic; }
.wonderings-page .featuredCopy .readMore { margin-top:7px; }
.wonderings-page .archiveSection { position:relative;padding:94px clamp(28px,5vw,78px) 122px;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(188,118,109,.07),transparent 20%),radial-gradient(circle at 92% 86%,rgba(111,121,94,.07),transparent 22%),linear-gradient(rgba(239,226,207,.86),rgba(247,240,229,.95));border-block:1px solid rgba(83,67,47,.1); }
.wonderings-page .archiveHeading { width:min(1180px,100%);margin:0 auto 52px;display:flex;align-items:end;justify-content:space-between;gap:40px; }
.wonderings-page .archiveHeading>p { max-width:340px;margin-bottom:8px;line-height:1.55;text-align:right; }
.wonderings-page .noteGrid { width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px; }
.wonderings-page .noteCard { position:relative;min-height:340px;padding:42px 34px 34px;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(76,63,45,.045) 30px 31px),#fbf6ed;box-shadow:0 16px 28px rgba(71,54,33,.08);clip-path:polygon(2% 1%,98% 0,100% 96%,96% 100%,3% 98%,0 4%); }
.wonderings-page .noteCard:nth-child(2) { transform:translateY(18px) rotate(.4deg); }
.wonderings-page .noteCard:nth-child(3) { transform:rotate(-.45deg); }
.wonderings-page .noteNumber { position:absolute;right:24px;top:23px;color:rgba(188,118,109,.38);font-size:2.5rem;font-style:italic; }
.wonderings-page .noteCard h3 { margin:11px 0 16px;color:#bc766d;font-size:clamp(1.9rem,2.7vw,2.65rem);line-height:1.04;font-weight:400;letter-spacing:-.038em; }
.wonderings-page .noteCard blockquote { margin:0 0 22px;padding:0;color:rgba(54,55,47,.72);font-size:1rem;line-height:1.68;font-style:italic; }
.wonderings-page .noteCard .readMore { color:#4f5942;border-color:rgba(79,89,66,.44); }
.wonderings-page .bottomAccent { position:absolute;z-index:1;left:-58px;bottom:-68px;width:250px;opacity:.64;transform:rotate(15deg);pointer-events:none; }

@media (max-width:980px) {
  .wonderings-page .hero { grid-template-columns:1fr;gap:16px;padding-top:72px; }
  .wonderings-page .heroCopy { max-width:680px;padding:0;text-align:center;justify-self:center; }
  .wonderings-page .heroCopy .leafMark { margin-inline:auto;justify-content:center; }
  .wonderings-page .heroArt { width:min(760px,94vw);min-height:430px;justify-self:center; }
  .wonderings-page .heroCollage { width:min(650px,92vw);right:0; }
  .wonderings-page .featuredSpread { grid-template-columns:1fr;max-width:790px;margin:auto; }
  .wonderings-page .featuredStillLife { min-height:390px; }
  .wonderings-page .featuredStillLife img { width:min(650px,96vw);left:50%;transform:translate(-50%,-50%); }
  .wonderings-page .featuredPaper { margin:-30px 6vw 0; }
  .wonderings-page .noteGrid { grid-template-columns:1fr 1fr; }
  .wonderings-page .noteCard:nth-child(2),.wonderings-page .noteCard:nth-child(3) { transform:none; }
  .wonderings-page .archiveHeading { align-items:flex-start;flex-direction:column;gap:12px; }
  .wonderings-page .archiveHeading>p { text-align:left; }
}

@media (max-width:640px) {
  .wonderings-page .hero { min-height:760px;padding:58px 5vw 54px; }
  .wonderings-page .heroCopy h1 { font-size:clamp(3.8rem,16vw,5rem); }
  .wonderings-page .intro { font-size:1.08rem; }
  .wonderings-page .heroFlowers { width:185px;left:-84px; }
  .wonderings-page .heroArt { min-height:355px; }
  .wonderings-page .heroCollage { width:430px;right:-78px; }
  .wonderings-page .heroPolaroid { width:140px;left:-4%; }
  .wonderings-page .heroLeaf { width:105px; }
  .wonderings-page .featuredSection { padding:76px 0 88px; }
  .wonderings-page .sectionHeading h2,.wonderings-page .archiveHeading h2 { font-size:2.8rem; }
  .wonderings-page .featuredStillLife { min-height:310px; }
  .wonderings-page .featuredStillLife img { width:430px; }
  .wonderings-page .featuredPaper { margin:-20px 2vw 0;min-height:430px; }
  .wonderings-page .featuredCopy { width:80%;padding-inline:4px; }
  .wonderings-page .featuredCopy h3 { font-size:2.65rem; }
  .wonderings-page .archiveSection { padding:72px 6vw 94px; }
  .wonderings-page .noteGrid { grid-template-columns:1fr; }
  .wonderings-page .noteCard { min-height:315px; }
  .wonderings-page .bottomAccent { width:190px;left:-76px; }
}