.blog-page{min-height:100vh;overflow:clip;background:radial-gradient(circle at 50% 6%,rgba(0,143,152,.16),transparent 31rem),linear-gradient(180deg,var(--bg) 0%,#fbfefe 52%,#f5fbfa 100%)}html[data-preview-mode=true] .blog-page .site-header{top:var(--preview-review-height, 72px)}.blog-index{width:min(1060px,calc(100% - 40px));margin:0 auto;padding:calc(86px + clamp(40px,7vw,88px)) 0 clamp(64px,9vw,110px)}.blog-index-intro{max-width:680px;margin-bottom:clamp(34px,5vw,52px)}.blog-index h1{margin:0 0 14px;font-family:var(--serif);font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.04em;font-weight:600}.blog-index-intro p{margin:0;color:var(--muted);font-size:19px;line-height:1.55}.blog-topic{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:11.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.blog-topic:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--teal-2)}.blog-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow-soft);overflow:hidden}.blog-feature-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3.4vw,44px)}.blog-feature-body h2{margin:2px 0 0;font-family:var(--serif);font-size:clamp(27px,3.2vw,38px);line-height:1.08;letter-spacing:-.025em;font-weight:600}.blog-feature-body h2 a{color:var(--ink);text-decoration:none}.blog-feature-body h2 a:hover{color:var(--teal)}.blog-feature-body>p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.55}.blog-feature-meta{margin-top:auto;padding-top:10px;color:var(--muted);font-size:14.5px}.blog-feature-meta strong{color:var(--ink);font-weight:780}.blog-feature-read{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:15px;font-weight:820;text-decoration:none}.blog-feature-read:hover{text-decoration:underline;text-underline-offset:3px}.blog-feature-visual{position:relative;display:block;min-height:280px;border-left:1px solid var(--line);background:linear-gradient(rgba(0,143,152,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,143,152,.05) 1px,transparent 1px),linear-gradient(160deg,var(--aqua) 0%,#f4fcfc 70%);background-size:30px 24px,30px 24px,100% 100%;overflow:hidden;text-decoration:none}.blog-feature-visual:before{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,rgba(0,143,152,.1),transparent);animation:blogGridScan 6.8s ease-in-out infinite;pointer-events:none}.blog-feature-visual svg{position:absolute;left:0;right:0;top:50%;width:100%;height:96px;transform:translateY(-50%)}.blog-feature-visual.has-image:before{display:none}.blog-feature-visual.has-image img{display:block;width:100%;height:100%;min-height:280px;object-fit:contain;background:var(--deep)}.blog-wave-line{fill:none;stroke:#008f9857;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:620;animation:blogWaveTravel 9s linear infinite}@keyframes blogWaveTravel{to{stroke-dashoffset:-760}}@keyframes blogGridScan{0%{opacity:0;transform:translate(-22%)}16%,72%{opacity:1}to{opacity:0;transform:translate(122%)}}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.blog-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:clamp(22px,2.6vw,30px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 1px 2px #081f2a0f;transition:border-color .18s ease,box-shadow .18s ease}.blog-card-media{position:relative;display:block;width:100%;aspect-ratio:6 / 5;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(rgba(0,143,152,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,143,152,.05) 1px,transparent 1px),linear-gradient(160deg,var(--aqua) 0%,#f4fcfc 70%);background-size:24px 20px,24px 20px,100% 100%}.blog-card-media img{display:block;width:100%;height:100%;object-fit:contain;background:var(--deep);transition:transform .25s ease}.blog-card:hover .blog-card-media img{transform:scale(1.015)}.blog-card-fallback{position:absolute;inset:0}.blog-card-fallback svg{position:absolute;top:50%;left:0;width:100%;height:72px;transform:translateY(-50%)}.blog-card:hover{border-color:#008f984d;box-shadow:0 10px 30px #081f2a14}.blog-card h2{margin:0;font-family:var(--serif);font-size:clamp(22px,2.4vw,26px);line-height:1.15;letter-spacing:-.015em;font-weight:600}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--teal)}.blog-card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}.blog-card-meta{margin-top:auto;padding-top:8px;color:var(--muted);font-size:14px}.blog-more{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:15.5px}.blog-more a{color:var(--teal);font-weight:750;text-decoration:none}.blog-more a:hover{text-decoration:underline;text-underline-offset:3px}.blog-cta{position:relative;overflow:hidden;margin:0;padding:clamp(56px,7vw,96px) clamp(20px,4vw,56px);background:var(--deep);color:var(--white);text-align:center}.blog-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(15,183,188,.28),transparent 45%),radial-gradient(circle at 78% 80%,rgba(47,197,111,.2),transparent 45%);pointer-events:none}.blog-cta>*{position:relative}.blog-cta h2{font-family:var(--serif);font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.03em;font-weight:600;margin:0 0 14px}.blog-cta p{color:#ffffffb8;font-size:18px;line-height:1.5;max-width:540px;margin:0 auto 26px}.blog-cta .button{box-shadow:none}.blog-cta-sub{margin-top:14px;color:#ffffff80;font-size:13px}@media(max-width:880px){.blog-feature{grid-template-columns:1fr}.blog-feature-visual{order:-1;min-height:150px;border-left:0;border-bottom:1px solid var(--line)}.blog-feature-visual.has-image img{min-height:150px;aspect-ratio:6 / 5}.blog-grid{grid-template-columns:1fr}}@media(max-width:980px){.blog-index{padding-top:calc(76px + clamp(32px,6vw,64px))}}@media(max-width:620px){.blog-index{width:min(1060px,calc(100% - 32px));padding-top:96px}}