.project-story{--scene:0;overflow-x:clip}.project-story>header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:4;padding:22px max(24px,calc((100vw - 1200px)/2));background:linear-gradient(var(--paper),#fffaf2db,transparent)}.project-story .brand{font-size:24px}.story-enter{font:italic 18px MarketLora,serif;min-height:44px;display:grid;align-items:center}.project-story main{max-width:1200px;margin:auto}.story-step{min-height:100svh;display:flex;align-items:center;position:relative;z-index:2;padding:90px 30px 50px;scroll-margin:0}.story-step>div{width:48%;max-width:560px}.story-step h1,.story-step h2{font-size:clamp(46px,6vw,82px);line-height:1.04;letter-spacing:-2.5px;margin:20px 0}.story-step em{font-family:MarketLora,Georgia,serif;font-weight:500}.story-step p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:420px;text-wrap:pretty}.story-next{font-size:13px;display:inline-block;margin-top:18px}.story-art{position:fixed;top:13vh;right:1vw;width:54vw;height:75vh;max-height:700px;pointer-events:none;z-index:1;--p:0}.story-road{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:rotate 1s ease;rotate:calc(var(--scene)*-16deg)}.story-road path{stroke:#078456;stroke-width:5;stroke-dasharray:14 16;fill:none;stroke-linecap:round}.story-produce{position:absolute;width:24%;height:30%;object-fit:contain;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .6s;animation:story-float 6s ease-in-out infinite}.story-produce.one{left:11%;top:12%;rotate:-13deg}.story-produce.two{left:46%;top:39%;rotate:12deg;animation-delay:-2s}.story-produce.three{left:70%;top:8%;rotate:8deg;animation-delay:-4s}.story-parcel{position:absolute;width:27%;left:38%;top:36%;opacity:0;transform:scale(.4) rotate(-18deg);transition:transform 1.1s cubic-bezier(.22,.85,.3,1.1),opacity .6s}.story-city{position:absolute;width:90%;left:5%;bottom:2%;opacity:0;transform:translateY(30px);transition:opacity .7s,transform 1s}.project-story[data-scene="1"] .story-produce{transform:translate(50px,40px) scale(.65);opacity:.5}.project-story[data-scene="1"] .story-parcel,.project-story[data-scene="2"] .story-parcel{opacity:1;transform:scale(1) rotate(5deg)}.project-story[data-scene="2"] .story-produce{opacity:0;transform:translateY(80px) scale(.5)}.project-story[data-scene="2"] .story-city,.project-story[data-scene="3"] .story-city{opacity:1;transform:none}.project-story[data-scene="3"] .story-produce{opacity:.7;transform:translateY(-45px) scale(.72)}.project-story[data-scene="3"] .story-parcel{opacity:0;transform:translateY(60px) scale(.5)}.story-step .primary{margin:10px 0}.story-step .story-motto{font:italic 18px MarketLora,serif;margin-top:20px}.story-philosophy{font-size:12px}@keyframes story-float{50%{translate:0 -9px;rotate:3deg}}
@media(max-width:700px){.project-story>header{padding:16px 22px}.project-story .brand{font-size:21px}.story-enter{font-size:15px}.story-step{min-height:100svh;padding:86px 24px 43svh;align-items:center}.story-step>div{width:100%;max-width:none}.story-step h1,.story-step h2{font-size:46px;letter-spacing:-1.4px;margin:12px 0}.story-step p:not(.eyebrow){font-size:15px;line-height:1.45;max-width:340px}.story-step .eyebrow{font-size:10px;margin:0}.story-art{top:auto;bottom:2vh;right:0;width:100vw;height:42svh;opacity:.95}.story-step:last-child{padding-bottom:34svh}.story-step:last-child h2{font-size:41px}.story-step:last-child .story-motto{font-size:15px;max-width:none;margin:8px 0}.story-step:last-child .primary{font-size:14px}.story-next{margin-top:8px}.story-city{bottom:0}.story-step{pointer-events:none}.story-step a{pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.story-produce{animation:none}.story-art *{transition:none!important}.story-art{opacity:.35}.story-step{min-height:90svh}html{scroll-behavior:auto}}