.anchor-family{position:absolute;left:50%;top:30px;width:41%;display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;z-index:2}.anchor-family figure{margin:0;padding:8px;background:#fff3db url('src/paper-grain.svg');color:#173b30;box-shadow:6px 9px 0 #0004;transform:rotate(3deg);position:relative;min-width:0}.anchor-family figure:first-child{grid-column:1/-1;transform:rotate(-3deg);margin:0 8% 0 0}.anchor-family figure:first-child:before{content:'';position:absolute;inset:-13px 15px 12px -20px;background:#a7462c url('src/paper-grain.svg');z-index:-1;transform:rotate(5deg)}.anchor-family figure:after{content:'';position:absolute;top:-12px;left:36%;width:75px;height:24px;background:#bdba82aa;transform:rotate(-7deg)}.anchor-family figure:last-child{transform:rotate(-3deg)}.anchor-family .photo-button{display:block;padding:0;border:0;width:100%;background:none}.anchor-family img{width:100%;height:190px;object-fit:contain;display:block;background:#173b30}.anchor-family figure:first-child img{height:340px}.anchor-family figcaption{font:italic 16px/1.2 Georgia,serif;padding:12px 4px 3px}.anchor-intro{width:48%}.anchor-intro h1{font-size:clamp(70px,7.7vw,125px)}.anchor-stage{min-height:900px}.growing-note{bottom:25px;right:5%}.margin-note{right:.2%;width:8%;font-size:18px;top:75px}.botanical-foot{z-index:1}@media(max-width:1100px){.anchor-stage{min-height:860px}.anchor-family figure:first-child img{height:290px}.anchor-family img{height:165px}.anchor-intro h1{font-size:7.7vw}.anchor-family figcaption{font-size:14px}.margin-note{display:none}}@media(max-width:750px){.anchor-stage{min-height:0}.anchor-intro{width:100%}.anchor-intro h1{font-size:clamp(58px,11vw,83px)}.anchor-family{position:relative;left:auto;top:auto;width:94%;justify-self:center;margin:8px 0 50px;gap:20px 12px}.anchor-family figure:first-child{margin-right:0}.anchor-family figure:first-child img{height:300px}.anchor-family img{height:150px}.anchor-family figcaption{font-size:14px}.growing-note{right:0;bottom:0}.botanical-middle{z-index:0}}/* All three family portraits have equal prominence: no lead portrait. */
.anchor-family{position:relative;left:auto;top:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:48px 0 40px;clear:both}.anchor-family figure,.anchor-family figure:first-child,.anchor-family figure:last-child{grid-column:auto;margin:0;transform:none;padding:10px;display:flex;flex-direction:column}.anchor-family figure:first-child:before{display:none}.anchor-family .photo-button{height:280px}.anchor-family img,.anchor-family figure:first-child img{height:280px;object-fit:contain}.anchor-family figcaption{font:italic 17px/1.3 Georgia,serif;min-height:72px;padding:15px 5px 5px}.anchor-intro{width:100%}.anchor-intro h1{font-size:clamp(70px,7.7vw,125px)}.anchor-stage{min-height:0;padding-bottom:60px}.margin-note{top:40px;right:7%;width:20%;font-size:24px}.turn-up{display:inline-block;margin-top:0;width:44%;vertical-align:top}.growing-note{bottom:65px;right:9%}.botanical-middle{left:auto;right:2%;top:220px}.botanical-foot{z-index:0}@media(max-width:750px){.anchor-family{grid-template-columns:1fr;gap:26px;margin:10px 0 40px}.anchor-family .photo-button,.anchor-family img,.anchor-family figure:first-child img{height:300px}.anchor-family figcaption{min-height:0;font-size:17px}.anchor-intro h1{font-size:clamp(58px,11vw,83px)}.turn-up{display:block;width:auto}.growing-note{bottom:0;right:0}.anchor-stage{padding-bottom:30px}}

/* Intro copy sits at the top right, with the title retained on the left. */
@media(min-width:751px){.anchor-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:28px;align-items:start}.anchor-intro h1{grid-column:1;grid-row:1;font-size:7.7vw}.anchor-intro p{grid-column:2;grid-row:1;margin:8px 0 0;text-align:right;font-size:clamp(18px,2vw,30px)}.anchor-intro .world-link{grid-column:1;justify-self:start}.margin-note{top:155px;right:5%;font-size:18px;width:25%}}
