.studio-edition--fridge{--edition-accent:#903854;--edition-wash:#e5eee3}
.studio-edition--fridge .edition-cover{aspect-ratio:1400/782;object-fit:contain}
.ff-page{--ff-ink:#173f3b;--ff-copy:#425b53;--ff-berry:#993452;background:#fbfcf7;color:var(--ff-ink);font:400 17px/1.65 Outfit,Arial,sans-serif;color-scheme:light}
.ff-page :is(h2,h3,p,figure){margin:0}
.ff-page h2{font-size:clamp(30px,3.5vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.ff-page h3{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.015em}
.ff-page p{color:var(--ff-copy)}
.ff-page .brand-header{background:#fff8eb;color:#32143d;padding-block:12px}
.ff-page .ff-nav nav{font:500 15px/1.4 Outfit,Arial,sans-serif;flex-wrap:wrap}
.ff-page .ff-nav nav a{min-height:44px;display:inline-flex;align-items:center}
.ff-page :is(a,button):focus-visible{outline:3px solid #006f73;outline-offset:5px}
.ff-page ::selection{background:#eed7df;color:#4f1930}
.ff-wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.ff-section{padding-block:76px}
.ff-section-head{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:end;margin-bottom:36px}
.ff-section-head>p{max-width:48ch}
.ff-creation{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0}
.ff-creation li{padding-top:22px;border-top:1px solid #bfd1c1}
.ff-creation h3{margin-bottom:12px}
.ff-creation p{font-size:16px;line-height:1.6}
.ff-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.ff-examples figure{text-align:center}
.ff-examples img{width:min(100%,240px);height:auto;display:block;margin:auto}
.ff-examples figcaption{font-size:17px;font-weight:500;margin-top:8px;color:var(--ff-ink)}
.ff-create-action{display:flex;align-items:center;gap:26px;padding-top:8px}
.ff-create-action p{font-size:14px;line-height:1.5;max-width:50ch}
.ff-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;background:var(--ff-berry);color:#fff;text-decoration:none;border-radius:9px;font-weight:500;white-space:nowrap}
.ff-button:hover{background:#7b2441}
.ff-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ff-play-section{background:#e9f0e6;padding:76px 0}
.ff-flick-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.ff-mode{display:grid;grid-template-columns:1fr minmax(110px,.72fr);gap:24px;padding-top:26px;border-top:1px solid #b8cbbb;align-items:start}
.ff-page .ff-mode-line{font-size:19px;color:var(--ff-ink);font-weight:500;margin:12px 0}
.ff-mode p:not(.ff-mode-line),.ff-wide-mode p:not(.ff-mode-line,.ff-fine){font-size:16px;margin-bottom:14px}
.ff-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-underline-offset:5px;color:var(--ff-ink);font-weight:500;font-size:16px}
.ff-text-link:hover{color:var(--ff-berry)}
.ff-phone-shot{max-width:220px;justify-self:end}
.ff-page figure>a:not(.edition-art){display:block;overflow:hidden;border-radius:12px}
.ff-page figure img{display:block;width:100%;height:auto}
.ff-page figcaption{font-size:13px;line-height:1.5;color:#53675e;margin-top:10px}
.ff-wide-mode{margin-top:54px;padding-top:36px;border-top:1px solid #b8cbbb;display:grid;grid-template-columns:.85fr 1.4fr;gap:48px;align-items:center}
.ff-page .ff-fine{font-size:14px;line-height:1.5;margin-top:10px}
.ff-page .ff-match-note{font-size:16px;max-width:70ch;margin-top:30px;padding-top:20px;border-top:1px solid #b8cbbb}
.ff-adventures{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.ff-adventures>div>p{margin-top:22px;max-width:54ch}
.ff-missions{padding-left:20px;margin:22px 0}
.ff-missions li{margin-bottom:10px;color:var(--ff-copy)}
.ff-missions strong{color:var(--ff-ink);font-weight:500}
.ff-adventures figure{max-width:370px;justify-self:end}
.ff-last-call{background:#e5eee3;padding:64px 0}
.ff-last-call p{margin-top:20px;max-width:58ch}
.ff-last-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:26px}
.ff-footer{padding:28px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;background:#fbfcf7;font-size:14px}
.ff-footer a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
.ff-page .lightbox img{object-fit:contain}
@media(max-width:1000px){.ff-wrap{width:calc(100% - 56px)}.ff-section-head{gap:32px}.ff-flick-pair{gap:32px}.ff-mode{grid-template-columns:1fr}.ff-phone-shot{justify-self:center;max-width:240px}.ff-wide-mode{gap:28px;grid-template-columns:1fr 1.15fr}.ff-adventures{gap:40px}}
@media(max-width:700px){.ff-wrap{width:calc(100% - 40px)}.ff-section,.ff-play-section{padding-block:42px}.ff-nav{gap:12px}.ff-page .ff-nav nav{gap:12px 20px}.ff-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.ff-creation{grid-template-columns:1fr;gap:24px}.ff-examples{gap:8px;margin:24px 0}.ff-examples figcaption{font-size:13px;line-height:1.4}.ff-create-action{align-items:start;flex-direction:column;gap:12px}.ff-flick-pair{grid-template-columns:1fr;gap:38px}.ff-mode{grid-template-columns:1fr minmax(110px,.68fr);gap:20px}.ff-mode h3{font-size:24px}.ff-phone-shot{max-width:190px;justify-self:end}.ff-wide-mode{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:28px}.ff-adventures{grid-template-columns:1fr;gap:30px}.ff-adventures figure{justify-self:center;max-width:320px}.ff-last-call{padding-block:42px}.ff-footer{padding:20px;gap:10px}.ff-page .edition-status{max-width:44ch}.ff-page .edition-copy .edition-lead{font-size:27px}}
@media(max-width:370px){.ff-mode{grid-template-columns:1fr}.ff-phone-shot{justify-self:center;max-width:220px}}
@media(prefers-reduced-motion:reduce){.ff-page{scroll-behavior:auto}}
