body.page-kasane .ks-pattern-story{width:100%;max-width:280px;justify-self:center;padding-block:16px}
.ks-infinite-zoom{display:block;width:100%;aspect-ratio:1;height:auto}
body.page-kasane .ks-pattern-story .ks-art-caption{display:block;margin:20px -20px 0!important;font-size:12px!important;letter-spacing:.04em;text-align:center}
@media(max-width:800px){body.page-kasane .ks-pattern-story{max-width:220px;align-items:center;padding-block:8px}body.page-kasane .ks-pattern-story .ks-art-caption{margin:16px 0 0!important;font-size:11px!important}}
/* The breadcrumb has no page title below it: use the same breadcrumb-to-eyebrow gap as other subpages. */
body.page-kasane .subpage-heading{padding-bottom:56px}
body.page-kasane .subpage-breadcrumb{margin-bottom:0}
body.page-kasane .ks-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center;padding-bottom:48px}
body.page-kasane .ks-hero-copy{align-self:start}
body.page-kasane .ks-hero-copy>.eyebrow{display:block;margin:0 0 20px}
body.page-kasane .ks-wordmark{width:260px;margin:0 0 18px}
body.page-kasane .ks-hero h1{font-size:clamp(30px,3vw,44px);line-height:1.55;letter-spacing:.015em}
body.page-kasane .ks-hero-copy>p{margin-top:24px;line-height:1.95}
body.page-kasane .ks-pattern-story{justify-self:start;margin-left:clamp(0px,3vw,48px);max-width:280px;padding:0}
body.page-kasane .ks-pattern-story .ks-art-caption{margin-top:4px!important}
@media(min-width:1800px){body.page-kasane .ks-hero{grid-template-columns:minmax(0,760px) minmax(0,420px);justify-content:start;gap:100px}}
@media(max-width:800px){
body.page-kasane .subpage-heading{padding-bottom:32px}
body.page-kasane .ks-hero{grid-template-columns:1fr;gap:20px;padding-bottom:32px}
body.page-kasane .ks-wordmark{width:220px;margin:0 0 16px}
body.page-kasane .ks-hero h1{font-size:clamp(25px,7vw,34px)}
body.page-kasane .ks-pattern-story{justify-self:center;margin-left:0;max-width:200px}
}