
.story-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9vw;padding:25px var(--gutter) 100px;align-items:start}.story-editorial>figure{margin:0;position:sticky;top:115px}.story-editorial>figure img{width:100%;height:auto}.story-editorial .reading-body{padding:0;max-width:720px}.story-editorial .reading-body h2:first-child{margin-top:0}.story-editorial figcaption,.original-gallery figcaption{font-size:11px;color:#666;line-height:1.6;padding-top:12px}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:0 var(--gutter);padding:50px 0 85px;border-top:1px solid #dcdad5}.expertise-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.expertise-grid h2{font-size:clamp(22px,2.4vw,35px);overflow-wrap:anywhere;letter-spacing:-.04em;font-weight:400;margin:25px 0}.expertise-grid p{font-size:14px;color:#666;line-height:1.8}.portfolio-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 45px;padding:30px var(--gutter) 85px}.portfolio-cases>a{display:block}.portfolio-cases img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:20px}.portfolio-cases h2{font-size:clamp(25px,3vw,44px);line-height:1.16;font-weight:400;letter-spacing:-.045em;margin:14px 0}.portfolio-cases .folio{margin-top:18px}.portfolio-note{margin:0 var(--gutter);padding:40px 0 70px;border-top:1px solid #dcdad5;max-width:850px}.portfolio-gallery-intro{padding:60px var(--gutter) 20px}.portfolio-gallery-intro h2{font-size:clamp(36px,5vw,65px);font-weight:400;letter-spacing:-.04em;line-height:1.1}.original-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 35px;padding:30px var(--gutter) 100px}.original-gallery figure{margin:0;min-width:0}.original-gallery img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;background:#f3f0ed}.original-gallery figure:nth-child(5n+1){grid-column:1/-1;max-width:100%}.original-gallery figure:nth-child(5n+1) img{aspect-ratio:16/9}.case-before-after{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-before-after figure{margin:0}.case-before-after img{width:100%;height:auto}.reading-body figure{margin:36px 0}.reading-body figure img{width:100%;height:auto;display:block}.reading-body figcaption{font-size:12px;color:#666;margin-top:10px}.reading-body h2,.reading-body h3{scroll-margin-top:110px}.source-detail{padding:85px var(--gutter);border-top:1px solid #dedbd6}.source-detail>h2{font-size:clamp(32px,4vw,56px);font-weight:400;letter-spacing:-.04em;max-width:900px;line-height:1.15}.source-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 65px;margin-top:40px}.source-detail h3{font-size:21px;font-weight:500}.source-detail p{font-size:15px;line-height:1.85;max-width:700px;color:#5d625b}.migration-faq{max-width:950px;margin:10px auto 80px;padding:0 30px}.migration-faq details{border-top:1px solid #dcdad5;padding:24px 0}.migration-faq summary{font-size:21px;line-height:1.4;cursor:pointer}.migration-faq p{font-size:15px;line-height:1.9;max-width:760px;color:#5d625b}.reading-head h1{overflow-wrap:anywhere}.reading-meta time{font-size:12px}.knowledge-jumps{flex-wrap:wrap}.knowledge-tabs{flex-wrap:wrap}.reading-body{overflow-wrap:anywhere}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.story-editorial{grid-template-columns:1fr;gap:50px;padding-bottom:60px}.story-editorial>figure{position:static;max-width:480px}.expertise-grid{grid-template-columns:1fr;gap:15px;padding-bottom:50px}.portfolio-cases{grid-template-columns:1fr;gap:45px;padding-bottom:50px}.original-gallery{gap:30px 20px;padding-bottom:50px}.original-gallery figure,.original-gallery figure:nth-child(5n+1){grid-column:1/-1}.original-gallery img,.original-gallery figure:nth-child(5n+1) img{aspect-ratio:auto}.source-detail{padding-top:50px;padding-bottom:50px}.source-detail-grid{grid-template-columns:1fr;gap:20px}.case-before-after{grid-template-columns:1fr}.knowledge-tabs{gap:20px}.knowledge-tabs a{font-size:12px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.original-date{padding:0 var(--gutter);margin:0 0 40px;font-size:12px;color:#666}
.portfolio-cases .knowledge-image{height:auto;aspect-ratio:4/3}.portfolio-cases .knowledge-image img{height:100%;margin:0;aspect-ratio:auto}