html,body{background:#f8f4f1;margin:0;padding:0}:root{color:#333;background:#f8f4f1;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:300}*{box-sizing:border-box}html,body,#root{background:#f8f4f1;width:100%;min-height:100%;margin:0}body{font-size:15px;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover,a.active{text-decoration:underline}.site-header{z-index:10;background:#f8f4f1;justify-content:space-between;align-items:flex-start;width:100%;padding:42px 48px 34px;display:flex;position:sticky;top:0}.site-title{letter-spacing:.03em;font-size:17px}.site-nav{gap:30px;font-size:17px;display:flex}.home-page{width:100%;min-height:100vh;position:relative}.home-nav{gap:90px;font-size:18px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)translateY(-100px)}.home-brand{letter-spacing:.03em;text-align:center;white-space:nowrap;font-size:15px;display:block;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.list-page{width:100%;padding:0 48px 80px}.project-columns{grid-template-columns:repeat(var(--project-column-count,3), minmax(0, 1fr));align-items:start;column-gap:48px;display:grid}.project-column{flex-direction:column;gap:30px;min-width:0;display:flex}.project-card{text-align:left;width:100%;display:block}.project-card img{width:100%;height:auto;margin-bottom:12px;display:block}.project-card h2{margin:0;font-size:17px;font-weight:300;line-height:1.25}.media-page{width:100%;padding:0 48px 96px}.media-section{margin-bottom:72px}.media-section-title{margin:0 0 24px;font-size:17px;font-weight:300;line-height:1.35}.media-grid{grid-template-columns:repeat(6,1fr);gap:42px 28px;display:grid}.media-card{text-align:left;display:block}.media-frame{aspect-ratio:2/3;width:100%;margin-bottom:10px;overflow:hidden}.media-frame img{object-fit:cover;width:100%;height:100%;display:block}.media-card h2{margin:0 0 3px;font-size:13px;font-weight:300;line-height:1.35}.media-card p{margin:0;font-size:11px;line-height:1.35}.about-page{flex-direction:column;justify-content:flex-end;width:100%;height:calc(100svh - 112px);min-height:0;padding:0 48px 28px;display:flex}.about-block{max-width:620px;margin-bottom:28px}.about-block p{margin:0 0 4px;font-size:14px;line-height:1.45}.about-intro{text-align:justify;text-align-last:left;text-justify:inter-ideograph}.about-left{text-align:left}.detail-page{grid-template-columns:32% 68%;align-items:start;gap:48px;width:100%;padding:0 48px 24px;display:grid}.detail-text{align-self:end;max-width:500px;padding:0}.detail-text h1{margin:0 0 28px;font-size:17px;font-weight:300;line-height:1.35}.detail-text p{margin:0 0 18px;font-size:14px;line-height:1.7}.detail-description{text-align:justify;text-align-last:left;text-justify:inter-ideograph}.detail-info,.detail-text-block,.detail-link-block{margin-top:42px;font-size:12px;line-height:1.35}.detail-text-block h2,.detail-link-block h2{margin:0 0 8px;font-size:12px;font-weight:300;line-height:1.35}.info-line,.text-block-line{margin:0 0 4px}.detail-links,.detail-links-column{flex-direction:column;gap:4px;display:flex}.detail-links a,.detail-links-column a{text-decoration:underline}.detail-links-column-wrap{align-items:flex-start;gap:28px;width:100%;display:flex}.detail-image-area{--detail-gap:28px;--detail-frame-width:min(100%, calc((100vh - 170px) * 3 / 2));--detail-gallery-width:calc(var(--detail-frame-width) + var(--detail-gap));flex-direction:column;align-items:flex-end;min-width:0;padding-top:42px;display:flex}.detail-gallery{width:var(--detail-gallery-width);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;overflow:hidden}.detail-gallery:active{cursor:grabbing}.detail-gallery-empty{width:var(--detail-frame-width);aspect-ratio:3/2;justify-content:center;align-items:center;font-size:12px;display:flex}.detail-track{gap:var(--detail-gap);will-change:transform;display:flex}.detail-track.with-transition{transition:transform .42s}.detail-slide{width:var(--detail-frame-width);aspect-ratio:3/2;flex:none;position:relative;overflow:hidden}.detail-img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:100%;display:block;position:absolute;top:0}.detail-img-placeholder{position:absolute;inset:0}.detail-img-wide{left:50%;transform:translate(-50%)}.detail-img-narrow{right:0}.site-footer{z-index:5;text-align:center;color:#9a928d;padding:0 18px;font-size:11px;line-height:1.5;position:fixed;bottom:22px;left:0;right:0}.site-footer a:hover{color:#111}@media (width<=900px){.site-header{padding:26px 24px 22px}.site-nav{gap:18px}.home-nav{gap:50px;font-size:20px;transform:translate(-50%,-50%)translateY(-70px)}.home-brand{font-size:12px;bottom:60px}.site-footer{font-size:10px;bottom:14px}.list-page,.media-page{padding:0 24px 64px}.project-columns{column-gap:24px}.project-column{gap:30px}.media-section{margin-bottom:56px}.media-grid{grid-template-columns:repeat(3,1fr);gap:36px 24px}.about-page{height:calc(100svh - 94px);min-height:0;padding:0 24px 28px}.detail-page{flex-direction:column;padding:0 24px 64px;display:flex}.detail-text{max-width:none;margin-bottom:0;padding-top:0}.detail-image-area{--detail-frame-width:calc(100vw - 48px);--detail-gallery-width:100%;order:-1;align-items:flex-start;width:100%;margin-bottom:34px;padding-top:10px}}@media (width<=600px){body{font-size:14px;line-height:1.5}.site-header{padding:20px 18px 18px;display:block;position:relative}.site-title{white-space:normal;margin-bottom:14px;font-size:13px;line-height:1.35;display:block}.site-nav{text-align:left;gap:18px;font-size:13px;line-height:1.25;display:flex}.home-page{min-height:100svh}.home-nav{flex-direction:column;align-items:center;gap:18px;font-size:18px;line-height:1.2;top:44%;transform:translate(-50%,-50%)}.home-brand{white-space:normal;width:calc(100% - 36px);font-size:12px;line-height:1.35;bottom:36px}.list-page,.media-page{padding:0 18px 54px}.project-columns{column-gap:0}.project-column{gap:28px}.project-card img{margin-bottom:9px}.project-card h2{font-size:15px;line-height:1.3}.media-section{margin-bottom:46px}.media-section-title{margin-bottom:16px;font-size:15px}.media-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.media-card h2{font-size:12px;line-height:1.35}.media-card p{font-size:10px}.about-page{height:calc(100svh - 100px);min-height:0;padding:0 18px 14px}.about-block{max-width:none;margin-bottom:22px}.about-block p{font-size:13px;line-height:1.55}.detail-page{padding:0 18px 54px}.detail-text h1{margin-bottom:18px;font-size:16px;line-height:1.35}.detail-text p{margin-bottom:16px;font-size:13px;line-height:1.65}.detail-info,.detail-text-block,.detail-link-block{margin-top:28px;font-size:12px;line-height:1.45}.detail-links-column-wrap{flex-direction:column;gap:4px}.detail-image-area{--detail-gap:14px;--detail-frame-width:calc(100vw - 36px);--detail-gallery-width:100%;margin-bottom:28px;padding-top:4px}.detail-track.with-transition{transition-duration:.32s}}