#sec-flow{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#eae2cd;color:#302b22;container-type:size;font-family:"WenKai",serif;-webkit-tap-highlight-color:transparent}
#sec-flow *{box-sizing:border-box}
#sec-flow .sf-paper{position:absolute;inset:0;z-index:0;background-repeat:repeat;background-size:340px;pointer-events:none}
#sec-flow .sf-ribbon{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}
#sec-flow .sf-ribbon-path{fill:none;stroke:white;stroke-width:52;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
#sec-flow .sf-ribbon-band{fill:#dca9b7;opacity:.86}
#sec-flow .sf-ribbon-grain{fill:url(#sf-pencil);opacity:.32}
#sec-flow .sf-decorations{position:absolute;inset:0;pointer-events:none}
#sec-flow .sf-art{position:absolute;z-index:3;height:auto;object-fit:contain;opacity:0;transform-origin:center;user-select:none;filter:saturate(.58) sepia(.15) contrast(.92) brightness(.99)}
#sec-flow .sf-top-vine{left:1%;top:2%;width:25%;z-index:1}
#sec-flow .sf-top-flowers{left:28%;top:2%;width:42%}
#sec-flow .sf-dove{right:3%;top:1.2%;width:24%}
#sec-flow .sf-disco{left:23%;top:10%;width:19%}
#sec-flow .sf-leaf-left{left:1.5%;top:10%;width:17%;z-index:1}
#sec-flow .sf-leaf-right{right:2%;top:11%;width:14%}
#sec-flow .sf-lavender-left{left:2%;top:24%;width:17%}
#sec-flow .sf-lavender-right{right:6%;top:20%;width:13%}
#sec-flow .sf-vine-left{left:.7%;top:43%;width:14%}
#sec-flow .sf-vine-right{right:1%;top:42%;width:14%}
#sec-flow .sf-groom{left:.7%;top:58%;width:24%}
#sec-flow .sf-bride{right:.7%;top:62%;width:21%}
#sec-flow .sf-candles{left:1%;bottom:2%;width:13%}
#sec-flow .sf-hydrangea{left:23%;bottom:3%;width:17%}
#sec-flow .sf-cat{left:42%;bottom:calc(2.7% + 30px);width:21%}
#sec-flow .sf-bottle{right:25%;bottom:6%;width:7%}
#sec-flow .sf-bottom-vine{right:1.8%;bottom:2%;width:14%}
#sec-flow .sf-bee{right:2.8%;top:32%;width:12%}
#sec-flow .sf-bottom-left{left:14%;bottom:1.6%;width:14%;z-index:1}
#sec-flow .sf-bottom-right{left:65%;bottom:calc(1.3% + 18px);width:6%}
#sec-flow .sf-bottom-curl{left:76%;bottom:1.3%;width:8%}
#sec-flow .sf-heading{position:absolute;z-index:4;left:23%;top:22%;width:54%;text-align:center;opacity:0}
#sec-flow .sf-heading h2{font-family:"Script",cursive;font-size:clamp(40px,11.4cqw,55px);font-weight:400;line-height:1.25;margin:0;white-space:nowrap;transform:rotate(-5deg)}
#sec-flow .sf-heading p{font-size:clamp(12px,3.25cqw,15.6px);letter-spacing:.3em;margin:.3em 0 0 .3em;font-weight:400}
#sec-flow .sf-schedule{position:absolute;z-index:4;left:20%;top:32%;width:57%;height:max(256px,71cqw,33cqh)}
#sec-flow .sf-axis{position:absolute;left:49%;top:-2%;width:1%;height:112%;overflow:visible}
#sec-flow .sf-axis path{fill:none;stroke:#433c2d;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
#sec-flow .sf-events{position:absolute;inset:0;margin:0;padding:0;list-style:none}
#sec-flow .sf-event{position:absolute;left:0;width:100%;height:25%;opacity:0}
#sec-flow .sf-event-1{top:0}#sec-flow .sf-event-2{top:25%}#sec-flow .sf-event-3{top:50%}#sec-flow .sf-event-4{top:75%}
#sec-flow .sf-copy{position:absolute;top:0;width:47%;text-align:center}
#sec-flow .sf-event:nth-child(odd) .sf-copy{left:0}
#sec-flow .sf-event:nth-child(even) .sf-copy{right:2%}
#sec-flow .sf-copy time{display:block;font-family:"Gilda",serif;font-size:clamp(13px,3.65cqw,17.5px);line-height:1.1;letter-spacing:-.03em}
#sec-flow .sf-copy h3{font-family:"WenKai",serif;font-weight:400;font-size:clamp(15px,3.9cqw,18.7px);line-height:1.3;margin:1px 0 0;letter-spacing:.03em}
#sec-flow .sf-copy p{font-size:clamp(11px,2.85cqw,13.7px);line-height:1.35;margin:0;white-space:nowrap;letter-spacing:-.04em}
#sec-flow .sf-copy small{display:block;font-family:"Gilda",serif;font-size:clamp(10px,2.65cqw,12.7px);line-height:1.15;font-style:italic;margin-top:1px}
#sec-flow .sf-tick{position:absolute;top:10%;width:3%;height:1px;background:#433c2d;transform:rotate(-5deg);border-radius:50%}
#sec-flow .sf-event:nth-child(odd) .sf-tick{left:44%}
#sec-flow .sf-event:nth-child(even) .sf-tick{left:52%}
#sec-flow .sf-icon{position:absolute;top:3%;width:23%;height:76%;object-fit:contain;filter:saturate(.58) sepia(.15) contrast(.92) brightness(.99)}
#sec-flow .sf-event:nth-child(odd) .sf-icon{right:17%}
#sec-flow .sf-event:nth-child(even) .sf-icon{left:25%}
#sec-flow .sf-event-1 .sf-icon{width:13%;right:23%}
#sec-flow .sf-event-4 .sf-icon{left:26%;width:20%}
#sec-flow .sf-event.sf-event-4 .sf-cutlery{left:56%;top:calc(100% + 3px);width:12%;height:42%}
#sec-flow .sf-footer{position:absolute;z-index:4;left:26%;top:77.2%;width:48%;text-align:center;opacity:0}
#sec-flow .sf-footer p{font-size:clamp(11px,3cqw,14.4px);font-weight:400;line-height:1.4;letter-spacing:.06em;margin:0}
#sec-flow .sf-dots{display:flex;justify-content:center;gap:9px;margin-top:8px}
#sec-flow .sf-dots i{width:7px;height:7px;background:#3e5961;border-radius:47% 53% 50% 46%;box-shadow:inset 1px 1px 2px #ffffff40}
#sec-flow .sf-dots i:nth-child(2){background:#f2c6c4}#sec-flow .sf-dots i:nth-child(3){background:#e9c24e}
@container (min-aspect-ratio: 1/1.9){#sec-flow .sf-disco{top:9%;width:17%}#sec-flow .sf-leaf-left{width:15.5%;top:10%}#sec-flow .sf-leaf-right{width:13%;top:12%}#sec-flow .sf-lavender-left{top:25%;width:15%}#sec-flow .sf-lavender-right{top:21%;width:12%}#sec-flow .sf-heading{top:21%}#sec-flow .sf-schedule{top:32%}#sec-flow .sf-groom{width:23%;top:62.5%}#sec-flow .sf-bride{width:20%;top:61.5%}#sec-flow .sf-bee{top:33%;width:10%}#sec-flow .sf-vine-right{top:44%;width:12%}#sec-flow .sf-hydrangea{width:16.5%}#sec-flow .sf-bottom-vine{width:13%}}