#shinta-site.blog-frame{color:#1c1917;background:#f4f4f3}.blog-main{z-index:1;background:#f4f4f3;padding-top:120px;position:relative}.blog-container{width:calc(100% - 40px);max-width:1280px;margin-inline:auto}.blog-heading{align-items:flex-end;gap:24px;display:flex}.blog-heading-title{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.blog-label{letter-spacing:.08em;text-transform:uppercase;background:#ffa8f2;border-radius:40px;margin:0;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.4}.blog-heading h1{letter-spacing:-.04em;margin:0;font-size:72px;font-weight:700;line-height:1}.blog-intro{color:#57534e;width:40%;margin:0;font-size:18px;line-height:1.5}.blog-list{padding-block:64px 120px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 24px;display:grid}.blog-card{min-width:0}.blog-card-content{color:inherit;flex-direction:column;gap:24px;display:flex}.blog-card-image{aspect-ratio:822/616;border-radius:24px;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:scale(1)}#shinta-site .blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.blog-card-title{flex-direction:column;gap:8px;display:flex}.blog-card-title time,.blog-card-status{color:#78716c;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.4}.blog-card-title h2{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.blog-card-link:focus-visible{outline-offset:8px;border-radius:24px;outline:2px solid #aa94ff}.blog-card-link:focus-visible .blog-card-image{transform:scale(.95)}.blog-card-link:focus-visible .blog-card-image img{transform:scale(1.05)}.blog-skip{z-index:1000;color:#1c1917;background:#ffa8f2;border-radius:24px;padding:12px 20px;position:fixed;top:-100px;left:20px}.blog-skip:focus{top:80px}@media (hover:hover){.blog-card-link:hover .blog-card-image{transform:scale(.95)}.blog-card-link:hover .blog-card-image img{transform:scale(1.05)}}@media (min-width:810px) and (max-width:1199.98px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-heading h1{font-size:56px}}@media (max-width:809.98px){.blog-heading{flex-direction:column;align-items:stretch}.blog-heading h1{font-size:40px}.blog-intro{width:100%}.blog-list{padding-bottom:64px}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card-title h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.blog-card-image,#shinta-site .blog-card-image img{transition:none}}
