/* Continue the homepage's printed-photo character through parents and belonging. */
.home .yl-section:has(.yl-parent-copy){isolation:isolate;background-color:#f8f5eb;background-image:url('images/home-sage-brush.svg'),radial-gradient(ellipse at 100% 0,#e1e8ce80,transparent 45%),radial-gradient(#00293609 .6px,transparent 1px);background-size:58% 100%,auto,9px 11px;background-position:left center;background-repeat:no-repeat,no-repeat,repeat;padding-block:clamp(3.5rem,6vw,5.5rem)}
.home .yl-section:has(.yl-parent-copy)::before{background:#f8f5eb}
.home .yl-section:has(.yl-parent-copy)::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle,#9cb65c70 2px,transparent 3px) 0 0/14px 14px;mask-image:linear-gradient(140deg,#000,transparent 18%,transparent 80%,#000)}
.home .yl-section:has(.yl-parent-copy)>.yl-wrap{position:relative;z-index:1}
.home .yl-section:has(.yl-parent-copy) .yl-split{position:relative;gap:clamp(2.5rem,5vw,5rem)}
.home .yl-section:has(.yl-parent-copy) .yl-split::after{content:'';position:absolute;left:43%;top:3%;width:6rem;height:4rem;background:url('images/home-welcome-arrow.svg') center/contain no-repeat;pointer-events:none}
.home .yl-section:has(.yl-parent-copy) .yl-split-photo{transform:rotate(-3deg);box-shadow:0 10px 22px #0029361c;padding:11px 11px 25px}
.home .yl-section:has(.yl-parent-copy) .yl-split-photo::before{content:'';position:absolute;left:-1.2rem;top:-1.2rem;width:3.5rem;height:3.5rem;background:url('images/home-lime-star.svg') center/contain no-repeat;z-index:1;pointer-events:none}
.home .yl-section:has(.yl-parent-copy) .yl-split-photo::after{right:32%;top:-.65rem;transform:rotate(-5deg);height:1.6rem;width:6rem}
.home .yl-parent-copy h2{position:relative;width:fit-content;max-width:100%;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:var(--yl-type-section);line-height:1.1;letter-spacing:-.015em;margin-bottom:1.7rem}
.home .yl-parent-copy h2::after{content:'';position:absolute;bottom:-.55rem;left:16%;width:65%;height:5px;background:var(--yl-lime);border-radius:70%;transform:rotate(-2deg)}
.home .yl-belonging{overflow:visible;isolation:isolate;color:white;background-color:#002936;background-image:url('images/home-belong-forest.svg'),radial-gradient(ellipse at 80% 45%,#17606b99,transparent 65%),radial-gradient(#d5efdf16 .7px,transparent 1px),linear-gradient(115deg,#002936,#003947);background-size:100% 145px,auto,9px 11px,auto;background-repeat:no-repeat,no-repeat,repeat,no-repeat;background-position:center bottom,center,center,center;padding-block:clamp(4rem,7vw,6rem) clamp(5rem,8vw,7rem)}
.home .yl-belonging::before{background:#00313d;top:-20px;height:22px}
.home .yl-belonging::after{content:'';position:absolute;z-index:0;inset:0 0 auto auto;width:min(75rem,85%);height:17rem;max-width:100%;background:url('images/belong-outline.svg') center top/contain no-repeat;opacity:1;pointer-events:none}
.home .yl-belonging>.yl-wrap{z-index:1}
.home .yl-belonging .yl-split{align-items:center;gap:clamp(2.5rem,5vw,5rem)}
.home .yl-belonging .yl-split::before{opacity:.28;top:-15%;height:130%;background-image:url('images/home-sage-brush.svg')}
.home .yl-belonging-copy>.yl-subtitle{color:#edf4d8}
.home .yl-belonging-copy>.yl-subtitle::before{background:var(--yl-lime)}
.home .yl-belonging h2{position:relative;color:white;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:var(--yl-type-section);line-height:1.1;max-width:8ch;margin-bottom:1.5rem;letter-spacing:-.015em}
.home .yl-belonging h2::after{content:'';position:absolute;left:0;bottom:-.55rem;width:60%;height:5px;background:var(--yl-lime);transform:rotate(-3deg);border-radius:60%}
.home .yl-belonging .yl-script{color:#fff9e9;margin-top:1.6rem;margin-bottom:1.5rem}
.home .yl-belonging .yl-script::after{display:none}
.home .yl-belonging-copy>p:not(.yl-script):not(.yl-subtitle){line-height:1.7;color:#f3f7f2}
.home .yl-belonging .wp-block-button__link{background:var(--yl-lime);color:var(--yl-navy);border-color:var(--yl-lime)}
.home .yl-belonging .wp-block-button__link:hover{background:#e2ff55;border-color:#e2ff55}
.home .yl-belonging .yl-split-photo{aspect-ratio:auto;height:auto;min-height:0;padding:10px 10px 28px;transform:rotate(3deg);box-shadow:0 12px 24px #001d2b55}
.home .yl-belonging .yl-split-photo img{height:auto;aspect-ratio:1200/630;object-fit:cover}
.home .yl-belonging .yl-split-photo::before{background:#d4f32cd9}
.home .yl-belonging .yl-split-photo::after{content:'DAWSON CREEK · SINCE 1991';top:auto;bottom:-.7rem;right:.6rem;width:auto;height:auto;background:#f8f5e8;color:#002936;padding:.4rem .7rem;box-shadow:0 2px 5px #001d2b33;font:700 var(--yl-type-compact)/1.3 Caveat,cursive;transform:rotate(-3deg)}
.home .yl-belonging .yl-split::after{content:'';position:absolute;right:-1rem;top:8%;width:3.8rem;height:3.8rem;background:var(--yl-lime);mask:url('images/belonging-heart.svg') center/contain no-repeat;pointer-events:none}
.home .yl-belonging+section{position:relative}
.home .yl-belonging+section::before{content:'';position:absolute;top:-17px;left:0;right:0;height:19px;background:var(--yl-paper);clip-path:polygon(0 50%,4% 35%,8% 60%,13% 30%,18% 52%,24% 35%,30% 60%,36% 30%,42% 52%,48% 35%,54% 57%,60% 30%,66% 50%,72% 35%,78% 60%,84% 30%,90% 52%,96% 35%,100% 55%,100% 100%,0 100%);pointer-events:none}
@media(max-width:1000px){.home .yl-section:has(.yl-parent-copy) .yl-split::after{width:4rem;left:42%}.home .yl-parent-copy h2{font-size:var(--yl-type-section)}.home .yl-belonging h2{font-size:var(--yl-type-section)}}
@media(max-width:781px){.home .yl-section:has(.yl-parent-copy){background-size:110% 60%,auto,11px 13px;background-position:center top,center,center;padding-block:3rem}.home .yl-section:has(.yl-parent-copy)::after{opacity:.5}.home .yl-section:has(.yl-parent-copy) .yl-split{gap:2.7rem}.home .yl-section:has(.yl-parent-copy) .yl-split::after{display:none}.home .yl-section:has(.yl-parent-copy) .yl-split-photo{width:91%;max-width:30rem;justify-self:center;aspect-ratio:1.1}.home .yl-parent-copy h2{font-size:var(--yl-type-section)}.home .yl-belonging{padding-block:3.5rem 5rem;background-size:100% 110px,auto,11px 13px,auto}.home .yl-belonging::after{width:100%;height:9rem;opacity:.65}.home .yl-belonging h2{font-size:var(--yl-type-section)}.home .yl-belonging .yl-split{gap:2.5rem}.home .yl-belonging .yl-split-photo{width:93%;max-width:34rem;justify-self:center}.home .yl-belonging .yl-split::after{right:0;top:auto;bottom:24%;width:2.5rem;height:2.5rem}.home .yl-belonging .yl-split-photo::after{font-size:var(--yl-type-label)}.home .yl-belonging .yl-split::before{height:55%;bottom:-5%;top:auto;opacity:.2}}
@media(max-width:450px){.home .yl-parent-copy h2{font-size:var(--yl-type-section)}.home .yl-belonging .yl-script{font-size:var(--yl-type-card)}.home .yl-belonging-copy>p:not(.yl-script):not(.yl-subtitle){font-size:var(--yl-type-compact)}.home .yl-section:has(.yl-parent-copy) .yl-split-photo::before{width:2.8rem;height:2.8rem;left:-.6rem}.home .yl-belonging .yl-split::after{display:none}}
.home .yl-belonging{overflow-x:clip;overflow-y:visible}
.home .yl-belonging h2{max-width:9.8ch}

/* A shared notebook backdrop for the three ways to join the story. */
.home .yl-support-section{position:relative;isolation:isolate;overflow:clip;background-color:#f6f3e8;background-image:url('images/story-community-trail.svg'),radial-gradient(ellipse at 100% 10%,#dce8bf99,transparent 48%),radial-gradient(ellipse at 0 85%,#d9e8dd99,transparent 46%),radial-gradient(#0029360a .65px,transparent .85px);background-size:100% 100%,auto,auto,8px 10px;background-repeat:no-repeat,no-repeat,no-repeat,repeat;padding-block:clamp(3.5rem,6vw,5.5rem)}
.home .yl-support-section::before{content:'';position:absolute;inset:10% -7% 3%;z-index:-1;pointer-events:none;background:url('images/program-edge-brush.svg') center/100% 100% no-repeat;opacity:.55;transform:rotate(180deg)}
.home .yl-support-section>.yl-wrap{position:relative;z-index:1}
.home .yl-support-section .yl-support-intro h2{position:relative;width:fit-content;padding-bottom:.3rem}
.home .yl-support-section .yl-support-intro h2::after{content:'';position:absolute;bottom:-.1rem;left:3%;width:57%;height:4px;border-radius:70%;background:var(--yl-lime);transform:rotate(-1.5deg)}
.home .yl-support-section .yl-story-grid{position:relative}
.home .yl-support-section .yl-story-grid::before{content:'';position:absolute;inset:-1.4rem -1.1rem;z-index:-1;border:1px dashed #82976c55;border-radius:26px 9px 30px 12px;transform:rotate(.6deg);pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home .yl-support-section .yl-story-card:hover{box-shadow:6px 10px 0 #00293619;transform:translateY(-3px)}}
@media(max-width:781px){.home .yl-support-section{background-size:auto 100%,auto,auto,8px 10px;background-position:center,center,center,center;padding-block:3.5rem}.home .yl-support-section::before{inset:0 -30%;opacity:.35}.home .yl-support-section .yl-story-grid::before{inset:-.6rem;border-color:#82976c38;transform:none}}

/* A soft paper curve joins the story backdrop to the closing conversation. */
.home .yl-hello-section{border-top:0;padding-top:calc(3.75rem + 2rem)}
.home .yl-hello-section::after{content:'';position:absolute;top:-1px;left:-5%;width:110%;height:3rem;background:linear-gradient(100deg,#e8eee3,#f6f3e8 55%,#edf0dd);border-radius:0 0 48% 56% / 0 0 80% 100%;pointer-events:none;z-index:0}
.home .yl-hello-section>.yl-wrap{position:relative;z-index:1}
@media(max-width:781px){.home .yl-hello-section{padding-top:calc(3rem + 1.25rem)}.home .yl-hello-section::after{height:1.75rem;width:120%;left:-10%}}
/* Overlap the preceding backdrop so the curve has no straight colour seam. */
.home .yl-hello-section{margin-top:-3rem;mask-image:url('images/hello-curve-mask.svg'),linear-gradient(#000,#000);mask-size:100% 3rem,100% calc(100% - 3rem + 1px);mask-position:top,bottom;mask-repeat:no-repeat}
.home .yl-hello-section::after{display:none}
@media(max-width:781px){.home .yl-hello-section{margin-top:-1.75rem;mask-size:100% 1.75rem,100% calc(100% - 1.75rem + 1px)}}