.f-section{scroll-margin-top:120px}.f-section .m-section-heading h2{font-size:clamp(38px,4.5vw,72px);max-width:1000px}.f-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.f-toolbar p{margin:0}.f-toolbar button{font:inherit;font-size:12px;padding:12px 18px;border:1px solid var(--line);border-radius:30px;color:var(--ink);background:transparent;cursor:pointer}.f-toolbar button:disabled{opacity:.5}.f-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.f-card-link{display:block;color:inherit;text-decoration:none}.f-stage{aspect-ratio:4/5;background:var(--feature-color);position:relative;border-radius:16px;overflow:hidden}.f-plate{position:absolute;inset:9% 18%;transform:rotate(-5deg);transition:opacity .6s,transform .6s;filter:drop-shadow(8px 12px 6px #4b163025)}.f-card:nth-child(2) .f-plate{transform:rotate(5deg)}.f-plate img{width:100%;height:100%;object-fit:contain}.f-scene{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .65s,transform .9s}.f-scene>img{display:block;width:100%;height:100%;object-fit:cover}.f-scene::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#21181470);pointer-events:none}.f-scene-caption{position:absolute;z-index:1;left:7%;right:7%;bottom:5%;font:700 clamp(22px,2vw,30px)/1.15 "Barlow Condensed",sans-serif;color:#fff;text-shadow:0 1px 8px #20150d50}.is-scene .f-scene{opacity:1;transform:none}.is-scene .f-plate{opacity:0;transform:translateY(-8px) scale(.96)}.f-card h3{font:700 clamp(23px,2.3vw,34px)/1.15 'Barlow Condensed',sans-serif;margin:23px auto 14px;text-align:center;max-width:310px}.f-link{display:block;text-align:center;text-decoration:underline;text-underline-offset:5px;font-size:14px}.f-link span{margin-left:12px}.f-card-link:focus-visible{outline:3px solid var(--ink);outline-offset:7px;border-radius:16px}.m-motion-paused .f-section *{transition:none!important}@media(max-width:760px){.f-grid{grid-template-columns:1fr;gap:38px}.f-stage{max-width:400px;margin:auto}.f-card h3{max-width:270px;font-size:29px}.f-section .m-section-heading h2{font-size:40px}.f-toolbar{align-items:center;font-size:12px;gap:10px}.f-toolbar button{font-size:11px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.f-section *{transition:none!important}}
