@layer reset,tokens,base;@layer layout{.l-grid{grid-template-columns:repeat(var(--l-grid-cols,1), minmax(0, 1fr));gap:var(--l-grid-row-gap,var(--l-grid-gap,var(--space-column-gap))) var(--l-grid-gap,var(--space-column-gap));display:grid}@media (width<=768px){.l-grid{grid-template-columns:repeat(var(--l-grid-cols-md,var(--l-grid-cols,1)), minmax(0, 1fr))}}@media (width<=480px){.l-grid{grid-template-columns:repeat(var(--l-grid-cols-sm,var(--l-grid-cols-md,var(--l-grid-cols,1))), minmax(0, 1fr))}}}@layer components{.c-media-link{display:block;position:relative;overflow:hidden}.c-media-link .c-media{transition:transform var(--motion-duration-hover-out) var(--motion-ease-standard)}.c-media-link:is(:hover,:focus-visible) .c-media{transform:scale(var(--scale-media-hover));transition-duration:var(--motion-duration-hover-in)}.c-media-link--veil:after{pointer-events:none;content:"";background:var(--color-veil);transition:background var(--motion-duration-hover-out) var(--motion-ease-standard);position:absolute;inset:0}.c-media-link--veil:is(:hover,:focus-visible):after{background:var(--color-veil-hover);backdrop-filter:blur(var(--blur-overlay));transition-duration:var(--motion-duration-hover-in)}.c-media-link__label{z-index:var(--z-local-1);font-family:var(--font-family-en);font-size:var(--font-size-media-label);font-weight:var(--font-weight-medium);color:var(--color-text-on-media);letter-spacing:var(--letter-spacing-media-label);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-hover-out) var(--motion-ease-standard);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-media-link:is(:hover,:focus-visible) .c-media-link__label{opacity:1;transition-duration:var(--motion-duration-hover-in)}@media (prefers-reduced-motion:reduce){.c-media-link .c-media,.c-media-link--veil:after,.c-media-link__label{transition:none}}.c-tag{gap:var(--space-inline-fixed);align-items:center;display:flex}.c-tag__item{gap:var(--space-inline-fixed);font-family:var(--font-family-en);font-size:var(--font-size-category);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-heading);align-items:center;display:flex}.c-tag__item+.c-tag__item:before{content:"";width:var(--size-hairline);height:var(--size-category-divider);background:var(--color-divider)}.p-work-card__media{aspect-ratio:var(--ratio-card-media)}.p-work-card__title{font-family:var(--font-family-ja);font-size:var(--font-size-lead);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text);letter-spacing:var(--letter-spacing-heading)}.c-dialog{box-sizing:border-box;width:80%;max-width:none;max-height:80vh;padding:var(--space-dialog-top) var(--space-dialog) var(--space-dialog);overscroll-behavior:contain;color:inherit;background:var(--color-surface-modal);border-radius:var(--radius-dialog);border:0;margin:auto;overflow-y:auto}.c-dialog::backdrop{background-color:var(--color-overlay);backdrop-filter:blur(var(--blur-overlay))}@media (width<=960px){.c-dialog{width:94%;height:96%;padding:var(--space-dialog-narrow);border-radius:var(--radius-dialog-narrow)}}html:has(.c-dialog[open]){overflow:hidden}.c-dialog__close{top:calc(var(--space-dialog-close-pull) * -1);float:right;margin-top:calc(var(--space-dialog-close-pull) * -1);margin-right:calc(var(--space-dialog-close-pull-end) * -1);font:inherit;font-size:var(--font-size-dialog-close);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);color:var(--color-icon-muted);cursor:pointer;background:0 0;border:0;padding:0;position:sticky}.c-dialog__close:hover,.c-dialog__close:focus-visible{color:var(--color-text-emphasis)}@media (width<=960px){.c-dialog__close{font-size:var(--font-size-dialog-close-narrow)}}@media (width<=480px){.c-dialog__close{top:calc(var(--space-dialog-close-sp-top) * -1);right:calc(var(--space-dialog-close-sp-end) * -1)}}.p-work-modal__body{max-width:var(--size-prose-max);margin-block-start:var(--space-dialog-body-top);margin-inline:auto}}@layer utilities;@property --l-grid-cols{syntax:"*";inherits:false}@property --l-grid-cols-md{syntax:"*";inherits:false}@property --l-grid-cols-sm{syntax:"*";inherits:false}@property --l-grid-gap{syntax:"*";inherits:false}@property --l-grid-row-gap{syntax:"*";inherits:false}