@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{--paper:#f2eee4;--paper-light:#f7f4ed;--ink:#24211c;--muted:#777066;--line:#24211c70;--hairline:#24211c33;--pad:clamp(22px, 4vw, 72px);--sans:Arial, "Helvetica Neue", "Noto Sans JP", sans-serif;--mono:"DM Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;color:var(--ink)}body{background:linear-gradient(#ffffff38, #ffffff38), var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.24;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--ink);color:var(--paper-light)}a{color:inherit;text-decoration:none}p,h1{margin:0}.showcase-header{min-height:86px;padding:0 var(--pad);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.showcase-header__name{font:500 clamp(11px, 1vw, 14px)/1 var(--mono);letter-spacing:.14em}.showcase-header__main{font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:22px;display:flex}.showcase-header__main:before{content:"";background:currentColor;width:34px;height:1px;transition:width .3s}.showcase-header__main:hover:before{width:54px}.showcase-page{min-height:calc(100vh - 86px);padding:clamp(54px, 8vh, 108px) var(--pad) clamp(40px, 6vh, 76px);flex-direction:column;display:flex}.showcase-intro{grid-template-columns:1.4fr .6fr;align-items:end;gap:6vw;display:grid}.showcase-intro__meta{color:var(--muted);font:400 9px/1.5 var(--mono);letter-spacing:.18em;margin-bottom:clamp(22px,3vh,42px)}.showcase-intro h1{max-width:1050px;font:400 clamp(46px, 7.7vw, 134px)/.86 var(--sans);letter-spacing:-.075em}.showcase-intro h1 span{color:#0000;-webkit-text-stroke:1px var(--ink);display:block}.showcase-intro__status{padding-bottom:.5vw}.showcase-intro__status span{color:var(--muted);font:400 9px/1 var(--mono);letter-spacing:.16em;margin-bottom:18px;display:block}.showcase-intro__status p{letter-spacing:-.045em;font-size:clamp(24px,3.2vw,52px);font-weight:300;line-height:1}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,30px);margin-top:clamp(58px,9vh,122px);display:grid}.showcase-frame{aspect-ratio:16/9;border:1px solid var(--line);background:0 0;position:relative}.showcase-frame:before,.showcase-frame:after{content:"";width:8px;height:8px;position:absolute}.showcase-frame:before{border-top:1px solid var(--ink);border-left:1px solid var(--ink);top:-1px;left:-1px}.showcase-frame:after{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);bottom:-1px;right:-1px}.showcase-frame{aspect-ratio:auto;min-width:0;min-height:280px}.showcase-card{display:block;overflow:hidden}.showcase-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-card__caption{background:#f7f4edf5;gap:8px;padding:16px 18px;font-size:16px;font-weight:400;line-height:1.7;display:grid;position:absolute;inset:auto 0 0}.showcase-card__title{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.showcase-card:hover .showcase-card__title{text-underline-offset:5px;text-decoration:underline}.showcase-card:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.showcase-footnote{border-top:1px solid var(--hairline);color:var(--muted);font:400 8px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;margin-top:22px;padding-top:16px;display:flex}@media (width<=900px){.showcase-intro{grid-template-columns:1fr;gap:42px}.showcase-intro__status{justify-content:space-between;align-items:end;display:flex}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.showcase-header{min-height:72px}.showcase-header__main{gap:8px}.showcase-header__main:before,.showcase-header__main span:first-child{display:none}.showcase-page{min-height:calc(100vh - 72px);padding-top:46px}.showcase-intro h1{font-size:clamp(43px,15.5vw,76px)}.showcase-intro__status{display:block}.showcase-grid{grid-template-columns:1fr;margin-top:54px}.showcase-footnote{gap:24px}}