.section-patterns{position:relative;background:var(--mizu-blue-deep);color:var(--mizu-white);padding:var(--space-96, 96px) 0;overflow:hidden}.section-patterns__inner{position:relative;z-index:3;max-width:var(--container-max, 1400px);margin:0 auto;padding:0 var(--container-padding)}.section-patterns__head{text-align:center;margin-bottom:var(--space-48)}.section-patterns__eyebrow{display:inline-block;font-family:var(--font-body);font-size:12px;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--mizu-accent-sang);font-weight:600;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid rgba(95,179,217,.35)}.section-patterns__heading{font-family:var(--font-display);font-style:italic;font-size:clamp(36px,4.6vw,52px);font-weight:500;color:var(--mizu-white-pure);letter-spacing:.02em;margin-bottom:var(--space-8)}.section-patterns__heading .tn{color:var(--mizu-accent-sang)}.section-patterns__sub{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--mizu-mist);opacity:.8}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24, 24px);margin-top:var(--space-24)}.pattern-card{position:relative;min-width:0;background:#7a8fa01a;border:1px solid rgba(217,232,240,.22);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-12);text-decoration:none;color:inherit;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),background .4s var(--ease-out),box-shadow .4s var(--ease-out)}.pattern-card:hover{border-color:var(--mizu-accent-sang);background:#7a8fa02e;transform:translateY(-4px);box-shadow:0 12px 40px #123b4f59}.pattern-card__badge{position:absolute;top:12px;right:12px;z-index:5;background:var(--mizu-accent);color:var(--mizu-white);font-family:var(--font-display);font-style:italic;font-weight:600;font-size:14px;padding:4px 10px;letter-spacing:.05em}.pattern-card__media{position:relative;aspect-ratio:3 / 2;background:#3c4c5a99;border:1px solid rgba(217,232,240,.16);overflow:hidden}.pattern-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;color:var(--mizu-mist);opacity:.45;font-size:14px;text-align:center;padding:0 var(--space-12)}.pattern-card__name{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,2vw,27px);color:var(--mizu-white-pure);font-weight:500;line-height:1.15}.pattern-card__name .tn{color:var(--mizu-accent-sang)}.pattern-card__intro{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--mizu-white);opacity:.85;line-height:1.55;flex-grow:1}.pattern-card__intro .tn{color:var(--mizu-accent-sang);opacity:1}.pattern-card__price-block{display:flex;flex-direction:column;gap:4px;padding-top:var(--space-8);border-top:1px solid rgba(217,232,240,.18)}.pattern-card__price-old{font-family:var(--font-body);font-size:14px;color:var(--mizu-mist);opacity:.7;text-decoration:line-through}.pattern-card__price-new{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--mizu-accent-sang);font-weight:500;line-height:1.2}.pattern-card__price-new small{font-family:var(--font-body);font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mizu-white);opacity:.7;margin-right:6px;font-weight:400}.pattern-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;background:transparent;border:1.5px solid var(--mizu-accent-sang);color:var(--mizu-accent-sang);font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-4);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.pattern-card:hover .pattern-card__cta{background:var(--mizu-accent-sang);color:var(--mizu-blue-deep)}.pattern-grid__note{text-align:center;margin-top:var(--space-32);font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--mizu-mist);opacity:.72}@media(max-width:900px){.pattern-grid{grid-template-columns:1fr;gap:var(--space-16)}.section-patterns{padding:var(--space-48) 0}}
