/* A single family scrapbook, with the whole family at its heart. */
.family-world{background:#f6f0e5;color:#324c40;padding-top:65px;padding-bottom:38px;overflow:hidden}
.family-world-heading{text-align:center;max-width:1040px;margin:0 auto}
.family-world .family-connector{font-size:25px;color:#886d54;margin:0 0 27px;transform:rotate(-2deg)}
.family-world .eyebrow{margin-bottom:12px;font-size:9px;letter-spacing:.19em}
.personal-life.family-world h2{font-family:Caveat,'Segoe Print',cursive;font-weight:600;font-size:clamp(58px,6.9vw,88px);line-height:1;letter-spacing:-.02em;margin:0 auto;width:max-content;position:relative}
.family-world h2 em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-style:normal;color:#ad573d}
.family-world h2>svg{position:absolute;width:78%;height:25px;right:-1%;bottom:-17px;stroke:#cc8e64;stroke-width:1.8;stroke-linecap:round;fill:none;pointer-events:none}
.family-world-board{position:relative;max-width:1040px;width:100%;height:900px;margin:16px auto 0}
.family-world-thread{position:absolute;inset:0;width:100%;height:100%;stroke:#bd9878;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.7;pointer-events:none}
.family-world-thread>path:first-child{stroke-dasharray:4 10}
.family-member{position:absolute;margin:0;isolation:isolate;min-width:0}
.family-photo{display:block;position:relative;width:100%;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:none;cursor:default;transition:transform .25s ease;filter:drop-shadow(0 4px 1px #6d584713);border-radius:20px}
.family-photo img{display:block;width:100%;height:auto;object-fit:contain}
.family-photo:hover{transform:translateY(-4px) rotate(-1deg)}

.family-member figcaption{font-size:35px;line-height:1.03;text-align:center;margin:11px -12px 0;color:#324c40;position:relative}
.family-member figcaption>span{display:block;font-size:25px;line-height:1.1;margin-top:5px;color:#a9573d}
.family-wash{position:absolute;z-index:-1;pointer-events:none;opacity:.85}
.family-member--together{width:42%;left:29%;top:90px;z-index:2;transform:rotate(-2deg)}
.family-wash--together{inset:4% -4% 13%;border-radius:48% 50% 41% 46%;background:#dce2cd;transform:rotate(8deg)}
.family-member--together figcaption{font-size:38px;transform:rotate(1deg);margin-top:9px}
.family-member--together figcaption>span{font-size:28px}
.family-member--ellie{width:20%;left:2%;top:78px;transform:rotate(-6deg);z-index:2}
.family-wash--ellie{inset:18% -9% 13%;border-radius:49% 40% 46% 41%;background:#efcfba;transform:rotate(14deg)}
.family-member--ellie figcaption{transform:rotate(4deg)}
.family-member--milan{width:24%;right:0;top:253px;transform:rotate(5deg);z-index:2}
.family-wash--milan{inset:4% 4% 24%;border-radius:48% 42% 50% 43%;background:#d9e3df;transform:rotate(-9deg)}
.family-member--milan figcaption{transform:rotate(-3deg)}
.family-member--frida{width:25%;left:38%;top:630px;transform:rotate(-3deg);z-index:3}
.family-wash--frida{inset:5% 3% 29%;border-radius:49% 45% 48% 42%;background:#e8d2ad;transform:rotate(8deg)}
.family-member--frida figcaption{font-size:32px;transform:rotate(5deg);margin-top:7px}
.family-member--frida figcaption>span{font-size:24px;white-space:nowrap}
.family-drawing{position:absolute;fill:none;stroke:#ae634b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.family-together-heart{width:65px;height:65px;right:1%;top:-62px;transform:rotate(11deg)}
.family-ellie-spark{width:53px;height:65px;left:-13%;top:2%;transform:rotate(9deg)}
.family-milan-sun{width:57px;height:57px;right:13%;top:-80px;transform:rotate(10deg);stroke:#b68148}
.family-milan-basketball{width:58px;height:62px;left:-42px;top:38%;transform:rotate(-12deg);stroke:#815036;stroke-width:2.2}
.family-milan-basketball .basketball-bounce{stroke:#b0886c;stroke-width:1.7}
.family-frida-paw{width:57px;height:65px;right:-34%;top:43%;transform:rotate(18deg);stroke:#617557}
.family-side-note{position:absolute;left:9%;top:542px;font-size:29px;color:#8d7658;transform:rotate(-9deg);margin:0}
.family-side-note>svg{display:block;position:static;width:116px;height:62px;margin:7px 0 0 41px;stroke:#b0886c;stroke-width:1.8}
.family-bottom-heart{width:63px;height:57px;right:11%;bottom:21px;transform:rotate(12deg);stroke:#bf8468}
.family-world .family-world-hint{font-size:24px;text-align:center;line-height:1.14;margin:31px 0 0;color:#827158}
.family-world-hint>span{display:inline-block;color:#a2573e;margin-left:7px}
@media(min-width:651px) and (max-width:1050px){
  .family-world-board{height:780px}
  .family-member--together{top:105px}
  .family-member--ellie{top:85px}
  .family-member--milan{top:246px}
  .family-member--frida{top:537px}
  .family-side-note{top:479px;left:6%;font-size:27px}
  .family-member figcaption{font-size:31px}
  .family-member figcaption>span{font-size:23px}
  .family-member--together figcaption{font-size:35px}
  .family-frida-paw{right:-35%;width:48px}
  .family-world .family-world-hint{margin-top:24px}
}
@media(max-width:650px){
  .personal-life.family-world{padding:53px 6vw 32px}
  .family-world .family-connector{font-size:21px;margin-bottom:24px}
  .family-world .eyebrow{font-size:8px;margin-bottom:13px}
  .personal-life.family-world h2{font-size:clamp(49px,12vw,68px);max-width:100%;line-height:.93}
  .family-world h2 em{display:block;margin-top:1px}
  .family-world h2>svg{width:92%;right:0;bottom:-20px}
  .family-world-board{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:25px;row-gap:10px;max-width:440px;height:auto;margin-top:50px;padding-bottom:0}
  .family-world-thread{display:none}
  .family-member{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;justify-self:center}
  .family-member--ellie{grid-column:1;grid-row:1;width:74%;align-self:start;transform:rotate(-6deg);margin-left:1px}
  .family-member--milan{grid-column:2;grid-row:1;width:100%;align-self:center;transform:rotate(5deg);margin-top:33px}
  .family-member--together{grid-column:1/-1;grid-row:2;width:86%;margin-top:22px;transform:rotate(-2deg)}
  .family-member--frida{grid-column:1/-1;grid-row:3;width:49%;margin-top:25px;transform:rotate(-4deg)}
  .family-member figcaption{font-size:30px;line-height:1;margin:9px -14px 0}
  .family-member figcaption>span{font-size:22px;margin-top:4px}
  .family-member--together figcaption{font-size:34px;margin-top:9px}
  .family-member--together figcaption>span{font-size:25px}
  .family-member--frida figcaption{font-size:30px;transform:rotate(4deg)}
  .family-member--frida figcaption>span{font-size:21px}
  .family-wash--together{inset:4% -4% 20%}
  .family-wash--ellie{inset:16% -13% 26%}
  .family-wash--milan{inset:3% 0 31%}
  .family-wash--frida{inset:5% 3% 34%}
  .family-together-heart{width:41px;height:44px;right:-7%;top:7px;transform:rotate(20deg)}
  .family-ellie-spark{width:39px;height:47px;left:-28%;top:0}
  .family-milan-sun{width:40px;height:40px;right:18%;top:-50px}
  .family-milan-basketball{width:40px;height:43px;left:-24px;top:38%}
  .family-frida-paw{width:44px;height:52px;right:-38%;top:25%}
  .family-side-note{display:none}
  .family-bottom-heart{width:44px;height:43px;left:3%;right:auto;bottom:38px;transform:rotate(-13deg)}
  .family-world .family-world-hint{font-size:21px;max-width:310px;margin:25px auto 0}
  .family-world-hint>span{display:block;margin:3px 0 0}
}
@media(prefers-reduced-motion:reduce){.family-photo{transition:none}.family-photo:hover{transform:none}}

#memory-dialog .memory-image-wrap{background:#f6f0e5}