.relationships{position:absolute;inset:0;z-index:5;color:#193e42;overflow:hidden;background:#d9e3d6}.relationships[hidden]{display:none}.relationship-picture{position:absolute;inset:0 53% 0 0;overflow:hidden}.relationship-image{width:100%;height:100%;object-fit:cover;object-position:44% center;display:block}.relationship-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#102b38bd)}.relationship-art-label{position:absolute;z-index:1;left:25px;top:24px;font-size:9px;letter-spacing:1.7px;color:#fff5d9;background:#15313975;padding:7px 10px;border-radius:3px}.relationship-cover{position:absolute;bottom:40px;left:7%;z-index:1;color:#fff4db}.relationship-cover>span{font-size:9px;letter-spacing:2px}.relationship-cover p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(36px,4.2vw,64px);line-height:1.03;margin:16px 0 0;font-weight:500;text-shadow:0 2px 20px #14323380}.relationship-reading{position:absolute;inset:0 0 0 auto;width:53%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#889c88 #ffffff20;padding:clamp(28px,3.6vw,54px);background:linear-gradient(145deg,#f0f3e8ed,#dbe6dcde);border-left:1px solid #ffffff8c;backdrop-filter:blur(20px);outline-offset:-5px}.relationship-reading:focus-visible{outline:2px solid #8c794a}.relationship-eyebrow{font-size:10px;letter-spacing:2px;color:#66785d;margin:0 0 24px}.relationship-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(38px,4vw,60px);line-height:1.02;letter-spacing:-1px;margin:0 0 24px}.relationship-lead{font-size:16px;line-height:1.8;color:#37575a}.relationship-scroll-cue{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#607557;border-top:1px solid #8c9c7f55;margin-top:30px;padding-top:17px}.relationship-scroll-cue span{font-size:24px}.relationship-chapter{padding-top:40px}.relationship-number{font-size:9px;letter-spacing:2px;color:#6b7958}.relationship-chapter h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:36px;line-height:1.08;letter-spacing:-.4px;margin:14px 0 18px}.relationship-chapter>p{font-size:14px;line-height:1.9;color:#3c5859;margin:0}.relationship-chapter figure{margin:27px 0 0}.relationship-chapter figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.relationship-chapter figcaption{font-family:Georgia,serif;font-style:italic;font-size:12px;line-height:1.6;color:#6a785f;margin-top:10px}.relationship-chapter blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;line-height:1.15;margin:30px 0 0;padding:26px 0;border-top:1px solid #8c9c7f55;border-bottom:1px solid #8c9c7f55;color:#68744d}.relationship-signoff{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;line-height:1.2;margin:32px 0;color:#294b4c}.relationship-status{font-size:10px;line-height:1.7;color:#677c70;border-top:1px solid #8c9c7f55;padding-top:20px;margin:35px 0 0}.stage.village>.hero-copy,.stage.village>.scene-caption,.stage.village>.scene-index{display:none}
@media(max-height:800px) and (min-width:761px){.relationship-reading{padding:28px 34px}.relationship-intro h2{font-size:42px}.relationship-lead{font-size:14px}.relationship-eyebrow{margin-bottom:18px}.relationship-cover{bottom:30px}}
@media(max-width:760px){.hero:has(.village){height:calc(100svh - 108px);min-height:650px}.relationship-picture{inset:0 0 auto;height:32%}.relationship-image{object-position:45% 44%}.relationship-cover{left:6%;bottom:18px}.relationship-cover>span{display:none}.relationship-cover p{font-size:30px;margin:0}.relationship-art-label{left:16px;top:12px;font-size:7px;padding:5px 7px}.relationship-reading{top:32%;bottom:0;width:100%;padding:28px 7%;border-left:0;border-top:1px solid #fff8}.relationship-intro h2{font-size:39px}.relationship-lead{font-size:14px}.relationship-chapter h3{font-size:33px}.relationship-scroll-cue{font-size:8px}.relationship-chapter{padding-top:32px}}
/* A village scrapbook: little notes, pressed leaves and taped photographs. */
.relationships{color:#354b3b;background:#e9ecd9}.relationship-reading{background-color:#f4f0de;background-image:radial-gradient(#9baf841b .8px,transparent .8px),linear-gradient(145deg,#faf5e6,#e8edd8);background-size:9px 9px,100% 100%;border-left:5px solid #fefbed;padding-top:48px;scrollbar-color:#91aa72 #e9ecd9}.relationship-intro h2,.relationship-chapter h3,.relationship-signoff,.relationship-cover p{font-family:'Trebuchet MS','Manrope',sans-serif;font-weight:700;letter-spacing:-1.6px;line-height:1.12}.relationship-intro h2{font-size:clamp(33px,3.4vw,49px);color:#36563e}.relationship-lead,.relationship-chapter>p{color:#51604c;line-height:1.85}.relationship-eyebrow,.relationship-number{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:14px;letter-spacing:0;color:#687c4d;background:#dde7bb;padding:7px 13px;border-radius:40% 45% 35% 30% / 25% 35% 30% 40%;transform:rotate(-2deg)}.relationship-eyebrow{margin-bottom:23px}.relationship-scroll-cue{font-size:12px;letter-spacing:0;text-transform:none;border-top:1px dashed #98aa7d;color:#647b4b}.relationship-chapter{padding-top:44px}.relationship-chapter h3{font-size:31px;letter-spacing:-.8px;color:#3d573e}.relationship-chapter figure{position:relative;padding:9px 9px 13px;background:#fffdf5;box-shadow:0 5px 12px #4253341c;transform:rotate(-1.7deg);margin:31px 4px 8px}.relationship-chapter:nth-of-type(3) figure{transform:rotate(1.4deg)}.relationship-chapter figure:before{content:'';position:absolute;z-index:1;top:-10px;left:35%;width:30%;height:24px;background:#d4bb79a6;transform:rotate(3deg);clip-path:polygon(2% 0,100% 5%,97% 100%,0 94%)}.relationship-chapter figure img{border-radius:2px}.relationship-chapter figcaption{font-size:13px;text-align:center;margin:12px 8px 0;color:#687452}.relationship-chapter blockquote{font-family:Georgia,serif;font-size:24px;font-style:italic;line-height:1.5;border:0;padding:28px 22px;background:#ede2ae;box-shadow:2px 4px 0 #ab996123;transform:rotate(1deg);border-radius:2px 2px 20px 2px;color:#6d643f}.relationship-signoff{font-size:32px;color:#47643f}.relationship-signoff em{font-family:Georgia,serif;font-weight:400}.relationship-cover p{font-size:clamp(36px,4vw,58px);color:#fff9df}.relationship-cover>span{letter-spacing:1.5px}.relationship-vine{position:absolute;width:130px;height:310px;object-fit:contain;top:-25px;left:calc(47% - 72px);z-index:6;pointer-events:none;filter:drop-shadow(0 3px 2px #1f402229);transform-origin:top center}.relationship-status{border-top-style:dashed}.relationship-intro{position:relative}.relationship-reading>*{position:relative;z-index:1}
@media(prefers-reduced-motion:no-preference){.relationship-vine{animation:vine-breeze 8s ease-in-out infinite alternate}@keyframes vine-breeze{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}}body:has(#motion-toggle[aria-pressed=true]) .relationship-vine{animation:none}
@media(max-height:800px) and (min-width:761px){.relationship-intro h2{font-size:37px}.relationship-reading{padding-top:30px}.relationship-vine{width:104px;height:250px;left:calc(47% - 58px)}}
@media(max-width:760px){.relationship-reading{border-left:0;border-top:5px solid #fff9e9;padding-top:30px}.relationship-intro h2{font-size:34px}.relationship-chapter h3{font-size:28px}.relationship-cover p{font-size:30px}.relationship-vine{width:75px;height:180px;left:auto;right:-18px;top:calc(32% - 35px)}.relationship-chapter blockquote{font-size:21px}}
@media(max-width:760px){.relationship-vine{width:54px;height:130px;right:-23px;top:calc(32% - 28px)}}

.relationship-chapter figure{padding:9px}

.relationship-promises{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.relationship-promises span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #8ca17666;border-radius:999px;background:#fffdf18f;color:#486044;font-size:10px;font-weight:800;line-height:1.2;box-shadow:0 2px 0 #82906e30}
.relationship-promises span:before{content:'✦';color:#ba9561;font-size:9px}
.relationship-intro h2{max-width:14ch;text-wrap:balance}
.relationship-chapter h3{text-wrap:balance}
@media(max-height:800px) and (min-width:761px){.relationship-promises{margin-top:14px}.relationship-promises span{padding:6px 9px;font-size:9px}}
@media(max-width:760px){.relationship-promises{margin-top:17px}.relationship-promises span{font-size:9px;padding:7px 9px}}