.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--on-surface: #141414;--on-surface-variant: #8e8e8e;--white: #ffffff;--surface-overlay: #1a1a1a;--page-top-offset: 6rem}*{padding:0;margin:0;box-sizing:border-box;&:before,&:after{padding:0;margin:0;box-sizing:border-box}}h1,h2{font-weight:400}a{text-decoration:none}img{vertical-align:top;width:100%;height:auto}ul{list-style-type:none}.cut img.js-prlx{opacity:0;transition:opacity .8s ease}.cut .simpleParallax.simple-parallax-initialized img.js-prlx,.cut img.js-prlx.simple-parallax-initialized{opacity:1}@media(prefers-reduced-motion:reduce){.cut img.js-prlx{opacity:1;transition:none}}body{font-family:Spectral,Noto Sans JP,sans-serif;font-feature-settings:"palt" 1;font-optical-sizing:auto;line-height:1.8;letter-spacing:.04em;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.menu-open,html.menu-open body{overflow:hidden}html.menu-open{height:100%}.container{padding-top:var(--page-top-offset);padding-inline:1rem}.header{position:fixed;top:0;left:0;z-index:1;width:100%;padding-block:1rem;.header-block{display:grid;grid-template-columns:4rem 1fr;align-items:start;padding-inline:1rem;.header-title{width:4rem;a{display:block}.header-logo-img{display:block;width:100%;height:auto;object-fit:contain}}.menu-btn{display:grid;place-items:center;z-index:999;width:48px;height:48px;margin-left:auto;.menu-bar{position:relative;display:block;margin-top:6px;margin-bottom:6px;width:24px;height:16px;.line{display:block;width:100%;height:1px;position:absolute;top:50%;background-color:var(--on-surface);transform:translateY(-50%);transition:opacity .3s .3s,background-color .3s}&:before,&:after{position:absolute;content:"";display:block;width:100%;height:1px;background-color:var(--on-surface);transition:background-color .3s;transition:transform .3s,top .3s .3s,bottom .3s .3s}&.menu-bar:before{top:0}&.menu-bar:after{bottom:0}html.menu-open &{.line{opacity:0;transition:opacity .3s}&:before{top:calc(50% - 1px);transform:rotate(45deg)}&:after{bottom:calc(50% - 1px);transform:rotate(-45deg)}&:before,&:after{transition:top .3s,bottom .3s,transform .3s .3s}}}}.header-nav{display:grid;place-items:center;position:fixed;top:0;left:0;opacity:0;visibility:hidden;width:100%;height:100svh;background-color:var(--white);transition:opacity .3s,visibility .3s;html.menu-open &{opacity:100%;visibility:visible;overscroll-behavior:contain}.nav-list{display:grid;row-gap:1.5rem;.nav-list-item{font-size:1.2rem;text-align:center;a{color:var(--on-surface-variant);&.is-active{color:var(--on-surface)}}}}}}}.archive-list{display:grid;row-gap:3rem;list-style-type:none;li{position:relative;.posts-item-link{display:block;position:relative;color:inherit;text-decoration:none;.cut{overflow:hidden}.item-excerpt{display:grid;row-gap:.4rem;position:absolute;bottom:0;left:0;width:100%;padding:1rem 1.4rem;background-color:color-mix(in srgb,var(--surface-overlay) 80%,transparent);color:var(--white);.item-title{font-size:1.1rem;line-height:1.4}.item-category{font-size:.8rem}}}}}.footer{padding-block:2rem;.copyright{color:var(--on-surface-variant);font-size:.8rem;text-align:center}}@media screen and (min-width:480px){.archive-list{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width:992px){:root{--page-top-offset: 16rem}.container{padding-inline:2.5rem}.header{padding-block:5rem;.header-block{grid-template-columns:8.75rem 1fr;align-items:center;padding-inline:2.5rem;.header-title{width:8.75rem}.menu-btn{display:none}.header-nav{display:flex;justify-content:end;position:static;opacity:1;visibility:visible;width:auto;height:auto;background-color:transparent;transition:none;.nav-list{display:flex;gap:3.5rem;.nav-list-item{font-size:1rem;&:not(:first-child){a{&.is-active{--circle-size: 6px;position:relative;&:before{display:block;content:"";position:absolute;top:calc(50% - var(--circle-size) / 2);left:-1rem;width:var(--circle-size);aspect-ratio:1;border-radius:50%;background-color:var(--on-surface)}}}}}}}}}.archive-list{grid-template-columns:repeat(3,1fr);li{.posts-item-link{.item-excerpt{padding:1.5rem 2rem}}}}}