/*!=============================================================================
 * ▄▀▀▀▐▀█▀▌█  █ █    █▀▀▀ ▄▀▀▀   █    █▀▀▀ ▄▀▀▀ ▄▀▀▀
 * ▀▀▀█  █  ▀▄▄█ █  ▄ █▀▀  ▀▀▀█   █  ▄ █▀▀  ▀▀▀█ ▀▀▀█
 * ▀▀▀   █  ▄▄▄▀ ▀▀▀  ▀▀▀▀ ▀▀▀  ▀ ▀▀▀  ▀▀▀▀ ▀▀▀  ▀▀▀
 *
 * Style rules written according to BEM and Atomic CSS paradigms for presenting content on the d-c-rieck.com website.
 *
 * @version 0.0.1
 *
 * @author Daniel Rieck [danielcrieck@gmail.com] (https://github.com/invokeImmediately)
 * @license MIT Copyright (c) 2023 Daniel C. Rieck.
 *   Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *   The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 *   THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 * =============================================================================
 *//*! ---—» Reset: Default browser styles «—--- */:where(a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video){background:0 0;font-size:100%;margin:0;padding:0;vertical-align:baseline}:where(abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video){border:0;outline:0}:where(abbr[title],dfn[title]){border-bottom:1px dotted;cursor:help}:where(article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section){display:block}:where(body){line-height:1}:where(blockquote,q){quotes:none}:where(blockquote:before,blockquote:after,q:before,q:after){content:'';content:none}:where(del){text-decoration:line-through}:where(hr){display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}:where(ins){background-color:#ff9;color:#000;text-decoration:none}:where(mark){background-color:#ff9;color:#000;font-style:italic;font-weight:700}:where(navul){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(input,select){vertical-align:middle}/*! ---—» Normalization: Ensure the system-ui font-family is correctly set in all browsers «—--- */@font-face{font-family:system-ui;src:local(".AppleSystemUIFont"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("HelveticaNeue")}@font-face{font-family:system-ui;font-style:italic;src:local(".AppleSystemUIFont"),local("Segoe UI Italic"),local("Ubuntu-Italic"),local("Roboto-Italic"),local("HelveticaNeue-Italic")}@font-face{font-family:system-ui;font-weight:700;src:local(".AppleSystemUIFont"),local("Segoe UI Bold"),local("Ubuntu-Bold"),local("Roboto-Bold"),local("HelveticaNeue-Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".AppleSystemUIFont"),local("Segoe UI Bold Italic"),local("Ubuntu-BoldItalic"),local("Roboto-BoldItalic"),local("HelveticaNeue-BoldItalic")}/*! ---—» Normalization: Ensure the ui-monospace font-family is correctly set in all browsers «—--- */@font-face{font-family:ui-monospace;src:local(".AppleSystemUIFontMonospaced-Regular"),local("Segoe UI Mono"),local("UbuntuMono"),local("Roboto-Mono"),local("Menlo")}@font-face{font-family:ui-monospace;font-style:italic;src:local(".AppleSystemUIFontMonospaced-RegularItalic"),local("Segoe UI Mono Italic"),local("UbuntuMono-Italic"),local("Roboto-Mono-Italic"),local("Menlo-Italic")}@font-face{font-family:ui-monospace;font-weight:700;src:local(".AppleSystemUIFontMonospaced-Bold"),local("Segoe UI Mono Bold"),local("UbuntuMono-Bold"),local("Roboto-Mono-Bold"),local("Menlo-Bold")}@font-face{font-family:ui-monospace;font-style:italic;font-weight:700;src:local(".AppleSystemUIFontMonospaced-BoldItalic"),local("Segoe UI Mono Bold Italic"),local("UbuntuMono-BoldItalic"),local("Roboto-Mono-BoldItalic"),local("Menlo-BoldItalic")}/*! ---—» Normalization: Set the system's UI font as default in all browsers «—--- */html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}/*! ---—» Normalization: Set the system's monospace font as default in all browsers «—--- */code,kbd,pre,samp{font-family:ui-monospace,Menlo,Consolas,"Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}/*! ---—» Normalization: Do not permit browsers to display oversized embedded content -------- */:where(iframe,img,video){height:auto;max-width:100%}:where(button,input,select,textarea){/*! ---—» Normalization: Harmonize form field appearance across browsers «—--- */background-color:transparent;border:1px solid WindowFrame;color:inherit;padding:.25em .375em;/*! ---—» Normalization: Harmonize typography in form fields across browsers «—--- */font:inherit;letter-spacing:inherit}/*! ---—» Normalization: Harmonize appearance of select fields across browsers «—--- */:where(select){-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center/1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}/*! ---—» Normalization: Harmonize appearance of color and range fields across browsers «—--- */:where([type=color i],[type=range i]){border-width:0;padding:0}/*! ---—» Normalization: Do not permit browsers to display oversized form fields «—--- */:where(input,select,textarea){height:auto;max-width:100%}/*! ---—» Reduce motion consistently across browsers «—--- */@media (prefers-reduced-motion:reduce){*,::after,::before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}/*! ---—» CSS Variables «—--- */:root{--bg-clr-pg:#0c0c0c;--bg-clr-pg-inv:#f3f3f3;--bg-clr-pg-hi6t:#292929;--bg-clr-pg-hi6t-inv:#d6d6d6;--bg-clr-hero:rgba(0, 0, 0, 0.75);--bg-clr-site-hdr:#000;--brdr-clr-pg:#707070;--brdr-clr-ac3e:#b5b5b5;--brdr-clr-hi6t:white;--brdr-clr-site-hdr:white;--brdr-clr-pnav:#707070;--brdr-wdth-site-hdr:2px;--fg-clr-pg:white;--fg-clr-pg-2:#a3a3a3;--fg-clr-ftr:#fff;--fs-h1:2.5rem;--fs-h2:2.1rem;--fs-h3:1.8rem;--fs-h4:1.5rem;--fs-h5:1.3rem;--fs-h6:1.1rem}/*! -------- d-c-rieck.com Pages -------- */.dcrdc-pg{background:var(--bg-clr-pg);color:var(--fg-clr-pg);display:grid;grid-gap:1px 0;grid-template-rows:minmax(4rem,auto) 1fr minmax(4rem,auto);font-family:"Source Sans Pro",sans-serif;margin:0;min-height:100vh}.dcrdc-pg--voronoi-bg{background:var(--bg-clr-pg) url(/imgs/hdri-lighting-experiment_voronoi-plane_2022-02-05-n1_r2-seamless.jpg) repeat}/*! -------- Page header and components -------- *//*! -------- Main content -------- */.main-pg-content{display:grid;grid-area:2/1/3/2;grid-template-columns:2rem 1fr 2rem;grid-template-rows:auto}@media all and (max-width:414px){.main-pg-content{grid-template-columns:1rem 1fr 1rem}}/*! -------- Custom row layouts -------- */@media all and (max-width:1080px){.grdr--home-intro{grid-template-columns:1fr}}/*! -------- Backgrounds -------- */.bgi-dcr-at-work-1{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_desat_960w540.jpg) no-repeat 75% top/cover}@media all and (min-width:961px){.bgi-dcr-at-work-1{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_desat_1920w1080.jpg) no-repeat center top/cover}}@media all and (min-width:1921px){.bgi-dcr-at-work-1{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_desat_2880w1620.jpg) no-repeat center top/cover}}@media all and (min-width:2889px){.bgi-dcr-at-work-1{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_desat_3840w2160.jpg) no-repeat center top/cover}}.bgi-dcr-at-work-2{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_960w540.jpg) no-repeat 75% top/cover}@media all and (min-width:961px){.bgi-dcr-at-work-2{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_1920w1080.jpg) no-repeat center top/cover}}@media all and (min-width:1921px){.bgi-dcr-at-work-2{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_2880w1620.jpg) no-repeat center top/cover}}@media all and (min-width:2889px){.bgi-dcr-at-work-2{background:#000 url(/imgs/d-c-rieck-at-work_fed-project_pxl6-20220108-052905620_3840w2160.jpg) no-repeat center top/cover}}/*! -------- Article header -------- *//*! -------- Page footer -------- */.pg-ftr{align-items:center;background:var(--bg-clr-site-hdr);border-top:1px solid rgba(255,255,255,.85);box-shadow:0 -1px 3px #fff,0 -.4px 1.4px rgba(255,255,255,.03),0 -1.1px 3.3px rgba(255,255,255,.04),0 -2px 6.3px rgba(255,255,255,.05),0 -3.6px 11.2px rgba(255,255,255,.06),0 -6.7px 20.9px rgba(255,255,255,.07),0 -16px 50px rgba(255,255,255,.1);color:var(--fg-clr-ftr);display:grid;grid-area:3/1/4/2;grid-gap:2rem;grid-template-columns:1fr 1fr;margin-top:-1px;padding:0 2rem}.pg-ftr__cn{grid-area:1/1/2/2;position:relative;justify-self:end}.pg-ftr__cn:after{content:"/";left:100%;position:absolute;transform:translateX(1rem) translateX(-50%)}.pg-ftr__tools-notice{grid-area:1/2/2/3;justify-self:start}@media screen and (max-width:768px){.pg-ftr{grid-template-columns:1fr;grid-gap:.5rem;padding-bottom:1rem;padding-top:1rem}.pg-ftr__cn,.pg-ftr__tools-notice{grid-area:auto;justify-self:center}.pg-ftr__cn:after{content:''}}/*! -------- Headings -------- */.fs-h1,h1{font-size:var(--fs-h1)}.fs-h2,h2{font-size:var(--fs-h2)}.fs-h3,h3{font-size:var(--fs-h3)}.fs-h4,h4{font-size:var(--fs-h4)}.fs-h5,h5{font-size:var(--fs-h5)}.fs-h6,h6{font-size:var(--fs-h6)}h1,h2,h3,h4,h5,h6{line-height:1.2em;font-family:Oswald,sans-serif}h1{font-weight:800}h2{font-weight:700}h3,h4,h5,h6{font-weight:600}/*! -------- Width constraints -------- */blockquote,figcaption,ol,p,ul{max-width:80ch}/*! -------- Skip links -------- */.pg-hdr__skip-link{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.pg-hdr__skip-link:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:99352}/*! -------- Images -------- */img{height:auto;width:100%}.abl-motto{display:block;margin-left:auto;margin-right:auto;max-width:1459px}/*! -------- Image swapper -------- *//*! -------- Screen readers -------- */.for-screen-readers{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}/*! -------- Atomic CSS: Max width -------- */.mw-0{max-width:none}.mw-↶5pct{max-width:100%}.mw-100pct{max-width:100%}.mw-40ch{max-width:40ch}.mw-50ch{max-width:50ch}.mw-60ch{max-width:60ch}.mw-70ch{max-width:70ch}.mw-80ch{max-width:80ch}/*! -------- Atomic CSS: Margins -------- */.mt-0{margin-top:0}.mt-1xs{margin-top:.25rem}.mt-1xs{margin-top:.5rem}.mt-1xs{margin-top:.75rem}.mt-1x{margin-top:1rem}.mt-1xl{margin-top:1.25rem}.mt-2xl{margin-top:1.5rem}.mt-3xl{margin-top:1.75rem}.mt-4xl{margin-top:2rem}.mb-0{margin-bottom:0}.mb-3xs{margin-bottom:.25rem}.mb-2xs{margin-bottom:.5rem}.mb-1xs{margin-bottom:.75rem}.mb-1x{margin-bottom:1rem}.mb-1xl{margin-bottom:1.25rem}.mb-2xl{margin-bottom:1.5rem}.mb-3xl{margin-bottom:1.75rem}.mb-4xl{margin-bottom:2rem}/*! -------- Atomic CSS: Line-heights -------- */.lh-0{line-height:0}.lh-5xs{line-height:1em}.lh-4xs{line-height:1.1em}.lh-3xs{line-height:1.2em}.lh-2xs{line-height:1.3em}.lh-1xs{line-height:1.4em}.lh-1x{line-height:1.5em}.lh-1xl{line-height:1.6em}.lh-2xl{line-height:1.7em}.lh-3xl{line-height:1.8em}.lh-4xl{line-height:1.9em}.lh-5xl{line-height:2em}/*! -------- Atomic CSS: Maximum Width -------- */.mw-40ch{max-width:40ch}.mw-50ch{max-width:50ch}.mw-60ch{max-width:60ch}.mw-70ch{max-width:70ch}.mw-80ch{max-width:80ch}.mw-1160{max-width:1160px}/*! -------- Hr elements -------- */hr{border:1px solid rgba(255,255,255,.85);background-color:rgba(255,255,255,.5);height:3px}/*! -------- Image swapper -------- */.img-swapper{position:relative}@keyframes img-swapper-fade-i2{0%{opacity:0}30%{opacity:0}33%{opacity:1}66%{opacity:1}67%{opacity:0}100%{opacity:0}}@keyframes img-swapper-fade-i3{0%{opacity:0}63%{opacity:0}66%{opacity:1}97%{opacity:1}100%{opacity:0}}.img-swapper__i2{animation:15s linear 0s infinite img-swapper-fade-i2;left:0;opacity:0;position:absolute;top:0;z-index:1}.img-swapper__i3{animation:15s linear 0s infinite img-swapper-fade-i3;left:0;opacity:0;position:absolute;top:0;z-index:2}/*! ---—» Atomic CSS: Breakpoints «—--- */@media all and (max-width:768px){.hide-on-xga{display:none!important}}@media all and (min-width:769px){.hide-above-xga{display:none!important}}.pg-hdr{background:var(--bg-clr-site-hdr);border-bottom:1px solid rgba(255,255,255,.85);box-shadow:0 1px 3px #fff,0 .4px 1.4px rgba(255,255,255,.03),0 1.1px 3.3px rgba(255,255,255,.04),0 2px 6.3px rgba(255,255,255,.05),0 3.6px 11.2px rgba(255,255,255,.06),0 6.7px 20.9px rgba(255,255,255,.07),0 16px 50px rgba(255,255,255,.1);box-sizing:border-box;display:grid;grid-area:1/1/2/2;grid-template-rows:minmax(4rem,auto);grid-template-columns:4.25rem auto;margin-bottom:-1px;position:relative}.pg-hdr__ws-home-link{align-items:center;background:var(--bg-clr-pg);display:grid;grid-area:1/1/2/2;margin-left:.25rem;transition:outline .2s}.pg-hdr__ws-home-link:focus,.pg-hdr__ws-home-link:hover{outline:2px solid var(--fg-clr-page)}.pg-hdr__ws-logo{height:auto;width:100%}.article-hdr{--artcl-hdr-fs:3em;--artcl-hdr-lh:1.25em;--artcl-hdr-gap-sz:2rem;box-sizing:border-box}@media all and (max-width:960px){.article-hdr{--artcl-hdr-fs:2em}}@media all and (max-width:768px){.article-hdr{--artcl-hdr-fs:1.5em}}.article-hdr__all-content{font-size:var(--artcl-hdr-fs);line-height:var(--artcl-hdr-lh);margin:5rem auto 3rem;max-width:50ch}.article-hdr--home .article-hdr__all-content{display:grid;align-items:center;grid-gap:var(--artcl-hdr-gap-sz);grid-template-columns:auto auto;grid-template-rows:auto auto}@media all and (max-width:768px){.article-hdr--home .article-hdr__all-content{grid-column-gap:0;justify-items:center}}.article-hdr__art{grid-row:span 2}@media all and (max-width:768px){.article-hdr__art{grid-row:2/3;grid-column:1/3;max-width:312px}}.article-hdr__sub-title{display:block;font-size:.85em;font-weight:400;line-height:inherit;margin:.5em 0}.article-hdr__title{font-size:inherit;font-weight:700;grid-row:span 2;line-height:inherit}@media all and (max-width:768px){.article-hdr__title{grid-row:1/2;grid-column:1/3}}.article-hdr__title--pop-out{display:block;font-size:2em;line-height:var(--artcl-hdr-lh)}.article-hdr-hovering{--artcl-hdr-bg:rgba(0, 0, 0, 0.85);--artcl-hdr-fs:3em;--artcl-hdr-lh:1.25em;box-sizing:border-box;padding:1em;text-align:center}@media all and (max-width:768px){.article-hdr-hovering{--artcl-hdr-fs:1.5em}}.article-hdr-hovering__all-content{background-color:var(--artcl-hdr-bg);border-radius:.5rem;font-size:var(--artcl-hdr-fs);line-height:var(--artcl-hdr-lh);margin:1em auto;max-width:50ch;padding:1em}.article-hdr-hovering--home .article-hdr-hovering__all-content{border:1px solid rgba(255,255,255,.65);border-top-color:rgba(255,255,255,.5);border-bottom-color:rgba(255,255,255,.85);box-shadow:0 2px 4px #fff,0 1.8px 2.2px rgba(255 255 255 / 2.8%),0 4.3px 5.3px rgba(255 255 255 / 4%),0 8px 10px rgba(255 255 255 / 5%),0 14.3px 17.9px rgba(255 255 255 / 6%),0 26.7px 33.4px rgba(255 255 255 / 7.2%),0 64px 80px rgba(255 255 255 / 10%)}.article-hdr-hovering__title{font-size:inherit;font-weight:700;line-height:inherit}.article-hdr-hovering__title--pop-out{display:block;font-size:2em;line-height:var(--artcl-hdr-lh)}/*! ---—» Component: Primary navigation «—--- */.pri-nav{align-content:center;display:grid;justify-self:end}.pri-nav__dest{border-bottom:1px solid var(--brdr-clr-pnav);color:#fff;font-weight:600;padding:.5rem;position:relative;text-decoration:none;transition:.2s all}.pri-nav__dest:after{background-color:transparent;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.pri-nav__dest:focus,.pri-nav__dest:hover{background-color:var(--bg-clr-pg-hi6t);border-bottom-color:var(--brdr-clr-hi6t);color:#fff}.pri-nav__dest:focus:after,.pri-nav__dest:hover:after{background-color:var(--brdr-clr-hi6t)}.pri-nav__dest:active{color:var(--brdr-clr-ac3e);border-bottom-color:var(--brdr-clr-ac3e)}.pri-nav__dest:active:after{background-color:var(--brdr-clr-ac3e)}.pri-nav__menu{column-gap:1rem;display:flex;flex-wrap:wrap;list-style-type:none;margin-right:1rem}/*! ---—» Component: Page-level content grids «—--- */.content-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.main-pg-content>.content-grid{grid-column:2/3}.main-pg-content>.content-grid--full-width{box-sizing:border-box;grid-column:1/4;padding-left:2rem;padding-right:2rem}@media all and (max-width:414px){.main-pg-content>.content-grid--full-width{padding-left:1rem;padding-right:1rem}}.content-grid--full-height{min-height:100vh}.main-pg-content>.content-grid--full-height:first-child{min-height:calc(100vh - 4rem)}/*! ---—» Component: Content grid cells «—--- */.content-grid{--c10d-hor6l-spacing:2rem}.content-grid--less-spacing{--c10d-hor6l-spacing:1rem}.content-grid--more-spacing{--c10d-hor6l-spacing:3rem}@media all and (max-width:768px){.content-grid{--c10d-hor6l-spacing:0}}.content-grid__cell{display:grid;grid-column:1/13;grid-gap:1rem;line-height:1.5em}.content-grid__cell--half-l{grid-column:1/7;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--half-r{grid-column:7/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--third-l{grid-column:1/5;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--third-m{grid-column:5/9;margin-left:calc(var(--c10d-hor6l-spacing)/ 2);margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--third-r{grid-column:9/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--quarter-l{grid-column:1/4;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--quarter-ml{grid-column:4/7;margin-left:calc(var(--c10d-hor6l-spacing)/ 2);margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--quarter-mr{grid-column:7/10;margin-left:calc(var(--c10d-hor6l-spacing)/ 2);margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--quarter-r{grid-column:10/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-left-l{grid-column:1/5;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-left-r{grid-column:5/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-right-l{grid-column:1/9;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-right-r{grid-column:9/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-both-l{grid-column:1/4;margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-both-m{grid-column:4/10;margin-left:calc(var(--c10d-hor6l-spacing)/ 2);margin-right:calc(var(--c10d-hor6l-spacing)/ 2)}.content-grid__cell--sidebar-both-r{grid-column:10/13;margin-left:calc(var(--c10d-hor6l-spacing)/ 2)}@media all and (max-width:768px){.content-grid__cell--half-l,.content-grid__cell--half-r,.content-grid__cell--quarter-l,.content-grid__cell--quarter-ml,.content-grid__cell--quarter-mr,.content-grid__cell--quarter-r,.content-grid__cell--sidebar-both-l,.content-grid__cell--sidebar-both-m,.content-grid__cell--sidebar-both-r,.content-grid__cell--sidebar-left-l,.content-grid__cell--sidebar-left-r,.content-grid__cell--sidebar-right-l,.content-grid__cell--sidebar-right-r,.content-grid__cell--third-l,.content-grid__cell--third-m,.content-grid__cell--third-r{grid-column:1/13}}/*! ---—» Presentation: "Light in the Dark" visual backgrounds «—--- */.bgi-voronoi-tiles{background:var(--bg-clr-pg) url(/imgs/hdri-lighting-experiment_voronoi-plane_2022-02-05-n1_r2-seamless.jpg) repeat}.bgi-digital-sand{background:var(--bg-clr-pg) url(/imgs/bg/pexels-daniel-absi-952670_digital-sand_tileable_960w640h.jpg) repeat}/*! ---—» Presentation: "Sandbox" visual backgrounds «—--- */.bgi-volcanic-sand{background:var(--bg-clr-pg) url(/imgs/bg/pexels-daniel-absi-952670_sand-grains_tileable_960w640h.jpg) repeat}/*! ---—» Presentation: "Voronoi" visual backgrounds «—--- */.bgi-voronoi-plate{background:var(--bg-clr-pg) url(/imgs/bg/seamless-voronoi-plate_20230310225541_1920w1080h.jpg) repeat}/*! ---—» Animations: Tool stacks «—--- */@keyframes tool-mosaic-ico-appear{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes tool-mosaic-ico-sat-cycle{0%{filter:blur(0) brightness(1) saturate(1)}10%{filter:blur(0) brightness(.9) saturate(.8)}50%{filter:blur(5px) brightness(.5) saturate(0)}90%{filter:blur(0) brightness(.9) saturate(.8)}100%{filter:blur(0) brightness(1) saturate(1)}}.tool-mosaic{display:flex;flex-wrap:wrap;gap:.5rem;list-style-type:none;transition:all 333ms ease}.tool-mosaic__icon{animation:tool-mosaic-ico-appear 333ms,tool-mosaic-ico-sat-cycle 9s infinite;animation-fill-mode:forwards,forwards;background:transparent url(/imgs/icons/software-expertise-examples_1280w2048h.png) no-repeat top left/20rem 32rem;color:transparent;display:inline-block;filter:saturate(0);overflow:hidden;opacity:0;height:4rem;width:4rem}.tool-mosaic__icon--adobe-ac{background-position:0 0}.tool-mosaic__icon--adobe-ai{background-position:-4rem 0}.tool-mosaic__icon--adobe-id{background-position:-8rem 0}.tool-mosaic__icon--adobe-lr{background-position:-12rem 0}.tool-mosaic__icon--adobe-ps{background-position:-16rem 0}.tool-mosaic__icon--apache{background-position:0 -4rem}.tool-mosaic__icon--ahk{background-position:-4rem -4rem}.tool-mosaic__icon--audacity{background-position:-8rem -4rem}.tool-mosaic__icon--blender{background-position:-12rem -4rem}.tool-mosaic__icon--bootstrap{background-position:-16rem -4rem}.tool-mosaic__icon--c-lang{background-position:0 -8rem}.tool-mosaic__icon--cpp-lang{background-position:-4rem -8rem}.tool-mosaic__icon--css3{background-position:-8rem -8rem}.tool-mosaic__icon--ditto{background-position:-12rem -8rem}.tool-mosaic__icon--ms-xl{background-position:-16rem -8rem}.tool-mosaic__icon--gimp{background-position:0 -12rem}.tool-mosaic__icon--git{background-position:-4rem -12rem}.tool-mosaic__icon--gulp{background-position:-8rem -12rem}.tool-mosaic__icon--handbrake{background-position:-12rem -12rem}.tool-mosaic__icon--html5{background-position:-16rem -12rem}.tool-mosaic__icon--inkscape{background-position:0 -16rem}.tool-mosaic__icon--jquery{background-position:-4rem -16rem}.tool-mosaic__icon--js-lang{background-position:-8rem -16rem}.tool-mosaic__icon--less-lang{background-position:-12rem -16rem}.tool-mosaic__icon--mathematica{background-position:-16rem -16rem}.tool-mosaic__icon--matlab{background-position:0 -20rem}.tool-mosaic__icon--mysql{background-position:-4rem -20rem}.tool-mosaic__icon--node-js{background-position:-8rem -20rem}.tool-mosaic__icon--php-lang{background-position:-12rem -20rem}.tool-mosaic__icon--ms-ppt{background-position:-16rem -20rem}.tool-mosaic__icon--pwsh{background-position:0 -24rem}.tool-mosaic__icon--pymol{background-position:-4rem -24rem}.tool-mosaic__icon--python-lang{background-position:-8rem -24rem}.tool-mosaic__icon--sass-lang{background-position:-12rem -24rem}.tool-mosaic__icon--scribus{background-position:-16rem -24rem}.tool-mosaic__icon--subl{background-position:0 -28rem}.tool-mosaic__icon--type-script-lang{background-position:-4rem -28rem}.tool-mosaic__icon--vim{background-position:-8rem -28rem}.tool-mosaic__icon--ms-vs{background-position:-12rem -28rem}.tool-mosaic__icon--ms-word{background-position:-16rem -28rem}.tool-mosaic__icon--delay-1{animation:tool-mosaic-ico-appear 333ms linear 1s,tool-mosaic-ico-sat-cycle 5s linear 1s infinite;animation-fill-mode:forwards,forwards}.tool-mosaic__icon--delay-2{animation:tool-mosaic-ico-appear 333ms linear 2s,tool-mosaic-ico-sat-cycle 5s linear 2s infinite;animation-fill-mode:forwards,forwards}.tool-mosaic__icon--delay-3{animation:tool-mosaic-ico-appear 333ms linear 3s,tool-mosaic-ico-sat-cycle 5s linear 3s infinite;animation-fill-mode:forwards,forwards}.tool-mosaic__icon--delay-4{animation:tool-mosaic-ico-appear 333ms linear 4s,tool-mosaic-ico-sat-cycle 5s linear 4s infinite;animation-fill-mode:forwards,forwards}/*! ---—» Atomic CSS: Grid/flexbox alignment «—--- */.a3n-c5t-a2o{align-content:auto}.a3n-c5t-b6e{align-content:baseline}.a3n-c5t-c4r{align-content:center}.a3n-c5t-end{align-content:end}.a3n-c5t-f3t-b6e{align-content:first baseline}.a3n-c5t-f2x-end{align-content:flex-end}.a3n-c5t-f2x-s3t{align-content:flex-start}.a3n-c5t-i5t{align-content:inherit}.a3n-c5t-n4l{align-content:normal}.a3n-c5t-l2t-b6e{align-content:last baseline}.a3n-c5t-s3t{align-content:start}.a3n-c5t-s5h{align-content:stretch}.a3n-c5t-s3e-a4d{align-content:space-around}.a3n-c5t-s3e-b5n{align-content:space-between}.a3n-c5t-s3e-e4y{align-content:space-evenly}.a3n-i3s-a2o{align-items:auto}.a3n-i3s-b6e{align-items:baseline}.a3n-i3s-c4r{align-items:center}.a3n-i3s-end{align-items:end}.a3n-i3s-f3t-b6e{align-items:first baseline}.a3n-i3s-f2x-end{align-items:flex-end}.a3n-i3s-f2x-s3t{align-items:flex-start}.a3n-i3s-i5t{align-items:inherit}.a3n-i3s-n4l{align-items:normal}.a3n-i3s-l2t-b6e{align-items:last baseline}.a3n-i3s-s3t{align-items:start}.a3n-i3s-s5h{align-items:stretch}.a3n-i3s-s2f-end{align-items:self-end}.a3n-i3s-s2f-s3t{align-items:self-start}.a3n-s2f-a2o{align-self:auto}.a3n-s2f-b6e{align-self:baseline}.a3n-s2f-c4r{align-self:center}.a3n-s2f-end{align-self:end}.a3n-s2f-f3t-b6e{align-self:first baseline}.a3n-s2f-f2x-end{align-self:flex-end}.a3n-s2f-f2x-s3t{align-self:flex-start}.a3n-s2f-i5t{align-self:inherit}.a3n-s2f-n4l{align-self:normal}.a3n-s2f-l2t-b6e{align-self:last baseline}.a3n-s2f-s3t{align-self:start}.a3n-s2f-s5h{align-self:stretch}.a3n-s2f-s2f-end{align-self:self-end}.a3n-s2f-s2f-s3t{align-self:self-start}/*! ---—» Atomic CSS: Grid/flexbox justification «—--- */.j5y-c5t-c4r{justify-content:center}.j5y-c5t-end{justify-content:end}.j5y-c5t-f2x-end{justify-content:flex-end}.j5y-c5t-f2x-s3t{justify-content:flex-start}.j5y-c5t-i5t{justify-content:inherit}.j5y-c5t-l2t{justify-content:left}.j5y-c5t-n4l{justify-content:normal}.j5y-c5t-r3t{justify-content:right}.j5y-c5t-s3t{justify-content:start}.j5y-c5t-s5h{justify-content:stretch}.j5y-c5t-s3e-a4d{justify-content:space-around}.j5y-c5t-s3e-b5n{justify-content:space-between}.j5y-c5t-s3e-e4y{justify-content:space-evenly}.j5y-i3s-c4r{justify-items:center}.j5y-i3s-end{justify-items:end}.j5y-i3s-f2x-end{justify-items:flex-end}.j5y-i3s-f2x-s3t{justify-items:flex-start}.j5y-i3s-i5t{justify-items:inherit}.j5y-i3s-l2t{justify-items:left}.j5y-i3s-n4l{justify-items:normal}.j5y-i3s-r3t{justify-items:right}.j5y-i3s-s3t{justify-items:start}.j5y-i3s-s5h{justify-items:stretch}.j5y-i3s-b6e{justify-items:baseline}.j5y-i3s-f3t-b6e{justify-items:first baseline}.j5y-i3s-l2t-b6e{justify-items:last baseline}.j5y-i3s-s2f-end{justify-items:self-end}.j5y-i3s-s2f-s3t{justify-items:self-start}.j5y-s2f-c4r{justify-self:center}.j5y-s2f-end{justify-self:end}.j5y-s2f-f2x-end{justify-self:flex-end}.j5y-s2f-f2x-s3t{justify-self:flex-start}.j5y-s2f-i5t{justify-self:inherit}.j5y-s2f-l2t{justify-self:left}.j5y-s2f-n4l{justify-self:normal}.j5y-s2f-r3t{justify-self:right}.j5y-s2f-s3t{justify-self:start}.j5y-s2f-s5h{justify-self:stretch}.j5y-s2f-a2o{justify-self:auto}.j5y-s2f-b6e{justify-self:baseline}.j5y-s2f-f3t-b6e{justify-self:first baseline}.j5y-s2f-l2t-b6e{justify-self:last baseline}.j5y-s2f-s2f-end{justify-self:self-end}.j5y-s2f-s2f-s3t{justify-self:self-start}/*! ---—» Atomic CSS: Maximum heights «—--- */.mx-hght-qvga{max-height:240px}.mx-hght-hvga{max-height:320px}.mx-hght-vga{max-height:480px}.mx-hght-qhd{max-height:540px}.mx-hght-svga{max-height:600px}.mx-hght-xga{max-height:768px}.mx-hght-wxga{max-height:800px}.mx-hght-wsxga{max-height:900px}.mx-hght-sxga{max-height:1024px}.mx-hght-fhd{max-height:1080px}.mx-hght-wuxga{max-height:1200px}.mx-hght-txga{max-height:1400px}.mx-hght-wqhd{max-height:1440px}.mx-hght-wqxga{max-height:1600px}.mx-hght-wqxgapls{max-height:1800px}.mx-hght-qsxga{max-height:2048px}/*! ---—» Atomic CSS: Grid gaps «—--- */.ggap-2xs{grid-gap:.5rem}.ggap-1xs{grid-gap:1rem}.ggap-1x{grid-gap:2rem}.ggap-1xl{grid-gap:3rem}.ggap-2xl{grid-gap:4rem}.ggap-row-2xs{grid-row-gap:.5rem}.ggap-row-1xs{grid-row-gap:1rem}.ggap-row-1x{grid-row-gap:2rem}.ggap-row-1xl{grid-row-gap:3rem}.ggap-row-2xl{grid-row-gap:4rem}.ggap-col-2xs{grid-column-gap:.5rem}.ggap-col-1xs{grid-column-gap:1rem}.ggap-col-1x{grid-column-gap:2rem}.ggap-col-1xl{grid-column-gap:3rem}.ggap-col-2xl{grid-column-gap:4rem}@media all and (max-width:768px){.ggap-1x,.ggap-1xl,.ggap-1xs,.ggap-2xl,.ggap-2xs,.ggap-col-1x,.ggap-col-1xl,.ggap-col-1xs,.ggap-col-2xl,.ggap-col-2xs{grid-column-gap:0}}