@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@500;700&display=swap";
.ff-page{color:#20271b;background:#f1e9d8;grid-template-columns:minmax(290px,1fr) minmax(390px,580px);gap:7vw;min-height:100svh;font-family:Arial,sans-serif;display:grid}.ff-page aside{flex-direction:column;justify-content:space-between;padding:36px 0 38px 6vw;display:flex}.ff-page aside a,.ff-page aside small,.ff-page aside b{color:inherit;letter-spacing:.12em;text-transform:uppercase;font:10px monospace;text-decoration:none}.ff-page h1{letter-spacing:-.025em;text-transform:uppercase;margin:23px 0;font:400 clamp(78px,10vw,155px)/.64 Bebas Neue,Impact,sans-serif}.ff-page h1 em{color:#e24d36;letter-spacing:-.04em;text-transform:none;transform-origin:0;margin:-2px 0 0 8px;font:700 .52em/.7 Caveat,cursive;display:block;transform:rotate(-3deg)}.ff-page aside p{max-width:350px;font-size:15px;line-height:1.6}.ff-phone{border:7px solid #20271b;border-radius:34px;align-self:center;height:calc(100svh - 34px);margin-right:28px;overflow:hidden;box-shadow:12px 15px #e24d36}.ff-feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow:auto}.ff-feed article{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;background:#4e6541;height:100%;position:relative;overflow:hidden}.ff-feed img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ff-feed article:after{content:"";background:linear-gradient(#0000 38%,#141f11db);position:absolute;inset:0}.ff-top,.ff-label,.ff-copy,.ff-feed i{z-index:2;position:absolute}.ff-top{letter-spacing:.08em;justify-content:space-between;font:10px monospace;display:flex;top:23px;left:21px;right:21px}.ff-label{color:#20271b;text-align:center;background:#f3c444;padding:10px 13px;font:700 24px/.66 Caveat,cursive;top:78px;right:18px;transform:rotate(6deg);box-shadow:3px 3px #e24d36}.ff-copy{bottom:46px;left:24px}.ff-copy span,.ff-copy p{letter-spacing:.08em;text-transform:uppercase;font:10px monospace}.ff-copy h2{letter-spacing:-.025em;text-transform:uppercase;margin:16px 0;font:400 clamp(66px,10vw,116px)/.65 Bebas Neue,Impact,sans-serif}.ff-copy h2 br+*{color:#f3c444}.ff-feed i{writing-mode:vertical-rl;letter-spacing:.1em;font:9px monospace;bottom:16px;right:18px}@media (max-width:760px){.ff-page{display:block}.ff-page aside{display:none}.ff-phone{height:100svh;box-shadow:none;border:0;border-radius:0;margin:0}.ff-copy h2{font-size:84px}.ff-label{font-size:25px}}
.ff-feed article:first-child:after{background:linear-gradient(#0000 38%,#4a1d18d4)}.ff-feed article:first-child .ff-label{background:#ed7956;box-shadow:3px 3px #f7cf51}.ff-feed article:first-child .ff-copy h2{color:#fff4db}.ff-feed article:nth-child(2):after{background:linear-gradient(#0000 38%,#1e2953d6)}.ff-feed article:nth-child(2) .ff-label{background:#8de0d0;box-shadow:3px 3px #ff6878}.ff-feed article:nth-child(2) .ff-copy h2{color:#ffe76b}.ff-feed article:nth-child(3):after{background:linear-gradient(#0000 38%,#214434db)}.ff-feed article:nth-child(3) .ff-label{background:#cba9ff;box-shadow:3px 3px #ff8f45}.ff-feed article:nth-child(3) .ff-copy h2{color:#ffd467}.ff-feed article:nth-child(2) .ff-top{color:#c7fffb}.ff-feed article:nth-child(3) .ff-top{color:#ffd9aa}.ff-copy h2 em{font:inherit;letter-spacing:-.04em;transform-origin:0;font-style:normal;display:inline-block;transform:rotate(-2deg)}.ff-feed article:first-child .ff-copy h2 em{color:#f7cf51;text-shadow:2px 2px #d94345}.ff-feed article:nth-child(2) .ff-copy h2 em{color:#ff7e8b;text-shadow:2px 2px #20305a}.ff-feed article:nth-child(3) .ff-copy h2 em{color:#cba9ff;text-shadow:2px 2px #275f4b}
