@charset "UTF-8";:root{--color-rosewater: #f5e0dc;--color-flamingo: #f2cdcd;--color-pink: #f5c2e7;--color-mauve: #cba6f7;--color-red: #f38ba8;--color-maroon: #eba0ac;--color-peach: #fab387;--color-yellow: #f9e2af;--color-green: #a6e3a1;--color-teal: #94e2d5;--color-sky: #89dceb;--color-sapphire: #74c7ec;--color-blue: #89b4fa;--color-lavender: #b4befe;--color-text: #cdd6f4;--color-subtext1: #bac2de;--color-subtext0: #a6adc8;--color-overlay2: #9399b2;--color-overlay1: #7f849c;--color-overlay0: #6c7086;--color-surface2: #585b70;--color-surface1: #45475a;--color-surface0: #313244;--color-crust: rgb(7.1477272727, 7.1477272727, 11.3522727273);--color-base: rgb(13.8947368421, 13.8947368421, 21.3052631579);--color-mantle: #181825;--color-white: #cdd6f4}:root{--spacer-xsmall: 5px;--spacer-small: 10px;--spacer: 15px;--spacer-medium: 25px;--spacer-large: 50px;--spacer-xlarge: 100px;--padding: 4rem;--padding-element: var(--spacer);--padding-button: var(--spacer);--padding-card: var(--spacer);--spacing: .75rem;--vertical-spacer: var(--spacer);--gap: 24px;--gap-button: var(--spacer-small);--radius: 6px;--radius-small: 4px;--border-radius: var(--radius);--outline-width: 1px;--text-size: .925rem;--text-tiny: .8rem;--text-small: 1.05rem;--text-medium: 1.25rem;--text-large: 1.5rem;--icon-medium: 18px;--icon-large: 24px;--height-nav: 50px;--height-footer: 60px;--height-main: auto;--height-main-fixed: calc( 100vh - var(--height-footer) - var(--height-nav) - (var(--padding) * 2) - (var(--gap) * 2) );--spacing-list: var(--text-small);--nav-element-spacing-vertical: 15px;--nav-element-spacing-horizontal: .33rem;--nav-link-spacing-vertical: 15px;--block-spacing-vertical: calc(var(--spacing) * 2);--body-overscroll: 100px}@media(max-width:599px){:root{--padding: 1rem;--small: 13px;--medium: 16px}}:root{--font-family-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: "Berkeley Mono", consolas, "Liberation Mono", menlo, courier, monospace;--font-family: "Berkeley Mono", consolas, "Liberation Mono", menlo, courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-text: var(--color-overlay1);--color-text-secondary: var(--color-surface2);--color-text-accent: var(--color-blue);--color-text-muted: var(--color-surface1);--color-outline: var(--color-mantle);--color-icon: var(--color-surface0);--color-icon-hover: var(--color-surface2);--color-link: var(--color-overlay2);--color-link-secondary: var(--color-overlay0);--color-link-hover: var(--color-subtext1);--color-link-active: var(--color-subtext1);--primary-focus: var(--color-background-overlay);--card-background-color: none;--card-max: 50%;--card-min: 34%;--card-scale: 1.0075;--card-item-scale: 1.015;--color-background: var(--color-crust);--color-background-secondary: var(--color-base);--color-background-overlay: var(--color-mantle);--color-black: var(--color-crust);--color-grey: var(--color-overlay0);--color-light: var(--color-subtext1);--color-code-light-grey: var(--color-subtext0);--color-code-comment: var(--color-grey);--color-code-white: var(--color-light);--color: var(--color-text);--h1-color: var(--color-text);--h2-color: var(--color-text);--h3-color: var(--color-text);--h4-color: var(--color-text);--h5-color: var(--color-text);--h6-color: var(--color-text);--muted-color: var(--color-text-muted);--muted-border-color: var(--color-outline);--mark-background-color: var(--color-sapphire);--mark-color: var(--color-black);--plyr-progress-loading-background: var(--color-mauve);--plyr-color-main: var(--color-green);--progress-background-color: rgb(0 0 0 / 25%);--progress-color: rgb(255 255 255 / 25%)}button,input[type=submit]{background:var(--color-background);position:relative;text-align:center;font-size:var(--text-small);color:var(--color-link);border:1px solid var(--color-outline);padding:16px 24px;display:flex;gap:var(--gap-button);justify-content:space-between}button i,input[type=submit] i{font-size:var(--text-large);color:var(--color-icon)}button:after,input[type=submit]:after{position:absolute;right:40px;color:var(--color-text-secondary);text-align:right;content:attr(data-count)}button:hover,input[type=submit]:hover{color:var(--link-hover)}button:hover i,button:hover:after,input[type=submit]:hover i,input[type=submit]:hover:after{color:var(--link-hover)}button p,input[type=submit] p{line-height:20px}button p:not(:last-child),input[type=submit] p:not(:last-child){margin-bottom:10px}aside{width:25%;min-width:300px;max-width:500px;display:flex;flex-direction:column;padding-bottom:96px;gap:12spx}@media(max-width:599px){aside{min-height:unset;display:flex;height:auto;position:relative;top:unset;gap:var(--spacer);width:100%;padding:0;margin-bottom:0}}aside p{color:var(--color-grey);line-height:150%;max-width:400px}aside>section{padding:var(--padding-element);margin-bottom:0;gap:var(--spacer);display:flex;flex-direction:column}aside>section>figure{margin-bottom:0;gap:var(--spacer-xsmall);display:flex;flex-direction:column;width:100%;overflow:visible}aside>section>figure>ul{margin:0;width:100%}aside>section>figure>ul>li{padding:0;flex-grow:1}aside>section p{margin-bottom:0;font-size:var(--text-small)}aside>section p time.note-date{color:var(--color-link)}aside>section ul.has-thumbnail li{flex-basis:25%;cursor:pointer}aside>section ul.has-thumbnail li a{width:100%;padding:var(--spacer-small);cursor:pointer}aside>section ul.has-thumbnail li a .thumb{width:100%;height:100%}aside>section ul.has-thumbnail li a .thumb img{width:100%;height:100%;object-fit:contain}aside>section ul.has-thumbnail li a:hover{background:var(--color-surface0);color:var(--theme, var(--color-link-secondary))}aside>section ul.inline{flex-wrap:nowrap;justify-content:stretch;align-items:stretch}aside>section ul.inline li{display:flex}aside>section ul{display:flex;gap:var(--spacer-xsmall);flex-wrap:wrap}aside>section ul li{margin-bottom:0}aside>section ul li>a{border-radius:var(--radius);border:1px solid var(--color-outline);background:var(--color-background-secondary);padding:6px var(--spacer);font-size:var(--text-small);color:var(--theme, var(--color-link-secondary));text-align:center;cursor:pointer}aside>section ul li>a:hover{background:var(--theme, var(--color-link-secondary));color:var(--color-black)}aside>section ul li>a[aria-current]{opacity:.5;pointer-events:none}aside>section ul li.visible>a:hover:before{content:"−"}aside>section ul li ul li{padding:0}aside>section ul li ul li a{color:var(--color-grey)}aside>section ul li ul li a:before{content:"[" attr(data-shortcut) "]"}aside>section ul li ul li a:hover:before{content:"→"}aside>section ul li:last-child{margin-bottom:0}aside>section ul.dynamic>li:first-child,aside>section ul.dynamic>li:last-child{flex-grow:2;width:100%}aside>section h3{font-size:var(--text-small);margin-bottom:var(--vertical-spacer)}aside>section>ul{margin-bottom:0}aside>section>ul>li{padding:0}aside>section.category{display:flex;flex-direction:column;gap:5px}aside>section.category p{text-wrap:balance}aside>section>button{margin:0}aside>section.has-button{border:unset;padding:0;margin:0;flex-grow:2;display:flex;align-items:flex-end}aside>section:not(.has-tab){border:none}@media(max-width:599px){aside>section:not(.has-tab){margin-top:0}}aside>section:nth-child(1){--theme: var(--color-blue);gap:var(--spacer-small)}aside>section:nth-child(1) ul.socials{align-items:flex-start;flex-wrap:wrap;overflow:visible}aside>section:nth-child(1) ul.socials li{flex:2 auto}aside>section:nth-child(1) ul.socials li a{padding:2px 6px;max-height:42px;aspect-ratio:1/1;min-height:30px;display:flex;align-items:center;height:100%;justify-content:center;color:var(--color-link-secondary);width:100%}aside>section:nth-child(1) ul.socials li a i.cc-fill{width:15px;height:100%;margin:0;background-size:contain;display:inline-block;background-color:var(--color-link-secondary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}aside>section:nth-child(1) ul.socials li a i.cc-fill.cc-mastodon{background-position:center center;background-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='19'%20viewBox='0%200%2020%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2417_14019)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.1164%2014.7195C16.3999%2014.4502%2018.3882%2013.0606%2018.6381%2011.7908C19.0318%209.79063%2018.9993%206.90969%2018.9993%206.90969C18.9993%203.00494%2016.4091%201.86039%2016.4091%201.86039C15.103%201.26795%2012.8603%201.01881%2010.5304%201H10.4731C8.14313%201.01881%205.90191%201.26795%204.59577%201.86039C4.59577%201.86039%202.00539%203.00494%202.00539%206.90969C2.00539%207.14641%202.00415%207.39539%202.00286%207.65459C1.99928%208.37444%201.9953%209.17309%202.01639%2010.0067C2.11045%2013.8253%202.72523%2017.5888%206.29998%2018.5233C7.94822%2018.9541%209.36335%2019.0443%2010.5031%2018.9825C12.5699%2018.8693%2013.7301%2018.254%2013.7301%2018.254L13.662%2016.7729C13.662%2016.7729%2012.185%2017.2329%2010.5262%2017.1768C8.8828%2017.1212%207.14786%2017.0018%206.88206%2015.009C6.85751%2014.8339%206.84523%2014.6467%206.84523%2014.4502C6.84523%2014.4502%208.45852%2014.8396%2010.5031%2014.9322C11.7532%2014.9888%2012.9256%2014.8598%2014.1164%2014.7195ZM15.9425%2011.9404V7.21238C15.9425%206.24609%2015.6934%205.47821%2015.1931%204.91011C14.677%204.34201%2014.0013%204.05078%2013.1625%204.05078C12.1919%204.05078%2011.457%204.4192%2010.9711%205.15614L10.4986%205.93828L10.0262%205.15614C9.54026%204.4192%208.8053%204.05078%207.83478%204.05078C6.99593%204.05078%206.32018%204.34201%205.80418%204.91011C5.3038%205.47821%205.05469%206.24609%205.05469%207.21238V11.9404H6.95125V7.35135C6.95125%206.38399%207.36336%205.89299%208.18768%205.89299C9.09909%205.89299%209.55597%206.47544%209.55597%207.62716V10.139H11.4413V7.62716C11.4413%206.47544%2011.8981%205.89299%2012.8095%205.89299C13.6339%205.89299%2014.046%206.38399%2014.046%207.35135V11.9404H15.9425Z'%20fill='%239399B2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2417_14019'%3e%3crect%20width='17'%20height='18'%20fill='white'%20transform='translate(2%201)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='19'%20viewBox='0%200%2020%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2417_14019)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.1164%2014.7195C16.3999%2014.4502%2018.3882%2013.0606%2018.6381%2011.7908C19.0318%209.79063%2018.9993%206.90969%2018.9993%206.90969C18.9993%203.00494%2016.4091%201.86039%2016.4091%201.86039C15.103%201.26795%2012.8603%201.01881%2010.5304%201H10.4731C8.14313%201.01881%205.90191%201.26795%204.59577%201.86039C4.59577%201.86039%202.00539%203.00494%202.00539%206.90969C2.00539%207.14641%202.00415%207.39539%202.00286%207.65459C1.99928%208.37444%201.9953%209.17309%202.01639%2010.0067C2.11045%2013.8253%202.72523%2017.5888%206.29998%2018.5233C7.94822%2018.9541%209.36335%2019.0443%2010.5031%2018.9825C12.5699%2018.8693%2013.7301%2018.254%2013.7301%2018.254L13.662%2016.7729C13.662%2016.7729%2012.185%2017.2329%2010.5262%2017.1768C8.8828%2017.1212%207.14786%2017.0018%206.88206%2015.009C6.85751%2014.8339%206.84523%2014.6467%206.84523%2014.4502C6.84523%2014.4502%208.45852%2014.8396%2010.5031%2014.9322C11.7532%2014.9888%2012.9256%2014.8598%2014.1164%2014.7195ZM15.9425%2011.9404V7.21238C15.9425%206.24609%2015.6934%205.47821%2015.1931%204.91011C14.677%204.34201%2014.0013%204.05078%2013.1625%204.05078C12.1919%204.05078%2011.457%204.4192%2010.9711%205.15614L10.4986%205.93828L10.0262%205.15614C9.54026%204.4192%208.8053%204.05078%207.83478%204.05078C6.99593%204.05078%206.32018%204.34201%205.80418%204.91011C5.3038%205.47821%205.05469%206.24609%205.05469%207.21238V11.9404H6.95125V7.35135C6.95125%206.38399%207.36336%205.89299%208.18768%205.89299C9.09909%205.89299%209.55597%206.47544%209.55597%207.62716V10.139H11.4413V7.62716C11.4413%206.47544%2011.8981%205.89299%2012.8095%205.89299C13.6339%205.89299%2014.046%206.38399%2014.046%207.35135V11.9404H15.9425Z'%20fill='%239399B2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2417_14019'%3e%3crect%20width='17'%20height='18'%20fill='white'%20transform='translate(2%201)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");-webkit-mask-size:100%;mask-size:100%;--webkit-mask-size: 100%}aside>section:nth-child(1) ul.socials li a i.cc-fill.cc-giphy{background-position:center center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='19'%20viewBox='0%200%2016%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0006%206.51465H13.7148V16.8289H16.0006V6.51465Z'%20fill='%239399B2'/%3e%3cpath%20d='M16%2016.8281H0V18.9996H16V16.8281Z'%20fill='%239399B2'/%3e%3cpath%20d='M2.28571%202.17188H0V16.829H2.28571V2.17188Z'%20fill='%239399B2'/%3e%3cpath%20d='M9.14286%200H0V2.17143H9.14286V0Z'%20fill='%239399B2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.7121%204.34286V2.17143H11.4263V0H9.14062V2.18229V2.19314V4.35371V6.51429H11.4263H13.7121H15.9978V4.34286H13.7121Z'%20fill='%239399B2'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='19'%20viewBox='0%200%2016%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0006%206.51465H13.7148V16.8289H16.0006V6.51465Z'%20fill='%239399B2'/%3e%3cpath%20d='M16%2016.8281H0V18.9996H16V16.8281Z'%20fill='%239399B2'/%3e%3cpath%20d='M2.28571%202.17188H0V16.829H2.28571V2.17188Z'%20fill='%239399B2'/%3e%3cpath%20d='M9.14286%200H0V2.17143H9.14286V0Z'%20fill='%239399B2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.7121%204.34286V2.17143H11.4263V0H9.14062V2.18229V2.19314V4.35371V6.51429H11.4263H13.7121H15.9978V4.34286H13.7121Z'%20fill='%239399B2'/%3e%3c/svg%3e");height:35%;background-size:contain}aside>section:nth-child(1) ul.socials li a:hover{color:var(--theme)}aside>section:nth-child(1) ul.socials li a:hover i.cc-fill{background-color:var(--theme)}aside>section:nth-child(1) ul.socials li{--theme: var(--color-blue)}aside>section:nth-child(1).meta{border:none}aside>section:nth-child(2){--theme: var(--color-teal);gap:var(--spacer-xsmall)}aside>section:nth-child(2) ul li{flex-grow:2}@media(max-width:1280px){aside>section:nth-child(2) span.emoji{display:none}}aside>section:nth-child(3){--theme: var(--color-yellow)}aside>section:nth-child(3) ul{justify-content:stretch}aside>section:nth-child(3) ul li{flex-grow:2}aside>section:nth-child(4){--theme: var(--color-red)}aside>section:nth-child(4) ul{justify-content:stretch}aside>section:nth-child(4) ul li{flex-grow:2}aside section#intro{margin-bottom:0}aside section#intro p:not([data-vibe=default]){display:none}aside section#intro .moreinfo{display:none;visibility:hidden;order:1}aside section#intro .moreinfo.revealed{display:block;visibility:visible}aside section#intro{padding-bottom:14px}aside button{background:rgb(var(--color-background) .9);width:auto;position:relative;text-align:left;font-size:var(--text-small);color:var(--color-link-secondary);gap:10px;align-self:flex-start;border-radius:var(--radius);border:1px solid var(--color-outline);padding:16px;box-sizing:border-box}aside button i{margin-top:1px;font-size:var(--text-large);color:var(--color-icon)}aside button .filetype{text-transform:uppercase;display:flex;justify-content:center;align-items:center;color:var(--color-text-secondary)}aside button:after{position:absolute;right:40px;color:var(--color-text-secondary);text-align:right;content:attr(data-count)}aside button:hover{color:var(--link-hover)}aside button:hover i,aside button:hover:after{color:var(--color-icon-hover)}aside button p{line-height:20px}aside button p:not(:last-child){margin-bottom:10px}aside{padding-right:0}aside section{border-radius:var(--radius);border:1px solid var(--color-outline);padding:var(--spacer);box-sizing:border-box;font-size:var(--text-small)}aside section a{color:var(--color-link)}aside section a:hover{color:var(--color-link-hover)}aside section p:last-child{margin-bottom:0}aside section p .note-date{color:var(--color-text-secondary)}aside section h3,aside section h4{font-size:var(--text-small)}aside section#filter{gap:var(--gap)}aside section#filter h3{margin-bottom:var(--vertical-spacer)}aside section#filter>ul{margin-bottom:10px}aside section#filter ul li a{font-size:17px}aside section#filter ul li ul{display:none}aside section#filter ul li.visible ul{display:block}aside#about button#guestbook{display:inline-block}aside#project h3{color:var(--color-white);font-size:var(--text-large)}aside#project>section.list ul li{margin-bottom:5px}aside#project>section.list ul li a:after{content:"↗"}aside#project>section.list ul li a:before{display:none}aside#project>section.list ul li a:after{color:var(--color-text-secondary);margin-left:-2px}aside#project>section.list ul li .role{font-size:var(--text-tiny);color:var(--color-grey)}aside#project #cta{display:flex;flex-direction:row;place-content:center space-between;color:var(--color-grey);font-size:100%}aside#project #cta a:after{content:"↗"}aside#project #cta a:after{color:var(--color-text-secondary);margin-left:2px}@media(max-width:599px){body.portfolio>main{gap:var(--spacer-medium)}}body.portfolio>main>aside>section>button{width:100%}body.portfolio>main>aside>section img{width:75px}body.portfolio>main>aside>section.list>ul>li>a:before{display:none}body.portfolio>main>aside>section.list>ul>li>a:after{content:attr(data-count);font-size:var(--text-small);color:var(--color-text-secondary)}body.portfolio>main>aside>section.list>ul>li>a[aria-current]:hover:before{content:"↖"}body.portfolio>main>aside>section.list>ul>li ul{display:none}body.portfolio>main>aside>section.list>ul>li ul li a:before{content:"→"}body.portfolio>main>aside>section.list>ul>li.visible ul{display:block}body.portfolio>main>aside>section.list>ul>li>ul[aria-current]{display:block}@media(max-width:599px){body.portfolio>main>aside{gap:var(--spacer-xsmall);height:auto;top:20px;margin-bottom:var(--spacer)}body.portfolio>main>aside .meta{width:auto;flex-shrink:1;padding:0}body.portfolio>main>aside .meta ul.logo{width:auto;flex-shrink:1}body.portfolio>main>aside.portfolio-child{flex-direction:row;height:auto;padding-top:15px;padding-bottom:0;overflow:scroll hidden;position:relative;scroll-snap-type:x mandatory;width:100vw;transform:translate(calc(-1 * var(--spacer)))}body.portfolio>main>aside.portfolio-child>section{scroll-snap-align:center;min-width:275px;max-height:300px;flex-grow:0;height:auto;justify-content:center;align-items:stretch;padding:var(--spacer-medium)}body.portfolio>main>aside.portfolio-child>section:first-child{margin-left:var(--spacer);scroll-snap-align:center}body.portfolio>main>aside.portfolio-child>section:first-child>p{height:100%;flex-grow:2;align-items:center}body.portfolio>main>aside.portfolio-child>section>ul{flex-grow:2;align-items:stretch;justify-content:stretch}body.portfolio>main>aside.portfolio-child>section>ul>li>a{flex-grow:2;height:100%;vertical-align:middle;padding:auto 0;display:flex;align-items:center}body.portfolio>main>aside.portfolio-child>section>div.construction{flex-grow:2;height:100%;vertical-align:middle;text-align:center;padding:0;display:flex;justify-content:center;align-items:center;width:100%}body.portfolio>main>aside.portfolio-child>section>div.construction>span{width:100%}body.portfolio>main>aside.portfolio-child{height:auto;flex-wrap:wrap;gap:30px;width:100%;transform:none;padding-top:0}body.portfolio>main>aside.portfolio-child section{height:auto;min-height:unset;max-height:unset;gap:var(--spacer);width:100%}body.portfolio>main>aside.portfolio-child .meta{width:100%;margin-left:0!important}}body.portfolio>main>section{padding-bottom:var(--body-overscroll)}@media(max-width:599px){body.portfolio>main>section{padding-bottom:var(--spacer)}}body.portfolio>main>section .grid.portfolio-child{align-items:stretch;justify-content:flex-start}body.portfolio>main>section .grid.portfolio-child>li>figure{justify-content:center}body.portfolio>main>section .grid>a,body.portfolio>main>section .grid>li{min-height:unset;height:auto;max-height:unset}body.portfolio>main>section .grid>a:nth-child(1),body.portfolio>main>section .grid>li:nth-child(1){flex:1 0 calc(50% - 12.5px)}body.portfolio>main>section .grid>a:nth-child(2),body.portfolio>main>section .grid>a:nth-child(3),body.portfolio>main>section .grid>a:nth-child(4),body.portfolio>main>section .grid>li:nth-child(2),body.portfolio>main>section .grid>li:nth-child(3),body.portfolio>main>section .grid>li:nth-child(4){flex:1 0 calc(50% - 12.5px)}body.portfolio>main>section .grid a figure ul,body.portfolio>main>section .grid li figure ul{flex-direction:column}body.portfolio>main>section .grid a figure ul li .thumb,body.portfolio>main>section .grid li figure ul li .thumb{background:none}body.portfolio>main>section .grid a figure ul li,body.portfolio>main>section .grid li figure ul li{order:1;align-self:stretch;align-items:center;padding:var(--spacer)}body.portfolio>main>section .grid a figure ul li.has-thumb,body.portfolio>main>section .grid li figure ul li.has-thumb{padding:0;height:auto;align-items:flex-start}body.portfolio>main>section .grid a figure ul li.has-thumb a,body.portfolio>main>section .grid li figure ul li.has-thumb a{display:flex;flex-flow:row;height:auto;padding:var(--spacer-small)}body.portfolio>main>section .grid a figure ul li.has-thumb a .thumb,body.portfolio>main>section .grid li figure ul li.has-thumb a .thumb{width:100%;max-width:unset;height:auto}body.portfolio>main>section .grid a figure ul li.has-thumb a h3,body.portfolio>main>section .grid li figure ul li.has-thumb a h3{width:auto;flex-basis:auto}body.portfolio>main>section .grid a figure ul li.has-thumb a .detail,body.portfolio>main>section .grid li figure ul li.has-thumb a .detail{width:auto;flex-basis:auto;text-align:left}body.portfolio>main>section .grid a figure .detail-container,body.portfolio>main>section .grid li figure .detail-container{display:flex;flex-direction:column}body.portfolio>main>section .grid a figure section.details .thumb,body.portfolio>main>section .grid li figure section.details .thumb{width:128px}body.portfolio>main>section .grid a figure section.details p,body.portfolio>main>section .grid li figure section.details p{font-size:90%}@media(max-width:599px){body.portfolio>main>section .grid a>figure,body.portfolio>main>section .grid li>figure{flex-direction:column;gap:var(--spacer-xsmall);overflow:visible}body.portfolio>main>section .grid a>figure.faded:after,body.portfolio>main>section .grid li>figure.faded:after{display:none}body.portfolio>main>section .grid a>figure>section,body.portfolio>main>section .grid li>figure>section{gap:var(--spacer);padding-bottom:0;overflow:visible}body.portfolio>main>section .grid a>figure>section>ul,body.portfolio>main>section .grid li>figure>section>ul{display:flex;flex-direction:column;gap:var(--spacer)}body.portfolio>main>section .grid a>figure>section>ul>li>p,body.portfolio>main>section .grid li>figure>section>ul>li>p{margin-bottom:0}body.portfolio>main>section .grid a>figure>ul,body.portfolio>main>section .grid li>figure>ul{flex-direction:row;justify-content:flex-start;overflow-x:scroll;scroll-snap-type:x mandatory;border-radius:var(--radius);padding:0;gap:var(--spacer-small)}}@media(max-width:599px)and (max-width:599px){body.portfolio>main>section .grid a>figure>ul,body.portfolio>main>section .grid li>figure>ul{align-items:stretch}}@media(max-width:599px){body.portfolio>main>section .grid a>figure>ul>li,body.portfolio>main>section .grid a>figure>ul>li.has-thumb,body.portfolio>main>section .grid li>figure>ul>li,body.portfolio>main>section .grid li>figure>ul>li.has-thumb{height:200px;min-width:200px;scroll-snap-align:start}}@media(max-width:599px)and (max-width:599px){body.portfolio>main>section .grid a>figure>ul>li,body.portfolio>main>section .grid a>figure>ul>li.has-thumb,body.portfolio>main>section .grid li>figure>ul>li,body.portfolio>main>section .grid li>figure>ul>li.has-thumb{min-width:unset;height:auto;width:auto;flex-basis:calc(50% - var(--spacer-small) / 2);flex-grow:1}}@media(max-width:599px){body.portfolio>main>section .grid a>figure>ul>li>a,body.portfolio>main>section .grid a>figure>ul>li.has-thumb>a,body.portfolio>main>section .grid li>figure>ul>li>a,body.portfolio>main>section .grid li>figure>ul>li.has-thumb>a{height:100%;justify-content:flex-end;align-items:flex-start;gap:var(--spacer-xsmall);flex-flow:column nowrap;padding-bottom:var(--spacer)}body.portfolio>main>section .grid a>figure>ul>li>a>h3,body.portfolio>main>section .grid a>figure>ul>li.has-thumb>a>h3,body.portfolio>main>section .grid li>figure>ul>li>a>h3,body.portfolio>main>section .grid li>figure>ul>li.has-thumb>a>h3{flex-basis:unset;margin-top:var(--spacer);line-height:100%}body.portfolio>main>section .grid a>figure>ul>li>a>.thumb,body.portfolio>main>section .grid a>figure>ul>li.has-thumb>a>.thumb,body.portfolio>main>section .grid li>figure>ul>li>a>.thumb,body.portfolio>main>section .grid li>figure>ul>li.has-thumb>a>.thumb{flex-grow:2}body.portfolio>main>section .grid a>figure>ul>li>a>.detail,body.portfolio>main>section .grid a>figure>ul>li.has-thumb>a>.detail,body.portfolio>main>section .grid li>figure>ul>li>a>.detail,body.portfolio>main>section .grid li>figure>ul>li.has-thumb>a>.detail{width:auto;flex-basis:unset;white-space:nowrap}body.portfolio>main>section .grid a>figure>ul:not(:has(li)),body.portfolio>main>section .grid li>figure>ul:not(:has(li)){padding:var(--spacer-xsmall) 0 0 0}}