@charset "UTF-8";:root{--color-reflection: var(--theme-color-bg);--bg-color-reflection: var(--color-reflection);--text-color-reflection: var(--theme-color-text);--bg-color-footer: var(--color-white);--text-color-footer: var(--color-black);--key-visual-height: min(100svh, 100vh)}@media (min-width: 48rem){:root{--key-visual-height: calc(100vh - var(--frame-margin));--side-bearing: var(--spacing-md)}}body.reflection-subpage,body.reflection-archive{--bg-color-reflection: var(--color-white);--text-color-reflection: var(--color-black);--bg-color-footer: var(--color-reflection);--text-color-footer: var(--color-white)}nav.menu,header.header{--text-color: var(--text-color-reflection);padding-left:var(--side-bearing)}header.header{background-color:var(--bg-color-reflection);color:var(--text-color-reflection);height:var(--header-height-reflection)}@media (min-width: 48rem){header.header{align-items:center}}body.reflection header.header.header--transparent{background-color:transparent}nav.menu{--_menu-bg-color: var(--bg-color-reflection);transition:background-color .2s ease,opacity .2s ease}nav.menu .menu__item a{color:var(--text-color-reflection);transition:color .2s ease}nav.menu.footer-in-view{background-color:var(--bg-color-footer)}nav.menu.footer-in-view .menu__item a{color:var(--text-color-footer)}body{font-family:var(--font-family-canon-s);color:var(--text-color-reflection);background-color:var(--bg-color-reflection)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(to bottom,var(--bg-color-reflection) 0 80%,var(--bg-color-footer) 80% 100%)}main.frame{min-height:var(--min-frame-height);background-color:var(--bg-color-reflection);margin-bottom:0;margin-inline:0;padding-bottom:var(--spacing-3xl);margin-top:var(--header-height-reflection)}body.reflection h1,body.reflection h2,body.reflection h3,body.reflection h4,body.reflection h5,body.reflection h6,body.reflection .h1,body.reflection .h2,body.reflection .h3,body.reflection .h4,body.reflection .h5,body.reflection .h6{font-weight:700;text-transform:none}.reflection a{color:inherit}#logo-reflection{display:flex;gap:var(--spacing-sm)}#logo-reflection svg{height:calc(var(--logo-height) * .8)}@media (min-width: 48rem){#logo-reflection svg{height:var(--logo-height)}}#logo-reflection .year{font-weight:700}.text-color-r{color:var(--text-color-reflection)}.bg-color-r{background-color:var(--bg-color-reflection)}footer:has(.reflection__footer){border-top:2px solid var(--text-color);margin-bottom:var(--frame-margin);padding:var(--side-bearing);padding-bottom:0;color:var(--text-color-footer);background-color:var(--bg-color-footer)}.reflection__footer{display:flex;flex-direction:column}.reflection__footer #ksm-logo{align-self:end}.reflection__footer #ksm-logo svg{height:var(--logo-height);fill:currentColor}.reflection__footer .reflection__footer-nav ul{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.reflection__footer .reflection__footer-nav ul a{color:var(--text-color-footer);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xs);width:fit-content}.reflection__footer .reflection__footer-nav ul a:before{content:"";height:1em;width:1em;display:inline-block;background-color:currentColor;border-radius:50%;margin-right:var(--spacing-xs)}.reflection__footer .reflection__footer-nav ul a:after{content:"→";opacity:0;transform:translate(-15px);transition:transform .1s ease,opacity .1s ease}.reflection__footer .reflection__footer-nav ul a:hover:after{transform:translate(0);opacity:1}section.reflection-archive{display:flex;flex-direction:column;height:calc(var(--min-frame-height) - var(--spacing-3xl))}.reflection-archive__list{display:flex;flex-direction:column;justify-content:center;padding-inline:var(--side-bearing);padding-block:var(--spacing-lg);row-gap:var(--spacing-xl);flex:1}.reflection-archive__list .archive__item{border-top:1px solid var(--text-color-reflection);font-size:var(--font-size-xl);position:relative}.reflection-archive__list .archive__item a{text-decoration:none;color:inherit;display:grid}.reflection-archive__list .archive__item .archive__item-year{font-weight:700}.reflection-archive__list .archive__item a:after{content:"→";margin-left:var(--spacing-sm);opacity:0;position:absolute;right:0;top:0;transform:translate(-50%);transition:opacity .15s ease,transform .15s ease}.reflection-archive__list .archive__item:hover a:after{opacity:1;transform:translate(0)}@media (min-width: 48rem){.reflection-archive__list .archive__item a{grid-template-columns:1fr 2fr}}.reflection__intro{font-size:var(--font-size-lg)}.reflection-page{min-height:var(--container-min-height)}.reflection-home{background-color:var(--bg-color-reflection)}.key-visual{position:absolute;top:0;left:0;width:100%;height:var(--key-visual-height);color:#ffffff18;background-color:var(--bg-color-reflection);overflow:hidden}.key-visual .specimen{font-size:10vw;transform:rotate(-45deg) translate(-50%,-50%);position:absolute;top:0;left:50%}#key-visual{display:block}#key-visual-portrait{display:none}@media screen and (max-aspect-ratio: 2/3){#key-visual{display:none}#key-visual-portrait{display:block}}.reflection__content{position:relative;margin-top:var(--container-min-height);padding:var(--side-bearing)}.reflection-subpage__content{padding-inline:var(--side-bearing);padding-block:var(--spacing-xl)}@media (min-width: 48rem){.subpage__grid{padding-block:var(--spacing-lg)}}@media (min-width: 64rem){.blocks__column-1,.blocks__column-3{margin-top:var(--spacing-3xl)}}