/* Woo Shion exhibition and interview, 2026-11-02. */
.onview.woo-onview{background:#e9ece3;color:#283f36;border-block:1px solid #d2d9ce}
.woo-onview .poster{background:transparent;aspect-ratio:495/688;display:block;width:100%;max-width:495px}
.woo-onview .poster img{display:block;width:100%;height:100%;object-fit:contain}
.woo-onview .kick,.woo-onview .dates{color:#516356;opacity:1}
.woo-onview h2{font-size:clamp(38px,5.5vw,78px);line-height:1.18;letter-spacing:-.04em;word-break:keep-all}
.woo-onview .sub{line-height:1.8;word-break:keep-all}.woo-onview .artist-en{font-size:.8em;color:#516356}
.woo-home-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.woo-exhibition-button{background:#283f36!important;border-color:#283f36!important;color:#fff!important}
.woo-interview-link{text-decoration:underline;text-underline-offset:6px}
.woo-question{font-family:var(--sans);font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.65;margin:48px 0 20px;word-break:keep-all}
.woo-interview-title{font-family:var(--serif);font-size:clamp(28px,4vw,44px);line-height:1.4;margin:16px 0 28px}
.woo-interview .aport .im{height:auto;aspect-ratio:auto;background:transparent}
.woo-interview .aport img{display:block;width:100%;height:auto;object-fit:contain}
.woo-interview .artbody p{font-size:16px;line-height:1.95;margin-bottom:18px;overflow-wrap:anywhere;word-break:keep-all}
.woo-photo{margin:32px 0 44px;max-width:760px}.woo-photo img{display:block;max-width:100%;width:auto;height:auto;max-height:760px;margin-inline:auto}
.woo-photo figcaption{font-size:12px;color:#666;line-height:1.7;margin-top:12px;text-align:center}
.woo-cv-heading{font-family:var(--sans);font-weight:600;font-size:21px;line-height:1.6;border-top:1px solid var(--line);padding-top:24px;margin:36px 0 18px}
.interview-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin:24px 0 36px}.interview-links a{text-decoration:underline;text-underline-offset:5px}
.woo-related{padding:48px 0 72px;border-top:1px solid var(--line)}.woo-related h2{font-family:var(--serif);font-size:32px;margin:16px 0 24px}
.woo-onview a:focus-visible,.interview-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:620px){.onview.woo-onview{padding:48px 0}.woo-onview .sub{font-size:17px}.woo-onview .poster{max-width:420px;margin-inline:auto}.woo-photo{margin:26px 0 36px}.woo-question{margin-top:36px}.woo-interview .artbody p{font-size:16px}.woo-home-links{gap:20px}}

/* Homepage first screen */
.onview.woo-home-feature{padding:56px 0}
.woo-home-feature .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px)}
.woo-home-feature .poster{max-width:360px;justify-self:center}
.woo-home-feature h1{font-family:var(--serif);font-size:clamp(40px,5.5vw,78px);line-height:1.18;font-weight:600;letter-spacing:-.04em;margin:16px 0 22px;word-break:keep-all}
@media(max-width:900px){
 .onview.woo-home-feature{padding:36px 0 44px}
 .woo-home-feature .grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .woo-home-feature .grid>div{grid-row:1}
 .woo-home-feature .poster{grid-row:2;max-width:320px}
 .woo-home-feature h1{font-size:clamp(36px,7vw,52px)}
 .woo-home-feature .dates{margin-bottom:24px}
}
