/* Paper folders contrast with the Forest section and adopt the existing dark
   palette on hover, focus or selection. Photography and copy stay unchanged. */
.folder-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.cf-card{--cf-closed:30%;--cf-surface:var(--paper);--cf-heading:var(--forest);--cf-copy:var(--carbon);--cf-number-color:var(--forest);--cf-edge-color:var(--forest);--cf-open:42%;--cf-dur:760ms;--cf-ease:cubic-bezier(.22,1,.36,1);--cf-slide-ease:var(--cf-ease);position:relative;min-width:0;padding:1px;border:1px solid var(--carbon);border-radius:4px;background:var(--cf-surface);isolation:isolate;container-type:inline-size}
/* The spring stays behind @supports; older browsers retain the bézier. */
@supports(transition-timing-function:linear(0,1)){
 .cf-card{--cf-slide-ease:linear(0,.0357,.1273,.2536,.397,.543,.6811,.804,.9075,.9897,1.0506,1.0919,1.1159,1.1257,1.1243,1.1149,1.1002,1.0826,1.0641,1.0462,1.0299,1.0159,1.0046,.996,.9899,.9862,.9844,.9841,.985,.9866,.9888,.9911,.9934,.9955,.9974,.999,1.0002,1.001,1.0016,1.0019,1)}
}
.cf-inner{position:relative;display:block;height:540px;overflow:hidden;border-radius:3px;background:var(--cf-surface);font-family:Inter,Arial,sans-serif;font-size:16px}
.cf-art{position:absolute;inset:0 0 auto;height:45%;transform:scale(1);transition:transform calc(var(--cf-dur)*1.2) var(--cf-ease);will-change:transform;pointer-events:none}
.cf-art .visual-card-image{z-index:auto;object-fit:cover;opacity:1;transform:none}
.cf-panel{position:absolute;inset:0;transform:translate3d(0,var(--cf-closed),0);transition:transform var(--cf-dur) var(--cf-slide-ease);will-change:transform;pointer-events:none}
.cf-face{position:absolute;inset:0;background:var(--cf-surface);-webkit-mask-image:url('/assets/folder-face.svg');mask-image:url('/assets/folder-face.svg');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.cf-edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--cf-edge-color);stroke-opacity:.4;stroke-width:1}
.cf-head{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 0}
.cf-number{font-family:'Barlow Condensed',Arial,sans-serif;font-size:64px;font-weight:700;line-height:1;color:var(--cf-number-color);font-variant-numeric:tabular-nums}
.cf-icon{width:24px;height:24px;flex:none;color:var(--cf-copy);transition:transform var(--cf-dur) var(--cf-slide-ease)}
.cf-icon svg{width:100%;height:100%}
.cf-text{position:absolute;inset:auto 0 0;padding:24px;pointer-events:none}
.cf-kicker{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-copy);line-height:1.45;margin-bottom:12px}
.cf-title{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;line-height:1.12;color:var(--cf-heading);margin:0 0 14px}
.cf-desc{font-size:16px;line-height:1.5;color:var(--cf-copy);margin:0}
.cf-trigger{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;border-radius:3px;padding:0;cursor:pointer;z-index:2}
.cf-trigger:focus-visible{outline:3px solid white;outline-offset:-6px}
.cf-card:is(:hover,:focus-within,.is-open){--cf-surface:var(--forest);--cf-heading:var(--white);--cf-copy:var(--ash);--cf-number-color:var(--sage);--cf-edge-color:var(--sage)}
.cf-card:is(:hover,:focus-within,.is-open) .cf-panel{transform:translate3d(0,var(--cf-open),0)}
.cf-card:is(:hover,:focus-within,.is-open) .cf-art{transform:scale(1.06)}
.cf-card:is(:hover,:focus-within,.is-open) .cf-icon{transform:translate3d(.12em,-.12em,0)}
.folder-deck-caption .deck-desktop-hint{display:inline}.folder-deck-caption .deck-touch-hint{display:none}
@media(max-width:1100px){.folder-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cf-inner{height:520px}}
@media(max-width:600px){.folder-deck{grid-template-columns:1fr;gap:22px}.cf-inner{height:520px}.cf-panel{transform:translate3d(0,var(--cf-open),0)}.folder-deck-caption .deck-desktop-hint{display:none}.folder-deck-caption .deck-touch-hint{display:inline}}
/* Touch devices never hover: keep the artwork exposed by default. */
@media(hover:none){.cf-panel{transform:translate3d(0,var(--cf-open),0)}}
@media(prefers-reduced-motion:reduce){.cf-art,.cf-panel,.cf-icon{transition:none}}
@media print{.folder-deck{display:block}.cf-card{break-inside:avoid;border:1px solid #343434;margin:0 0 20px;background:white}.cf-inner{height:auto;background:white}.cf-text{position:static;padding:20px}.cf-title,.cf-desc,.cf-kicker{color:#343434}.cf-panel,.cf-art,.cf-trigger{display:none}}

.cf-face,.cf-number,.cf-icon,.cf-kicker,.cf-title,.cf-desc{transition:background-color .22s ease,color .22s ease}
@media(prefers-reduced-motion:reduce){.cf-face,.cf-number,.cf-kicker,.cf-title,.cf-desc{transition:none}}