/* Link's quiet blue, butter yellow and pencil drawings continue across the page. */
:root { --link-paper:#fffdf7; --link-sky:#eaf3f7; --link-butter:#f8f0da; --link-rose:#f9eeea; --link-sage:#edf3e9; }
body { background:var(--link-paper) url('./assets/link-paper-grain.svg'); }
main { overflow:clip; }
.section, .mid-cta, .closing { position:relative; isolation:isolate; background-image:url('./assets/link-paper-grain.svg'); }
.section>.container, .mid-cta>.container, .closing>.container { position:relative; z-index:1; }
.section::before, .mid-cta::before, .closing::before {
  content:''; position:absolute; z-index:0; pointer-events:none; top:-1px; left:0; right:0; height:66px;
  background:var(--wave-from,var(--link-paper));
  -webkit-mask:url('./assets/paper-wave.svg') center top / 100% 100% no-repeat;
  mask:url('./assets/paper-wave.svg') center top / 100% 100% no-repeat;
}
.section::after, .closing::after {
  content:''; position:absolute; z-index:0; pointer-events:none; inset:0;
  background:var(--section-doodles,url('./assets/link-doodles-grow.svg')) center 72px / max(1440px,100%) auto no-repeat;
}
.site-header { background:var(--link-paper) url('./assets/link-paper-grain.svg'); }
.hero { padding-top:58px; background:var(--link-sky) url('./assets/link-paper-grain.svg'); }
.hero::before { content:''; position:absolute; inset:0; pointer-events:none; background:url('./assets/link-doodles-day.svg') center 15px / max(1100px,100%) auto no-repeat; }
.hero::after { content:''; position:absolute; pointer-events:none; left:0; right:0; bottom:-1px; height:58px; background:var(--link-paper); clip-path:polygon(0 37%,4% 24%,9% 22%,15% 35%,21% 55%,27% 62%,34% 57%,40% 40%,48% 25%,55% 23%,61% 35%,68% 52%,75% 61%,82% 52%,89% 28%,95% 16%,100% 28%,100% 100%,0 100%); }
.hero-art { position:relative; z-index:1; margin-top:24px; margin-bottom:0; }
.intro { background-color:var(--link-paper); --section-doodles:url('./assets/link-doodles-play.svg'); }
.intro::before { display:none; }
.intro::after { background-position:center bottom; }
.values { background-color:var(--link-butter); --wave-from:var(--link-paper); --section-doodles:url('./assets/link-doodles-grow.svg'); padding-top:120px; padding-bottom:112px; }
.values .number { width:53px; height:54px; display:grid; place-items:center; border:1.5px solid #acbbc0; border-radius:48% 52% 43% 57% / 55% 42% 58% 45%; background:#fffdf780; transform:rotate(-5deg); }
.values .value-card:nth-child(2) .number { transform:rotate(4deg); border-color:#b6ae8c; }
.experiences { background-color:var(--link-paper); --wave-from:var(--link-butter); --section-doodles:url('./assets/link-doodles-day.svg'); padding-top:124px; }
.learning { background-color:var(--link-sky); --wave-from:var(--link-paper); --section-doodles:url('./assets/link-doodles-play.svg'); padding-top:126px; padding-bottom:116px; }
.learning::after { background-position:center 64px; }
.everyday { background-color:var(--link-paper); --wave-from:var(--link-sky); --section-doodles:url('./assets/link-doodles-grow.svg'); padding-top:124px; }
.voices { background-color:var(--link-rose); --wave-from:var(--link-paper); --section-doodles:url('./assets/link-doodles-day.svg'); padding-top:125px; }
.mid-cta { background-color:var(--link-butter); --wave-from:var(--link-rose); padding-top:86px; padding-bottom:58px; }
.guide { background-color:var(--link-paper); --wave-from:var(--link-butter); --section-doodles:url('./assets/link-doodles-grow.svg'); padding-top:124px; }
.families { background-color:var(--link-sage); --wave-from:var(--link-paper); --section-doodles:url('./assets/link-doodles-play.svg'); padding-top:119px; padding-bottom:108px; }
.steps { background-color:var(--link-paper); --wave-from:var(--link-sage); --section-doodles:url('./assets/link-doodles-day.svg'); padding-top:124px; }
.visit { background-color:var(--link-sky); --wave-from:var(--link-paper); --section-doodles:url('./assets/link-doodles-grow.svg'); padding-top:126px; }
.visit::after { background-size:max(1200px,100%) auto; background-position:center 135px; }
.closing { background-color:var(--link-paper); --wave-from:var(--link-sky); --section-doodles:url('./assets/link-doodles-play.svg'); padding-top:120px; }
.closing::after { background-position:center 40px; }
.site-footer { background:transparent; }
.section-heading .eyebrow { color:#557785; }
.values .section-heading, .everyday .section-heading, .voices .section-heading, .guide .section-heading, .steps .section-heading { position:relative; }
@media(min-width:1600px) {
  .section::after, .closing::after, .hero::before { background-size:1600px auto; }
}
@media(max-width:1000px) {
  .section::after, .closing::after { opacity:.82; background-size:1440px auto; }
  .hero::before { background-size:1160px auto; }
}
@media(max-width:760px) {
  .section, .values, .learning, .families, .visit { padding-top:91px; padding-bottom:78px; }
  .section::before, .mid-cta::before, .closing::before { height:35px; }
  .section::after, .closing::after { background-image:url('./assets/link-doodles-mobile.svg'); background-size:100% auto; background-position:center 38px; opacity:.9; }
  .intro { padding-top:62px; }
  .intro::after { background-position:center 10px; }
  .hero { padding-top:27px; }
  .hero::before { background-image:url('./assets/link-doodles-mobile.svg'); background-size:100% auto; background-position:center 30px; }
  .hero::after { height:30px; }
  .hero-art { margin-top:26px; }
  .values .number { width:42px; height:46px; font-size:27px; }
  .learning::after, .families::after { background-position:center 24px; }
  .mid-cta { padding-top:65px; padding-bottom:44px; }
  .visit::after { background-image:url('./assets/link-doodles-mobile.svg'); background-size:100% auto; background-position:center 42px; }
  .closing { padding-top:92px; padding-bottom:68px; }
}
@media(prefers-reduced-motion:reduce) { .hero::before, .section::after { animation:none; } }