/* Shared shape only: keep all existing link colors, sizes and motion. */
:root{--pjk-button-radius:7px}
.pjk-link,#works a.pjk-link,#brand a.pjk-link,#contact a.pjk-link,#contact-form>button[type="submit"]{border-radius:var(--pjk-button-radius)}
#works .work-sumika>.photo,#works .ys-card,#brand .brand-picture{border-radius:8px;overflow:hidden}
/* The rotation stays on .photo; its reveal curtain remains above the heading. */
#business .business-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:30px}
#business .business-grid>figure{min-width:0}
#business .business-tilt-frame,#business .photo{border-radius:8px;overflow:hidden}
#business .photo{isolation:isolate}
#business .business-title-backdrop{position:absolute;inset:0 0 auto;height:72%;pointer-events:none;z-index:1}
#business .business-title-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.68) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,0) 100%)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
#business .business-title-backdrop::before{content:'';position:absolute;inset:0;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 40%,transparent 100%)}
}
#business h3.business-card-title{position:absolute;left:22px;right:22px;top:20px;z-index:2;margin:0;color:#fff;font-weight:400;font-size:clamp(20px,1.8vw,27px);line-height:1.5;letter-spacing:-.025em;overflow-wrap:break-word;line-break:strict;pointer-events:none}
#business .photo.curtain::after{z-index:3}
#business figcaption{margin-top:22px}
#business figcaption p{font-size:14px;line-height:2.05}
#business figcaption p:first-child{margin-top:0}
@media(max-width:900px){#business .business-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}#business h3.business-card-title{font-size:clamp(23px,4.2vw,30px);left:24px;right:24px;top:22px}}