:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#95516a;--md-sys-color-on-primary:#fff9ee;--md-sys-color-primary-container:#f7dce3;--md-sys-color-on-primary-container:#573644;--md-sys-color-secondary:#a97b32;--md-sys-color-surface:#fff5f7;--md-sys-color-surface-container:#f8eee5;--md-sys-color-on-surface:#44353a;--md-sys-color-on-surface-variant:#715a61;--md-sys-color-outline-variant:#e5cbd2;--md-sys-color-state-hover:#95516a14;--md-sys-color-state-pressed:#95516a1f;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-extra-large-increased:32px;--md-sys-shape-corner-full:999px;--motion-standard:.22s cubic-bezier(.2, 0, 0, 1);--motion-expressive:.32s cubic-bezier(.2, .8, .2, 1.15)}*{box-sizing:border-box}body{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:1rem;line-height:1.7}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}svg{flex-shrink:0;width:24px;height:24px;display:block}::selection{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:5px}.site-shell{flex-direction:column;width:min(100% - 64px,960px);min-height:100svh;margin-inline:auto;display:flex}.skip-link{z-index:2;background:var(--md-sys-color-primary);color:#fff;border-radius:12px;padding:12px 20px;position:absolute;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:104px;padding-block:16px;display:flex}.brand{letter-spacing:.08em;border-radius:8px;align-items:center;gap:10px;min-height:48px;font-size:.9375rem;font-weight:800;display:inline-flex}.brand-mark{color:var(--md-sys-color-secondary)}.brand-mark svg{width:28px;height:28px}main{flex:1;padding:56px 0 96px}.intro{margin-bottom:64px}.intro h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(2.5rem,7vw,4rem);font-weight:800;line-height:1.15}.title-period{color:var(--md-sys-color-primary)}.intro p{color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;margin:0}.projects-section{scroll-margin-top:24px}.section-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:1.125rem;font-weight:700}.project-count{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);min-width:32px;height:28px;color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-inline:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.project-grid li{min-width:0}.projects-empty{border-radius:var(--md-sys-shape-corner-extra-large-increased);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:40px 32px}.projects-empty p{margin:0}.project-card{isolation:isolate;border-radius:var(--md-sys-shape-corner-extra-large-increased);background:var(--md-sys-color-primary-container);height:100%;color:var(--md-sys-color-on-primary-container);transition:border-radius var(--motion-expressive), transform var(--motion-expressive);flex-direction:column;padding:24px 32px 36px;display:flex;position:relative}.project-card:before{z-index:-1;content:"";border-radius:inherit;transition:background-color var(--motion-standard);background:0 0;position:absolute;inset:0}.card-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.category{font-size:.875rem;font-weight:600}.project-arrow{border-radius:var(--md-sys-shape-corner-full);width:48px;height:48px;color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);transition:border-radius var(--motion-expressive), transform var(--motion-expressive);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-content{align-items:center;gap:24px;display:flex}.project-symbol{border:1px solid #5736442e;border-radius:24px;flex-shrink:0;place-items:center;width:80px;height:80px;font-size:2.25rem;font-weight:700;line-height:1;display:grid}.project-copy{min-width:0}.project-copy h3{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(1.5rem,4vw,1.875rem);line-height:1.4}.project-copy p{text-wrap:pretty;margin:0;font-size:1rem;line-height:1.8}.project-card:focus-visible .project-arrow{border-radius:var(--md-sys-shape-corner-large)}.project-card:active{transform:scale(.99)}.project-card:active:before{background:var(--md-sys-color-state-pressed)}.site-footer{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 28px;font-size:.8125rem;display:flex}.footer-domain{letter-spacing:.025em}@media (hover:hover) and (pointer:fine){.project-card:hover{border-radius:20px}.project-card:hover:before{background:var(--md-sys-color-state-hover)}.project-card:hover .project-arrow{border-radius:var(--md-sys-shape-corner-large);transform:rotate(5deg)}}@media (max-width:600px){.site-shell{width:calc(100% - 40px)}.site-header{gap:12px;min-height:88px}.brand{letter-spacing:.06em;font-size:.8125rem}main{padding:40px 0 72px}.intro{margin-bottom:48px}.intro h1{margin-bottom:20px}.intro p{max-width:24em}.project-card{padding:20px 24px 28px}.card-topline{margin-bottom:24px}.card-content{flex-direction:column;align-items:flex-start;gap:20px}.project-symbol{border-radius:20px;width:64px;height:64px;font-size:1.875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.project-card:active,.project-card:hover .project-arrow{transform:none}}@media (forced-colors:active){.project-card,.projects-empty,.project-arrow,.project-count{border:1px solid canvastext}}