:root{color-scheme:light dark;--blue:#009bcd;--turquoise:#53c2c9;--blue-secondary:#007ea6;--darkgrey:#444;--text-color:var(--darkgrey);--secondary-text-color:#5c6f75;--secondary-large-text-color:#63787e;--bg-color:#eceef0;--divider-color:#d9dbde;--link-underline-default:rgba(0,155,205,.4);--link-underline-hover:var(--blue);--link-underline-active:var(--blue-secondary);--action-background-l1:rgba(147,187,201,.2);--action-background-l2:rgba(147,187,201,.4);--action-background-l3:rgba(147,187,201,.5);--font-fam:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--space-l1:0.625rem;--space-l2:1.25rem;--space-l3:2.5rem;--space-l4:5rem}section.feature{text-align:left}section.feature+section.feature{margin-top:5rem;margin-top:var(--space-l4)}section.feature img{height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}section.feature h2{font-family:caslon-graphique,IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:"caslon-graphique",var(--font-fam);font-size:2em;font-weight:700;line-height:1.25;margin:.625rem 0;margin:var(--space-l1) 0}section.feature a h2{color:#444;color:var(--text-color)}section.feature .post-image{animation:main-image 1s ease-out .3s backwards}:is(section.feature .post-image):hover{box-shadow:0 3px 9px rgba(14,21,47,.3)}section.feature .main-text{animation:main-text 1s ease-out .3s backwards}section.feature p{margin:0}section.feature .item-link{display:inline-block;line-height:2}:is(section.feature .item-link):after{border-style:solid;border-width:.1em .1em 0 0;content:"";display:inline-block;height:.45em;left:0;position:relative;top:.85em;transform:rotate(45deg);transition:transform .3s ease-out;vertical-align:top;width:.45em}:is(section.feature .item-link):hover:after{transform:rotate(45deg) translate(.15em,-.15em);transition-timing-function:ease-in}section.feature .aside{margin-top:1.25rem;margin-top:var(--space-l2)}section.feature .aside-image{border-radius:5px;box-shadow:0 2px 5px rgba(14,21,47,.2);display:block}section.feature .aside-text{color:#5c6f75;color:var(--secondary-text-color)}section.feature .aside.one{animation:aside-one 1s ease-out .3s backwards}:is(section.feature .aside.one) .aside-image{float:right;margin-bottom:1.25rem;margin-bottom:var(--space-l2);margin-left:1.25rem;margin-left:var(--space-l2);max-width:15rem;width:50%}section.feature .aside.two{animation:aside-two 1s ease-out .3s backwards;margin-bottom:1.25rem;margin-bottom:var(--space-l2);margin-left:auto;margin-right:auto;max-width:25rem;width:80%}:is(section.feature .aside.two) .aside-text{margin-top:1em}@keyframes main-image{0%{opacity:0;transform:translateX(-7.5%) translateY(-25%)}60%{opacity:1;transform:translateX(0)}to{transform:translateX(0) translateY(0)}}@keyframes main-text{0%{opacity:0;transform:translateX(7.5%) translateY(-25%)}60%{opacity:1;transform:translateX(0)}to{transform:translateX(0) translateY(0)}}@keyframes aside-one{0%{opacity:0;transform:translateX(7.5%) translateY(25%)}60%{opacity:1;transform:translateX(0)}to{transform:translateX(0) translateY(0)}}@keyframes aside-two{0%{opacity:0;transform:translateX(-7.5%) translateY(25%)}60%{opacity:1;transform:translateX(0)}to{transform:translateX(0) translateY(0)}}.secondary-items{border-top:3px solid #d9dbde;border-top:3px solid var(--divider-color);padding-top:1.25rem;padding-top:var(--space-l2);text-align:left}.secondary-items h2.bin-title{font-size:2em;line-height:1;margin:0 0 .625rem;margin:0 0 var(--space-l1)}.js :is(.secondary-items h2.bin-title){cursor:pointer;display:inline-block;position:relative}:is(.js :is(.secondary-items h2.bin-title)):after{border-bottom:.3rem solid transparent;border-left:.4rem solid #444;border-left:.4rem solid var(--text-color);border-top:.3rem solid transparent;content:"";display:inline-block;height:0;position:relative;right:-.25em;top:-.15em;transition:transform .3s ease-out;width:0}.active:is(.js :is(.secondary-items h2.bin-title)):after{transform:rotate(90deg)}.scroll-well{overflow-x:auto;position:relative;transition:background-color .5s ease,box-shadow .5s ease;white-space:nowrap;-webkit-overflow-scrolling:touch;background-color:rgba(130,150,156,.15);border-radius:10px;box-shadow:inset 0 4px 15px rgba(130,150,156,.25);padding:1.25rem 1.25rem .625rem;padding:var(--space-l2) var(--space-l2) var(--space-l1)}.scroll-well .card{display:inline-block;margin:0 .625rem;margin:0 var(--space-l1);max-width:92.5%;width:16em}:is(.scroll-well .card):first-of-type{margin-left:0}:is(.scroll-well .card):last-child{margin-right:0}.grid{margin-top:.625rem;margin-top:var(--space-l1)}.grid .card{display:inline-block;margin-bottom:2.5rem;margin-bottom:var(--space-l3)}:is(.grid .card):last-child{margin-bottom:0}:is(.grid .card) .post-image{height:auto}:is(.grid .card) .post-title{font-size:1.75em}.card{text-align:left}.card .post-title{font-family:caslon-graphique,IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:"caslon-graphique",var(--font-fam);font-size:1.65em;font-weight:700;margin:.625rem 0 0;margin:var(--space-l1) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.card .post-title) a{color:#444;color:var(--text-color)}.home-template h2>a,.home-template h3>a{color:#444;color:var(--text-color);text-shadow:0 0 9px rgba(14,21,47,0);transition:text-shadow .3s ease}.home-template .post-image:hover{box-shadow:0 3px 9px rgba(14,21,47,.3)}.post-template .post{max-width:100%;text-align:left}.post-template .post-header{margin:0 .625rem;margin:0 var(--space-l1)}.post-template h1.post-title{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}.post-template .post-content{display:flex;flex-direction:column;font-size:1.15em;margin:1.25rem auto 0;margin:var(--space-l2) auto 0;max-width:45rem;padding:0 1.25rem;padding:0 var(--space-l2)}@supports (padding-left:env(safe-area-inset-left)){.post-template .post-content{padding-left:calc(1.25rem + env(safe-area-inset-left));padding-left:calc(var(--space-l2) + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));padding-right:calc(var(--space-l2) + env(safe-area-inset-right))}}:is(.post-template .post-content) iframe,:is(.post-template .post-content) img,:is(.post-template .post-content) video{max-width:100%}:is(.post-template .post-content) img{display:block;height:auto;margin:.625rem 0;margin:var(--space-l1) 0}:is(.post-template .post-content) h2{font-family:caslon-graphique,IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:"caslon-graphique",var(--font-fam);font-weight:700;margin-bottom:0;margin-top:1.25rem;margin-top:var(--space-l2)}:is(.post-template .post-content) p{margin-top:0}:is(.post-template .post-content) a{text-decoration:underline}:is(.post-template .post-content) ol,:is(.post-template .post-content) ul{padding-left:1.25rem;padding-left:var(--space-l2)}.post-template figure.kg-embed-card{margin:1.25rem auto;margin:var(--space-l2) auto}:is(.post-template figure.kg-embed-card) iframe{margin-left:auto;margin-right:auto}.post-template figure.kg-gallery-card,.post-template figure.kg-image-card{margin:.625rem 0;margin:var(--space-l1) 0;text-align:left}.kg-width-wide:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card) img.kg-image{margin-left:-1.25rem;margin-left:calc(var(--space-l2)*-1);max-width:calc(100% + 2.5rem);max-width:calc(100% + var(--space-l2)*2)}.kg-gallery-card:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card),.kg-width-full:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card){align-self:center}:is(.kg-width-full:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card),.kg-gallery-card:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card)) img.kg-image{max-width:100vw;width:100vw}:is(.kg-width-full:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card),.kg-gallery-card:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card)) figcaption{max-width:calc(100% - 2.5rem);max-width:calc(100% - var(--space-l2)*2)}:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card) figcaption{color:#5c6f75;color:var(--secondary-text-color);font-size:.85em;font-style:italic;margin:0 auto;padding:0 0 1.25rem;padding:0 0 var(--space-l2);text-align:left}.post-template .kg-gallery-container{display:flex;flex-direction:column;margin:1.25rem auto;margin:var(--space-l2) auto;max-width:65rem;width:100vw}.post-template .kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.post-template .kg-gallery-image img{display:block;height:100%;margin:0;width:100%}.post-template .kg-gallery-row:not(:first-of-type){margin:.625rem 0 0;margin:var(--space-l1) 0 0}.post-template .kg-gallery-image:not(:first-of-type){margin:0 0 0 .625rem;margin:0 0 0 var(--space-l1)}.post-template .kg-bookmark-card{position:relative;width:100%}.post-template figure.kg-bookmark-card{margin:1.25rem auto;margin:var(--space-l2) auto}.post-template a.kg-bookmark-container{border:3px solid #d9dbde;border:3px solid var(--divider-color);border-radius:.5rem;color:currentColor;display:flex;flex-flow:row;flex-direction:row-reverse;font-family:inherit;text-decoration:none;transition:border-color .3s ease}:is(.post-template a.kg-bookmark-container):hover{border-color:#009bcd;border-color:var(--blue)}.post-template .kg-bookmark-content{display:flex;flex-basis:100%;flex-direction:column;flex-grow:1;order:1;padding:1.25rem;padding:var(--space-l2)}.post-template .kg-bookmark-title{font-size:1.1rem;font-weight:600;line-height:1.2}.post-template .kg-bookmark-description,.post-template .kg-bookmark-metadata{margin-top:.5em}.post-template .kg-bookmark-metadata{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-template .kg-bookmark-description{display:-webkit-box;-webkit-box-orient:vertical;font-size:.85rem;-webkit-line-clamp:3;overflow:hidden}.post-template .kg-bookmark-metadata .kg-bookmark-icon{display:inline-block;height:1em;margin-bottom:0;margin-top:0;vertical-align:text-bottom;width:1em}.post-template .kg-bookmark-thumbnail{display:flex;flex-basis:33%;flex-grow:1;position:relative}.post-template .kg-bookmark-thumbnail img{border-radius:0 .3rem .3rem 0;height:100%;left:0;margin:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.post-template .kg-bookmark-icon+.kg-bookmark-author{margin-left:.625rem;margin-left:var(--space-l1)}.post-template .kg-bookmark-author{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-template .kg-bookmark-publisher:before{content:"•";margin:0 .5em}a{color:#009bcd;color:var(--blue);text-decoration:none;transition:color .35s ease-out}.content{margin-bottom:0;margin-left:auto;margin-right:auto}footer,section{margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-left:var(--space-l2);padding-right:1.25rem;padding-right:var(--space-l2)}@supports (padding-left:env(safe-area-inset-left)){footer,section{padding-left:calc(1.25rem + env(safe-area-inset-left));padding-left:calc(var(--space-l2) + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));padding-right:calc(var(--space-l2) + env(safe-area-inset-right))}}footer{margin-bottom:1.25rem;margin-bottom:var(--space-l2);margin-top:.625rem;margin-top:var(--space-l1);max-width:55em}@supports (margin-bottom:env(safe-area-inset-bottom)){footer{margin-bottom:calc(1.25rem + env(safe-area-inset-bottom));margin-bottom:calc(var(--space-l2) + env(safe-area-inset-bottom))}}.post-image{border-radius:5px;box-shadow:0 2px 5px rgba(14,21,47,.2);display:block;margin:0;-o-object-fit:cover;object-fit:cover;transition:box-shadow .5s ease;width:100%}.pagination{margin:0 auto;padding:1.25rem 0;padding:var(--space-l2) 0;text-align:center}@media (min-width:35em){section.feature:nth-last-child(n+3){margin-bottom:5rem;margin-bottom:var(--space-l4)}section.feature .main-info{align-items:flex-start;display:flex;justify-content:space-between}section.feature .main-image{width:65%}section.feature .main-text{animation-delay:0s;width:calc(35% - 1.25rem);width:calc(35% - var(--space-l2))}:is(section.feature .main-text) h2{margin-top:-.2em}section.feature .aside{margin-top:2.5rem;margin-top:var(--space-l3);position:relative}section.feature .aside-image{box-shadow:0 3px 25px rgba(14,21,47,.35)}section.feature .aside-text{margin-top:1em}section.feature .aside.one{float:right;max-width:none;width:calc(50% - 1.25rem);width:calc(50% - var(--space-l2))}:is(section.feature .aside.one) .aside-image{float:none;margin:0;max-width:100%;width:auto}section.feature .aside.two{float:left;max-width:none;width:calc(50% - 1.25rem);width:calc(50% - var(--space-l2))}@keyframes main-text{0%{opacity:0;transform:translateX(10%)}60%{opacity:1}to{transform:translateX(0)}}.grid .card{width:47%}:is(.grid .card):nth-child(odd){margin-right:5%}.post-template .post-header{margin:0 1.25rem;margin:0 var(--space-l2)}.post-template .post-content{font-size:1.25em;margin-bottom:2.5rem;margin-bottom:var(--space-l3);margin-top:2.5rem;margin-top:var(--space-l3)}:is(.post-template .post-content) ol,:is(.post-template .post-content) ul{padding-left:2.5rem;padding-left:var(--space-l3)}}@media (min-width:45em){:is(.kg-width-full:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card),.kg-gallery-card:is(.post-template figure.kg-image-card,.post-template figure.kg-gallery-card)) figcaption{max-width:42.5rem;max-width:calc(45rem - var(--space-l2)*2)}}@media (min-width:50em){section.feature .aside{margin-right:2.5rem;margin-right:var(--space-l3)}section.feature .aside.one,section.feature .aside.two{width:calc(46.5% - .625rem)}section.feature .aside.one{margin-top:-var(--space-l3)}section.feature .aside.two{margin-top:2.5rem;margin-top:var(--space-l3)}}@media (color-gamut:p3){:root{--blue:color(display-p3 0.2 0.6 0.85);--turquoise:color(display-p3 0.3 0.75 0.75);--blue-secondary:color(display-p3 0.15 0.5 0.7)}}@media (hover){:is(.home-template h2>a,.home-template h3>a):hover{color:#444;color:var(--text-color);text-shadow:0 3px 9px rgba(14,21,47,.2)}a:hover{color:#007ea6;color:var(--blue-secondary)}a:active{color:#444;color:var(--text-color)}}@media (prefers-color-scheme:dark){:root{--bg-color:#202020;--text-color:#eceef0;--secondary-text-color:#c6ccd2;--secondary-large-text-color:#b5bdc4;--divider-color:#4a545e;--action-background-l1:rgba(74,84,94,.4);--action-background-l2:rgba(74,84,94,.6);--action-background-l3:rgba(74,84,94,.7)}}@media (prefers-reduced-motion:reduce){section.feature .post-image{animation:none}section.feature .main-text{animation:none}section.feature .aside.one{animation:none}section.feature .aside.two{animation:none}}
/*# sourceMappingURL=portfolio.css.map */