.b-growth{--hatch:0;--reveal:0;--ending:0;position:relative;height:205svh;background:#f3eddf;color:#181d1c}.b-growth-sticky{position:sticky;top:58px;height:calc(100svh - 58px);min-height:640px;overflow:hidden;background:linear-gradient(180deg,#f3eddf 5%,#f3eddf00 80%)}.b-growth-heading{position:absolute;top:22px;left:4%;width:92%;text-align:center;z-index:3;pointer-events:none;transform:translateY(calc(var(--hatch)*-90px));opacity:calc(1 - var(--ending))}.b-growth-heading p{font:10px Arial,sans-serif;letter-spacing:2px;margin:0 0 20px}.b-growth-heading h1{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(60px,7.5vw,120px);line-height:.9;letter-spacing:-.025em;margin:0}.b-growth-heading h1 em{font-family:'DM Serif Display',Georgia,serif;text-transform:none;font-weight:400;font-size:1.18em;color:#d94e2b}.b-growth-art{position:absolute;inset:0;z-index:2}.b-shell{position:absolute;top:190px;left:50%;width:340px;height:510px;transform-origin:center 45%;filter:drop-shadow(0 18px 13px #24190f16);will-change:transform}.b-shell img{width:100%;height:100%;object-fit:contain}.b-shell-bottom{clip-path:polygon(0 44%,10% 43%,14% 42%,20% 45%,31% 42%,36% 44%,44% 42%,48% 43.5%,54% 45.5%,60% 44.5%,63% 45%,66% 44%,73% 42%,81% 45%,87% 42%,91% 44%,100% 44%,100% 100%,0 100%);transform:translate(calc(-50% + var(--hatch)*22vw),calc(var(--hatch)*125px)) rotate(calc(var(--hatch)*24deg));opacity:calc(1 - var(--ending)*.45)}.b-shell-top{clip-path:polygon(0 0,100% 0,100% 44%,91% 44%,87% 42%,81% 45%,73% 42%,66% 44%,63% 45%,60% 44.5%,54% 45.5%,48% 43.5%,44% 42%,36% 44%,31% 42%,20% 45%,14% 42%,10% 43%,0 44%);transform:translate(calc(-50% - var(--hatch)*29vw),calc(var(--hatch)*-135px)) rotate(calc(var(--hatch)*-38deg));opacity:calc(1 - var(--ending)*.35)}.b-ideas{position:absolute;top:49%;left:50%;width:0;height:0;z-index:4}.b-ideas span{position:absolute;white-space:nowrap;font:clamp(17px,2.3vw,34px)/1.1 'DM Serif Display',Georgia,serif;opacity:var(--reveal);transform:translate(calc(-50% + var(--hatch)*var(--dx)),calc(var(--hatch)*var(--dy))) rotate(calc(var(--hatch)*var(--turn))) scale(calc(.3 + var(--hatch)*.7));color:#bd3a22}.b-ideas span:nth-child(2n){color:#172c2c;font-style:italic}.b-growth-controls{position:absolute;left:4%;right:4%;bottom:24px;z-index:6;display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.b-growth-controls p{font:15px/1.5 Arial,sans-serif;margin:0;max-width:420px}.b-growth-controls button{border:1px solid currentColor;background:#f3eddfed;color:#182121;border-radius:0;padding:15px 22px;font:13px Arial,sans-serif;cursor:pointer;transition:background .2s}.b-growth-controls button:hover{background:#e57243}.b-growth-controls button:focus-visible{outline:3px solid #d94e2b;outline-offset:4px}.b-growth-controls>span{font:9px Arial,sans-serif;letter-spacing:2px;grid-column:1/-1}.b-growth-end{position:absolute;z-index:5;left:5%;right:5%;top:29%;text-align:center;font:clamp(35px,4.7vw,70px)/1.05 'DM Serif Display',Georgia,serif;opacity:var(--ending);transform:translateY(calc((1 - var(--ending))*50px));pointer-events:none}.b-growth-end em{color:#c84428}.b-growth-egg{background:linear-gradient(#f3eddf 20%,#edd1ac 76%,#e57243)}.b-growth-fish{background:linear-gradient(#f3eddf 5%,#c4d6d0 68%,#e57243)}.b-growth-fish .b-growth-heading h1 em{color:#246568}.b-pond,.b-sea{position:absolute;object-fit:contain;will-change:transform,opacity;pointer-events:none}.b-pond{width:640px;max-width:75vw;left:50%;top:220px;opacity:calc(1 - var(--reveal));transform:translateX(-50%) scale(calc(1 + var(--hatch)*1.1))}.b-sea{width:110%;max-width:none;height:85%;left:-5%;top:18%;opacity:var(--reveal);transform:translateY(calc((1 - var(--hatch))*80px)) scale(calc(.35 + var(--hatch)*.65))}.b-growth-fish .b-growth-end{top:10%;font-size:clamp(32px,4.4vw,66px)}.b-growth-fish .b-growth-end em{color:#245b5b}.b-growth-meaning{position:relative;margin-top:-1px;background:#e57243;padding:95px 8% 80px;text-align:center}.b-growth-meaning>span{font:10px Arial,sans-serif;letter-spacing:1.5px}.b-growth-meaning h2{font:clamp(38px,5.5vw,82px)/1.05 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:38px 0}.b-growth-meaning p{font:18px/1.65 Arial,sans-serif;max-width:650px;margin:0 auto 30px}.b-growth-meaning a{color:inherit;font:13px Arial,sans-serif;text-underline-offset:7px}.b-page:has(.b-growth) .b-footer h2{font-size:clamp(45px,7.8vw,115px)}.b-page:has(.b-growth) .b-footer h2 em{font-size:1.12em;margin-left:0}.b-growth[data-manual] .b-shell,.b-growth[data-manual] .b-ideas span,.b-growth[data-manual] .b-sea,.b-growth[data-manual] .b-pond,.b-growth[data-manual] .b-growth-heading,.b-growth[data-manual] .b-growth-end{transition:transform 1.3s cubic-bezier(.19,1,.22,1),opacity .8s ease}.b-growth[data-still=true] *{transition:none!important}
@media(min-width:1400px){.b-shell{top:220px;width:390px;height:585px}.b-pond{top:240px;width:750px}}
@media(max-height:760px) and (min-width:701px){.b-growth-sticky{min-height:580px}.b-growth-heading h1{font-size:76px}.b-shell{top:150px;width:260px;height:390px}.b-pond{top:180px;width:500px}.b-ideas{top:47%}.b-growth-end{top:25%}}
@media(max-width:700px){.b-growth{height:175svh}.b-growth-sticky{top:90px;height:calc(100svh - 90px);min-height:530px}.b-growth-heading{top:22px}.b-growth-heading p{font-size:8px;letter-spacing:1px;margin-bottom:22px}.b-growth-heading h1{font-size:14vw;line-height:.97}.b-shell{top:155px;width:225px;height:337px}.b-shell-top{transform:translate(calc(-50% - var(--hatch)*20vw),calc(var(--hatch)*-80px)) rotate(calc(var(--hatch)*-30deg))}.b-shell-bottom{transform:translate(calc(-50% + var(--hatch)*18vw),calc(var(--hatch)*80px)) rotate(calc(var(--hatch)*24deg))}.b-ideas{top:41%}.b-ideas span{font-size:15px;transform:translate(calc(-50% + var(--hatch)*var(--dx)*.65),calc(var(--hatch)*var(--dy)*.8)) rotate(calc(var(--hatch)*var(--turn)))}.b-growth-controls{bottom:17px;gap:10px}.b-growth-controls p{font-size:12px;max-width:240px;grid-column:1/-1}.b-growth-controls button{justify-self:start;padding:11px 14px;font-size:12px}.b-growth-controls>span{grid-column:2;font-size:7px;letter-spacing:.8px;text-align:right;max-width:105px;align-self:center}.b-growth-end{top:23%;font-size:31px}.b-growth-fish .b-growth-end{top:13%;font-size:32px}.b-pond{top:165px;max-width:100%;width:400px}.b-sea{width:160%;left:-30%;height:70%;top:19%}.b-growth-meaning{padding:65px 6%}.b-growth-meaning p{font-size:16px}.b-growth-meaning h2{font-size:39px}.b-page:has(.b-growth) .b-footer h2{font-size:14vw}}
@media(prefers-reduced-motion:reduce){.b-growth{height:auto}.b-growth-sticky{position:relative;top:0;height:720px}.b-growth *{transition:none!important}}

.b-growth-egg .b-growth-end{font-size:clamp(30px,3.8vw,58px);top:29%}@media(max-width:700px){.b-growth-egg .b-growth-end{font-size:27px;top:15%}.b-growth-egg .b-ideas{top:49%}}
.b-growth-fish .b-growth-controls p{background:#f3eddfed;padding:8px 12px;margin-left:-12px}
@media(max-width:700px){.b-ideas span:nth-child(n+5){white-space:normal;width:132px;text-align:center}.b-growth-controls p{background:#f3eddfed;padding:7px 9px;margin-left:-9px}.b-growth-fish .b-growth-controls p{max-width:260px}.b-shell{width:205px;height:307px}}
.b-growth-heading{opacity:calc(1 - var(--hatch)*1.6)}
@media(max-width:700px){.b-sea{width:115%;left:-7.5%;top:18%;height:70%}}