.editorial-library{max-width:1840px;margin:auto;padding:76px 5vw 100px}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:60px}.library-heading h1{font-size:clamp(38px,4.1vw,70px);line-height:1.35;margin:20px 0 0;letter-spacing:.035em}.library-deck{font-size:18px;line-height:2.1;margin:0 0 8px}.library-deck span{font-size:15px;color:#56717a}.library-divider{display:flex;justify-content:space-between;border-top:1px solid #a5b6b8;padding:22px 0 35px;font-size:12px;letter-spacing:.18em}.water-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:72px 30px}.water-card{min-width:0}.water-card>a{display:block;color:inherit;text-decoration:none;height:100%}.card-picture{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e3eded}.card-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.23,1,.32,1)}.picture-arrow{position:absolute;right:12px;bottom:12px;background:#f5f3eb;color:#103d4a;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:22px;transition:transform .25s}.card-category{font-size:11px;letter-spacing:.1em;margin-top:22px;display:flex;gap:8px;flex-wrap:wrap;font-weight:700}.card-category span{font-weight:400;letter-spacing:0;color:#526f79}.water-card h2{font-size:clamp(20px,1.45vw,26px);line-height:1.65;margin:12px 0 20px;font-weight:700;letter-spacing:.015em}.card-rule{display:block;width:54px;height:1px;background:#64838a}.water-card p{font-size:16px;line-height:1.95;margin:19px 0 17px}.card-source{font-size:11px;line-height:1.8;color:#56717a}.card-read{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;font-weight:700}.library-note{font-size:12px;color:#56717a;line-height:1.8;margin-top:64px}.water-card a:focus-visible{outline:3px solid #29879a;outline-offset:8px}.water-card.is-waiting{opacity:0;transform:translateY(28px)}.water-card.is-entering{animation:card-arrive 1s cubic-bezier(.23,1,.32,1) both}.water-card.is-entering .card-picture img{animation:picture-arrive 1.35s cubic-bezier(.23,1,.32,1) both}.water-card.is-entering .card-category{animation:label-arrive 1.1s cubic-bezier(.23,1,.32,1) both}@keyframes card-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes picture-arrive{from{opacity:.3;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes label-arrive{from{transform:translateX(-12px)}to{transform:translateX(0)}}@media(hover:hover)and (pointer:fine){.water-card a:hover .card-picture img{transform:scale(1.035)}.water-card a:hover .picture-arrow{transform:translate(2px,-2px)}.water-card a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}}@media(max-width:1199px){.water-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}.library-heading{align-items:flex-start}.library-deck{font-size:16px}.water-card h2{font-size:24px}}@media(max-width:600px){.editorial-library{padding:40px 6vw 60px}.library-heading{display:block;padding-bottom:35px}.library-deck{margin-top:26px}.water-card-grid{grid-template-columns:1fr;gap:48px}.water-card h2{font-size:24px}.library-divider{font-size:10px}.card-picture{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.water-card,.water-card *{animation:none!important;transition:none!important}.water-card.is-waiting{opacity:1;transform:none}}.library-motion-boot .water-card{opacity:0}.water-card>a{transition:transform .25s ease}.water-card .card-picture img{transition:transform .3s ease}@media(hover:hover)and (pointer:fine){.water-card>a:hover{transform:translateY(-8px)}.water-card>a:hover .card-picture img{transform:scale(1.075)}.water-card>a:hover .picture-arrow{background:#103d4a;color:#fff;transform:translate(2px,-2px) scale(1.12)}.water-card>a:hover .card-read{color:#16798d}}@media(prefers-reduced-motion:reduce){.library-motion-boot .water-card{opacity:1}.water-card>a:hover,.water-card>a:hover .card-picture img,.water-card>a:hover .picture-arrow{transform:none}}