:root{color:#222;background:#f5f5f5;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#344c5803 50%,#0000 50%) 0 0/100% 4px,#f5f5f5;min-width:320px;margin:0}a{color:inherit}img{vertical-align:middle}.site-nav{z-index:10;background:linear-gradient(#344c5802 50%,#0000 50%) 0 0/100% 4px,#e3e7e9f5;border-bottom:1px solid #34424a2e;justify-content:center;gap:clamp(16px,4vw,36px);width:100%;padding:18px 24px 17px;display:flex;position:fixed;top:0;left:0;box-shadow:inset 0 -1px #ffffff52,inset 0 1px #ffffff47,0 2px 10px #22222214}.site-nav a{color:#4b585f;text-shadow:1px 1px #cad3d894,0 0 4px #26303614;white-space:nowrap;font-family:Silkscreen,cursive;font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:#111a1f}.top,main,.site-footer{z-index:1;position:relative}.top{text-align:center;flex-direction:column;justify-content:center;width:min(760px,100% - 48px);min-height:78svh;margin:0 auto;padding:104px 0 48px;display:flex}.tagline{color:#8b8b8b;margin:0 0 22px;font-family:Silkscreen,cursive;font-size:11px}.hero-title{color:#433c41;margin:0}.hero-title-ja,.hero-title-en{display:block}.hero-title-ja{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:clamp(48px,9vw,96px);font-weight:500;line-height:1.08}.hero-title-en{color:#d03f30;margin-top:12px;font-family:Silkscreen,cursive;font-size:clamp(18px,3.2vw,34px);font-weight:400}.subtitle{color:#5a5458;margin:22px 0 0;font-family:Klee One,cursive;font-size:18px;font-weight:300}.intro{width:min(760px,100% - 48px);margin:0 auto 48px;padding-top:16px}.intro p{text-align:center;color:#433c41;margin:0;font-family:Klee One,cursive;font-size:19px;font-weight:300;line-height:2}.content-section{border-top:1px solid #22222224;width:min(760px,100% - 48px);margin:0 auto;padding:72px 0}.section-kicker{color:#8b8b8b;margin:0 0 10px;font-family:Silkscreen,cursive;font-size:11px}.content-section h2{letter-spacing:.02em;color:#5a5458;margin:0 0 18px;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:500}.content-section h3{color:#433c41;margin:0 0 8px;font-family:Klee One,cursive;font-size:20px;font-weight:300}.content-section p,.content-section li{color:#4a4a4a;margin:0;font-size:15px;line-height:1.9}.content-section p+p{margin-top:16px}.definition-box,.format-grid article{background:linear-gradient(#344c5802 50%,#0000 50%) 0 0/100% 4px,#ffffff8f;border:1px solid #34424a24;box-shadow:0 14px 34px #22222214,inset 0 1px #ffffff47}.definition-box{gap:14px;margin:24px 0;padding:22px;display:grid}.definition-box ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.definition-box li::marker{color:#d03f30}.sample-images{gap:24px;margin-top:28px;display:grid}.sample-link{cursor:zoom-in;display:block}.sample-images img{background:#ffffff8f;border:1px solid #34424a24;width:100%;height:auto;display:block;box-shadow:0 14px 34px #22222214,inset 0 1px #ffffff47}.sample-link:hover img,.sample-link:focus-visible img{filter:saturate(1.04)}.sample-link:focus-visible{outline-offset:4px;outline:2px solid #d03f30b3}.lightbox{z-index:30;cursor:zoom-out;background:#0e1216e6;place-items:center;padding:56px 24px 24px;text-decoration:none;display:none;position:fixed;inset:0}.lightbox:target{display:grid}.lightbox img{background:#f5f5f5;border:1px solid #f5f5f538;width:auto;max-width:96vw;height:auto;max-height:88svh;display:block;box-shadow:0 18px 60px #0000005c}.lightbox-close{color:#4b585f;background:linear-gradient(#344c5805 50%,#0000 50%) 0 0/100% 4px,#e3e7e9eb;border:1px solid #f5f5f538;padding:8px 10px;font-family:Silkscreen,cursive;font-size:11px;position:fixed;top:18px;right:18px}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.format-grid article{padding:20px}.format-grid span{color:#d03f30;margin-bottom:18px;font-family:Silkscreen,cursive;font-size:11px;display:block}.format-grid p{font-size:13px;line-height:1.8}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.work-link{aspect-ratio:1/1.4142;text-decoration:none;display:block}.work-link img{object-fit:cover;background:#ffffff8f;border:1px solid #34424a24;width:100%;height:100%;transition:filter .18s,transform .18s;display:block;box-shadow:0 14px 34px #22222214,inset 0 1px #ffffff47}.work-link:hover img,.work-link:focus-visible img{filter:saturate(1.04);transform:translateY(-2px)}.work-link:focus-visible{outline-offset:4px;outline:2px solid #d03f30b3}.site-footer{color:#7d747a;border-top:1px solid #22222224;justify-content:center;gap:18px;padding:42px 24px 56px;font-family:Silkscreen,cursive;font-size:12px;display:flex}.site-footer p{margin:0}.site-footer a{text-decoration:none}@media (width<=900px){.site-nav{justify-content:flex-start;padding-inline:18px;overflow-x:auto}.top{min-height:auto;padding-top:104px}.format-grid{grid-template-columns:1fr}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.content-section,.intro,.top{width:min(100% - 32px,760px)}.site-nav a{font-size:12px}.content-section{padding:56px 0}.content-section h2{font-size:24px}.intro p{text-align:left;font-size:17px}.works-grid{grid-template-columns:1fr;width:min(280px,100%);margin-inline:auto}}