@charset "UTF-8";@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../assets/fonts/lato-v20-latin-regular.woff2) format("woff2"),url(../assets/fonts/lato-v20-latin-regular.woff) format("woff")}@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:local(""),url(../assets/fonts/lato-v20-latin-italic.woff2) format("woff2"),url(../assets/fonts/lato-v20-latin-italic.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(../assets/fonts/lato-v20-latin-700.woff2) format("woff2"),url(../assets/fonts/lato-v20-latin-700.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../assets/fonts/lora-v26-latin-regular.woff2) format("woff2"),url(../assets/fonts/lora-v26-latin-regular.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:local(""),url(../assets/fonts/lora-v26-latin-600.woff2) format("woff2"),url(../assets/fonts/lora-v26-latin-600.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(../assets/fonts/lora-v26-latin-700.woff2) format("woff2"),url(../assets/fonts/lora-v26-latin-700.woff) format("woff")}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../assets/fonts/source-code-pro-v22-latin-regular.woff2) format("woff2"),url(../assets/fonts/source-code-pro-v22-latin-regular.woff) format("woff")}:root{--color-primary-100:hsl(304,72%,80%);--color-primary-300:hsl(304,72%,64%);--color-primary-500:hsl(304,72%,54%);--color-primary-darker:hsl(304,72%,34%);--color-primary-dark:hsl(304,72%,15%);--color-secondary:#ffeadb;--color-tertiary:#E0CA3C;--color-support:hsl(172, 71%, 25%);--color-rss-1:hsl(142, 69%, 50%);--color-rss-2:hsl(142, 66%, 30%);--color-lightest:rgb(255, 255, 255);--color-gray-100:rgba(39, 41, 50, .1);--color-gray-200:rgba(39, 41, 50, .2);--color-gray-300:rgba(39, 41, 50, .3);--color-gray-400:rgba(39, 41, 50, .4);--color-gray-500:rgba(39, 41, 50, .5);--color-gray-600:rgba(39, 41, 50, .6);--color-gray-700:rgba(39, 41, 50, .7);--color-gray-800:rgba(39, 41, 50, .8);--color-gray-900:rgba(39, 41, 50, .9);--color-gray-1000:rgb(39, 41, 50);--color-darkest:rgb(39, 41, 50);--color-text:rgb(50, 50, 50);--color-text-light:rgb(70, 70, 70);--color-text-lightest:rgb(100, 100, 100);--color-bg:var(--color-lightest);--color-divider:var(--color-gray-200);--logo-bg:hsl(304,72%,54%);--orb-home-1:#ffeadb;--orb-home-2:#e6d4ff;--image-gradient:rgba(255,255,255,.7);--12px:.75rem;--13px:.813rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.438rem;--24px:1.5rem;--25px:1.563rem;--26px:1.625rem;--27px:1.688rem;--28px:1.75rem;--29px:1.813rem;--30px:1.875rem;--31px:1.938rem;--32px:2rem;--33px:2.063rem;--34px:2.125rem;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px;--spacing-7:48px;--spacing-8:64px;--spacing-9:96px;--spacing-10:144px;--default-lh:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family-base:"Lora",Helvetica,Arial,sans-serif;--font-family-heading:"Lato",serif;--font-size-base:clamp(1rem, .46vw + .91rem, 1.31rem);--line-height-base:clamp(1.63rem, .74vw + 1.48rem, 2.13rem);--font-size-h1:clamp(1.31rem, 3.15vw + .68rem, 3.44rem);--line-height-h1:clamp(1.63rem, 3.61vw + .9rem, 4.06rem);--font-size-h2:clamp(1.25rem, 1.11vw + 1.03rem, 2rem);--line-height-h2:clamp(1.56rem, 1.39vw + 1.28rem, 2.5rem);--font-size-h3:clamp(1.13rem, .93vw + .94rem, 1.75rem);--line-height-h3:clamp(1.44rem, 1.48vw + 1.14rem, 2.44rem);--font-size-h4:clamp(1rem, .37vw + .93rem, 1.25rem);--line-height-h4:clamp(1.38rem, .19vw + 1.34rem, 1.5rem);--font-size-h5:clamp(1rem, .09vw + .98rem, 1.06rem);--line-height-h5:clamp(1.38rem, .19vw + 1.34rem, 1.5rem);--font-size-lead:clamp(1.13rem, .74vw + .98rem, 1.63rem);--line-height-lead:clamp(1.75rem, 1.11vw + 1.53rem, 2.5rem);--font-size-sm:clamp(.75rem, .19vw + .71rem, .88rem);--line-height-sm:clamp(1.25rem, .19vw + 1.21rem, 1.38rem);--font-size-xs:clamp(.69rem, .09vw + .67rem, .75rem);--line-height-xs:clamp(.94rem, .09vw + .92rem, 1rem);--link-color:var(--color-primary-darker);--link-color-hover:var(--color-primary-500);--link-color-visited:var(--color-primary-dark);--header-height:80px;--header-bg:var(--color-lightest);--logo-color:var(--color-darkest);--article-spacing:var(--spacing-4);--prism-text:#222;--prism-bg:#fcfcfc;--prism-punctuation:#bc0376;--prism-blue:#05618f;--prism-pink:#eb007d;--prism-purple-light:#7b5296;--prism-css-color:#f93d04;--prism-purple:#691b7a;--prism-purple-on-dark:#ff00d6;--prism-green:#5d8a1c;--prism-yellow:#a24c05;--prism-comment:#616161;--prism-regex:#6d3a00;--prism-border-color:#eee}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--default-lh);background-color:var(--color-bg);color:var(--color-darkest)}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;width:100%;max-inline-size:100%;block-size:auto;border-radius:4px}video{width:100%;height:auto;max-inline-size:100%;aspect-ratio:16/9;object-fit:contain}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;white-space:nowrap;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.sr-only-focusable{transform:translateY(-100%);transition:transform .24s ease-out}.sr-only-focusable:active,.sr-only-focusable:focus{position:fixed;top:0;width:100%;height:auto;padding:var(--spacing-4);white-space:normal;color:var(--color-lightest);text-align:center;overflow:visible;clip:auto;clip-path:none;background:var(--color-support);transform:translateY(0);outline:0;z-index:1000000}.container{margin-inline:auto;width:100%;max-width:1600px;padding-inline:var(--spacing-4)}@media (min-width:576px){.container{padding-inline:var(--spacing-6)}}@media (min-width:768px){.container{padding-inline:var(--spacing-7)}}@media (min-width:1200px){.container{padding-inline:var(--spacing-8)}}.page-main{position:relative;z-index:1}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}.h1,h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold)}.h1.medium,h1.medium{--font-size-h1:clamp(1.63rem, 1.3vw + 1.37rem, 2.5rem);--line-height-h1:clamp(1.88rem, 2.31vw + 1.41rem, 3.44rem)}.h2,h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-semibold)}.h3,h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold)}.h4,h4{font-family:var(--font-family-heading);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-semibold)}.h5,h5{font-family:var(--font-family-heading);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-regular)}p{margin:0 0 clamp(1.38rem,.56vw + 1.26rem,1.75rem)}.text-reset{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-regular)}.lead{font-size:var(--font-size-lead);line-height:var(--line-height-lead);font-weight:var(--font-weight-regular);color:var(--color-text-light)}.small,label,small{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-regular)}strong{font-weight:var(--font-weight-semibold)}blockquote{display:block;background:#fff;padding:15px 20px 15px 45px;margin:0 0 20px;position:relative;line-height:1.4;color:#444;text-align:justify;border-left:15px solid var(--color-primary-500);border-right:2px solid var(--color-primary-500);-moz-box-shadow:2px 2px 15px #ccc;-webkit-box-shadow:2px 2px 15px #ccc;box-shadow:2px 2px 15px #ccc}blockquote p{margin:0}blockquote:before{content:"“";font-family:Georgia,serif;font-size:60px;font-weight:700;color:#666;position:absolute;left:10px;top:5px}blockquote:after{content:""}blockquote a{text-decoration:none;background:#eee;cursor:pointer;padding:0 3px;color:var(--color-primary-500)}blockquote a:hover{color:#666}blockquote cite{font-style:italic}.list-unstyled,.nav-list{padding:0;margin:0;list-style:none}.alert{--_background:var(--background, var(--color-gray-200));--_color:var(--color, var(--color-darkest));position:relative;padding:var(--spacing-3);border-radius:8px;background:var(--_background);color:var(--_color)}.alert p{margin:0}.alert-success{--background:#88dc9b;--color:#024910}.alert-warning{--background:#ffeeba;--color:#5b4500}.alert-error{--background:#f8d7da;--color:#721c24}.rte .alert a,.rte .alert a:link,.rte .alert a:visited,.rte .alert ul li::marker{color:var(--_color)}.rte .alert a:active,.rte .alert a:hover{opacity:.9}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:100% 0}}@keyframes backgroundMoveOut{0%{background-position:100% 0}to{background-position:0 0}}.btn{--btn-padding-x:var(--spacing-3);--btn-padding-y:var(--spacing-2);--btn-icon-gap:var(--spacing-3);--btn-font-size:var(--13px);--btn-font-line-height:var(--20px);--btn-bg:var(--color-primary-darker);--btn-color:#FFF;position:relative;display:inline-flex;align-items:center;padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-heading);font-size:var(--btn-font-size);line-height:var(--btn-line-height);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background-color:var(--btn-bg);background-image:linear-gradient(315deg,var(--color-primary-darker) 0,var(--color-primary-500) 90%);color:var(--btn-color);border-radius:4px;border:none;cursor:pointer;background-size:200%;overflow-y:hidden;animation:.8s backgroundMoveOut}.btn>span{position:relative;display:flex;width:100%;height:100%}.btn>span:after,.btn>span:before{position:absolute;content:"";left:0;bottom:0;box-shadow:4px 4px 6px #ffffffe6,-4px -4px 6px #c8c8c8b3,inset -4px -4px 6px #ffffffe6,inset 4px 4px 6px #c8c8c8cc;transition:.3s}.btn:after,.btn:before{position:absolute;content:"";right:0;top:0;transition:.3s}.btn:before{height:0%;width:.1px}.btn:after{width:0%;height:.1px;box-shadow:4px 4px 6px #ffffffe6,-4px -4px 6px #c8c8c8b3,inset -4px -4px 6px #ffffffe6,inset 4px 4px 6px #c8c8c8cc}.btn:focus,.btn:hover{--btn-bg:var(--color-primary-500);animation:.8s forwards backgroundMove}.btn:focus:before,.btn:hover:before{height:100%}.btn:focus:after,.btn:hover:after{width:100%}.btn:focus span:before,.btn:hover span:before{height:100%}.btn:focus span:after,.btn:hover span:after{width:100%}.btn.has-icon>span{gap:var(--btn-icon-gap);align-items:center}.btn:active,.btn:focus,.btn:hover,.btn:link,.btn:visited{color:var(--btn-color)}.btn em{margin-left:4px}.btn-secondary{background-image:linear-gradient(315deg,var(--color-primary-dark) 0,var(--color-primary-darker) 90%)}.btn-rss{--btn-bg:var(--color-rss-1);width:100%;background-image:linear-gradient(315deg,var(--color-rss-1) 0,var(--color-rss-2) 90%)}.btn-rss:focus,.btn-rss:hover{--btn-bg:var(--color-rss-2)}.btn-rss span{display:flex;justify-content:space-between;align-items:center}.btn-menu{display:block;position:fixed;right:16px;bottom:16px;width:70px;height:70px;padding:0;border-radius:50%;border:none;background-color:var(--color-primary-500);z-index:100;box-shadow:#00000059 0 5px 15px;transition:background-color .24s ease-out}.btn-menu:hover{background-color:var(--color-primary-darker)}.btn-menu:after{display:none}@media screne and (min-width:1025px){.btn-menu.is-active{right:26px}}.btn-menu-close{position:absolute;right:16px;bottom:16px;width:70px;height:70px;text-align:center;padding:0;border-radius:50%;border:none;color:#fff;background-color:var(--color-primary-darker);box-shadow:#959da533 0 8px 24px;opacity:0}@media screen and (min-width:1025px){.btn-menu-close{right:26px}}.btn-menu-close .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px}.btn-menu-close:after{display:none}.hamburger{display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.hamburger,.hamburger:after,.hamburger:before{width:30px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger:after,.hamburger:before{content:"";display:block;transition:bottom 80ms ease-out,top 80ms ease-out,opacity linear}.hamburger:before{top:-9px}.hamburger:after{bottom:-9px}.is-active .hamburger:after,.is-active .hamburger:before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 80ms linear}.is-active .hamburger:before{top:0}.is-active .hamburger:after{bottom:0}.btn-link{background:0 0;border:none;text-decoration:underline;cursor:pointer;color:#333}.dark .btn-menu{background-color:var(--color-primary-darker)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-gray-600);border-radius:4px;font-family:var(--font-family-heading);text-decoration:none;color:var(--color-gray-800);background-color:var(--color-lightest);transition:background-color .5s,color .5s,border-color .5s}.badge:link,.badge:visited{color:var(--color-gray-800)}.badge:focus,.badge:hover{color:#fff;background-color:var(--color-secondary)}.badge.active{color:#fff;background-color:var(--color-primary-darker);border:1px solid var(--color-primary-darker)}.badge-usp{position:relative;display:flex;justify-content:center;width:100%;aspect-ratio:4/3;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);background:var(--color-lightest);border:none}.badge-usp:link,.badge-usp:visited{color:var(--color-gray-800)}.badge-usp.active,.badge-usp:focus,.badge-usp:hover{color:var(--color-lightest);background-image:radial-gradient(closest-side at 50% 50%,rgba(255,255,255,.1),transparent)}.badge-html.active,.badge-html:is(:hover,:focus){background-color:#5a5ac6;border-color:#5a5ac6}.badge-css.active,.badge-css:is(:hover,:focus,:active){background-color:#d44f4f;border-color:#d44f4f}.badge-ui.active,.badge-ui:is(:hover,:focus,:active),.badge-ux.active,.badge-ux:is(:hover,:focus,:active){background-color:#d4c24f;border-color:#d4c24f}.badge-javascript.active,.badge-javascript:is(:hover,:focus,:active){background-color:#4fd451;border-color:#4fd451}.badge-general.active,.badge-general:is(:hover,:focus,:active){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.badge-accessibility.active,.badge-accessibility:is(:hover,:focus,:active),.badge-design.active,.badge-design:is(:hover,:focus,:active){background-color:#864fd4;border-color:#864fd4}.badge-life.active,.badge-life:is(:hover,:focus,:active){background-color:#5db596;border-color:#5db596}.badge-photography.active,.badge-photography:is(:hover,:focus,:active){background-color:#006d00;border-color:#006d00}.dark .badge-general.active,.dark .badge-general:is(:hover,:focus,:active){background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.blur-container{backdrop-filter:blur(13px);box-shadow:#0000000f 0 10px 36px,#0000000f 0 0 0 1px}a{transition:background-color .4s,color .4s;text-underline-offset:.3em}a.nav-link:visited,a:link{color:var(--link-color)}a:visited{color:var(--link-color-visited)}a:focus,a:hover{color:var(--link-color-hover)}.btn:focus-within,a:focus-within{outline-color:var(--color-primary-100)}.icon{display:inline-block;min-width:var(--24px);width:var(--24px);height:var(--24px)}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid var(--color-gray-500);opacity:1;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.embed{width:100%}.embed>*{aspect-ratio:4/3;width:100%;height:100%;border:0}.embed p{aspect-ratio:auto}.card-clickable{position:relative;cursor:pointer}.card-clickable:active .card-action,.card-clickable:hover .card-action{--btn-bg:var(--color-primary-500);animation:.8s forwards backgroundMove}.card-clickable:active .card-action span:before,.card-clickable:active .card-action:before,.card-clickable:hover .card-action span:before,.card-clickable:hover .card-action:before{height:100%}.card-clickable:active .card-action span:after,.card-clickable:hover .card-action span:after{width:100%}.card-clickable .card-action{position:static}.card-clickable .card-action:before{display:none}.card-clickable .card-action:after{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;box-shadow:none;z-index:1}.cookie-manage-wrap{background-size:cover;background-position:50%;position:fixed;display:flex;height:100vh;z-index:100;justify-content:center;align-items:center;inset:0}.cookie-wrapper{background-color:#000;opacity:.8;position:absolute;inset:0}.cookie-manage{position:relative;background-color:#fff;color:#333;max-width:800px;margin:0 auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:var(--spacing-5);border-radius:4px}.cookie-manage .cookie-title{color:inherit!important}.cookie-manage .button-group{display:flex;justify-content:space-between;align-items:center}.nav-primary{display:flex;justify-content:flex-end}.nav-primary .nav-list{display:flex;justify-content:flex-end;align-items:center}@media (min-width:1024px){.nav-primary .nav-list{gap:var(--spacing-4)}:root{--header-height:90px}}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width:767px){.nav-primary{display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);z-index:-1;opacity:0}.nav-primary.open{display:block;width:100%;z-index:700;animation:.5s ease-out forwards fadeIn}}.nav-primary .nav-list{display:flex}.nav-primary .nav-link{display:block;text-align:center;padding:var(--spacing-5);text-decoration:none;text-transform:uppercase;font-size:var(--17px);line-height:1;font-weight:var(--font-weight-semibold);letter-spacing:.02em}@media (min-width:768px){.embed>*{aspect-ratio:16/9}.embed p{aspect-ratio:auto}.nav-primary .nav-link{text-align:left;padding-block:var(--spacing-2);padding-inline:.8rem;border-bottom:3px solid transparent;transition:border .3s}}@media screen and (max-width:767px){.nav-primary .nav-list{display:block}.nav-primary .nav-item{border-top:.1rem solid var(--color-primary-dark)}.nav-primary .nav-item:first-child{border:none}.nav-primary .nav-link,.nav-primary .nav-link:visited{color:#fff}.nav-primary .nav-link:focus,.nav-primary .nav-link:hover{color:var(--color-primary-dark)}.nav-primary .nav-link.active{width:100%;color:#222}}@keyframes menuBackdrop{50%{right:0;bottom:0}to{width:100%;height:100%;border-radius:0;right:0;bottom:0}}.menu-backdrop{display:none;position:fixed;right:16px;bottom:16px;width:70px;height:70px;padding:0;border-radius:50%;background-color:var(--color-primary-500);z-index:600;box-shadow:#64646f33 0 7px 29px;opacity:0}.menu-backdrop.open{display:block!important;opacity:1;animation:.3s ease-out forwards menuBackdrop}.menu-backdrop.open .btn-menu-close{animation:.3s ease-out .3s forwards fadeIn}@media (prefers-reduced-motion:reduce){.menu-backdrop.open{animation-duration:0s}.menu-backdrop.open .btn-menu-close{animation-duration:0s;animation-delay:0s}}.dark .menu-backdrop{background-color:var(--color-primary-darker)}@media screen and (min-width:768px){.nav-primary .nav-link:active,.nav-primary .nav-link:hover{border-color:var(--color-primary-300)}.nav-primary .nav-link.active{border-color:var(--color-primary-100)}.nav-primary .nav-link.active:focus,.nav-primary .nav-link.active:hover{color:var(--color-link)}.dark .nav-primary .nav-link.active:focus,.dark .nav-primary .nav-link.active:hover{color:var(--color-primary-500)}}.nav-category{width:100%;margin-top:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-primary-100);border-radius:4px}.nav-category .nav-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.nav-category .badge{padding:var(--spacing-2) var(--spacing-3);font-size:var(--14px);line-height:1;text-transform:uppercase}.nav-page{margin-top:var(--article-spacing);padding-top:var(--article-spacing);border-top:1px solid var(--color-gray-400);display:flex;justify-content:space-between}.nav-page a{font-family:var(--font-family-heading);display:flex;gap:var(--spacing-2);align-items:center;text-decoration:none}.nav-page a .icon{transition:transform .5s}.nav-page a:focus .icon,.nav-page a:hover .icon{transform:translate(8px)}.nav-page a.previous:focus .icon,.nav-page a.previous:hover .icon{transform:translate(-8px)}.nav-page .next{margin-left:auto}.breadcrumb{padding-block:var(--spacing-3);border-bottom:1px solid var(--color-divider);font-weight:var(--font-weight-semibold);letter-spacing:.03em}.breadcrumb .nav-list{display:inline-flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.breadcrumb .nav-item{display:flex;align-items:center}.breadcrumb .nav-item:last-child{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray-800);min-width:0}.breadcrumb .nav-link{text-decoration:none}.breadcrumb .nav-link:link,.breadcrumb .nav-link:visited{color:var(--color-primary-darker)}.breadcrumb .nav-link:focus,.breadcrumb .nav-link:hover{color:var(--color-primary-500)}.breadcrumb .icon{width:8px;height:8px;margin-inline:var(--spacing-2)}.dark .breadcrumb .nav-link{text-decoration:none}.dark .breadcrumb .nav-link:link,.dark .breadcrumb .nav-link:visited{color:var(--color-primary-500)}.dark .breadcrumb .nav-link:focus,.dark .breadcrumb .nav-link:hover{color:var(--color-primary-300)}.dark .breadcrumb .icon{color:var(--color-gray-800)}.form-group{position:relative}.form-group label{font-size:var(--font-size-base)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-3);background-color:var(--color-lightest);color:var(--color-gray-700);border:1px solid var(--color-gray-500);font-family:var(--font-family-heading);font-size:var(--16px);line-height:var(--24px);border-radius:4px;caret-color:var(--color-primary-500);outline-color:var(--color-primary-darker)}.form-group input:focus,.form-group textarea:focus{border:1px solid var(--color-gray-900);transform:scale(1.004)}.form-group textarea{resize:vertical;min-height:160px}.icon-search{position:absolute;top:8px;bottom:0;right:0;display:flex;align-items:center;justify-content:center;gap:0;width:40px;padding:0;border-radius:0 3px 3px 0}.icon-search>span{justify-content:center;align-items:center}.buy-coffee{margin-block-start:var(--spacing-4);padding-block-start:var(--spacing-4);border-top:1px solid var(--color-gray-100)}.buy-coffee .btn-container{width:100%}.buy-coffee .kofi-button{display:flex;width:100%;justify-content:space-between;transition:opacity .4s ease-out;border-radius:3px}.kofitext img.kofiimg{animation:none!important}.io{--logo-color:black;--background-color:white;display:grid;grid-template-columns:auto auto;justify-content:start;gap:8px;transform:translate(50%);transform-origin:center center;cursor:pointer}.io .path{background:var(--logo-color);background-image:var(--background-image,none);background-size:var(--background-size,auto)}.io .path-1{width:27px;height:35px;margin-left:6px;clip-path:path("M2.38.154c-5.96 13.4.06 29.09 13.46 35.06l10.8-24.26L2.38.154Z");transform:translate(-78%) translateY(96.95%) rotate(-24deg);opacity:0;transform-origin:bottom right}.io .path-2{width:38px;height:60px;clip-path:path("M 21.648 .1 L .108 48.48 L 24.368 59.28 L 35.108 35.15 C 41.068 21.76 35.038 6.06 21.648 .1 Z");transform:translate(calc(100vw + 100%)) rotate(-24deg);transform-origin:bottom right}.io .path-3{margin-top:3px;width:92px;height:93px;clip-path:path("M 46.404 23.66 C 59.014 23.66 69.264 33.92 69.264 46.52 C 69.264 59.12 59.004 69.38 46.404 69.38 C 33.804 69.38 23.544 59.12 23.544 46.52 C 23.544 33.92 33.804 23.66 46.404 23.66 M 46.404 .8 C 21.154 .8 .684 21.27 .684 46.52 C .684 71.77 21.154 92.24 46.404 92.24 C 71.654 92.24 92.124 71.77 92.124 46.52 C 92.134 21.27 71.664 .8 46.404 .8 Z");transform:translate(calc(100vw + 100%)) scaleX(1)}.io.run-animation{animation:.15s 1.5s forwards moveCanvas}.io.run-animation .path-1{animation:2s forwards top-i}.io.run-animation .path-2{animation:2s forwards bottom-i}.io.run-animation .path-3{animation:2s forwards right-o}@media (prefers-reduced-motion:reduce){.io{transform:translate(0)}.io .path-1{transform:translate(0) translateY(0) rotate(0);opacity:1}.io .path-2{transform:translate(0) translateY(0) rotate(0)}.io .path-3{transform:translate(0) scaleX(1)}}.dark .io{--logo-color:white;--background-color:black}@keyframes moveCanvas{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes top-i{0%,47%{transform:translate(-100%) translateY(96.95%) rotate(-24deg);opacity:0}48%,56%{transform:translate(-100%) translateY(96.95%) rotate(-24deg);opacity:1}60%,71%{transform:translate(-78%) translateY(96.95%) rotate(-24deg);opacity:1}84%,88%{transform:translate(-78%) translateY(0) rotate(-24deg);opacity:1}to{transform:translate(0) translateY(0) rotate(0);opacity:1}}@keyframes bottom-i{0%{transform:translate(calc(100vw + 100%)) rotate(-24deg)}20%,34%{transform:translate(0) rotate(-24deg)}43%{transform:translate(0) translateY(-4%) rotate(-24deg)}50%,90%{transform:translate(0) translateY(0) rotate(-24deg)}to{transform:translate(0) translateY(0) rotate(0)}}@keyframes right-o{0%,67%{transform:translate(calc(100vw + 100%)) scaleX(1)}78%{transform:translate(-35%) scaleX(.95)}82%{transform:translate(-24%) scaleX(1)}to{transform:translate(0) scaleX(1)}}details[open] summary{border-bottom:1px dashed var(--accent-color)}details[open] summary:after{transform:rotate(-180deg)}@supports selector(::details-content){::details-content{height:0;overflow:clip}details[open]::details-content{height:auto}}details{--accent-color:var(--color-primary-darker);--padding:1rem;background:var(--color-gray-100);border:1px solid var(--accent-color)}details:has(+details){border-bottom-color:transparent}details:first-child{border-radius:5px 5px 0 0}details:last-child{border-radius:0 0 5px 5px}summary{display:grid;grid-template-columns:1fr auto;align-items:center;padding:var(--padding);font-family:Lilita One,sans-serif;font-size:1.1rem;letter-spacing:.03em;font-weight:400;font-style:normal;cursor:pointer}summary::marker{content:""}summary::-webkit-details-marker{display:none}summary:after{width:1.5rem;height:1.5rem;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");background:var(--color-text);content:"";transition:transform .3s ease-out}.content-wrapper{--padding:1.5rem;padding:var(--padding)}.header{position:sticky;top:0;left:0;height:var(--header-height);z-index:11;background-color:var(--header-bg);box-shadow:#2123261a 0 10px 10px -10px}.header .container{display:grid;grid-template-columns:170px auto;gap:var(--spacing-5);align-items:center;height:var(--header-height)}.header .logo{color:var(--logo-color);transform:scale(.6);transform-origin:left}.nav-wrapper{display:flex;align-items:center;gap:var(--spacing-6);justify-content:end}.switch-theme{display:flex;align-items:center;justify-content:center;background:0;padding:0;border:1px solid var(--color-gray-200);border-radius:50%;width:2rem;aspect-ratio:1;background:var(--color-bg);cursor:pointer;box-shadow:none;transition:box-shadow .5s ease-out}.switch-theme:is(:hover,:focus){box-shadow:#2828281a 0 0 15px,#0000001a 0 2px 4px,#ffffff0d 0 0 0 1px inset}.switch-theme .sun{color:orange}.switch-theme .moon{display:none;color:#b9eaf2}.dark .switch-theme .sun{display:none}.dark .switch-theme .moon{display:inline-block}.dark .switch-theme:is(:hover,:focus){box-shadow:#9b9b9b99 0 0 15px,#1414141a 0 2px 4px,#ffffff0d 0 0 0 1px inset}.dark .header{box-shadow:#0000004d 0 10px 10px -10px}.rss-image{display:none}.article-preview{display:grid;gap:var(--spacing-3)}@media (min-width:768px){.article-preview{display:grid;grid-template-columns:310px 1fr;column-gap:var(--spacing-5);row-gap:var(--spacing-3);grid-template-rows:auto 1fr}.article-preview .article-preview-header{order:2}}@media (min-width:1200px){.article-preview{grid-template-columns:300px 1fr}.article-preview+.article-preview{--article-spacing:var(--spacing-6)}}@media (min-width:1400px){.btn{--btn-font-size:var(--15px);--btn-font-line-height:var(--24px);--btn-padding-x:var(--spacing-4);--btn-padding-y:var(--spacing-2);--btn-icon-gap:var(--spacing-4)}.article-preview{grid-template-columns:165px 1fr}.article-preview .article-preview-header{order:1;grid-column:1/span 2}}.article-preview .article-preview-image{margin-bottom:var(--spacing-2)}.article-preview+.article-preview{margin-top:var(--article-spacing);padding-top:var(--article-spacing);border-top:1px solid var(--color-divider)}.article-preview-date{font-family:var(--font-family-heading);font-size:var(--14px);line-height:var(--21px);color:var(--color-gray-700)}.article-latest{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--article-spacing);padding-bottom:var(--article-spacing);border-bottom:1px solid var(--color-divider)}@media (min-width:768px){.article-preview .article-preview-image{grid-row:span 2/span 2;order:1;margin-bottom:0}.article-preview .article-preview-description{grid-row:span 2/span 2;order:2}.article-preview+.article-preview{--article-spacing:var(--spacing-5)}.article-preview-date{font-size:var(--16px);line-height:var(--25px)}.article-latest{--article-spacing:var(--spacing-5);gap:var(--spacing-3)}}.article-latest .article-preview-image{margin-bottom:var(--spacing-2)}.article-latest .lead{--font-size-lead:clamp(1.13rem, .74vw + .98rem, 1.63rem);--line-height-lead:clamp(1.94rem, .74vw + 1.79rem, 2.44rem)}.icon.external{margin-left:var(--spacing-2);opacity:.8}.footer-primary{--footer-color:#FFF;position:relative;border-top:2px solid var(--color-gray-500);padding-block:var(--spacing-5);background-color:var(--color-primary-darker);font-family:var(--font-family-heading);font-size:var(--16px);line-height:var(--24px);color:var(--footer-color);z-index:5}@media (min-width:1024px){.header .container{grid-template-columns:1fr auto}.header .logo{transform:scale(.8)}.footer-primary{padding-block:var(--spacing-6)}}.footer-primary .container{text-align:center}@media (min-width:768px){.footer-primary{font-size:var(--18px);line-height:var(--27px)}.footer-primary .container{text-align:left;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}.footer-primary p{margin-bottom:var(--spacing-2)}.footer-primary .social-icons a,.footer-primary .social-icons a:link,.footer-primary .social-icons a:visited{display:inline-block;margin-right:1rem}.footer-primary .social-icons a.footer-home-link{margin:0}.footer-nav a,.footer-nav a:link,.footer-nav a:visited{border-bottom:.1rem solid transparent;text-decoration:none;transition:.4s;color:var(--footer-color)}.footer-nav a:is(:hover,:focus,:active){border-color:currentColor}.footer-nav .social-icons{text-align:center;margin-bottom:var(--spacing-6)}.social-icons a,.social-icons a:link,.social-icons a:visited{color:var(--footer-color);transition:color .3s ease-out;text-decoration:none}.social-icons .facebook .social-card-title,.social-icons .facebook:active,.social-icons .facebook:focus,.social-icons .facebook:hover{color:#1877f2}.social-icons .twitter .social-card-title,.social-icons .twitter:active,.social-icons .twitter:focus,.social-icons .twitter:hover{color:#1da1f2}.social-icons .linkedin .social-card-title,.social-icons .linkedin:active,.social-icons .linkedin:focus,.social-icons .linkedin:hover{color:#0a66c2}.social-icons .bluesky .social-card-title,.social-icons .bluesky:active,.social-icons .bluesky:focus,.social-icons .bluesky:hover{color:#1185fe}.social-icons .mastodon .social-card-title,.social-icons .mastodon:active,.social-icons .mastodon:focus,.social-icons .mastodon:hover{color:#595aff}.social-icons .instagram .social-card-title,.social-icons .instagram:active,.social-icons .instagram:focus,.social-icons .instagram:hover{color:#e4405f}.social-icons .codepen .social-card-title,.social-icons .codepen:active,.social-icons .codepen:focus,.social-icons .codepen:hover{color:var(--color-primary-dark)}.social-icons .spotify .social-card-title,.social-icons .spotify:active,.social-icons .spotify:focus,.social-icons .spotify:hover{color:#1db954}.social-icons .rss .social-card-title,.social-icons .rss:active,.social-icons .rss:focus,.social-icons .rss:hover{color:#f26522}.social-icons .reddit .social-card-title,.social-icons .reddit:active,.social-icons .reddit:focus,.social-icons .reddit:hover{color:#ff4500}.footer-nav{margin-top:1.2rem}@media (min-width:768px){.footer-nav .social-icons{text-align:left;margin-bottom:0;grid-column:span 2/span 2}.footer-nav{text-align:right;margin-top:0}}.dark .codepen .social-card-title,.dark .codepen:active,.dark .codepen:focus,.dark .codepen:hover,.dark .eyeem .social-card-title,.dark .eyeem:active,.dark .eyeem:focus,.dark .eyeem:hover{color:var(--color-primary-100)}.dark .footer-primary{background-color:var(--color-primary-dark)}.sidebar{margin-block:var(--spacing-4);padding-block:var(--spacing-4);border-top:var(--color-gray-900)}.sidebar h3{display:flex;justify-content:flex-start;gap:var(--spacing-2);align-items:center}.sidebar .search{margin-block:var(--spacing-4);padding-block:var(--spacing-4);border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}@media (min-width:1024px){.footer-nav .social-icons{grid-column:span 1/span 1}.sidebar{padding-block:0;margin-block:0;border:none}.sidebar .sticky{position:sticky;top:calc(var(--header-height) + var(--spacing-6))}.categories-photography{display:flex;align-items:center;gap:var(--spacing-2)}}@media screen and (max-height:700px){.sidebar .sticky{position:static}}.photography-header .rte{max-width:900px;padding-block:var(--spacing-6)}.nav-photography{padding-block:var(--spacing-5);background-color:var(--color-primary-100)}.categories-photography{color:var(--color-gray-900)}.categories-photography .nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3)}.photo-grid{position:relative;display:flex;margin-block:24px}.photo-grid .loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-lightest);z-index:20}.photo-grid .lds-ripple{position:absolute;top:140px;left:50%}.photo-grid img{border-radius:0}.photo-grid-col{flex:1;padding:0}.photo-grid-col--2,.photo-grid-col--3{display:none}.photo-grid-item{display:block;padding-bottom:10px}.photo-grid-intro{width:400px;height:500px;display:inline-block}@media (min-width:768px){.photo-grid-col--2{display:block}.photo-grid-col{width:50%;padding:0 5px}}@media (min-width:1024px){.photo-grid-col--3{display:block}.photo-grid-col{width:33.33333%}}.dark .nav-photography{background-color:var(--color-primary-dark)}.dark .nav-photography .badge-photo-category.active{color:#fff}.comments{margin-block-end:var(--spacing-8);padding:var(--spacing-4);background:var(--color-gray-100);border-radius:8px;overflow-x:hidden}.comments h3{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-300)}.comments h4{display:flex;align-items:center;margin-bottom:var(--spacing-3);gap:.4rem}.comments .like{color:#ff0d4a}.comments .boost{color:#ff1ad6}.comments .globe{color:#473bd2}.comments small{display:flex;align-items:end;justify-content:end;font-size:.9rem}.comments small svg{display:inline-block;width:1.5rem;height:1.5rem}.comments-avatars{display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0 0 var(--spacing-5);padding:0}.comments-avatar{position:relative;display:flex;place-content:center;align-items:center;background:#dfdfdf;width:2rem;aspect-ratio:1;border-radius:50%;transition:transform .3s ease-out;transform-origin:center}.comments-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-text)}.comments-avatar.placeholder .icon{color:var(--color-bg)}@media (hover:hover){.comments-avatar:hover{transform:scale(1.3)}}.comments-avatar img{width:100%;border-radius:50%}.rte .code-block{overflow:hidden;width:100%;max-width:100%}.rte>*{margin-bottom:clamp(1.5rem,.74vw + 1.35rem,2rem)}.rte .h1,.rte h1{margin-bottom:0}.rte .h2,.rte h2{margin-bottom:clamp(.44rem,.65vw + .31rem,.88rem)}.rte .h3,.rte h3{margin-bottom:clamp(.38rem,.56vw + .26rem,.75rem)}.rte .lead{margin-bottom:clamp(2.19rem,1.39vw + 1.91rem,3.13rem)}.rte .code-block+p,.rte p+.code-block{margin-top:-12px}.rte li code,.rte p code{border-radius:.3rem;font-family:Source Code Pro,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:87%;max-width:100%;padding:.1em .25em;background-color:var(--color-gray-100)}.rte figcaption{background-color:var(--color-primary-dark);color:var(--color-lightest);padding:var(--spacing-2);font-family:var(--font-family-heading);font-style:italic;font-size:var(--18px);line-height:var(--25px)}.rte figcaption a,.rte figcaption a:is(:hover,:active,:focus){color:#fff}.rte figure:has(figcaption) img{border-bottom-left-radius:0;border-bottom-right-radius:0}.rte .image{margin-inline:auto}.rte .image.quarter{width:25%}.rte ul li::marker{color:var(--color-primary-500)}.rte .small-image{max-width:270px}.rte p>code{text-wrap:nowrap}baseline-status{max-width:100%}body,html{scroll-padding-block-start:var(--header-height)}@media (prefers-reduced-motion:no-preference){body,html{scroll-behavior:smooth}}body{display:flex;flex-direction:column;color-scheme:light only}body.dark{color-scheme:dark only}::selection{color:#333;background:var(--color-primary-100)}.page-main{flex:1}.page-main:has(.page-contact){display:flex;justify-content:stretch}.page-header{padding-block:var(--spacing-5);margin-bottom:var(--spacing-5);border-bottom:1px dashed var(--color-primary-100)}.page-header.centered .container{max-width:700px;margin-inline:auto;text-align:center}.page-header.centered .container .search{margin-top:var(--spacing-4)}body.overflow-hidden{overflow:hidden}.home-intro{display:flex;align-items:stretch;width:100%;height:calc(100vh - var(--header-height))}.home-intro .container{display:flex;justify-content:center;align-items:center}.home-intro .intro-text{position:relative;margin-top:calc(var(--header-height)/ -1);color:var(--color-darkest);padding:var(--spacing-5) 0;z-index:2;backdrop-filter:blur(30px);box-shadow:0 0 20px #2c2c2c80;border-radius:7px;background-color:#f5f5f580;width:100%;text-align:center}.dark .home-intro .intro-text{background-color:#f5f5f51a}@media (min-width:576px){.home-intro .intro-text{padding:var(--spacing-5) var(--spacing-7);width:auto}}.home-intro .intro-scramble{font-family:var(--font-family-base);display:block;text-align:center}.homepage-sections{--pseudo-start-width:60vw;--pseudo-end-width:200vw;--blend-opacity:1;overflow:hidden}@media (orientation:portrait){.homepage-sections{--pseudo-start-width:80vh;--pseudo-end-width:500vh}}.homepage-sections>:not(:first-child){position:relative;z-index:2}.homepage-sections:before{position:fixed;top:0;right:0;width:60vw;height:60vw;border-radius:50%;background:var(--orb-home-1);content:"";opacity:var(--blend-opacity);transform:translate(50%,-50%)}@supports (animation-timeline:scroll()){.homepage-sections:before{animation:forwards scrollAnimationBefore;animation-timeline:scroll(root)}}@media (prefers-reduced-motion:reduce){.homepage-sections:before{animation:none}}.homepage-sections:after{position:fixed;bottom:0;left:0;width:60vw;height:60vw;border-radius:50%;background:var(--orb-home-2);content:"";transform:translate(-50%,50%);mix-blend-mode:multiply}@supports (animation-timeline:scroll()){.homepage-sections:after{animation:forwards scrollAnimationAfter;animation-timeline:scroll(root)}}@media (prefers-reduced-motion:reduce){.homepage-sections:after{animation:none}}@keyframes scrollAnimationBefore{0%{width:var(--pseudo-start-width);height:var(--pseudo-start-width);opacity:1;transform:translate(50%,-50%)}to{width:var(--pseudo-end-width);height:var(--pseudo-end-width);transform:translateY(-50%)}}@keyframes scrollAnimationAfter{0%{width:var(--pseudo-start-width);height:var(--pseudo-start-width);opacity:1;transform:translate(-50%,50%)}to{width:var(--pseudo-end-width);height:var(--pseudo-end-width);transform:translateY(50%)}}.section-header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4)}.home-about{--after-about:0;padding-top:var(--header-height)}.home-about .container{padding-block:var(--header-height);color:var(--color-darkest);display:grid;gap:0;align-items:center}.home-about .container>div:first-child{order:2;margin-top:var(--spacing-5)}@media (min-width:1024px){.home-about .container{padding-block:0;grid-template-columns:minmax(500px,1fr) 400px;gap:40px;min-height:100vh}.home-about .container>div:first-child{order:1;margin-top:0}}@media (min-width:1200px){.article-latest{--article-spacing:var(--spacing-6)}.home-about .container{grid-template-columns:minmax(500px,1fr) 500px}}.home-about .container .lead{color:var(--color-gray-900)}.home-about .container .img-holder{order:1;position:relative;max-width:400px;margin-inline:auto}.home-about .container .img-holder:after{position:absolute;inset-block:-80px;inset-inline:-80px;background-image:radial-gradient(closest-side at 50% 50%,var(--image-gradient),transparent);content:"";z-index:-1}.home-about .container img{border-radius:50%;aspect-ratio:1/1;object-fit:cover}.home-about:after{content:"";position:fixed;bottom:0;width:100%;height:var(--after-about);background-color:var(--color-lightest)}.home-latest{background:#c8c8c81a;padding-block:var(--spacing-8)}.home-latest .section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-600)}@media (min-width:768px){.rte .image.half{width:50%}.rte .image.thirds{width:75%}.home-latest{padding-block:var(--spacing-8)}.home-latest .home-articles .article-preview-image img{aspect-ratio:1;object-fit:cover}}@media (min-width:1400px){.home-latest{padding-block:var(--spacing-9)}.home-latest .home-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-7)}.home-latest .article-preview+.article-preview{--article-spacing:0;border:0}}.home-categories{border-top:3px dashed var(--color-primary-dark);background-image:linear-gradient(#ffeadbb3 0,#ffeadb 90px);padding-block:var(--spacing-6)}@media (min-width:768px){.home-categories{padding-block:var(--spacing-7)}}.home-categories .nav-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}@media (min-width:576px){.home-categories .nav-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.home-categories .nav-list{grid-template-columns:repeat(6,1fr)}}.home-photography{padding-block:var(--spacing-6) var(--spacing-5);background:var(--color-lightest)}@media (min-width:768px){.home-photography{padding-block:var(--spacing-8)}}.home-photography .section-header{text-align:center}@media (max-width:767px){.home-photography .section-header{margin-bottom:0}}.home-photography .photography-intro{display:grid;gap:var(--spacing-5)}@media (min-width:1024px){.home-about .container .img-holder{order:2;max-width:none}.home-photography .photography-intro{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}}@media (max-width:1023px){.home-photography .photography-intro img{aspect-ratio:16/9;object-fit:cover}}@media (min-width:1400px){.home-photography{padding-block:var(--spacing-9)}.home-photography .photography-intro img{aspect-ratio:16/9;object-fit:cover}}.home-photography .button-group{display:flex;flex-direction:column;gap:10px;align-items:start}@media (min-width:576px){.home-photography .button-group{flex-direction:row;justify-content:space-between;align-items:center}}.home-photography .button-group .btn{margin-bottom:var(--spacing-4)}.home-photography img{border-radius:4px}.article-overview{padding-block:var(--spacing-4) var(--spacing-6)}@media (min-width:768px){.article-overview{padding-block:var(--spacing-5) var(--spacing-7)}.article-overview .article-preview{grid-template-columns:180px 1fr;grid-template-rows:auto 1fr}}@media (min-width:1024px){.article-overview{padding-block:var(--spacing-6) var(--spacing-8);display:grid;grid-template-columns:minmax(200px,1fr) 240px;gap:var(--spacing-7)}}@media (min-width:1200px){.article-overview{padding-block:var(--spacing-7) var(--spacing-8);grid-template-columns:minmax(200px,1fr) 320px}.article-overview .article-preview{grid-template-columns:225px 1fr}.search-list-item:not(:first-child){--article-spacing:var(--spacing-6)}}@media (min-width:768px){.article-overview .article-preview .article-preview-image img{aspect-ratio:1;object-fit:cover}.article-overview .article-preview .article-preview-header{order:1;grid-column:1/span 2}}@media (min-width:1400px){.article-overview{padding-block:var(--spacing-8) var(--spacing-8);grid-template-columns:72ch auto;gap:var(--spacing-9)}.article-overview .article-preview{grid-template-columns:225px 1fr}.article-overview .article-preview .article-preview-header{order:2;grid-column:2}}.article-header{padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-divider)}.article-header h1{text-wrap:pretty}.article-header .article-preview-date{font-size:var(--16px)}.return-to-overview{display:flex;justify-content:center;padding-block:var(--spacing-7) 0;margin-block:var(--spacing-4) 0;border-top:1px dashed var(--color-primary-500)}@media (min-width:1024px){.return-to-overview{padding-block:var(--spacing-8);margin-block:var(--spacing-8) 0}}.article-by{padding-block:var(--spacing-4);margin-block:var(--spacing-8);border-top:1px dashed var(--color-primary-dark);border-bottom:1px dashed var(--color-primary-dark)}.related{padding:var(--spacing-4);background:var(--color-gray-100);border-radius:8px}@media (min-width:768px){.article-header .article-preview-date{font-size:var(--20px)}.related{padding:var(--spacing-5)}.search-list-item:not(:first-child){--article-spacing:var(--spacing-5)}}.related h3{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-300)}.article-share{margin-block:var(--spacing-4);padding-block:var(--spacing-4);border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.article-share h4{margin-bottom:var(--spacing-4)}.article-share a:not(:hover){color:var(--color-darkest)}.article-share a{margin-right:var(--spacing-2)}.search-list-item:not(:first-child){margin-top:var(--article-spacing);padding-top:var(--article-spacing);border-top:1px solid var(--color-divider)}.search{position:relative}.search-results{position:absolute;bottom:100%;left:0;right:0;background-color:var(--color-bg);border:1px solid var(--color-divider);z-index:3;max-height:40vh;overflow-y:auto}.search-results .result-info{font-size:var(--14px);padding:var(--spacing-2);border-bottom:1px solid var(--color-gray-100)}.search-results ul{list-style:none;margin:0;padding:0}.search-results ul li{padding:var(--spacing-2);font-size:var(--15px);line-height:var(--20px);border-top:1px solid var(--color-gray-100)}.search-results ul li a{display:block;font-family:var(--font-family-heading);font-size:var(--17px);margin-bottom:var(--spacing-1)}.search-results .search-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.about-page{padding-block:var(--spacing-5) var(--spacing-6);background-color:var(--color-secondary)}.about-page .about-intro{display:grid;gap:var(--spacing-6)}.about-content .container{padding-block:var(--spacing-4) var(--spacing-6);max-width:900px}@media (min-width:768px){.about-content .container,.about-page{padding-block:var(--spacing-5) var(--spacing-7)}}@media (min-width:1024px){.search-results{top:100%;bottom:auto}.about-content .container,.about-page{padding-block:var(--spacing-6) var(--spacing-8)}}@media (min-width:1200px){.about-page{padding-block:var(--spacing-7) var(--spacing-8)}.about-page .about-intro{grid-template-columns:repeat(2,1fr);gap:var(--spacing-7);align-items:center;gap:var(--spacing-8)}.about-content .container{padding-block:var(--spacing-7) var(--spacing-8)}}@media (min-width:1400px){.about-content .container,.about-page{padding-block:var(--spacing-8)}}.about-io{overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:var(--spacing-8);text-align:center;align-items:center;border-top:1px solid var(--color-divider)}.about-io h2{margin-bottom:var(--spacing-5)}.dark{--color-primary-100:hsl(304,72%,80%);--color-primary-300:hsl(304,72%,64%);--color-primary-500:hsl(304,72%,54%);--color-primary-darker:hsl(304,72%,34%);--color-primary-dark:hsl(304,72%,22%);--color-secondary:#240433;--color-tertiary:#4d4331;--color-support:hsl(172, 71%, 25%);--color-rss-1:hsl(142, 69%, 50%);--color-rss-2:hsl(142, 66%, 30%);--color-lightest:rgb(39, 41, 50);--color-gray-100:rgba(235, 235, 235, .1);--color-gray-200:rgba(235, 235, 235, .2);--color-gray-300:rgba(235, 235, 235, .3);--color-gray-400:rgba(235, 235, 235, .4);--color-gray-500:rgba(235, 235, 235, .5);--color-gray-600:rgba(235, 235, 235, .6);--color-gray-700:rgba(235, 235, 235, .7);--color-gray-800:rgba(235, 235, 235, .8);--color-gray-900:rgba(235, 235, 235, .9);--color-gray-1000:rgb(235, 235, 235);--color-darkest:rgb(255, 255, 255);--color-text:rgb(235, 235, 235);--color-text-light:rgb(200, 200, 200);--color-text-lightest:rgb(255, 255, 255);--color-bg:rgb(39, 41, 50);--color-divider:var(--color-gray-200);--header-bg:rgb(39, 41, 50);--logo-color:rgb(255, 255, 255);--logo-bg:hsl(304,72%,54%);--orb-home-1:#230466;--orb-home-2:#57086f;--image-gradient:rgba(30,30,30,.7);--link-color:var(--color-primary-100);--link-color-hover:var(--color-primary-300);--link-color-visited:var(--color-primary-500);--prism-text:#eee;--prism-bg:black;--prism-punctuation:linen;--prism-blue:#80cbc4;--prism-pink:#ff1493;--prism-purple-light:#c792ea;--prism-css-color:#fd9170;--prism-purple:#e599f7;--prism-purple-on-dark:#ff00d6;--prism-green:#a5e844;--prism-yellow:#ffcb6b;--prism-comment:#888;--prism-regex:#f2ff00;--prism-border-color:var(--prism-bg)}.dark .home-categories{background-image:linear-gradient(#330a31b3 0,#330a31 90px)}.dark .nav-category{background-color:var(--color-primary-dark)}.dark .rte figcaption{color:#fff}.dark .article-by{border-color:var(--color-primary-500)}.dark blockquote{box-shadow:2px 2px 15px #333}.error-page{padding-block:var(--spacing-4) var(--spacing-6);text-align:center}@media (min-width:768px){.error-page{padding-block:var(--spacing-5) var(--spacing-7)}}@media (min-width:1024px){.error-page{padding-block:var(--spacing-6) var(--spacing-8)}.page-contact .contact-grid{padding-bottom:0;grid-template-columns:2fr 1fr}.page-contact .contact-grid>:first-child{order:2}}@media (min-width:1200px){.error-page{padding-block:var(--spacing-7) var(--spacing-8)}}@media (min-width:1400px){.error-page{padding-block:var(--spacing-8)}}.page-contact{width:100%;padding-block:0}.page-contact .lead{max-width:650px}.page-contact .contact-grid{display:grid;gap:var(--spacing-6)}.page-contact h1{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-divider)}.contact-form .container{max-width:900px;padding-block:var(--spacing-6)}.contact-form .container .contact-form-header{text-align:center}.contact-form .container .form-group{margin-bottom:var(--spacing-5)}.contact-form .container .alert{margin-block-start:var(--spacing-5)}.social-contact{padding-block:var(--spacing-4) var(--spacing-6);background-color:var(--color-secondary)}@media (min-width:768px){.contact-form .container{padding-block:var(--spacing-6) var(--spacing-7)}.social-contact{padding-block:var(--spacing-5) var(--spacing-7)}}@media (min-width:1024px){.contact-form .container,.social-contact{padding-block:var(--spacing-6) var(--spacing-8)}}@media (min-width:1200px){.contact-form .container,.social-contact{padding-block:var(--spacing-7) var(--spacing-8)}}@media (min-width:1400px){.contact-form .container,.social-contact{padding-block:var(--spacing-8)}}.contact-form{padding-block:var(--spacing-4) var(--spacing-6)}.contact-form h2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:20px;margin-block:var(--spacing-5);color:var(--color-text);line-height:1.2;letter-spacing:.05em;text-transform:uppercase;text-align:center}.contact-form h2:after,.contact-form h2:before{height:1px;background:var(--color-text);content:""}.social-cards{display:grid;gap:var(--spacing-5);grid-template-columns:repeat(2,1fr);padding-bottom:var(--spacing-5)}.social-card-title{display:block;text-align:center;transition:opacity .4s;opacity:0}.social-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--font-family-heading);font-size:var(--20px);font-weight:700;text-decoration:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;aspect-ratio:4/3;background:var(--color-bg);border-radius:4px}@media (min-width:576px) and (max-width:767px){.social-card{aspect-ratio:4/2}}@media (min-width:1024px) and (max-width:1199px){.social-card{aspect-ratio:4/3}}.social-card svg{display:inline-block;transform:translateY(18px);transition:transform .3s ease-out}.social-card:active svg,.social-card:focus svg,.social-card:hover svg{transform:translateY(5px)}.social-card:active .social-card-title,.social-card:focus .social-card-title,.social-card:hover .social-card-title{opacity:1;transition-delay:0;margin-top:8px}/*! purgecss start ignore */@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){.dark{--prism-blue:color(display-p3 61% 99% 100%);--prism-purple-light:color(display-p3 .79 .56 1);--prism-css-color:color(display-p3 .99 .62 .49);--prism-pink:color(display-p3 1 0 1);--prism-purple:color(display-p3 .5 0 1);--prism-purple-on-dark:color(display-p3 98% 0% 83%);--prism-green:color(display-p3 .65 .98 .1);--prism-yellow:color(display-p3 1 .77 .3)}}}code[class*=language-],pre[class*=language-]{background:0 0;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:var(--prism-text);background:var(--prism-bg);font-family:Source Code Pro,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:var(--14px);line-height:1.5em;border-radius:4px;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}@media screen and (min-width:768px){code[class*=language-],pre[class*=language-]{font-size:var(--16px)}}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;padding:1.25em 1em;border:2px solid var(--prism-border-color)}.language-css>code,.language-javascript>code,.language-sass>code,.language-scss>code{color:var(--prism-css-color)}[class*=language-] .namespace{opacity:.7}.token.atrule{color:var(--prism-css-color)}.token.atrule .rule{color:var(--prism-purple-light)}.token.attr-name{color:var(--prism-yellow)}.token.attr-value,.token.attribute{color:var(--prism-green)}.token.boolean{color:var(--prism-purple-light)}.token.builtin{color:var(--prism-yellow)}.token.cdata,.token.char{color:var(--prism-blue)}.token.class{color:var(--prism-yellow)}.token.class-name{color:var(--prism-regex)}.token.comment{color:var(--prism-comment)}.token.constant{color:var(--prism-purple-light)}.token.deleted{color:#f66}.token.doctype{color:#616161}.token.entity{color:#f66}.token.function{color:var(--prism-purple-light)}.token.hexcode{color:var(--prism-regex)}.token.id,.token.important{color:var(--prism-purple-light);font-weight:700}.token.inserted{color:var(--prism-blue)}.token.keyword{color:var(--prism-purple-light)}.token.number{color:#fd9170}.token.operator{color:var(--prism-blue)}.token.prolog{color:#616161}.token.property{color:var(--prism-blue)}.token.pseudo-class,.token.pseudo-element{color:var(--prism-green)}.token.punctuation{color:var(--prism-punctuation)}.token.regex{color:var(--prism-regex)}.token.selector{color:var(--prism-purple-on-dark)}.token.string{color:var(--prism-green)}.token.symbol{color:var(--prism-purple-light)}.token.tag{color:var(--prism-pink)}.token.unit{color:#fd9170}.token.url,.token.variable{color:#f66}/*! purgecss end ignore */.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}@media (min-width:576px){.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}}@media (min-width:768px){.contact-form{padding-block:var(--spacing-5) var(--spacing-7)}.social-cards{grid-template-columns:repeat(4,1fr)}.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}}@media (min-width:1024px){.contact-form{padding-block:var(--spacing-6) var(--spacing-8)}.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}}@media (min-width:1200px){.contact-form{padding-block:var(--spacing-7) var(--spacing-8)}.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}}@media (min-width:1400px){.contact-form{padding-block:var(--spacing-8)}.d-xxl-none{display:none}.d-xxl-inline{display:inline}.d-xxl-inline-block{display:inline-block}.d-xxl-block{display:block}}