/* Quiet accents: illustrations have their own space and never cover copy or controls. */
.site-character{display:block;flex:none;pointer-events:none;user-select:none}
.site-character img{display:block;width:100%;height:auto;object-fit:contain}
.page-heading-copy{min-width:0}
.page-heading-copy>p{color:var(--muted);max-width:800px;margin-bottom:0}
.has-banner-character{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;overflow:hidden;padding-right:230px}
.has-banner-character .banner-character{position:absolute;right:-14px;bottom:-16px;width:190px;height:190px;margin:0}
.banner-character img{transform:none}
.has-banner-character>.button{position:relative}
.not-found-art{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%}
.not-found-character{width:130px}
.organizers-intro{position:relative;isolation:isolate;overflow:hidden}
.organizers-intro::after{content:"";position:absolute;z-index:-1;right:-32px;bottom:-34px;width:300px;height:280px;background:url("/wp-content/uploads/omoshiro-characters/pear-body-02-300x300.png.webp") center/contain no-repeat;opacity:.18;pointer-events:none}
[data-page="about"] .organizers-intro::after{background-image:url("/wp-content/uploads/omoshiro-characters/pear-body-03-300x300.png.webp")}
[data-page="advertising"] .organizers-intro::after{background-image:url("/wp-content/uploads/omoshiro-characters/pear-body-01-300x300.png.webp")}
[data-page="privacy-policy"] .organizers-intro::after{background-image:url("/wp-content/uploads/omoshiro-characters/pear-body-04-300x300.png.webp")}
@media(max-width:1100px){
 .has-banner-character{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding-right:198px}
 .has-banner-character .banner-character{width:168px;height:168px}

}
@media(max-width:800px){
 .has-banner-character{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:16px;padding-right:30px}
 .has-banner-character>div{grid-column:1/-1}
 .has-banner-character>.button{grid-column:1;grid-row:2;justify-self:start}
 .has-banner-character .banner-character{width:145px;height:145px;margin:0}

}
@media(max-width:600px){
 .organizers-intro{padding-bottom:85px}
 .organizers-intro::after{width:190px;height:190px;right:-12px;bottom:-18px}
 .page-heading-copy>p{font-size:13px}
 .has-banner-character{grid-template-columns:minmax(0,1fr) 92px;gap:14px 10px;padding-right:20px}
 .has-banner-character .banner-character{width:150px;height:140px;right:5px;bottom:-5px}

 .not-found-art{gap:10px}
 .not-found-character{width:94px}
}