/* Optional portfolio-row scenery. Arches and static section glow can be toggled independently. */
.project-section{position:relative;overflow:hidden;isolation:isolate}
.project-section>.container{position:relative;z-index:2}
.category-tools::before{content:none}
.section-effects{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.section-glow{position:absolute;top:var(--row-glow-top,50%);left:72%;width:clamp(360px,46vw,680px);height:280px;transform:translate3d(-50%,-50%,0);border-radius:50%;background:radial-gradient(ellipse at 35% 50%,rgb(var(--row-glow-one,93 190 220) / 17%),transparent 58%),radial-gradient(ellipse at 70% 42%,rgb(var(--row-glow-two,98 118 205) / 13%),transparent 62%);filter:blur(26px);opacity:.9}
.section-arch{position:absolute;display:block;border:1px solid rgb(var(--row-arch,141 181 206) / 13%);pointer-events:none}
body:not(.smallhall-section-glow) .section-glow{display:none}
body:not(.smallhall-section-arches) .section-arch{display:none}

/* Apps: offset orbital ellipses rising from the lower right. */
.category-apps{--row-glow-one:47 181 210;--row-glow-two:95 91 190;--row-arch:111 184 210;--row-glow-top:48%}
.category-apps .section-glow{left:76%}
.category-apps .arch-one{right:-170px;bottom:-260px;width:650px;height:520px;border-radius:50%;transform:rotate(-13deg)}
.category-apps .arch-two{right:-78px;bottom:-205px;width:510px;height:390px;border-radius:50%;transform:rotate(-13deg)}
.category-apps .arch-three{right:28px;bottom:-150px;width:365px;height:260px;border-radius:50%;transform:rotate(-13deg)}

/* Games: broad concentric rings entering from the left edge. */
.category-games{--row-glow-one:79 205 138;--row-glow-two:223 169 77;--row-arch:135 199 168;--row-glow-top:43%}
.category-games .section-glow{left:25%}
.category-games .arch-one{left:-275px;top:8%;width:520px;height:520px;border-radius:50%}
.category-games .arch-two{left:-205px;top:18%;width:380px;height:380px;border-radius:50%}
.category-games .arch-three{left:-132px;top:29%;width:235px;height:235px;border-radius:50%}

/* Tools: tall leaning capsules, deliberately unlike the hero arches. */
.category-tools{--row-glow-one:225 105 139;--row-glow-two:114 83 179;--row-arch:196 135 184;--row-glow-top:52%}
.category-tools .section-glow{left:68%}
.category-tools .arch-one{right:8%;top:-370px;width:420px;height:720px;border-radius:220px;transform:rotate(18deg)}
.category-tools .arch-two{right:15%;top:-295px;width:300px;height:575px;border-radius:170px;transform:rotate(18deg)}
.category-tools .arch-three{right:22%;top:-220px;width:185px;height:425px;border-radius:120px;transform:rotate(18deg)}

/* Lab: low, wide wave-like ellipses crossing the centre. */
.category-lab,.category-archive{--row-glow-one:91 159 221;--row-glow-two:150 102 208;--row-arch:132 158 215;--row-glow-top:46%}
.category-lab .section-glow,.category-archive .section-glow{left:43%}
.category-lab .arch-one,.category-archive .arch-one{left:20%;bottom:-275px;width:760px;height:410px;border-radius:50%;transform:rotate(-7deg)}
.category-lab .arch-two,.category-archive .arch-two{left:28%;bottom:-215px;width:590px;height:310px;border-radius:50%;transform:rotate(-7deg)}
.category-lab .arch-three,.category-archive .arch-three{left:36%;bottom:-155px;width:420px;height:215px;border-radius:50%;transform:rotate(-7deg)}

@media(max-width:800px){
  .section-glow{left:68%;width:520px;height:250px;filter:blur(24px);opacity:.82}
  .category-games .section-glow{left:34%}
  .category-tools .section-glow{left:62%}
  .category-lab .section-glow,.category-archive .section-glow{left:48%}
  .section-arch{opacity:.78}
}
@media(max-width:600px){
  .section-glow{width:420px;height:220px;filter:blur(22px);opacity:.72}
  .category-apps .arch-one{right:-330px}.category-apps .arch-two{right:-245px}.category-apps .arch-three{right:-165px}
  .category-games .arch-one{left:-390px}.category-games .arch-two{left:-290px}.category-games .arch-three{left:-190px}
  .category-tools .arch-one{right:-210px}.category-tools .arch-two{right:-120px}.category-tools .arch-three{right:-28px}
  .category-lab .arch-one,.category-archive .arch-one{left:-80px}.category-lab .arch-two,.category-archive .arch-two{left:10px}.category-lab .arch-three,.category-archive .arch-three{left:92px}
}