.sgrid__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}.sgrid__card{display:flex;flex-direction:column;height:100%;background:var(--surface-raised);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}a.sgrid__card:hover,a.sgrid__card:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.sgrid__media{display:block}.sgrid__media .media{border-radius:0}.sgrid__media img{transition:scale .6s var(--ease-out)}a.sgrid__card:hover .sgrid__media img{scale:1.04}.sgrid__text{display:flex;flex-direction:column;gap:.6rem;padding:clamp(1.25rem,2vw,1.75rem);flex:1}.sgrid__title{font-family:var(--font-display);font-size:var(--t-h3);line-height:1.15;font-variation-settings:"opsz" 40,"SOFT" 40;margin:0}.sgrid__hook{font-size:var(--t-small);color:var(--ink-2)}.sgrid__more{display:inline-flex;align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:.75rem;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.sgrid__more .icon{width:18px;height:18px;transition:transform var(--dur-micro) var(--ease-out)}a.sgrid__card:hover .sgrid__more .icon{transform:translate(4px)}.sgrid__trigger{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;text-align:left;font:inherit;color:inherit}.sgrid__plus{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule);color:var(--accent-strong);transition:transform .26s var(--ease-out),background .26s var(--ease-out)}.sgrid__trigger[aria-expanded=true] .sgrid__plus{transform:rotate(135deg);background:color-mix(in srgb,var(--accent) 30%,transparent)}.sgrid__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s var(--ease-inout),opacity .24s var(--ease-out)}.sgrid__panel>*{overflow:hidden}.sgrid__panel.is-open{grid-template-rows:1fr;opacity:1}.sgrid__panel-inner{padding-block-start:1rem;font-size:var(--t-small);color:var(--ink-2)}.sgrid__panel-inner p+p{margin-block-start:.8rem}.sgrid__panel-inner .btn{margin-block-start:1.25rem}@media(max-width:1100px){.sgrid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sgrid__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-scenario-grid.css.map */