.vo-cat-card,.home-work,.home-board-tile{cursor:pointer}[role="link"]:focus-visible{outline:2px solid var(--pink,#e88aaa);outline-offset:4px}html{scroll-behavior:smooth}section[id]{scroll-margin-top:100px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-comment-preview{margin:0;display:flex;align-items:center;line-height:1.5;white-space:normal}.home-example-comment>div:first-child{display:block}
/* R2: a single proportionate hero scene on desktop, centered on wide screens. */
@media(min-width:851px){
.home-page .home-hero{height:618px;background:linear-gradient(90deg,#f6e2d4,#faeee6);background-image:linear-gradient(90deg,#f6e2d4,#faeee6);overflow:hidden}
.home-page .home-hero picture{position:absolute;inset:0;display:block;pointer-events:none}
.home-page .home-hero picture>img{top:0;left:auto;right:max(0px,calc((100% - 1440px)/2));width:min(100%,1440px);height:618px;object-fit:contain;object-position:right center;aspect-ratio:auto;background:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 96%,transparent)}
.home-page .home-hero__copy{margin-left:max(0px,calc((100% - 1440px)/2));z-index:1}
.home-page .home-hero__note .home-hero-logo{margin-left:4px}
}
@media(max-width:850px){.topbar{background:rgba(255,250,247,.96)}.home-example-comment .home-comment-preview{border:0;background:transparent;padding:0;min-height:0;color:var(--muted,#777);font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

@media(min-width:851px){.home-page .home-hero picture>img{top:50%;height:auto;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}
