/* Office Yamane recruitment & production portfolio */
.oy-portfolio {max-width:1080px;margin:0 auto 60px;color:#222;}
/* Mirror the Japanese/English page-title pairing used on Concerts and Artists. */
.page-id-7351 .c-pageTitle {margin-bottom:2.2rem;}
.page-id-7351 .c-pageTitle__inner {display:inline-flex;flex-direction:column;align-items:flex-start;}
.page-id-7351 .c-pageTitle__inner::after {content:"PROJECTS";display:block;margin-top:7px;color:rgba(0,0,0,.42);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.14em;line-height:1;}
.oy-portfolio__intro {max-width:780px;margin:8px 0 20px!important;font-size:.92rem;line-height:1.9;color:#555;}
.oy-portfolio__jump {display:flex;gap:25px;flex-wrap:wrap;margin:0 0 48px;font-size:.81rem;}
.oy-portfolio__jump a {display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;width:max-content;color:#555!important;border-bottom:1px solid #aaa;text-decoration:none!important;padding-bottom:5px;white-space:nowrap;}
.oy-portfolio__jump-arrow {display:inline-block;flex:none;font-size:.9em;line-height:1;text-align:center;}
.oy-portfolio__jump a:hover {color:#111!important;border-color:#111;}
.oy-portfolio__section {margin:0 0 63px;scroll-margin-top:80px;}
.oy-portfolio__heading {padding-bottom:15px;border-bottom:1px solid #d6d6d6;margin:0 0 27px;}
.oy-portfolio__heading h2 {display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#222!important;font-size:1.35rem!important;font-weight:650;line-height:1.45;}
.oy-portfolio__heading h2::before,.oy-portfolio__heading h2::after {display:none!important;}
.oy-portfolio__heading > span {display:block;margin-top:6px;color:#888;font-family:Helvetica,Arial,sans-serif;font-size:.64rem;letter-spacing:.18em;font-style:normal;font-weight:600;}
.oy-portfolio__year {margin:0 0 38px;}
.oy-portfolio__yearlabel {font-size:1rem!important;letter-spacing:.035em;font-weight:600;margin:0 0 16px!important;border:0!important;padding:0!important;background:none!important;}
.oy-portfolio__yearlabel::before,.oy-portfolio__yearlabel::after {display:none!important;}
.oy-portfolio__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 21px;}
.oy-portfolio__card {min-width:0;align-self:start;}
.oy-portfolio__card-button {display:block;width:100%;margin:0;padding:0;border:0;outline-offset:4px;box-shadow:none;background:transparent;color:inherit;text-align:left;font:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;}
.oy-portfolio__card-button:hover,.oy-portfolio__card-button:focus-visible {background:transparent;color:inherit;}
.oy-portfolio__card-button:focus-visible {outline:2px solid #333;}
.oy-portfolio__image {width:100%;aspect-ratio:4/3;background:#f4f4f4;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.oy-portfolio__image img {width:100%;height:100%;display:block;object-fit:cover;}
.oy-portfolio__card-button .oy-portfolio__image img {transition:opacity .18s ease;}
.oy-portfolio__card-button:hover .oy-portfolio__image img {opacity:.84;}
.oy-portfolio__noimage {font-size:.68rem;letter-spacing:.2em;color:#999;}
.oy-portfolio__copy {display:block;padding:10px 2px 0;}
.oy-portfolio__date {display:block;font-size:.74rem;letter-spacing:.015em;color:#777;}
.oy-portfolio__card-title {display:block;margin:5px 0 0!important;font-size:.94rem!important;font-weight:650;line-height:1.6;color:#222;}
.oy-portfolio__cancelled {display:inline-block;margin-top:5px;color:#777;font-size:.74rem;}
.oy-portfolio__more {display:inline-block;margin-top:7px;font-size:.73rem;font-weight:500;color:#777;}
.oy-portfolio__more::after {content:"＋";display:inline-block;margin-left:5px;font-size:.78rem;}
.oy-portfolio__card-button.is-open .oy-portfolio__more {color:#222;font-weight:650;}
.oy-portfolio__card-button.is-open .oy-portfolio__more::after {content:"－";}
.oy-portfolio__card-button.is-open .oy-portfolio__image {outline:none;}
.oy-portfolio__card-button.is-open .oy-portfolio__card-title {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.oy-portfolio__detail {position:relative;grid-column:1 / -1;min-width:0;align-self:start;padding:24px 2px 25px;border:0;border-top:1px solid #c9c9c9;border-bottom:1px solid #e5e5e5;background:transparent;margin-top:-5px;}
.oy-portfolio__detail::before {display:none;}
.oy-portfolio__detail[hidden]{display:none!important;}
.oy-portfolio__detail-heading {display:flex;align-items:baseline;gap:17px;margin-bottom:17px;}
.oy-portfolio__detail-date {display:block;color:#888;font-size:.72rem;white-space:nowrap;}
.oy-portfolio__detail-heading h4 {margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:.96rem!important;font-weight:650;line-height:1.45;color:#222;}
.oy-portfolio__detail-heading h4::before,.oy-portfolio__detail-heading h4::after {display:none!important;}
.oy-portfolio__detail-caption {margin:0 0 10px!important;color:#888;font-size:.71rem!important;letter-spacing:.035em;}
.oy-portfolio__event-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:33px;row-gap:8px;list-style:none!important;padding:0!important;margin:0!important;}
.oy-portfolio__event-list li {margin:0!important;padding:0!important;border:0!important;font-size:.82rem;line-height:1.55;}
.oy-portfolio__event-list li::before {display:none!important;}
.oy-portfolio__event-row {display:flex;justify-content:flex-start;align-items:baseline;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;}
.oy-portfolio__event-date {font-variant-numeric:tabular-nums;flex:0 0 auto;margin-right:5px;color:#777;white-space:nowrap;}
.oy-portfolio__event-place {display:inline-flex;align-items:baseline;gap:3px;min-width:0;max-width:100%;flex:0 1 auto;text-decoration:none!important;color:inherit!important;}
.oy-portfolio__event-venue {min-width:0;display:block;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.oy-portfolio__event-city {flex:0 0 auto;white-space:nowrap;color:#6e6e6e;}
.oy-portfolio__event-place.is-linked::after {content:"↗";margin-left:2px;font-size:.78em;opacity:.55;flex:none;}
.oy-portfolio__event-place.is-linked:hover .oy-portfolio__event-venue {text-decoration:underline;text-underline-offset:3px;}
.oy-portfolio__event-place.is-linked:focus-visible {outline:2px solid #555;outline-offset:2px;}
.oy-portfolio__detail-link {margin:0!important;font-size:.84rem;}
.oy-portfolio__detail-link a {color:inherit!important;text-decoration:underline;text-underline-offset:4px;}
@media(prefers-reduced-motion:reduce){.oy-portfolio__card-button .oy-portfolio__image img {transition:none;}}
.home .oy-home-artists {padding-bottom:28px;}
.home .oy-home-portfolio-link {border-top:1px solid rgba(0,0,0,.16);padding:18px 0 0;margin:0 0 8px;}
.home .oy-home-portfolio-link a {display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none!important;color:#222;}
.home .oy-home-portfolio-link a:hover .oy-home-portfolio-link__go {color:#111;}
.home .oy-home-portfolio-link__title {font-size:.9rem;font-weight:650;}
.home .oy-home-portfolio-link__en {display:block;margin-top:5px;font-family:Helvetica,Arial,sans-serif;font-size:.62rem;letter-spacing:.16em;color:#888;font-weight:600;}
.home .oy-home-portfolio-link__go {flex:none;font-size:.78rem;color:#666;font-weight:500;}
@media(max-width:767px) {
 .oy-portfolio__intro{font-size:.86rem;}
 .oy-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 11px;}
 .oy-portfolio__card-title{font-size:.83rem!important;}
 .oy-portfolio__detail{padding:20px 1px 22px;margin-top:-5px;}
 .oy-portfolio__event-list{grid-template-columns:minmax(0,1fr);row-gap:9px;}
 .oy-portfolio__event-list li{font-size:.82rem;line-height:1.5;}
 .oy-portfolio__detail-heading{display:block;margin-bottom:15px;}
 .oy-portfolio__detail-date{margin-bottom:5px;}
 .oy-portfolio__detail-heading h4{font-size:.96rem!important;}
 .oy-portfolio__heading h2{font-size:1.2rem!important;}
 .home .oy-home-portfolio-link{padding:16px 0 0;margin-bottom:6px;}
 .home .oy-home-portfolio-link__title{font-size:.84rem;}
 .home .oy-home-portfolio-link__go{font-size:.75rem;}
}