.blog-page{background:#fcfafa;min-height:100vh;padding-bottom:140px}.blog-hero{text-align:center;padding:178px 0 60px}.blog-hero h1{color:var(--ink);font-family:var(--font-roboto), sans-serif;letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,78px);font-weight:620;line-height:.98}.blog-hero h1 em{font-family:var(--serif);letter-spacing:-.055em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#7678f5 0%,#d45fb9 52%,#ff9650 100%);-webkit-background-clip:text;background-clip:text;padding:0 .04em .1em 0;font-style:italic;font-weight:400;display:inline-block}.blog-library{position:relative}.blog-filters{z-index:3;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;display:flex;position:relative}.blog-filters button{z-index:1;color:#191e49c7;cursor:pointer;min-height:46px;font-family:var(--font-roboto), sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffc7;border:1px solid #191e4921;border-radius:999px;padding:0 20px;font-size:15px;font-weight:400;transition:border-color .16s,background .16s,color .16s,transform .16s;position:relative}.blog-filters button:hover{color:var(--cta);border-color:#bc269b59;transform:translateY(-1px)}.blog-filters button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.blog-filters button:focus-visible{outline-offset:3px;outline:3px solid #bc269b3d}.blog-grid{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid;position:relative}.blog-grid:before{z-index:-1;content:"";filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 14% 35%,#7678f52e,#0000 35%),radial-gradient(circle at 52% 34%,#d45fb929,#0000 36%),radial-gradient(circle at 88% 35%,#ff96502b,#0000 35%);border-radius:48px;position:absolute;inset:-70px -60px -80px}.blog-card{-webkit-backdrop-filter:blur(20px)saturate(122%);backdrop-filter:blur(20px)saturate(122%);background:linear-gradient(145deg,#fffffff0,#fffc);border:1px solid #fffffff0;border-radius:20px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #fff,0 22px 54px #191e4914}.blog-card-link{border-radius:20px;min-width:0;display:block}.blog-card-link:not(.is-coming-soon) .blog-card{height:100%;transition:border-color .18s,box-shadow .18s,transform .18s}.blog-card-link:not(.is-coming-soon):hover .blog-card{border-color:#bc269b33;transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 28px 64px #191e491f}.blog-card-link:not(.is-coming-soon):focus-visible{outline-offset:4px;outline:3px solid #bc269b3d}.blog-card-art{background:linear-gradient(145deg,#ddd9ff,#aaa7f3);justify-content:space-between;align-items:flex-start;min-height:260px;padding:24px;display:flex;position:relative;overflow:hidden}.blog-card-art[data-accent=rose]{background:linear-gradient(145deg,#ffe0f0,#eeb2d8)}.blog-card-art[data-accent=peach]{background:linear-gradient(145deg,#ffe8dc,#ffc49c)}.blog-card-photo{height:260px;min-height:0;max-height:260px;padding:0}.blog-card-photo:before,.blog-card-photo:after{display:none}.blog-card-photo>img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-art:before{aspect-ratio:1;content:"";border:1px solid #191e492e;border-radius:50%;width:88%;position:absolute;top:-46%;right:-26%}.blog-card-art:after{aspect-ratio:1;content:"";border:1px solid #ffffffbd;border-radius:50%;width:72%;position:absolute;bottom:-46%;right:-9%}.blog-card-mark{z-index:1;background:#ffffffb8;border:1px solid #ffffffd1;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 36px #191e491a}.blog-card-mark img{object-fit:contain;width:58px;height:58px;display:block}.blog-card-art>i{background:#191e4933;height:1px;position:absolute;bottom:24px;left:24px;right:24px}.blog-card-copy{padding:26px 28px 30px}.blog-card-meta{color:#191e4985;letter-spacing:.01em;margin:0;font-size:13px;font-weight:450}.blog-card h3{color:var(--ink);font-family:var(--font-roboto), sans-serif;letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(25px,2.2vw,31px);font-weight:620;line-height:1.08}.blog-card-copy>p:last-child{color:#191e49ad;margin:17px 0 0;font-size:15px;line-height:1.62}.blog-empty{color:#191e49a3;text-align:center;margin:44px 0 0;font-size:17px}.blog-pagination{justify-content:center;align-items:center;gap:8px;margin-top:64px;display:flex}.blog-pagination button{width:48px;height:48px;color:var(--ink);cursor:pointer;font-family:var(--font-roboto), sans-serif;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;font-size:18px;font-weight:400;line-height:1;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s;display:grid}.blog-pagination button:hover:not(:disabled){color:var(--cta);transform:translateY(-1px)}.blog-pagination button.is-active{background:#ffffffdb;border-color:#7678f57a;box-shadow:0 8px 20px #191e4912}.blog-pagination .blog-pagination-next{background:#ffffffe0;border-color:#191e4924;width:58px;height:58px;margin-left:10px;box-shadow:0 10px 24px #191e4912}.blog-pagination-next span{margin-top:-3px;font-size:34px;font-weight:300}.blog-pagination button:focus-visible{outline-offset:3px;outline:3px solid #bc269b3d}.blog-pagination button:disabled{cursor:default;opacity:.34}@media (width<=980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.blog-page{padding-bottom:96px}.blog-hero{padding:132px 0 42px}.blog-hero h1{font-size:clamp(48px,13vw,64px)}.blog-filters{justify-content:flex-start;margin-bottom:30px}.blog-filters button{min-height:42px;padding-inline:16px;font-size:14px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-grid:before{inset:-40px -28px -50px}.blog-card-art{min-height:230px}.blog-card-photo{height:230px;min-height:0;max-height:230px}.blog-pagination{margin-top:46px}.blog-pagination button{width:42px;height:42px;font-size:16px}.blog-pagination .blog-pagination-next{width:50px;height:50px;margin-left:4px}}@media (width<=480px){.blog-hero{text-align:left}.blog-hero h1{font-size:50px}.blog-filters{gap:8px}.blog-card-copy{padding:24px 22px 27px}.blog-card h3{font-size:28px}}
