.vis-art{z-index:3;width:246px;transition:scale .2s;position:absolute;top:135px;left:570px;transform:translate(-50%,-50%)}.vis-art:hover{scale:1.05}.vis-art img{width:100%;height:auto;display:block}@media (width<=1060px){.vis-art{width:132px;top:12px;left:min(50% + 100px,100% - 136px);transform:none}html[data-skin=pilpi] .vis-art{top:120px}}.vis-gull{transition:scale .2s;display:none}.vis-gull:hover{scale:1.05}.vis-gull img{width:auto;height:135px;display:block}html:not([data-skin]) .page-content:has(#content.visuals) .end-art,html:not([data-skin=brush]) .page-content:has(#content.visuals) .end-cloud{display:none}@media (width<=1060px){html:not([data-skin]) .page-header .vis-gull{z-index:3;transform-origin:100% 100%;display:block;position:absolute;bottom:-50px;right:calc(99px + max(0px,50% - 370px))}html:not([data-skin]) .page-header .vis-gull img{height:96px}}@media (width>=1061px){html:not([data-skin]) .page-header .vis-gull{z-index:3;transform-origin:0 100%;display:block;position:absolute;top:225px;left:582px;transform:translate(-100%)}}html[data-skin=violet] .vis-art{width:140px;top:10px;left:auto;right:20px;transform:none}html[data-skin=brush] .page-header .vis-art{display:none}@media (width<=1060px){html[data-skin=violet] .vis-art{width:80px;top:13px;right:12px}}@media (prefers-reduced-motion:reduce){.vis-art,.vis-gull{transition:none}}#content .vis-layout{margin:0 1em}#content .vis-layout :is(p,h2,h3,div,ul,section){margin-left:0;margin-right:0}@media (width>=1061px){html #content.visuals{width:calc(var(--content-width) + 12rem);max-width:calc(100vw - 23rem)}}.vis-layout{grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.vis-tabs{flex-direction:column;gap:.3rem;display:flex;position:sticky;top:1rem}.vis-tabs [role=tab]{appearance:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;opacity:.75;text-transform:lowercase;--tab-wash:#ffa600;background:0 0;border:0;border-radius:999px;padding:.45rem .9rem}.vis-tabs [role=tab]:after{content:attr(data-label);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}.vis-tabs [role=tab]:hover{opacity:1;background:color-mix(in srgb, var(--tab-wash) 9%, transparent)}.vis-tabs [role=tab][aria-selected=true]{opacity:1;background:color-mix(in srgb, var(--tab-wash) 18%, transparent);font-weight:700}html[data-skin=pilpi] .vis-tabs [role=tab],html[data-skin=violet] .vis-tabs [role=tab]{--tab-wash:var(--site-rule)}html[data-skin=brush] .vis-tabs [role=tab]{border-radius:4px}html[data-skin=brush] .vis-tabs [role=tab]:hover{background:color-mix(in srgb, var(--site-rule) 30%, transparent)}html[data-skin=brush] .vis-tabs [role=tab][aria-selected=true]{background:color-mix(in srgb, var(--site-rule) 55%, transparent);font-weight:400}.vis-panel>h2:first-child{margin-top:0}html[data-skin=pilpi] .vis-tabs [role=tab]{font-size:2ch}html[data-skin=pilpi] #content .vis-pics figcaption{font-size:.9em;line-height:1.4}html[data-skin=pilpi] #content .vis-photos figcaption{font-size:1.7ch;line-height:1.35}@media (width<=700px){.vis-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.vis-tabs{flex-flow:wrap;position:static}}.vis-photo-intro{font-style:italic}.vis-note{opacity:.8;margin-top:2em;font-size:.85em}.vis-note-mark{margin-left:.1em}.vis-photos{columns:3 9.5rem;column-gap:.8rem}#content .vis-photos figure{break-inside:avoid;float:none;max-width:none;margin:0 0 .8rem}#content .vis-photos img{border-radius:4px;width:100%;max-width:none;height:auto;display:block}#content .vis-photos figcaption{margin-top:.25em;font-size:.85em;line-height:1.35}.vis-photo-source{margin-top:1.5em;font-size:.9em}.vis-skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1em 0;display:grid}.skin-card{appearance:none;border:1px solid var(--site-rule);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:.45rem;padding:.4rem .4rem .55rem;transition:transform .15s;display:flex}.skin-card:hover{transform:translateY(-2px)}.skin-card-wrap{display:grid;position:relative}.skin-card-link{width:1.6rem;height:1.6rem;color:var(--text);opacity:.6;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:.45rem;right:.45rem}.skin-card-link:hover,.skin-card-link:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 12%, transparent)}.skin-card-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.skin-card[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}.skin-card-pic{aspect-ratio:3/2;border-radius:6px;display:block;overflow:hidden}#content .skin-card-pic img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.skin-card-name{padding:0 .2rem;font-weight:700}.skin-card-year{opacity:.7;font-weight:400}.skin-card .pic-dark{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .skin-card .pic-light{display:none!important}:root:not([data-theme=light]) .skin-card .pic-dark{display:block!important}}:root[data-theme=dark] .skin-card .pic-light{display:none!important}:root[data-theme=dark] .skin-card .pic-dark{display:block!important}@media (prefers-reduced-motion:reduce){.skin-card{transition:none}}#content .vis-mode{width:auto;height:auto;font:inherit;opacity:.85;border-radius:999px;grid-auto-flow:column;gap:.45rem;padding:.35rem .8rem}#content ul.vis-pics{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:1.5rem 1rem;margin:1em 0 0;padding:0;display:grid}#content .vis-pics li{margin:0}#content .vis-pics figure{float:none;max-width:none;margin:0}#content .vis-pics img{object-fit:contain;width:100%;max-width:none;height:11rem;display:block}#content .vis-pics figcaption{margin-top:.4em;font-size:.9em;font-style:normal;line-height:1.4}.vis-title{font-weight:700;display:block}.vis-alt{margin-bottom:.2em;font-style:italic;display:block}.vis-on{opacity:.7;margin-right:.3em}
