@layer app{.k-blog-taxonomy-page{color:oklch(82.7% .003 270);isolation:isolate;background:oklch(15% .004 270);grid-template-rows:auto 1fr auto;gap:6rem;min-height:100dvh;padding:1.5rem clamp(1.5rem,5vw,6rem);display:grid;position:relative;overflow:hidden}.k-blog-taxonomy-page__atmosphere{opacity:.46;pointer-events:none;z-index:-1;background:linear-gradient(#0f0c0b2e,oklch(15% .004 270) 90%),linear-gradient(90deg,#0f0c0b73,#0f0c0bb8),url(../images/napali-coast.webp) 50% 42%/cover;height:32rem;position:absolute;inset:0 0 auto}.k-blog-taxonomy-page__content,.k-blog-taxonomy-page__footer,.k-blog-taxonomy-page__navigation{width:min(100%,100rem);margin-inline:auto}.k-blog-taxonomy-page__navigation{justify-content:space-between;align-items:center;display:flex}.k-blog-taxonomy-page__back-link,.k-blog-taxonomy-page__brand{color:oklch(82.7% .003 270);text-decoration:none}.k-blog-taxonomy-page__brand{color:oklch(90% .002 270);align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.k-blog-taxonomy-page__logo{width:2rem;height:2rem}.k-blog-taxonomy-page__back-link{color:oklch(75.5% .005 270);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.k-blog-taxonomy-page__back-link:focus-visible{outline-offset:.25rem;outline:.125rem solid oklch(75.5% .005 270)}.k-blog-taxonomy-page__content{flex-direction:column;gap:4rem;display:flex}.k-blog-taxonomy-page__header{flex-direction:column;gap:1rem;max-width:46rem;display:flex}.k-blog-taxonomy-page__eyebrow{color:oklch(75.5% .005 270);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.k-blog-taxonomy-page__title{color:oklch(90% .002 270);letter-spacing:-.05em;font-size:2.25rem;font-weight:700;line-height:1}.k-blog-taxonomy-page__introduction{color:oklch(75.5% .005 270);font-size:1.125rem;line-height:1.6}.k-blog-taxonomy-page__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;list-style:none;display:grid}.k-blog-taxonomy-page__item{min-width:0}.k-blog-taxonomy-page__footer{color:oklch(68.2% .006 270);border-top:1px solid #ffffff0d;padding-top:1.5rem;font-size:.75rem}@media (hover:hover) and (pointer:fine){.k-blog-taxonomy-page__back-link:hover{color:oklch(90% .002 270)}}@media (width<=768px){.k-blog-taxonomy-page{gap:4rem;padding:1.25rem}.k-blog-taxonomy-page__list{grid-template-columns:1fr}}}