.tectal-blog{color:#173b2d;overflow-wrap:anywhere;background:#f7f6f1}.blog-container{width:min(1240px,100% - 48px);margin-inline:auto}.blog-hero,.blog-post-hero{isolation:isolate;background:#f0f1eb;border-bottom:1px solid #cbd5cb;position:relative;overflow:hidden}.blog-hero:before,.blog-post-hero:before{content:"";z-index:-1;pointer-events:none;opacity:.4;background:url(/images/patterns/watercolor-study.svg) -140px 48%/760px no-repeat,linear-gradient(#3156440d 1px,#0000 1px) 0 0/72px 72px,linear-gradient(90deg,#3156440d 1px,#0000 1px) 0 0/72px 72px;position:absolute;inset:0}.blog-breadcrumb{color:#60776a;align-items:center;gap:10px;padding-block:28px;font-size:12px;display:flex}.blog-breadcrumb a:hover{color:#14778a}.blog-hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding:45px 0 90px;display:grid}.blog-eyebrow{color:#14778a;margin-bottom:16px;font-size:12px;font-weight:700}.blog-eyebrow span{color:#ad785f}.blog-hero h1,.blog-post-heading h1{letter-spacing:-.025em;font-size:clamp(34px,5vw,68px);font-weight:900;line-height:1.65}.blog-hero h1 span{color:#14778a}.blog-intro,.blog-post-excerpt{color:#526b5f;max-width:600px;margin-top:20px;font-size:15px;line-height:2.2}.blog-hero-link{color:#fff;background:#0c3f2c;border-radius:9px;align-items:center;gap:18px;margin-top:30px;padding:15px 22px;font-size:13px;font-weight:700;display:inline-flex}.blog-art{color:#d1e2d6;direction:ltr;background:#173b2d url(/images/patterns/orbit-study.svg) 50%/130% no-repeat;border:1px solid #476d5a;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:300px;padding:28px;display:flex;box-shadow:12px 12px #d4ddd2}.blog-art span,.blog-art p{letter-spacing:.18em;font:10px/1.4 ui-monospace,monospace}.blog-art-number{color:#ecf2e8;font:clamp(60px,9vw,110px)/1 ui-monospace,monospace}.blog-art-number span{color:#cfaa8f;font-size:.35em}.blog-list-section{padding-block:75px 100px}.blog-section-title{border-bottom:1px solid #c6d1c5;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;padding-bottom:25px;display:flex}.blog-section-title h2{font-size:clamp(25px,3vw,38px);font-weight:800}.blog-section-title>span{color:#60776a;font-size:12px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.blog-card{background:#fff;border:1px solid #ced8ce;border-radius:10px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.blog-card:hover{border-color:#83a995;transform:translateY(-4px);box-shadow:7px 7px #d8e0d7}.blog-card-link{flex-direction:column;height:100%;display:flex}.blog-cover{aspect-ratio:16/10;background:#e7ebe3;position:relative;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%}.blog-cover-art{background:url(/images/patterns/watercolor-study.svg) 50%/125% no-repeat;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;padding:20px;display:flex}.blog-cover-art span,.blog-cover-number{letter-spacing:.1em;color:#4e7060;font:10px/1 ui-monospace,monospace}.blog-cover-number{background:#f8f8f3e8;border-radius:4px;padding:8px;position:absolute;top:16px;left:16px}.blog-card-body{flex-direction:column;flex:1;padding:23px;display:flex}.blog-meta{color:#6b8274;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.blog-card h3{margin-top:15px;font-size:18px;font-weight:800;line-height:1.8}.blog-card p{color:#60776a;margin-top:10px;font-size:13px;line-height:2}.blog-read{color:#117386;align-items:center;gap:12px;margin-top:auto;padding-top:24px;font-size:12px;font-weight:700;display:inline-flex}.blog-empty{text-align:center;color:#60776a;background:#ffffffa8;border:1px dashed #b7c9ba;border-radius:12px;justify-items:center;gap:12px;padding:65px 20px;display:grid}.blog-empty h3,.blog-empty h1{color:#173b2d;font-size:19px;font-weight:800}.blog-empty p{font-size:13px;line-height:2}.blog-post-heading{max-width:850px;padding:30px 0 75px}.blog-post-heading h1{font-size:clamp(32px,4vw,55px)}.blog-post-heading .blog-meta{margin-top:25px}.blog-post-content{width:min(850px,100% - 48px);margin:auto;padding:55px 0 95px}.blog-post-cover{background:#e2e8e0;border-radius:10px;margin:0 0 45px;overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;max-height:560px;display:block}.blog-prose{color:#35574a;font-size:16px;line-height:2.35}.blog-prose section{margin-bottom:22px}.blog-prose :is(p,ul,ol,blockquote){margin-block:1em}.blog-prose :is(h1,h2,h3,h4,h5,h6){color:#173b2d;margin-block:1.7em .7em;font-weight:800;line-height:1.7}.blog-prose h2{font-size:1.65em}.blog-prose h3{font-size:1.3em}.blog-prose img,.blog-prose video{border-radius:8px;max-width:100%;height:auto}.blog-prose a{color:#0b7282;text-underline-offset:4px;text-decoration:underline}.blog-prose ul{padding-inline-start:1.5em;list-style:outside}.blog-prose ul[data-checklist]{list-style:"✓  "}.blog-prose ol{padding-inline-start:1.5em;list-style:decimal}.blog-prose blockquote{color:#506c5c;border-inline-start:3px solid #bb8061;padding-inline-start:20px}.blog-post-footer{border-top:1px solid #cbd5cb;justify-content:space-between;align-items:center;gap:15px;margin-top:50px;padding-top:25px;display:flex}.blog-post-footer span{letter-spacing:.13em;color:#789086;font:10px/1.4 ui-monospace,monospace}.blog-post-footer a{color:#117386;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.tectal-blog :where(a,button):focus-visible{outline-offset:4px;outline:3px solid #14778a}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-grid{gap:35px}}@media (max-width:640px){.blog-container,.blog-post-content{width:calc(100% - 36px)}.blog-hero-grid{grid-template-columns:1fr;padding:25px 0 60px}.blog-art{min-height:185px}.blog-grid{grid-template-columns:1fr}.blog-section-title{flex-direction:column;align-items:start}.blog-list-section{padding-block:50px 70px}.blog-hero:before,.blog-post-hero:before{background-position:-420px,0 0,0 0}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}
