/* Shared tokens for explicitly opted-in new editorial pages only. */
body:is(.citysofa-collection-story,.citysofa-blog){
 position:relative;
 --csc-street:#e6e6e6;
 --csc-street-width:4px;
 --csc-node-radius:14px;
 --csc-photo-rim:5px;
 --csc-city-tint-opacity:.16;
 --csc-lightbox-street-width:3px;
 --cs-editorial-column-gap:120px;
 --csc-zoom-size:28px;
}
body.citysofa-blog{--cs-editorial-sidebar-width:300px}
body.citysofa-collection-story{--cs-editorial-sidebar-width:350px}
@media(min-width:1025px) and (max-width:1279px){body.citysofa-collection-story{--cs-editorial-sidebar-width:287.5px;--cs-editorial-column-gap:96px}}
@media(min-width:1025px) and (max-width:1100px){body.citysofa-blog{--cs-editorial-sidebar-width:240px;--cs-editorial-column-gap:90px}}
body.citysofa-blog #r2-main :is(.r2-reading,[data-csb~="r2-reading"]),body.citysofa-collection-story #cs-collection-main [data-csc~="reading"]{grid-template-columns:var(--cs-editorial-sidebar-width) minmax(0,780px);column-gap:var(--cs-editorial-column-gap)}
@media(max-width:767px){body:is(.citysofa-collection-story,.citysofa-blog){--csc-street-width:2px;--csc-node-radius:8px;--csc-lightbox-street-width:2px}}
body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-streets{position:absolute;inset:0 auto auto 0;width:100%;pointer-events:none;z-index:0;overflow:visible}
body:is(.citysofa-collection-story,.citysofa-blog) :is(.cs-editorial-streets,.cs-editorial-sticky-street,.cs-editorial-detail-street) path{fill:none;stroke:var(--csc-street);stroke-width:var(--csc-street-width);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
body:is(.citysofa-collection-story,.citysofa-blog) :is(.cs-editorial-streets,.cs-editorial-sticky-street) circle{fill:#fff;stroke:var(--csc-street);stroke-width:var(--csc-street-width);vector-effect:non-scaling-stroke}
body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-sticky-street{position:absolute;inset:0;width:100%;overflow:visible;pointer-events:none;z-index:0}
body.citysofa-blog #r2-main{position:relative;z-index:1}
body.citysofa-blog [data-csb~="r2-photo"],body.citysofa-blog .r2-photo{position:relative}
body.citysofa-blog [data-csb~="r2-photo-frame"],body.citysofa-blog .r2-photo-frame{z-index:1}
/* The line and roundabout are anchored to the photo; CSS owns their geometry. */
body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-photo{position:relative;isolation:isolate}
body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-photo-connector{position:absolute;display:block;left:calc(100% - 3px);top:50%;height:var(--csc-street-width);width:calc((var(--cs-editorial-sidebar-width) - 100% + var(--cs-editorial-column-gap))/2 + 3px);background:var(--csc-street);transform:translateY(-50%);pointer-events:none;z-index:3}
body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-photo-connector::after{content:'';position:absolute;left:100%;top:50%;width:calc(2 * var(--csc-node-radius));height:calc(2 * var(--csc-node-radius));box-sizing:border-box;border:var(--csc-street-width) solid var(--csc-street);border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
body.citysofa-collection-story [data-csc~="city-photo-group"]::before{content:'';position:absolute;width:0;left:50%;top:50%;height:calc(50% + 18px + var(--csc-zoom-size)/2);border-left:var(--csc-street-width) solid var(--csc-street);transform:translateX(-50%);z-index:0;pointer-events:none}
body.citysofa-collection-story [data-csc~="fabric-photo-group"]::before{content:'';position:absolute;width:0;left:50%;top:calc(var(--csc-zoom-size)/2);height:50%;border-left:var(--csc-street-width) solid var(--csc-street);transform:translateX(-50%);z-index:0;pointer-events:none}
@media(min-width:1025px){
 body.citysofa-blog #r2-main :is(.r2-collections-heading,[data-csb~="r2-collections-heading"]){margin-left:calc(var(--cs-editorial-sidebar-width) + var(--cs-editorial-column-gap))}
 body.citysofa-collection-story #cs-collection-main [data-csc~="collections-heading"]{margin-left:calc(var(--cs-editorial-sidebar-width) + var(--cs-editorial-column-gap));width:calc(100% - var(--cs-editorial-sidebar-width) - var(--cs-editorial-column-gap))}
}
@media(max-width:1024px){body:is(.citysofa-collection-story,.citysofa-blog) .cs-editorial-photo-connector{display:none}}

/* Shared hero scale, user correction26.10.2026: separate from sidebar-photo size. */
body.citysofa-collection-story #cs-collection-main [data-csc~="hero"],body.citysofa-blog #r2-main :is(.r2-hero,[data-csb~="r2-hero"]){min-height:500px}
body.citysofa-collection-story #cs-collection-main [data-csc~="hero-visual"],body.citysofa-blog #r2-main :is(.r2-hero-visual,[data-csb~="r2-hero-visual"]){--hero-radius:clamp(323px,25.5vw,366px);--hero-cy:128px;min-height:500px}
@media(min-width:1025px) and (max-width:1100px){
 body.citysofa-collection-story #cs-collection-main [data-csc~="hero"],body.citysofa-blog #r2-main :is(.r2-hero,[data-csb~="r2-hero"]){min-height:430px}
 body.citysofa-collection-story #cs-collection-main [data-csc~="hero-visual"],body.citysofa-blog #r2-main :is(.r2-hero-visual,[data-csb~="r2-hero-visual"]){--hero-radius:298px;--hero-cy:128px;min-height:430px}
}
@media(max-width:1024px){
 body.citysofa-collection-story #cs-collection-main [data-csc~="hero"],body.citysofa-blog #r2-main :is(.r2-hero,[data-csb~="r2-hero"]){min-height:0}
 body.citysofa-collection-story #cs-collection-main [data-csc~="hero-visual"],body.citysofa-blog #r2-main :is(.r2-hero-visual,[data-csb~="r2-hero-visual"]){--hero-radius:clamp(221px,44.2vw,400px);--hero-cy:17px;min-height:0;height:calc(var(--hero-radius) + var(--hero-cy))}
}