/* Shared area direction selected 9 Nov: existing BROJKA masks, larger/sticky clusters.
 * Reference: claude.ai/artifact/5EP6sRnJBfnSzrEhxBLWdp. Hero keeps its original mask.
 */
.pillar-gentle{position:relative;isolation:isolate;overflow:clip}
.pillar-industry-tiles .pillar-card h2{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.3;margin:.8rem 0}
.pillar-gentle .gentle-page-mechanisms{position:absolute;inset:0;z-index:2;pointer-events:none;mask-image:linear-gradient(90deg,#000 60px,transparent 300px,transparent calc(100% - 300px),#000 calc(100% - 60px))}
.pillar-gentle .gentle-edge-wheel{position:absolute;opacity:.52;pointer-events:none}
.pillar-gentle .gentle-edge-wheel.is-left{left:0;transform:translateX(-70%)}
.pillar-gentle .gentle-edge-wheel.is-right{right:0;transform:translateX(70%)}
.pillar-gentle .gentle-edge-wheel img{display:block;width:100%;height:100%;max-width:none;transform-origin:center;will-change:transform}
.pillar-gentle .gentle-edge-wheel.is-footer{opacity:.66}
.pillar-gentle .gentle-mid-mechanisms{position:absolute;inset:0;z-index:1;pointer-events:none}
.pillar-gentle .gentle-mid-group{position:absolute;pointer-events:none}
.pillar-gentle .gentle-mid-group img{position:absolute;display:block;max-width:none;opacity:.18;will-change:transform}
.pillar-gentle .gentle-mid-group img+img{opacity:.28}
.pillar-gentle>section .container,.pillar-gentle>footer>.bn-footer-inner{position:relative;z-index:3}
.pillar-gentle>section>.section__head,.pillar-gentle>section>.section__body{position:relative;z-index:3}
.pillar-gentle #vue_work_list .container,.pillar-gentle #vue_work_list .section__head,.pillar-gentle #vue_work_list .section__body{position:relative;z-index:3}
.projects-gentle .reference-intro .container{position:relative;z-index:3}
.projects-gentle>.container{position:relative;z-index:3}
.pillar-gentle :is(h2,h3).gentle-scroll-heading{position:relative;display:inline-block}
.pillar-gentle :is(h2,h3).gentle-scroll-heading:after{content:'';position:absolute;left:0;bottom:-.5rem;width:100%;height:2px;background:#19e183;transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:.12s}
.pillar-gentle :is(h2,h3).gentle-scroll-heading.is-revealed:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.pillar-gentle :is(h2,h3).gentle-scroll-heading:after{transform:scaleX(1);transition:none}}
.pillar-gentle .pillar-rich-wheel .row{align-items:stretch!important}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels{--gm-size:clamp(20rem,32vw,28rem);position:sticky;top:max(100px,calc(50vh - 19rem));min-height:calc(var(--gm-size)*1.43);margin:0;opacity:1;transform:none}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img{padding:0;clip-path:circle(49.6%);overflow:hidden}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img *{width:100%;height:100%;max-width:none;max-height:none}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img img{border:0;object-fit:cover;clip-path:circle(calc(49.6% - 1.5px))}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(3){width:var(--gm-size);height:var(--gm-size);top:0;right:auto;left:calc(var(--gm-size)*.25)}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(1){width:calc(var(--gm-size)*.5536);height:calc(var(--gm-size)*.5536);top:calc(var(--gm-size)*.5942);right:auto;left:calc(var(--gm-size)*-.1692)}
.pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(2){width:calc(var(--gm-size)*.3214);height:calc(var(--gm-size)*.3214);top:calc(var(--gm-size)*1.06);right:auto;left:calc(var(--gm-size)*.20)}
.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(3){left:auto;right:calc(var(--gm-size)*.25)}
.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(1){left:auto;right:calc(var(--gm-size)*-.1692)}
.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(2){left:auto;right:calc(var(--gm-size)*.20)}
.pillar-gentle .pillar-rich-hero__wheel.img-container.is-wheels{position:relative;top:auto;right:auto;transform:none;opacity:1;width:100%;margin:0 0 1.5rem}
.pillar-gentle .pillar-rich-hero__wheel .img{padding:0;clip-path:circle(49.6%);overflow:hidden}
.pillar-gentle .pillar-rich-hero__wheel .img>*{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none}
.pillar-gentle .pillar-rich-hero__wheel .img>img{border:0;object-fit:cover;clip-path:circle(calc(49.6% - 1.5px))}
/* The existing illustrations sit inside three connected BROJKA wheel outlines. */
.pillar-gentle .pillar-icon-items.pillar-icon-mechanisms{display:grid;grid-template-columns:repeat(var(--gm-icon-cols,3),minmax(0,1fr));gap:8px;margin:2rem 0 .5rem;padding:0 2px}
.pillar-gentle .pillar-icon-mechanisms .pillar-icon-item{display:block;max-width:none;min-width:0;text-align:center}
.pillar-gentle .pillar-inline-mechanism{position:relative;width:100%;margin-left:0;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.pillar-gentle .pillar-inline-mechanism img.pillar-icon-rim{position:absolute;inset:0;width:100%;height:100%;transform:rotate(var(--icon-angle,0deg));z-index:-1}
.pillar-gentle .pillar-icon-item:nth-child(2) .pillar-icon-rim{--icon-angle:22.5deg}
.pillar-gentle .pillar-icon-illustration{position:relative;z-index:1;width:82%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a1d22}
.pillar-gentle .pillar-icon-illustration img{display:block;width:100%;height:100%;object-fit:contain}
.pillar-gentle .pillar-icon-mechanisms strong{display:block;margin:.8rem 0 0;padding:0 8px;font-size:15px;line-height:1.4}
.pillar-gentle .pillar-icon-rim{will-change:transform}
.pillar-gentle .pillar-icon-card{grid-template-columns:6rem minmax(0,1fr)}
.pillar-gentle .pillar-icon-card__icon .pillar-inline-mechanism{width:6rem}
@media(max-width:767px){.pillar-gentle .pillar-icon-card{grid-template-columns:5rem minmax(0,1fr)}.pillar-gentle .pillar-icon-card__icon .pillar-inline-mechanism{width:5rem}}
.pillar-gentle .gentle-hero-companions{position:absolute;inset:0;pointer-events:none}
.pillar-film-preview.pillar-gentle .pillar-rich-hero .row>.col-md-6:first-child{overflow:visible}
.pillar-gentle .gentle-hero-companions img{position:absolute;display:block;max-width:none;opacity:.85;transform-origin:center;will-change:transform}
.pillar-gentle [data-gentle-gear]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.pillar-gentle .pillar-icon-rim,.pillar-gentle .gentle-hero-companions img{will-change:auto}}
/* Retain the current project selection without the rejected gear treatment. */
.pillar-gentle .bm-strip{padding:64px 0}
.pillar-gentle .bm-strip-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:32px}
.pillar-gentle .bm-strip h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:0;color:#fff}
.pillar-gentle .bm-button{display:inline-flex;border:1px solid #19e183;color:#19e183;border-radius:32px;padding:12px 20px;font-size:17px;text-decoration:none}
.pillar-gentle .bm-chain{display:none}
.pillar-gentle .bm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.pillar-gentle .bm-card{color:#dde2e2;text-decoration:none;min-width:0}
.pillar-gentle .bm-card-image{aspect-ratio:16/10;overflow:hidden;border-radius:4px}
.pillar-gentle .bm-card img{width:100%;height:100%;object-fit:cover}
.pillar-gentle .bm-card h3{font-size:21px;line-height:1.3;margin:16px 0 8px}
.pillar-gentle .bm-card p{font-size:15px;color:#aeb9b3}
@media(max-width:899px){
 .pillar-gentle .pillar-icon-items.pillar-icon-mechanisms{grid-template-columns:repeat(var(--gm-icon-mobile-cols,3),minmax(0,1fr))}
 .pillar-gentle .gentle-mid-group img{opacity:.1}
 .pillar-gentle .gentle-mid-group img+img{opacity:.17}
 .pillar-gentle .gentle-page-mechanisms{mask-image:linear-gradient(90deg,#000,transparent 100px,transparent calc(100% - 100px),#000)}
 .pillar-gentle .gentle-edge-wheel{opacity:.3}
 .pillar-gentle .gentle-edge-wheel.is-footer{opacity:.42}
 .pillar-gentle .pillar-rich-wheel .row,.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse{flex-direction:column!important}
 .pillar-gentle .pillar-rich-wheel .row>[class*="col-"]{width:100%;max-width:100%;flex:0 0 auto;margin-left:0}
 .pillar-gentle .pillar-rich-wheel .img-container.is-wheels{position:relative;top:auto;right:auto;opacity:1;transform:none;min-height:0;height:min(88vw,620px);margin:0 auto 1.5rem;width:min(100%,640px)}
 .pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(3),.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(3){width:68%;height:auto;aspect-ratio:1;left:22%;right:auto;top:0}
 .pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(1),.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(1){width:38%;height:auto;aspect-ratio:1;top:40%;left:0;right:auto}
 .pillar-gentle .pillar-rich-wheel .img-container.is-wheels .img:nth-child(2),.pillar-gentle .pillar-rich-wheel .row.flex-row-reverse .img-container.is-wheels .img:nth-child(2){width:22%;height:auto;aspect-ratio:1;top:76%;left:21%;right:auto}
 .pillar-gentle .bm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){.pillar-gentle .bm-cards{grid-template-columns:minmax(0,1fr)}}