.use-environments{background:var(--color-bg)}.use-environments__inner{max-width:1280px;margin:0 auto;padding:clamp(72px,9vw,120px) 24px;display:flex;flex-direction:column;gap:clamp(32px,4.5vw,48px)}.use-environments__lede{display:flex;flex-direction:column;gap:16px;max-width:640px}.use-environments__intro{margin:0;font-size:clamp(15px,1.3vw,16.5px);line-height:1.7;color:var(--color-text-soft);max-width:52ch}.use-environments__note{margin:0;font-size:12.5px;color:var(--color-text-soft)}.use-environments__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}.use-environments__item{min-width:0}.use-environments__item:first-child:nth-last-child(n+4){grid-column:span 2;grid-row:span 2}.use-environments__figure{position:relative;margin:0;height:100%;min-height:240px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);display:flex;align-items:flex-end;aspect-ratio:4 / 5}.use-environments__item:first-child:nth-last-child(n+4) .use-environments__figure{aspect-ratio:auto}.use-environments__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-reveal) var(--ease-out-cubic)}.use-environments__figure:hover .use-environments__image{transform:scale(1.03)}.use-environments__figure:not(.use-environments__figure--typographic):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,oklch(15% .01 50 / .72));pointer-events:none}.use-environments__caption{position:relative;z-index:1;padding:clamp(18px,2.2vw,26px);display:flex;flex-direction:column;gap:5px}.use-environments__title{margin:0;font-family:var(--font-heading);font-weight:500;font-size:clamp(19px,2vw,24px);line-height:1.15;color:var(--color-on-dark);letter-spacing:-.01em}.use-environments__text{margin:0;font-size:13px;line-height:1.6;color:var(--color-on-dark-soft);max-width:34ch}.use-environments__figure--typographic{background:var(--color-surface-alt);box-shadow:inset 0 0 0 1px var(--color-border);align-items:center;justify-content:center;text-align:center}.use-environments__figure--typographic .use-environments__caption{align-items:center;padding:clamp(20px,3vw,36px)}.use-environments__figure--typographic .use-environments__title{color:var(--color-text);font-size:clamp(26px,3.2vw,38px)}.use-environments__figure--typographic .use-environments__text{color:var(--color-text-soft);max-width:30ch}.use-environments__item:first-child:nth-last-child(n+4) .use-environments__figure--typographic .use-environments__title{font-size:clamp(34px,4.6vw,56px)}.use-environments__figure--typographic .use-environments__caption:before{content:"";display:block;width:32px;height:1px;background:var(--color-accent);margin-bottom:14px}.use-environments__editor-hint{position:absolute;top:14px;left:14px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-soft);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:999px;padding:5px 11px}@media(max-width:860px){.use-environments__grid{grid-template-columns:repeat(2,1fr)}.use-environments__item:first-child:nth-last-child(n+4){grid-column:span 2;grid-row:auto}.use-environments__item:first-child:nth-last-child(n+4) .use-environments__figure{aspect-ratio:16 / 11}}@media(max-width:480px){.use-environments__grid{grid-template-columns:1fr}.use-environments__item:first-child:nth-last-child(n+4){grid-column:span 1}.use-environments__figure{aspect-ratio:5 / 4;min-height:0}.use-environments__item:first-child:nth-last-child(n+4) .use-environments__figure{aspect-ratio:5 / 4}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/use-environments.css.map */