@charset "UTF-8";
* { box-sizing:border-box; }
html { scroll-behavior:smooth;scroll-padding-top:25px; }
body { margin:0;background:#eee8dd;color:#3d3027;font-family:"Microsoft YaHei",sans-serif; }
a { color:inherit;text-decoration:none; }
a:hover { text-decoration:underline;text-underline-offset:5px; }
a:focus-visible,summary:focus-visible { outline:2px solid #8d4b31;outline-offset:5px; }
p { line-height:2.05; }
.b35-skip { position:absolute;top:-100px;background:white;padding:12px; }
.b35-skip:focus { top:0; }
.b35-brand { padding:30px 50px;background:#3d3027;color:#f8f1e8; }
.b35-brand a { font-size:31px;font-weight:500;letter-spacing:5px; }
.b35-navigation { display:flex;flex-wrap:wrap;gap:15px 25px;padding:20px 50px;border-bottom:1px solid #bfb09d; }
.b35-navigation a { font-size:12px; }
main { max-width:1320px;margin:auto;padding:40px 40px 70px; }
h1 { font-family:Georgia,"Microsoft YaHei",serif;font-size:clamp(31px,3.4vw,48px);line-height:1.6;font-weight:400;margin:23px 0; }
h2 { margin:0;font-size:21px; }
h3 { font-size:26px;font-weight:400;line-height:1.7;margin:0 0 20px; }
.kpl-atelier { display:grid;grid-template-columns:3fr 1fr;gap:55px;border-bottom:2px solid #8d4b31;padding-bottom:40px; }
.kpl-atelier header > h2 { font-size:12px;letter-spacing:3px;color:#8d4b31; }
.kpl-atelier header > p { font-size:15px;color:#706050;text-align:justify; }
.kpl-atelier aside { align-self:end;border-left:1px solid #bfb09d;padding:30px; }
.kpl-atelier aside img { object-fit:contain; }
.kpl-atelier aside div { display:flex;flex-direction:column;gap:15px;margin:30px 0;font-size:21px; }
.kpl-atelier aside a { font-size:12px; }
.kpl-topic { padding:40px 0;border-bottom:1px solid #bfb09d; }
.kpl-topic > h2 { font-size:13px;letter-spacing:2px;color:#8d4b31;margin-bottom:30px; }
.kpl-piece { display:flex;align-items:start;gap:55px; }
.kpl-piece h3 { flex:1; }
.kpl-piece > div { flex:2.2;min-width:0; }
.kpl-piece p { color:#706050;font-size:15px;margin:0;text-align:justify; }
.kpl-vision { background:#3d3027;padding:35px;margin-top:25px;color:#f8f1e8; }
.kpl-vision > h2 { color:#dfb896; }
.kpl-vision .kpl-piece p { color:#ded0be; }
.kpl-stats .kpl-piece { flex-direction:row-reverse; }
.kpl-readings { display:flex;gap:35px;align-items:start; }
.kpl-readings article { flex:1;border-top:1px solid #bfb09d;padding-top:25px;min-width:0; }
.kpl-readings h3 { font-size:21px; }
.kpl-readings p { color:#706050;font-size:13px;margin:0; }
.kpl-notes { display:grid;grid-template-columns:1fr 1fr;gap:25px 45px; }
.kpl-note { display:grid;grid-template-columns:55px 1fr;gap:20px;border-top:1px solid #bfb09d;padding:23px 0;min-width:0; }
.kpl-note-image img { width:48px;height:48px;object-fit:contain; }
.kpl-note time { font-size:10px;color:#91775f; }
.kpl-note h3 { font-size:19px;margin-top:15px; }
.kpl-note p { font-size:13px;color:#706050;margin:0;text-align:justify; }
.kpl-inquiries { display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start; }
.kpl-inquiries details { border-top:1px solid #bfb09d;padding:20px 0; }
.kpl-inquiries summary { cursor:pointer;font-size:16px;line-height:1.8; }
.kpl-inquiries p { font-size:14px;color:#706050; }
.kpl-page-title { padding:20px 0 25px;border-bottom:2px solid #8d4b31;margin-bottom:35px; }
.kpl-page-title a { font-size:12px;color:#91775f; }
.kpl-about-text .kpl-piece { padding:30px 0;border-bottom:1px solid #bfb09d; }
.kpl-about-text .kpl-piece:last-child { margin-left:100px; }
.kpl-object-data { display:grid;grid-template-columns:1.5fr 1fr;gap:40px; }
.kpl-object-data .kpl-piece { display:block; }
.kpl-object-data aside { background:#e0d5c6;padding:30px; }
.kpl-services { max-width:1030px; }
.kpl-services .kpl-piece { display:block; }
.kpl-services-tail { padding:35px;border:1px solid #bfb09d;margin-top:35px;margin-left:100px; }
.kpl-screen-story { background:#e0d5c6;padding:35px; }
.kpl-screen-story .kpl-piece { padding:20px 0; }
.kpl-package-state { font-size:12px;color:#91775f; }
.kpl-reading-notes { max-width:1050px; }
.kpl-reading-notes .kpl-note { grid-template-columns:90px 1fr;gap:35px;padding:30px 0; }
.kpl-reading-notes h2 { font-size:25px;line-height:1.7;margin:15px 0 20px; }
.kpl-reading-notes p { font-size:16px; }
.b35-footer { background:#3d3027;color:#ded0be;padding:35px 50px;font-size:12px; }
.b35-footer div { display:flex;gap:25px;margin-top:25px; }
@media(max-width:950px) {
 .kpl-atelier { grid-template-columns:2.5fr 1fr;gap:30px; }
 .kpl-atelier aside { padding:25px; }
 .kpl-piece { gap:30px; }
 .kpl-readings { flex-direction:column; }
 .kpl-readings article { width:100%; }
}
@media(max-width:650px) {
 main { padding:28px 22px 40px; }
 .b35-brand { padding:25px 22px; }
 .b35-navigation { padding:18px 22px;gap:14px 20px; }
 .b35-navigation a { font-size:11px; }
 h1 { font-size:31px; }
 .kpl-atelier { display:block; }
 .kpl-atelier aside { border-left:0;border-top:1px solid #bfb09d;padding:25px 0;display:flex;gap:25px;align-items:center;flex-wrap:wrap; }
 .kpl-atelier aside div { flex-direction:row;font-size:16px;margin:0; }
 .kpl-piece,.kpl-stats .kpl-piece { display:block; }
 .kpl-piece h3 { font-size:23px; }
 .kpl-piece p { font-size:14px; }
 .kpl-notes,.kpl-inquiries,.kpl-object-data { grid-template-columns:1fr; }
 .kpl-about-text .kpl-piece:last-child,.kpl-services-tail { margin-left:0; }
 .kpl-screen-story { padding:25px; }
 .kpl-reading-notes .kpl-note { grid-template-columns:45px 1fr;gap:17px; }
 .kpl-reading-notes h2 { font-size:22px; }
 .kpl-reading-notes p { font-size:14px; }
 .kpl-vision { padding:25px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }