.ff-home{--ff-night:oklch(14.2% .0121 250.2);--ff-rim:oklch(51.03% .0577 81.53);--ff-rim-dim:oklch(40.62% .0282 90.92)}.ff-tools-hero{border:1px solid var(--ff-rim);background:linear-gradient(90deg,var(--ff-night) 0%,oklch(14.2% .0121 250.2/.84) 26%,oklch(14.2% .0121 250.2/0) 60%),linear-gradient(0deg,oklch(14.2% .0121 250.2/.96) 0%,oklch(14.2% .0121 250.2/0) 58%),var(--ff-tools-hero) right center/cover no-repeat var(--ff-night);border-radius:5px;align-content:space-between;gap:32px;min-block-size:300px;padding-block:40px 24px;padding-inline:32px;display:grid;overflow:clip;box-shadow:inset 0 0 0 1px oklch(0% 0 none/.55),0 12px 32px oklch(0% 0 none/.35)}.ff-tools .ff-tools-hero h1{max-inline-size:14ch;color:var(--gold-bright);text-shadow:0 2px 8px oklch(0% 0 none/.85);font-size:clamp(1.875rem,1.35rem + 1.7cqi,2.875rem);line-height:1.1}.ff-class-banners{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.ff-class-banners>a{border:1px solid var(--ff-rim-dim);background:linear-gradient(0deg,oklch(10% .01 250/.92) 0%,oklch(10% .01 250/.35) 70%),var(--ff-class-art) center/300% auto no-repeat var(--ff-night);min-block-size:104px;font:15px/1.2 var(--font-display);text-align:center;text-shadow:0 1px 3px oklch(0% 0 none/.95);border-radius:3px;flex-direction:column;justify-content:end;align-items:center;gap:8px;padding-block:12px 10px;padding-inline:4px;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.ff-class-banners img{border:1px solid var(--ff-rim);border-radius:3px;block-size:40px;inline-size:40px;box-shadow:0 0 0 1px oklch(0% 0 none/.8),0 3px 8px oklch(0% 0 none/.6)}.ff-tool-group{margin-block:36px 0}.ff-tools .ff-tool-group>h2{color:var(--gold);border:0;align-items:center;gap:16px;margin-block:0 18px;margin-inline:0;padding:0;font-size:22px;display:flex}.ff-tool-group>h2:after{content:"";background:var(--ff-rim-dim);flex:1;block-size:1px}.ff-tool-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.ff-tool-cards>.ff-tool-card{grid-column:span 2}.ff-tool-cards>.ff-tool-card[data-wide]{grid-column:span 3}.ff-tool-card{color:var(--text);background:linear-gradient(oklch(21.84% .0173 248.63),oklch(17.5% .0145 249));border:1px solid oklch(44.25% .0472 77.18);border-radius:4px;flex-direction:column;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex;overflow:clip;box-shadow:inset 0 0 0 1px oklch(0% 0 none/.5),0 8px 22px oklch(0% 0 none/.3)}.ff-tool-card>img{aspect-ratio:16/9;object-fit:cover;block-size:auto;max-block-size:260px;inline-size:100%;display:block;-webkit-mask-image:linear-gradient(oklch(0% 0 none) 62%,#0000);mask-image:linear-gradient(oklch(0% 0 none) 62%,#0000)}.ff-tool-card>div{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin-block-start:-30px;padding-block:0 22px;padding-inline:20px;display:grid;position:relative}.ff-tool-card .ff-icon{border:1px solid var(--ff-rim);border-radius:4px;block-size:44px;inline-size:44px;box-shadow:0 0 0 1px oklch(0% 0 none/.85),0 4px 10px oklch(0% 0 none/.7)}:is(.ff-tools,.ff-home-instruments) .ff-tool-card h3{color:var(--gold-bright);text-shadow:0 1px 3px oklch(0% 0 none/.9);border:0;margin:0;padding:0;font-size:19px;line-height:1.25}:is(.ff-tools,.ff-home-instruments) .ff-tool-card p{color:var(--text);grid-column:1/-1;margin-block:6px 0;margin-inline:0;font-size:14px;line-height:1.6}.ff-tools>.ff-actions{margin-block-start:32px}.ff-home>.ff-class-banners{margin-block:24px 32px}.ff-home .ff-home-preparation>a{background:linear-gradient(90deg,oklch(19.5% .0185 246) 44%,oklch(19.5% .0185 246/0) 82%),var(--ff-tool-art) right center/58% auto no-repeat oklch(19.5% .0185 246);text-shadow:0 1px 3px oklch(0% 0 none/.9);min-block-size:96px}.ff-home .ff-home-preparation .ff-icon{border:1px solid var(--ff-rim);border-radius:4px;block-size:40px;inline-size:40px;box-shadow:0 0 0 1px oklch(0% 0 none/.85)}@media (hover:hover) and (pointer:fine){.ff-class-banners>a:hover{border-color:var(--gold);box-shadow:0 0 14px oklch(81.91% .1011 84.93/.25)}.ff-class-banners>a:hover img{transform:translateY(-2px)}.ff-tool-card:hover{border-color:var(--gold);box-shadow:inset 0 0 0 1px oklch(0% 0 none/.5),0 0 18px oklch(81.91% .1011 84.93/.22),0 10px 26px oklch(0% 0 none/.4)}.ff-tool-card:hover>img{filter:brightness(1.12);transform:scale(1.04)}}@media (prefers-reduced-motion:no-preference){.ff-class-banners img{transition:transform .16s var(--ease-out)}.ff-tool-card>img{transition:transform .4s var(--ease-out),filter .4s}}@container page (max-width:840px){.ff-class-banners{grid-template-columns:repeat(5,minmax(0,1fr))}.ff-tool-cards>.ff-tool-card{grid-column:span 3}}@container page (max-width:652px){.ff-tools-hero{background:linear-gradient(0deg,var(--ff-night) 30%,oklch(14.2% .0121 250.2/.55) 100%),var(--ff-tools-hero) 70% top/cover no-repeat var(--ff-night);gap:24px;min-block-size:0;padding-block:28px 14px;padding-inline:14px}.ff-class-banners{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-class-banners>a{min-block-size:88px}.ff-tool-cards>.ff-tool-card,.ff-tool-cards>.ff-tool-card[data-wide]{grid-column:1/-1}}.ff-tool-banner{isolation:isolate;background:oklch(14.2% .0121 250.2);border:1px solid oklch(44.25% .0472 77.18);border-radius:5px;margin-block-end:22px;padding-block:16px 18px;padding-inline:22px;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px oklch(0% 0 none/.5)}.ff-tool-banner[data-art]:before{content:"";z-index:-1;background:var(--ff-tool-art) center 42%/cover no-repeat;position:absolute;inset-block:0;inset-inline:32% 0;-webkit-mask-image:linear-gradient(90deg,#0000,oklch(0% 0 none) 46%);mask-image:linear-gradient(90deg,#0000,oklch(0% 0 none) 46%)}.ff-tool-banner .ff-titlebar{margin-block-end:0}.ff-workspace .ff-tool-banner h1{color:var(--gold-bright);text-shadow:0 2px 8px oklch(0% 0 none/.85)}.ff-tool-banner .breadcrumbs{text-shadow:0 1px 3px oklch(0% 0 none/.9)}@container page (max-width:652px){.ff-tool-banner{padding:14px}.ff-tool-banner[data-art]:before{opacity:.45;inset-inline:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,oklch(0% 0 none) 70%);mask-image:linear-gradient(90deg,#0000 10%,oklch(0% 0 none) 70%)}}
