/* A painted photo is a masked image; no decorative stroke is drawn on top. */
.brush-frame{position:relative;width:100%;isolation:isolate;aspect-ratio:4/3}.brush-photo{display:block;width:100%;height:100%;overflow:visible}.photo-letter{position:absolute;bottom:4%;left:10%;width:72%;color:#fff9e8;filter:drop-shadow(0 1px 2px #20170caa);transform:rotate(-3deg)}.pen{display:block;width:100%;height:auto;overflow:visible}.brush-tiramisu .photo-letter{left:17%;width:69%;bottom:2%;transform:rotate(2deg)}.brush-caprese .photo-letter{left:11%;width:78%;bottom:3%}.product-title{margin-top:14px;justify-content:flex-start}.product-title>span{font-size:20px}.product-title .sr-only,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brush-exterior,.brush-bench{aspect-ratio:3/4}.brush-exterior .photo-letter{bottom:10%;left:16%;width:66%}.brush-bench .photo-letter{bottom:4%;left:5%;width:90%}.brush-window .photo-letter{bottom:5%;left:17%;width:66%}.counter-note{margin:22px 9% 0;color:var(--clay)}.counter-note .pen{max-width:310px}.counter-note span{display:block;font:12px/1.9 'Yomogi',cursive;margin-top:4px}.motion-ready .paint path,.motion-ready .pen path{stroke-dasharray:1;stroke-dashoffset:1}.motion-ready .is-painted .paint path{animation:paint-photo 1.5s cubic-bezier(.35,.1,.5,1) forwards;animation-delay:calc(var(--pass)*.65s)}.motion-ready .is-painted .pen path{animation:write-ink .22s linear forwards;animation-delay:calc(1.15s + var(--order)*.085s)}.motion-ready .counter-note.is-painted .pen path{animation-delay:calc(var(--order)*.085s)}
@keyframes paint-photo{to{stroke-dashoffset:0}}@keyframes write-ink{to{stroke-dashoffset:0}}
@media(min-width:601px){.product-grid{gap:0}.space-main,.space-detail{min-width:0}.product-title{display:block}.product-title>span{margin:0}}
@media(max-width:600px){.product-title{margin-top:14px}.product-title>span{font-size:19px}.space-detail{width:92%}.photo-letter{bottom:4%}.counter-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.paint path,.pen path{animation:none!important;stroke-dashoffset:0!important}.slide{transition:none}}
/* The horizontal brush lifts before the image boundary. */
.brush-pudding .paint path{stroke-linecap:butt}
/* Hide round cap dots until the actual first pen/brush movement. */
.motion-ready .paint path,.motion-ready .pen path{opacity:0}
@keyframes paint-photo{from{opacity:1}to{opacity:1;stroke-dashoffset:0}}
@keyframes write-ink{from{opacity:1}to{opacity:1;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.paint path,.pen path{opacity:1!important}}
.brush-bench .photo-letter{left:9%;width:78%;bottom:6%;color:#344239;filter:drop-shadow(0 1px 2px #fff9)}
.brush-exterior .photo-letter{bottom:5%;color:#344239;filter:drop-shadow(0 1px 2px #fff9)}