/* Story, delivery and footer */
section{padding:76px 0}
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:44px}
.story p{margin:0 0 14px;max-width:560px}
.stats{display:flex;gap:38px;margin-top:26px;flex-wrap:wrap}
.stats b{display:block;font:400 56px/1 var(--bubble);color:var(--maroon)}
.stats span{font-size:14.5px;color:var(--muted);font-weight:600}
.vals{display:grid;gap:16px;align-content:start}
.val{border-left:3px solid var(--maroon);padding:2px 0 2px 16px}
.val b{display:block;font:700 22px var(--serif);color:var(--maroon)}
.val span{color:var(--muted);font-size:15.5px}
.order{background:var(--band);color:#F7F1E6}
.order h2{color:#F7F1E6;text-shadow:2px 3px 0 rgba(0,0,0,.25)}
.order .lead{color:#F1DDD8}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.cg>div{background:rgba(247,241,230,.08);border:1.5px solid rgba(247,241,230,.25);border-radius:20px;padding:20px 22px}
.cg h3{font:700 21px var(--serif);margin:0 0 4px;color:#F3C9C5}
.cg p{margin:0}
.cg a{text-decoration-thickness:1px;text-underline-offset:3px}
footer{position:relative;padding:64px 0 30px;text-align:center;color:var(--muted);font-size:14.5px;overflow:hidden}
footer .knot{display:block;width:46px;height:46px;margin:0 auto 10px;background:url(../images/brand/knot-light.webp) center/contain no-repeat}
.tl,.tr{position:absolute;bottom:0;width:clamp(80px,16vw,130px);aspect-ratio:172/263;opacity:.55;transition:transform 1.3s var(--ease)}
.tl{left:0;background:url(../images/brand/temple-left-light.webp) left bottom/contain no-repeat}
.tr{right:0;background:url(../images/brand/temple-right-light.webp) right bottom/contain no-repeat}
.js .tl{transform:translate(-40%,30%)}.js .tr{transform:translate(40%,30%)}
.js footer.in .tl,.js footer.in .tr{transform:none}
footer.in .knot{animation:turn 1.5s var(--ease) both}
@keyframes turn{from{opacity:0;transform:rotate(-200deg) scale(.3)}}