.canvas-clay { background:#f8f4ee; color:#211d19; overflow:hidden; }
.canvas-clay h1, .canvas-clay h2, .canvas-clay h3, .canvas-clay p { margin:0; word-break:keep-all; }
.canvas-clay p { line-height:1.75; }
.canvas-clay img { display:block; width:100%; object-fit:cover; }
.home-kicker { font-size:12px; font-weight:800; color:#b85f36; letter-spacing:0; text-transform:uppercase; }
.home-visual { position:relative; display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(360px, .8fr); align-items:center; min-height:720px; }
.home-visual__media { height:100%; min-height:720px; background:url("../img/canvas-clay_bg.png") center/cover no-repeat; }
.home-visual__body { position:relative; z-index:2; width:min(520px, calc(100% - 44px)); margin-left:-92px; padding:58px 54px; background:rgba(255,252,247,.92); border:1px solid rgba(125,98,74,.18); box-shadow:0 24px 70px rgba(78,55,36,.16); }
.home-visual__body h1 { margin-top:14px; font-size:54px; line-height:1.08; letter-spacing:0; }
.home-visual__body p:not(.home-kicker) { margin-top:22px; color:#65584c; font-size:17px; }
.home-art-section { width:min(1180px, calc(100% - 40px)); margin:100px auto 0; }
.home-art-copy { max-width:680px; margin:0 auto 34px; text-align:center; }
.home-art-copy h2 { margin-top:10px; font-size:34px; line-height:1.22; }
.home-art-copy p:not(.home-kicker) { margin-top:14px; color:#6a5e53; font-size:16px; }
.home-art-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.home-art-grid article { padding:16px; background:#fffaf3; border:1px solid #eadfce; }
.home-art-grid img { height:260px; background:#ddd3c5; }
.home-art-grid h3 { margin-top:18px; font-size:20px; }
.home-art-grid p { margin-top:8px; color:#75685c; font-size:15px; }
.home-art-section--drawing { width:min(1240px, calc(100% - 40px)); }
.home-drawing-board { display:grid; grid-template-columns:1.35fr .65fr; gap:0; align-items:stretch; background:#fffaf3; border:1px solid #eadfce; }
.home-drawing-board img { height:420px; background:#ddd3c5; }
.home-drawing-board ul { display:flex; flex-direction:column; justify-content:center; gap:18px; margin:0; padding:42px; list-style:none; color:#4d433a; font-size:17px; font-weight:700; }
.home-drawing-board li { position:relative; padding-left:18px; line-height:1.55; }
.home-drawing-board li::before { content:""; position:absolute; left:0; top:.75em; width:7px; height:7px; background:#b85f36; border-radius:50%; }
.home-art-section--clay { padding-bottom:110px; }
.home-clay-layout { display:grid; grid-template-columns:.82fr 1fr; gap:28px; align-items:stretch; }
.home-clay-layout > img { height:500px; background:#ddd3c5; }
.home-clay-list { display:grid; gap:18px; }
.home-clay-list article { display:flex; flex-direction:column; justify-content:center; min-height:148px; padding:30px; background:#fffaf3; border:1px solid #eadfce; }
.home-clay-list h3 { font-size:22px; }
.home-clay-list p { margin-top:10px; color:#75685c; font-size:15px; }
@media (max-width:900px){
	.home-visual { grid-template-columns:1fr; min-height:0; }
	.home-visual__media { min-height:460px; }
	.home-visual__body { width:calc(100% - 40px); margin:-80px auto 0; padding:40px 28px; }
	.home-visual__body h1 { font-size:40px; }
	.home-art-section { margin-top:76px; }
	.home-art-grid { grid-template-columns:1fr; }
	.home-art-grid img { height:360px; }
	.home-drawing-board { grid-template-columns:1fr; }
	.home-drawing-board ul { padding:30px; }
	.home-clay-layout { grid-template-columns:1fr; }
}
@media (max-width:560px){
	.home-visual__media { min-height:360px; }
	.home-visual__body { width:calc(100% - 28px); padding:34px 22px; }
	.home-visual__body h1 { font-size:34px; }
	.home-visual__body p:not(.home-kicker) { font-size:15px; }
	.home-art-section { width:calc(100% - 28px); margin-top:64px; }
	.home-art-copy h2 { font-size:28px; }
	.home-art-grid img { height:240px; }
	.home-drawing-board img, .home-clay-layout > img { height:300px; }
	.home-drawing-board ul { font-size:15px; }
	.home-art-section--clay { padding-bottom:72px; }
}